/* Unified site-wide matte-glass surfaces: rounded geometry, frosted layers and soft depth. */
:root{
  --surface-glass:rgba(255,255,255,.76);
  --surface-glass-strong:rgba(255,255,255,.88);
  --surface-glass-border:rgba(188,215,228,.78);
  --surface-glass-shadow:0 12px 30px rgba(20,67,91,.095),0 2px 7px rgba(22,76,101,.045),inset 0 1px 0 rgba(255,255,255,.92);
  --surface-glass-shadow-hover:0 20px 44px rgba(15,66,93,.15),0 5px 14px rgba(24,82,109,.07),inset 0 1px 0 rgba(255,255,255,.96);
}

/* Main service, contact, information and article cards. */
.card,
#services .cards>.service-card,
#services .cards>.price-open-card,
#services .cards>.safety-card,
#services .cards>.documents-card,
#services .cards>.articles-card,
#services .cards>.our-days-card,
.articles-card,
.price-open-card,
.our-days-card,
.address-card{
  border-radius:20px;
  border-color:var(--surface-glass-border);
  background:linear-gradient(145deg,rgba(255,255,255,.89),rgba(240,248,252,.72));
  box-shadow:var(--surface-glass-shadow);
  -webkit-backdrop-filter:blur(16px) saturate(1.14);
  backdrop-filter:blur(16px) saturate(1.14);
  transition:border-color .3s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.75,.25,1),color .3s ease;
}
#services .cards>.service-card,
#services .cards>.price-open-card,
#services .cards>.safety-card,
#services .cards>.documents-card,
#services .cards>.articles-card,
#services .cards>.our-days-card{border-radius:22px}
#contacts .contact-grid>.card{border-radius:20px}
.card:hover,.card:focus-within,
.articles-card:hover,.articles-card:focus-visible,
.price-open-card:hover,.price-open-card:focus-visible,
.our-days-card:hover,.our-days-card:focus-visible,
.address-card:hover,.address-card:focus-visible{
  box-shadow:var(--surface-glass-shadow-hover);
}

/* Secondary panels and nested information blocks use a slightly tighter glass radius. */
.notice,.info-notice,.info-summary,.info-content-inner,
.documents-step,.documents-accordion,.documents-photo,
.safety-guidance,.safety-gallery-block,
.article-item,.article-panel,.article-case,
.price-slide-card,.price-results,.house-card,
.store-gallery,.store-photo-dialog-inner,
.address-map-frame-wrap,.address-map-external{
  border-radius:17px;
  border-color:rgba(187,214,226,.74);
  box-shadow:0 10px 25px rgba(19,68,92,.075),0 2px 6px rgba(18,72,96,.04),inset 0 1px 0 rgba(255,255,255,.68);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  backdrop-filter:blur(14px) saturate(1.1);
}
.notice,.info-notice,.info-summary,.info-content-inner,
.documents-step,.documents-accordion,.documents-photo,
.safety-guidance,.safety-gallery-block,.price-slide-card,.price-results{
  background-color:rgba(255,255,255,.68);
}
.article-item,.article-panel,.article-case{border-color:rgba(171,209,222,.28)}
.article-item{border-radius:19px;box-shadow:0 14px 34px rgba(9,35,51,.17),inset 0 1px 0 rgba(255,255,255,.09)}
.article-panel{border-radius:19px;box-shadow:0 16px 38px rgba(5,24,36,.2),inset 0 1px 0 rgba(255,255,255,.08)}
.article-case{border-radius:5px 15px 15px 5px}
.house-card{border-radius:22px;box-shadow:0 18px 42px rgba(14,62,89,.18),inset 0 1px 0 rgba(255,255,255,.82)}
.price-slide-card{border-radius:22px;box-shadow:0 18px 42px rgba(17,71,99,.13),inset 0 1px 0 rgba(255,255,255,.86)}
.safety-guidance,.safety-gallery-block{border-radius:20px;box-shadow:0 14px 34px rgba(17,71,97,.09),inset 0 1px 0 rgba(255,255,255,.82)}
.info-notice,.info-summary,.documents-accordion,.documents-photo,.documents-step{border-radius:17px}

/* Buttons/tiles inside cards retain clear separation and get soft glass depth too. */
#services .cards>.service-card>.album-open,
#services .cards>.price-open-card>.price-open-action,
#services .cards>.safety-card>.album-open,
#services .cards>.documents-card>.documents-card-action,
#services .cards>.articles-card>.articles-card-action,
#services .cards>.our-days-card>.media-card-action,
.address-card-action,.articles-card-action{
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(21,77,101,.06);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

/* Larger modal shells and their inner frosted panes. Keep image/film stages crisp. */
.our-days-dialog,.articles-dialog,.documents-dialog,.safety-dialog,
.address-map-dialog,.price-list-dialog,.schedule-dialog,.album-dialog,.store-photo-dialog{
  border-radius:26px;
  box-shadow:0 32px 96px rgba(7,32,49,.28),0 8px 24px rgba(18,67,92,.12),inset 0 1px 0 rgba(255,255,255,.72);
}
.our-days-inner,.articles-inner,.documents-inner,.safety-dialog .safety-page,
.address-map-inner,.price-list-inner,.schedule-inner,.album-dialog-inner,.store-photo-dialog-inner{
  -webkit-backdrop-filter:blur(20px) saturate(1.08);
  backdrop-filter:blur(20px) saturate(1.08);
}
.our-days-close,.articles-close,.documents-close,.safety-close,.address-map-close,
.price-list-close,.schedule-close,.album-close,.store-photo-dialog-close{
  border-radius:15px;
  box-shadow:0 5px 15px rgba(19,70,95,.09),inset 0 1px rgba(255,255,255,.82);
}

/* Keep the emergency dispatch card in the same frosted glass family. */
#contacts .contact-grid>article.card.emergency{
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,247,251,.74));
  box-shadow:0 14px 34px rgba(19,70,95,.11),inset 0 1px 0 rgba(255,255,255,.92);
}
#contacts .contact-grid>article.card.emergency .emergency-contact-block{
  border-radius:15px;background:rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 20px rgba(15,68,94,.09);
  -webkit-backdrop-filter:blur(16px) saturate(1.14);
  backdrop-filter:blur(16px) saturate(1.14);
}

/* Dark theme: smoked glass with readable content and the same depth hierarchy. */
html[data-theme="dark"] .card,
html[data-theme="dark"] #services .cards>.service-card,
html[data-theme="dark"] #services .cards>.price-open-card,
html[data-theme="dark"] #services .cards>.safety-card,
html[data-theme="dark"] #services .cards>.documents-card,
html[data-theme="dark"] #services .cards>.articles-card,
html[data-theme="dark"] #services .cards>.our-days-card,
html[data-theme="dark"] .articles-card,
html[data-theme="dark"] .price-open-card,
html[data-theme="dark"] .our-days-card,
html[data-theme="dark"] .address-card{
  border-color:rgba(86,124,143,.56);
  background:linear-gradient(145deg,rgba(28,55,70,.9),rgba(17,39,53,.84));
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 3px 9px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(17px) saturate(1.05);
  backdrop-filter:blur(17px) saturate(1.05);
}
html[data-theme="dark"] #contacts .contact-grid>.card:not(.emergency){border-color:rgba(86,124,143,.56)}
html[data-theme="dark"] .notice,html[data-theme="dark"] .info-notice,
html[data-theme="dark"] .info-summary,html[data-theme="dark"] .info-content-inner,
html[data-theme="dark"] .documents-step,html[data-theme="dark"] .documents-accordion,
html[data-theme="dark"] .documents-photo,html[data-theme="dark"] .safety-guidance,
html[data-theme="dark"] .safety-gallery-block,html[data-theme="dark"] .price-slide-card,
html[data-theme="dark"] .price-results{
  border-color:rgba(78,116,135,.55);
  background-color:rgba(22,47,62,.78);
  box-shadow:0 13px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  backdrop-filter:blur(16px) saturate(1.04);
}
html[data-theme="dark"] .article-item{border-color:rgba(99,143,163,.35);box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] .article-panel{border-color:rgba(99,143,163,.34);box-shadow:0 17px 40px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.055)}
html[data-theme="dark"] .house-card{box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .price-slide-card{box-shadow:0 18px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency{
  border-color:rgba(86,124,143,.56);border-top-color:#428eaa;
  background:linear-gradient(145deg,rgba(28,55,70,.92),rgba(17,39,53,.86));
  box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.075);
}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-contact-block{
  border-color:rgba(93,132,151,.62);background:rgba(15,37,50,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.22);
}

/* Smooth lift remains consistent; preserve stronger semantic hover colors on buttons. */
@media(hover:hover){
  .card:hover,
  .notice:hover,.article-item:hover,.article-panel:hover,
  .safety-guidance:hover,.safety-gallery-block:hover,.documents-step:hover{
    box-shadow:var(--surface-glass-shadow-hover);
  }
}
@media(max-width:700px){
  .card,#contacts .contact-grid>.card,.notice,.info-notice,.info-summary,
  .article-item,.article-panel,.safety-guidance,.safety-gallery-block,
  .price-slide-card,.house-card,#contacts .contact-grid>article.card.emergency{border-radius:17px}
  #services .cards>.service-card,#services .cards>.price-open-card,
  #services .cards>.safety-card,#services .cards>.documents-card,
  #services .cards>.articles-card,#services .cards>.our-days-card{border-radius:18px}
  .our-days-dialog,.articles-dialog,.documents-dialog,.safety-dialog,
  .address-map-dialog,.price-list-dialog,.schedule-dialog,.album-dialog,.store-photo-dialog{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .card,.notice,.info-notice,.info-summary,.article-card,.article-item,.article-panel,
  .documents-step,.documents-accordion,.documents-photo,.safety-guidance,
  .safety-gallery-block,.price-slide-card,.house-card,.our-days-dialog,
  .articles-dialog,.documents-dialog,.safety-dialog,.address-map-dialog,
  .price-list-dialog,.schedule-dialog{transition:none!important}
}

/* Editorial story inside the expandable shop section. */
.shop-editorial{position:relative;margin:0 0 28px;padding:clamp(21px,3.2vw,38px);overflow:hidden;border:1px solid rgba(185,215,228,.74);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(242,249,252,.76));box-shadow:0 15px 36px rgba(19,68,92,.09),inset 0 1px 0 rgba(255,255,255,.94);-webkit-backdrop-filter:blur(17px) saturate(1.12);backdrop-filter:blur(17px) saturate(1.12)}
.shop-editorial::before{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1386b0,#59bfd5 52%,rgba(89,191,213,0));content:""}
.shop-article-header{max-width:850px;margin:0 0 22px;padding:0 0 19px;border-bottom:1px solid rgba(184,212,224,.62)}
.shop-article-kicker{display:block;margin:0 0 9px;color:#2786a9;font-size:9px;font-weight:850;letter-spacing:.17em;line-height:1.35}
.shop-article-title{max-width:780px;margin:0;color:#143d5e;font-size:clamp(22px,3.3vw,33px);font-weight:820;line-height:1.17;letter-spacing:-.035em;text-wrap:balance}
.shop-article-lead{max-width:70ch;margin:11px 0 0;color:#547186;font-size:15px;font-weight:500;line-height:1.6}
.shop-article-body{max-width:870px;color:#4e687b;font-size:14px;line-height:1.78}
.shop-article-body>p{margin:0 0 14px}
.shop-article-body>p:last-child{margin-bottom:0}
.shop-guarantee-note{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;margin:22px 0;padding:18px 19px;border:1px solid rgba(77,167,190,.27);border-left:3px solid #28a0bd;border-radius:16px;background:linear-gradient(115deg,rgba(226,245,250,.94),rgba(245,251,253,.84));box-shadow:0 8px 21px rgba(30,102,126,.065),inset 0 1px rgba(255,255,255,.9)}
.shop-guarantee-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(44,153,181,.22);border-radius:11px;background:rgba(255,255,255,.84);color:#1587a7;font-size:17px;font-weight:850;box-shadow:0 4px 11px rgba(35,114,140,.09)}
.shop-guarantee-note>div>strong{display:block;margin:1px 0 6px;color:#174765;font-size:14px;font-weight:800;line-height:1.45}
.shop-guarantee-note>div>p{margin:0;color:#506b7d;font-size:13px;line-height:1.7}
.shop-article-body>.shop-article-conclusion{margin-top:19px;padding:15px 17px;border:1px solid rgba(137,188,204,.42);border-radius:15px;background:rgba(255,255,255,.68);color:#3c5c70;font-size:13px;line-height:1.7}
.shop-article-conclusion strong{color:#124d6b;font-weight:820}
.shop-article-conclusion>span{color:#668091}
.store-gallery-heading{margin-top:27px;padding-top:4px}
html[data-theme="dark"] .shop-editorial{border-color:rgba(86,124,143,.55);background:linear-gradient(145deg,rgba(26,51,66,.9),rgba(15,36,50,.84));box-shadow:0 16px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.07)}
html[data-theme="dark"] .shop-article-header{border-color:rgba(91,131,148,.4)}
html[data-theme="dark"] .shop-article-kicker{color:#79ccdf}
html[data-theme="dark"] .shop-article-title{color:#edf6f9}
html[data-theme="dark"] .shop-article-lead,html[data-theme="dark"] .shop-article-body{color:#b9ccd5}
html[data-theme="dark"] .shop-guarantee-note{border-color:rgba(78,153,171,.36);border-left-color:#55b8cc;background:linear-gradient(115deg,rgba(24,71,85,.64),rgba(18,46,60,.74));box-shadow:0 8px 21px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] .shop-guarantee-icon{border-color:rgba(111,197,212,.3);background:rgba(233,249,251,.08);color:#91dce8}
html[data-theme="dark"] .shop-guarantee-note>div>strong,html[data-theme="dark"] .shop-article-conclusion strong{color:#d9f1f4}
html[data-theme="dark"] .shop-guarantee-note>div>p,html[data-theme="dark"] .shop-article-conclusion{color:#bdcfd7}
html[data-theme="dark"] .shop-article-body>.shop-article-conclusion{border-color:rgba(94,137,155,.4);background:rgba(8,28,40,.33)}
html[data-theme="dark"] .shop-article-conclusion>span{color:#9bb2bd}
@media(max-width:600px){
  .shop-editorial{margin-bottom:22px;padding:19px 16px;border-radius:18px}
  .shop-article-header{margin-bottom:17px;padding-bottom:15px}
  .shop-article-kicker{font-size:8px;letter-spacing:.14em}
  .shop-article-title{font-size:23px;line-height:1.2}
  .shop-article-lead{font-size:13px;line-height:1.55}
  .shop-article-body{font-size:13px;line-height:1.72}
  .shop-article-body>p{margin-bottom:12px}
  .shop-guarantee-note{grid-template-columns:29px minmax(0,1fr);gap:9px;margin:17px 0;padding:14px 12px;border-radius:13px}
  .shop-guarantee-icon{width:28px;height:28px;border-radius:9px;font-size:15px}
  .shop-guarantee-note>div>strong{font-size:13px}
  .shop-guarantee-note>div>p{font-size:12px;line-height:1.65}
  .shop-article-body>.shop-article-conclusion{margin-top:15px;padding:13px 12px;font-size:12px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.shop-editorial,.shop-guarantee-note{transition:none!important}}

/* Recruitment / Information section with a fine pipe-wrench cursor on portraits. */
.career-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 94% 16%,rgba(55,166,201,.11),transparent 34%),linear-gradient(180deg,#f1f8fb 0%,#f9fcfd 100%)}
.career-section::before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.3) 50%,transparent 64%);opacity:.68}
.career-section-head{align-items:flex-end}
.career-eyebrow{display:block;margin-bottom:8px;color:#2587a9;font-size:9px;font-weight:850;letter-spacing:.18em}
.career-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr);gap:clamp(20px,3vw,38px);align-items:stretch}
.career-editorial{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,3.2vw,38px);border:1px solid rgba(186,215,228,.8);border-top:3px solid #55b1d8;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(239,248,252,.78));box-shadow:0 20px 48px rgba(19,68,92,.11),0 4px 12px rgba(21,77,101,.055),inset 0 1px 0 rgba(255,255,255,.95);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}
.career-editorial::after{position:absolute;z-index:-1;right:-80px;bottom:-110px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(41,166,199,.14),transparent 68%);content:"";pointer-events:none}
.career-editorial-top{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.career-editorial-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(61,152,184,.2);border-radius:12px;background:linear-gradient(145deg,#e7f6fa,#f8fcfd);color:#137da1;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 14px rgba(25,110,141,.09)}
.career-editorial-label{color:#6b8a9a;font-size:8px;font-weight:850;letter-spacing:.15em}
.career-editorial h3{max-width:23ch;margin:0 0 20px;color:#123f60;font-size:clamp(25px,3.1vw,37px);font-weight:830;line-height:1.14;letter-spacing:-.04em;text-wrap:balance}
.career-copy{max-width:67ch;color:#536f82;font-size:14px;line-height:1.78}
.career-copy p{margin:0 0 13px}
.career-cta{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;margin-top:23px;padding:17px 18px;border:1px solid rgba(67,160,187,.27);border-left:3px solid #168fb2;border-radius:16px;background:linear-gradient(115deg,rgba(226,245,250,.92),rgba(249,252,253,.85));box-shadow:0 8px 22px rgba(30,101,126,.07),inset 0 1px rgba(255,255,255,.9)}
.career-cta-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(44,153,181,.22);border-radius:11px;background:rgba(255,255,255,.83);color:#1388aa;font-size:17px;font-weight:800}
.career-cta p{display:grid;gap:7px;margin:0;color:#245571;font-size:13px;line-height:1.65}
.career-cta p strong{color:#174a68;font-size:13px;font-weight:800}
.career-cta p span{color:#668293;font-size:11px}
.career-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-width:0;align-items:stretch}
.career-portrait-card{position:relative;isolation:isolate;min-width:0;min-height:400px;margin:0;overflow:hidden;border:1px solid rgba(180,211,225,.7);border-radius:22px;background:#102b3d;box-shadow:0 22px 48px rgba(11,48,69,.18),0 5px 13px rgba(18,72,98,.1),inset 0 1px 0 rgba(255,255,255,.35);cursor:auto;outline:none;transform:translateZ(0);transition:transform .52s cubic-bezier(.2,.75,.25,1),box-shadow .52s ease,border-color .4s ease}
.career-portrait-image{position:absolute;inset:0;overflow:hidden;background:#122c3d}
.career-portrait-image::after{position:absolute;z-index:2;inset:37% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(4,17,27,.18) 29%,rgba(4,17,27,.84) 100%);content:"";pointer-events:none}
.career-portrait-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:opacity 1.15s cubic-bezier(.2,.75,.25,1),transform 1.45s cubic-bezier(.18,.72,.2,1),filter 1.1s ease;will-change:opacity,transform}
.career-portrait-base{z-index:0;opacity:1;filter:saturate(.88) contrast(1.02)}
.career-portrait-hover{z-index:1;opacity:0;filter:saturate(1.1) contrast(1.04)}
.career-portrait-card figcaption{position:absolute;z-index:4;right:17px;bottom:17px;left:17px;display:grid;gap:6px;color:#fff;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.38)}
.career-portrait-index{color:rgba(180,234,246,.9);font-size:8px;font-weight:850;letter-spacing:.16em}
.career-portrait-card figcaption strong{max-width:24ch;color:#fff;font-size:clamp(13px,1.45vw,17px);font-weight:760;line-height:1.3;text-wrap:balance}
.career-portrait-halo{position:absolute;z-index:3;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);pointer-events:none;transition:box-shadow .55s ease,border-color .55s ease}
.career-portrait-card.is-portrait-engaged .career-portrait-hover{opacity:1;transform:scale(1.035)}
.career-portrait-card.is-portrait-engaged .career-portrait-base{opacity:0;transform:scale(1.065);filter:saturate(1.08) blur(1px)}
.career-portrait-card.is-portrait-engaged{border-color:rgba(101,202,227,.72);box-shadow:0 27px 62px rgba(7,46,69,.25),0 0 0 1px rgba(90,195,220,.22),0 0 28px rgba(45,170,201,.12)}
.career-portrait-card.is-portrait-engaged .career-portrait-halo{border-color:rgba(192,239,250,.52);box-shadow:inset 0 0 0 1px rgba(210,244,250,.16),inset 0 0 28px rgba(80,188,215,.1)}
.career-portrait-card:focus-visible{outline:3px solid #40b3d1;outline-offset:4px}
@media(hover:hover){.career-portrait-card{cursor:url("career/pipe-wrench-cursor.png") 13 10,crosshair}.career-portrait-card:hover{transform:translateY(-5px)}}
html[data-theme="dark"] .career-section{background:radial-gradient(ellipse at 94% 16%,rgba(56,159,179,.12),transparent 34%),linear-gradient(180deg,#0e202b,#0b1a25)}
html[data-theme="dark"] .career-editorial{border-color:rgba(81,119,137,.55);border-top-color:#428eaa;background:linear-gradient(145deg,rgba(26,52,67,.92),rgba(15,36,50,.87));box-shadow:0 20px 48px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.07)}
html[data-theme="dark"] .career-editorial-mark{border-color:rgba(100,172,192,.32);background:linear-gradient(145deg,#1c3f50,#193243);color:#98dce9}
html[data-theme="dark"] .career-editorial-label{color:#9bb8c3}
html[data-theme="dark"] .career-editorial h3{color:#edf6f8}
html[data-theme="dark"] .career-copy{color:#bed0d8}
html[data-theme="dark"] .career-cta{border-color:rgba(91,151,169,.4);border-left-color:#56b8cb;background:linear-gradient(115deg,rgba(24,68,82,.72),rgba(17,44,57,.78));box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] .career-cta-icon{border-color:rgba(111,197,212,.28);background:rgba(233,249,251,.08);color:#91dce8}
html[data-theme="dark"] .career-cta p,html[data-theme="dark"] .career-cta p strong{color:#d9eff3}
html[data-theme="dark"] .career-cta p span{color:#a5bdc7}
html[data-theme="dark"] .career-portrait-card{border-color:rgba(81,121,139,.6);box-shadow:0 22px 48px rgba(0,0,0,.36),0 5px 13px rgba(0,0,0,.2)}
@media(max-width:930px){.career-layout{grid-template-columns:1fr}.career-portraits{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;margin-inline:auto;width:100%}.career-portrait-card{min-height:450px}}
@media(max-width:600px){
  .career-layout{gap:18px}.career-editorial{padding:23px 19px;border-radius:20px}.career-editorial-top{margin-bottom:16px}.career-editorial h3{font-size:27px}.career-copy{font-size:13px;line-height:1.72}.career-copy p{margin-bottom:11px}.career-cta{grid-template-columns:29px minmax(0,1fr);gap:9px;margin-top:17px;padding:14px 12px;border-radius:14px}.career-cta-icon{width:28px;height:28px;border-radius:9px;font-size:15px}.career-cta p,.career-cta p strong{font-size:12px}.career-portraits{gap:10px}.career-portrait-card{min-height:310px;border-radius:17px}.career-portrait-image img{object-position:center 22%}.career-portrait-card figcaption{right:11px;bottom:12px;left:11px}.career-portrait-index{font-size:7px}.career-portrait-card figcaption strong{font-size:12px}
}
@media(max-width:390px){.career-portraits{grid-template-columns:1fr;max-width:310px}.career-portrait-card{min-height:390px}.career-portrait-card figcaption strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.career-portrait-card,.career-portrait-image img,.career-portrait-halo{transition:none!important}}

/* Header navigation glows softly and breathes on hover/focus. */
@keyframes nav-cyan-breathe{0%,100%{text-shadow:0 0 4px rgba(61,192,227,.25),0 0 12px rgba(61,192,227,.18),0 0 24px rgba(42,174,219,.1);filter:brightness(1.04)}50%{text-shadow:0 0 11px rgba(83,220,255,.95),0 0 27px rgba(48,185,232,.78),0 0 48px rgba(33,161,221,.45);filter:brightness(1.32)}}
@media(hover:hover){header nav a[href="#services"],header nav a[href="#information"],header nav a[href="#contacts"]{position:relative;display:inline-block;padding:3px 1px;border-radius:6px;transition:color .3s ease,text-shadow .3s ease,filter .3s ease}header nav a[href="#services"]:hover,header nav a[href="#information"]:hover,header nav a[href="#contacts"]:hover{color:#007eaa;text-shadow:0 0 10px rgba(48,185,222,.72),0 0 24px rgba(48,185,222,.42),0 0 40px rgba(31,162,220,.2);animation:nav-cyan-breathe 1.55s ease-in-out infinite}}
html[data-theme="dark"] header nav a[href="#services"]:hover,html[data-theme="dark"] header nav a[href="#information"]:hover,html[data-theme="dark"] header nav a[href="#contacts"]:hover{color:#b4f4ff;text-shadow:0 0 12px rgba(64,208,239,.98),0 0 29px rgba(46,184,230,.74),0 0 46px rgba(46,184,230,.34)}
header nav a[href="#services"]:focus-visible,header nav a[href="#information"]:focus-visible,header nav a[href="#contacts"]:focus-visible{outline:2px solid rgba(45,176,213,.68);outline-offset:5px;color:#078cb8;text-shadow:0 0 8px rgba(45,191,229,.36)}
html[data-theme="dark"] header nav a[href="#services"]:hover,html[data-theme="dark"] header nav a[href="#information"]:hover,html[data-theme="dark"] header nav a[href="#contacts"]:hover{color:#a5ecf6;text-shadow:0 0 9px rgba(64,208,239,.75),0 0 23px rgba(46,184,230,.42)}
@media(prefers-reduced-motion:reduce){header nav a[href="#services"],header nav a[href="#information"],header nav a[href="#contacts"]{animation:none!important;transition:none!important}}

/* The career section opens as its own full-screen page-like dialog. */
.career-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:auto;border:0;border-radius:0;background:transparent;color:inherit;opacity:0;transform:translateY(12px) scale(.995);transition:opacity .3s ease,transform .42s cubic-bezier(.2,.75,.25,1)}
.career-dialog[open]{display:block;opacity:1;transform:translateY(0) scale(1)}
.career-dialog::backdrop{background:rgba(4,19,31,.77);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.career-dialog-content{position:relative;min-height:100%;padding:clamp(82px,10vh,112px) 0 48px;background:radial-gradient(ellipse at 95% 12%,rgba(58,168,200,.13),transparent 32%),linear-gradient(180deg,#f1f8fb,#f9fcfd)}
.career-dialog-close{position:fixed;z-index:20;top:18px;right:clamp(18px,4vw,54px);display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(142,190,208,.72);border-radius:50%;background:rgba(249,253,255,.92);color:#1a5574;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(12,51,72,.17),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.career-dialog-close:hover{transform:rotate(90deg);background:#fff;box-shadow:0 14px 32px rgba(12,51,72,.23)}
.career-dialog-close:focus-visible{outline:3px solid #45b4d4;outline-offset:4px}
html[data-theme="dark"] .career-dialog-content{background:radial-gradient(ellipse at 95% 12%,rgba(58,168,200,.1),transparent 32%),linear-gradient(180deg,#0e202b,#0b1a25)}
html[data-theme="dark"] .career-dialog-close{border-color:rgba(107,155,174,.58);background:rgba(24,49,63,.94);color:#d9f3f7;box-shadow:0 10px 28px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .career-dialog-close:hover{background:#244457}
html[data-theme="dark"] .career-section .section-head h2,html[data-theme="dark"] .career-section .section-head p{color:#e2f0f5}
@media(max-width:600px){.career-dialog-content{padding:72px 0 28px}.career-dialog-close{top:12px;right:14px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.career-dialog,.career-dialog-close{transition:none!important}}

/* Third portrait state: fades in after the pointer has rested for two seconds. */
.career-portrait-third{z-index:2;opacity:0;transform:scale(1.055);filter:saturate(1.12) contrast(1.05);transition:opacity 1.35s cubic-bezier(.2,.75,.25,1),transform 1.7s cubic-bezier(.18,.72,.2,1),filter 1.35s ease;will-change:opacity,transform}
.career-portrait-card.is-portrait-third .career-portrait-hover{opacity:0;transform:scale(1.045);filter:saturate(1.05) blur(.5px)}
.career-portrait-card.is-portrait-third .career-portrait-base,
.career-portrait-card.is-portrait-third .career-portrait-hover{opacity:0;transform:scale(1.045);filter:saturate(1.05) blur(.5px)}
.career-portrait-card.is-portrait-third .career-portrait-third{opacity:1;transform:scale(1);filter:saturate(1.08) contrast(1.03)}
.career-portrait-card.is-portrait-third .career-portrait-image::after{opacity:.72}
@media(prefers-reduced-motion:reduce){.career-portrait-third{transition:none!important}}

/* More visible, luminous cyan breathing glow for the three main navigation links. */
@keyframes nav-cyan-breathe-strong{
  0%,100%{text-shadow:0 0 4px rgba(49,199,240,.38),0 0 12px rgba(49,199,240,.26),0 0 26px rgba(33,163,220,.15);filter:brightness(1.04)}
  50%{text-shadow:0 0 12px rgba(126,236,255,1),0 0 27px rgba(49,195,239,.96),0 0 48px rgba(32,152,218,.66),0 0 72px rgba(31,142,213,.34);filter:brightness(1.34)}
}
@media(hover:hover){
  header nav a[href="#services"]:hover,
  header nav a[href="#information"]:hover,
  header nav a[href="#contacts"]:hover{
    color:#007ba8;text-shadow:0 0 11px rgba(49,195,239,.82),0 0 25px rgba(49,195,239,.54),0 0 42px rgba(32,152,218,.3);
    animation:nav-cyan-breathe-strong 1.45s ease-in-out infinite;
  }
}
html[data-theme="dark"] header nav a[href="#services"]:hover,
html[data-theme="dark"] header nav a[href="#information"]:hover,
html[data-theme="dark"] header nav a[href="#contacts"]:hover{
  color:#c2f7ff;text-shadow:0 0 13px rgba(122,233,255,1),0 0 30px rgba(56,192,245,.95),0 0 54px rgba(48,166,231,.64);
}
@media(prefers-reduced-motion:reduce){header nav a[href="#services"]:hover,header nav a[href="#information"]:hover,header nav a[href="#contacts"]:hover{animation:none!important}}

/* A third portrait phase: the new role portrait appears after a 2-second hover. */
.career-portrait-third{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;opacity:0;transform:scale(1.055);filter:saturate(1.12) contrast(1.05);transition:opacity 1.35s cubic-bezier(.2,.75,.25,1),transform 1.7s cubic-bezier(.18,.72,.2,1),filter 1.35s ease;will-change:opacity,transform}
.career-portrait-card.is-portrait-third .career-portrait-base,.career-portrait-card.is-portrait-third .career-portrait-hover{opacity:0;transform:scale(1.045);filter:saturate(1.05) blur(.5px)}
.career-portrait-card.is-portrait-third .career-portrait-third{opacity:1;transform:scale(1);filter:saturate(1.08) contrast(1.03)}
.career-portrait-card.is-portrait-third .career-portrait-image::after{opacity:.72}

/* Reliable custom wrench cursor: apply to the hovered card, photos and their descendants. */
@media(hover:hover) and (pointer:fine){
  .career-portrait-card,.career-portrait-card *{cursor:url("career/pipe-wrench-cursor.png") 16 12,crosshair!important}
}
@supports not (cursor:url("career/pipe-wrench-cursor.png") 16 12){
  @media(hover:hover) and (pointer:fine){.career-portrait-card,.career-portrait-card *{cursor:crosshair!important}}
}

/* Transparent logo: navy in light theme, white in dark. */
header .brand img{background:transparent!important;mix-blend-mode:multiply;}
html[data-theme="dark"] header .brand img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal;}

/* Stronger but still soft breathing cyan glow for links in the header. */
@keyframes nav-cyan-breathe-max{0%,100%{text-shadow:0 0 5px rgba(48,194,235,.48),0 0 14px rgba(48,194,235,.3),0 0 29px rgba(25,153,218,.18);filter:brightness(1.07)}50%{text-shadow:0 0 13px rgba(116,235,255,1),0 0 30px rgba(41,187,239,.99),0 0 53px rgba(33,148,217,.76),0 0 80px rgba(25,130,205,.42);filter:brightness(1.4)}}
@media(hover:hover){header nav a[href="#services"]:hover,header nav a[href="#information"]:hover,header nav a[href="#contacts"]:hover{color:#0079a6;text-shadow:0 0 13px rgba(55,197,238,.95),0 0 29px rgba(42,176,229,.7),0 0 48px rgba(33,148,217,.42);animation:nav-cyan-breathe-max 1.55s ease-in-out infinite}}
html[data-theme="dark"] header nav a[href="#services"]:hover,html[data-theme="dark"] header nav a[href="#information"]:hover,html[data-theme="dark"] header nav a[href="#contacts"]:hover{color:#c5f7ff;text-shadow:0 0 14px rgba(121,236,255,1),0 0 32px rgba(52,191,244,.98),0 0 58px rgba(38,151,221,.68)}

/* In light mode, editorial cards use dark ink on pale glass—not white text on white. */
html:not([data-theme="dark"]) .articles-dialog{background:#f4f9fc!important;border-color:#c9dfe9!important;color:#153b59!important}
html:not([data-theme="dark"]) .articles-inner{background:radial-gradient(ellipse at 95% 0%,rgba(49,161,193,.12),transparent 40%),linear-gradient(145deg,#fbfdfe,#edf5f8 76%)!important;color:#27495e!important}
html:not([data-theme="dark"]) .articles-header h2{color:#153f60!important}
html:not([data-theme="dark"]) .articles-header p,html:not([data-theme="dark"]) .article-content,html:not([data-theme="dark"]) .article-content p{color:#425d70!important}
html:not([data-theme="dark"]) .articles-close{border-color:#c7dce6!important;background:rgba(255,255,255,.9)!important;color:#214a64!important}
html:not([data-theme="dark"]) .article-item{border-color:#cbdfe8!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(238,247,250,.9))!important;color:#244960!important;box-shadow:0 10px 26px rgba(25,72,96,.1),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-item>summary{color:#21475e!important}
html:not([data-theme="dark"]) .article-summary-title,html:not([data-theme="dark"]) .article-card>strong{color:#173d57!important}
html:not([data-theme="dark"]) .article-summary-hint,html:not([data-theme="dark"]) .article-card-more{color:#60798a!important}
html:not([data-theme="dark"]) .article-summary-icon,html:not([data-theme="dark"]) .article-summary-toggle,html:not([data-theme="dark"]) .article-card-more b{border-color:rgba(91,150,177,.25)!important;background:rgba(222,241,247,.72)!important;color:#117e9f!important}
html:not([data-theme="dark"]) .article-card{border-color:#c9dee8!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,247,250,.9))!important;color:#244960!important;box-shadow:0 10px 24px rgba(25,72,96,.09)!important}
html:not([data-theme="dark"]) .article-card-eyebrow{color:#177f9d!important}
html:not([data-theme="dark"]) .article-panel{border-color:#cbdfe8!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,248,251,.92))!important;color:#38566b!important;box-shadow:0 12px 28px rgba(25,72,96,.11),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-panel h3,html:not([data-theme="dark"]) .article-panel h4,html:not([data-theme="dark"]) .article-panel strong{color:#173e59!important}
html:not([data-theme="dark"]) .article-panel p,html:not([data-theme="dark"]) .article-panel li{color:#425d70!important}
html:not([data-theme="dark"]) .article-case{border-color:#bfd8e2!important;background:rgba(226,242,247,.76)!important;color:#36576a!important}
html:not([data-theme="dark"]) .article-case-label{color:#167f9d!important}
html:not([data-theme="dark"]) .article-rules li{border-color:#d2e2e9!important;background:rgba(255,255,255,.72)!important;color:#3d596c!important}
html:not([data-theme="dark"]) .article-alert{border-color:#e5d2bd!important;background:rgba(255,246,234,.92)!important;color:#614b39!important}
html:not([data-theme="dark"]) .article-alert strong{color:#80532e!important}
html:not([data-theme="dark"]) .articles-dialog .article-carousel-arrow{border-color:#c5dce6!important;background:rgba(255,255,255,.88)!important;color:#237794!important}

/* Light-mode text safety net for mixed content panels: keep copy readable. */
html:not([data-theme="dark"]) .documents-instructions,html:not([data-theme="dark"]) .documents-step,html:not([data-theme="dark"]) .safety-guidance,html:not([data-theme="dark"]) .shop-article-body{color:#425d70}
@media(prefers-reduced-motion:reduce){.career-portrait-third{transition:none!important}header nav a[href="#services"]:hover,header nav a[href="#information"]:hover,header nav a[href="#contacts"]:hover{animation:none!important}}

/* Platform-safe full-size image cursor: force the wrench over nested img/figure descendants. */
@media(hover:hover) and (pointer:fine){
  .career-portrait-card,
  .career-portrait-card *,
  .career-portrait-card *::before,
  .career-portrait-card *::after{cursor:url("career/pipe-wrench-cursor.png") 16 12,crosshair!important}
}
@supports not (cursor:url("career/pipe-wrench-cursor.png") 16 12){
  @media(hover:hover) and (pointer:fine){.career-portrait-card,.career-portrait-card *{cursor:crosshair!important}}
}

/* Theme-aware transparent logo mark; image never carries a paper-white tile. */
header .brand-logo-picture{display:block;flex:0 0 72px;width:72px;height:58px;line-height:0;background:transparent}
header .brand-logo-picture>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent!important;mix-blend-mode:normal!important}
html[data-theme="dark"] header .brand-logo-picture>img{filter:none!important}

/* All article surfaces use readable ink in light mode; dark theme uses its own pearl palette. */
html:not([data-theme="dark"]) .articles-dialog{background:#f4f9fc!important;border-color:#c9dfe9!important;color:#153b59!important}
html:not([data-theme="dark"]) .articles-inner{background:radial-gradient(ellipse at 95% 0%,rgba(49,161,193,.12),transparent 40%),linear-gradient(145deg,#fbfdfe,#edf5f8 76%)!important;color:#27495e!important}
html:not([data-theme="dark"]) .articles-header h2{color:#153f60!important}
html:not([data-theme="dark"]) .articles-header p,html:not([data-theme="dark"]) .article-content,html:not([data-theme="dark"]) .article-content p{color:#425d70!important}
html:not([data-theme="dark"]) .articles-close{border-color:#c7dce6!important;background:rgba(255,255,255,.9)!important;color:#214a64!important}
html:not([data-theme="dark"]) .article-item{border-color:#cbdfe8!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,247,250,.9))!important;color:#244960!important;box-shadow:0 10px 26px rgba(25,72,96,.1),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-item>summary{color:#21475e!important}
html:not([data-theme="dark"]) .article-summary-title,html:not([data-theme="dark"]) .article-card>strong{color:#173d57!important}
html:not([data-theme="dark"]) .article-summary-hint,html:not([data-theme="dark"]) .article-card-more{color:#60798a!important}
html:not([data-theme="dark"]) .article-summary-icon,html:not([data-theme="dark"]) .article-summary-toggle,html:not([data-theme="dark"]) .article-card-more b{border-color:rgba(91,150,177,.25)!important;background:rgba(222,241,247,.72)!important;color:#117e9f!important}
html:not([data-theme="dark"]) .article-card{border-color:#c9dee8!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,247,250,.9))!important;color:#244960!important;box-shadow:0 10px 24px rgba(25,72,96,.09)!important}
html:not([data-theme="dark"]) .article-card-eyebrow{color:#177f9d!important}
html:not([data-theme="dark"]) .article-panel{border-color:#cbdfe8!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,248,251,.92))!important;color:#38566b!important;box-shadow:0 12px 28px rgba(25,72,96,.11),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-panel h3,html:not([data-theme="dark"]) .article-panel h4,html:not([data-theme="dark"]) .article-panel strong{color:#173e59!important}
html:not([data-theme="dark"]) .article-panel p,html:not([data-theme="dark"]) .article-panel li{color:#425d70!important}
html:not([data-theme="dark"]) .article-case{border-color:#bfd8e2!important;background:rgba(226,242,247,.76)!important;color:#36576a!important}
html:not([data-theme="dark"]) .article-case-label{color:#167f9d!important}
html:not([data-theme="dark"]) .article-rules li{border-color:#d2e2e9!important;background:rgba(255,255,255,.72)!important;color:#3d596c!important}
html:not([data-theme="dark"]) .article-alert{border-color:#e5d2bd!important;background:rgba(255,246,234,.92)!important;color:#614b39!important}
html:not([data-theme="dark"]) .article-alert strong{color:#80532e!important}
html:not([data-theme="dark"]) .articles-dialog .article-carousel-arrow{border-color:#c5dce6!important;background:rgba(255,255,255,.88)!important;color:#237794!important}


/* Final repair layer: reliable wrench cursor, transparent dual-theme logo and article contrast. */
@media(hover:hover) and (pointer:fine){
  #information .career-portrait-card,
  #information .career-portrait-card *,
  #information .career-portrait-card *::before,
  #information .career-portrait-card *::after{
    cursor:url("career/pipe-wrench-cursor.png?v=20261104-8") 18 12,crosshair!important;
  }
}
@supports not (cursor:url("career/pipe-wrench-cursor.png") 18 12){
  @media(hover:hover) and (pointer:fine){#information .career-portrait-card,#information .career-portrait-card *{cursor:crosshair!important}}
}
#information .career-portrait-image{isolation:isolate}
#information .career-portrait-base{z-index:0}
#information .career-portrait-hover{z-index:1}
#information .career-portrait-third{z-index:2;object-fit:cover;object-position:center 24%}
#information .career-portrait-card.is-portrait-third .career-portrait-base,
#information .career-portrait-card.is-portrait-third .career-portrait-hover{opacity:0!important}
#information .career-portrait-card.is-portrait-third .career-portrait-third{opacity:1!important}

/* High-contrast light theme for the article reader and its nested copy. */
html:not([data-theme="dark"]) .articles-dialog{background:#f4f9fc!important;border-color:#c9dfe9!important;color:#153b59!important}
html:not([data-theme="dark"]) .articles-inner{background:radial-gradient(ellipse at 95% 0%,rgba(49,161,193,.12),transparent 40%),linear-gradient(145deg,#fbfdfe,#edf5f8 76%)!important;color:#27495e!important}
html:not([data-theme="dark"]) .articles-header h2{color:#153f60!important}
html:not([data-theme="dark"]) .articles-header p,
html:not([data-theme="dark"]) .article-content,
html:not([data-theme="dark"]) .article-content p{color:#344f63!important}
html:not([data-theme="dark"]) .article-content strong{color:#173d57!important}
html:not([data-theme="dark"]) .articles-close{border-color:#c7dce6!important;background:rgba(255,255,255,.94)!important;color:#214a64!important}
html:not([data-theme="dark"]) .article-item{border-color:#cbdfe8!important;background:linear-gradient(145deg,#fff, #edf6fa)!important;color:#244960!important;box-shadow:0 10px 26px rgba(25,72,96,.1),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-item>summary{color:#21475e!important}
html:not([data-theme="dark"]) .article-summary-title,
html:not([data-theme="dark"]) .article-card>strong{color:#173d57!important}
html:not([data-theme="dark"]) .article-summary-hint,
html:not([data-theme="dark"]) .article-card-more{color:#516e80!important}
html:not([data-theme="dark"]) .article-summary-icon,
html:not([data-theme="dark"]) .article-summary-toggle,
html:not([data-theme="dark"]) .article-card-more b{border-color:rgba(91,150,177,.32)!important;background:#e4f3f8!important;color:#117e9f!important}
html:not([data-theme="dark"]) .article-card{border-color:#c9dee8!important;background:linear-gradient(145deg,#fff,#edf6fa)!important;color:#244960!important;box-shadow:0 10px 24px rgba(25,72,96,.09)!important}
html:not([data-theme="dark"]) .article-card-eyebrow{color:#126d8a!important}
html:not([data-theme="dark"]) .article-panel{border-color:#cbdfe8!important;background:linear-gradient(145deg,#fff,#edf6fa)!important;color:#344f63!important;box-shadow:0 12px 28px rgba(25,72,96,.11),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-panel h3,
html:not([data-theme="dark"]) .article-panel h4,
html:not([data-theme="dark"]) .article-panel strong{color:#173e59!important}
html:not([data-theme="dark"]) .article-panel p,
html:not([data-theme="dark"]) .article-panel li{color:#344f63!important}
html:not([data-theme="dark"]) .article-case{border-color:#bfd8e2!important;background:#e6f3f7!important;color:#36576a!important}
html:not([data-theme="dark"]) .article-case-label{color:#126b86!important}
html:not([data-theme="dark"]) .article-rules li{border-color:#d2e2e9!important;background:#f1f7f9!important;color:#334e61!important}
html:not([data-theme="dark"]) .article-alert{border-color:#e5d2bd!important;background:#fff6ea!important;color:#614b39!important}
html:not([data-theme="dark"]) .article-alert strong{color:#80532e!important}
html:not([data-theme="dark"]) .articles-dialog .article-carousel-arrow{border-color:#c5dce6!important;background:#fff!important;color:#237794!important}
html:not([data-theme="dark"]) .documents-instructions,
html:not([data-theme="dark"]) .documents-step,
html:not([data-theme="dark"]) .safety-guidance,
html:not([data-theme="dark"]) .shop-article-body{color:#344f63}

/* Version the transparent brand mark via CSS too: blue on light, white on dark. */
header .brand-logo-picture{background:transparent!important;mix-blend-mode:normal!important}
header .brand-logo-picture>img{background:transparent!important;mix-blend-mode:multiply!important;filter:none!important}
html[data-theme="dark"] header .brand-logo-picture>img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}


/* Authoritative logo and portrait-pointer rules: transparent mark, no white tile. */
header .brand-logo-picture{display:block;flex:0 0 72px;width:72px;height:58px;line-height:0;background:transparent!important;mix-blend-mode:normal!important}
header .brand-logo-picture>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent!important;mix-blend-mode:normal!important;filter:none!important}
html[data-theme="dark"] header .brand-logo-picture>img{filter:none!important;mix-blend-mode:normal!important}
@media(hover:hover) and (pointer:fine){
  #information .career-portrait-card,
  #information .career-portrait-card *,
  #information .career-portrait-card *::before,
  #information .career-portrait-card *::after{cursor:url("career/pipe-wrench-cursor.png?v=20261104-2") 16 12,crosshair!important}
}
@supports not (cursor:url("career/pipe-wrench-cursor.png") 16 12){
  @media(hover:hover) and (pointer:fine){#information .career-portrait-card,#information .career-portrait-card *{cursor:crosshair!important}}
}
/* Third photo wins the layer stack only after the two-second class toggle. */
#information .career-portrait-image{isolation:isolate}
#information .career-portrait-base{z-index:0}
#information .career-portrait-hover{z-index:1}
#information .career-portrait-third{z-index:2;object-fit:cover;object-position:center 24%}
#information .career-portrait-card.is-portrait-third .career-portrait-base,
#information .career-portrait-card.is-portrait-third .career-portrait-hover{opacity:0!important}
#information .career-portrait-card.is-portrait-third .career-portrait-third{opacity:1!important}
@media(prefers-reduced-motion:reduce){#information .career-portrait-third{transition:none!important}}
/* Keep the light logo blue; CSS filter is only used if the PNG dark variant is unavailable. */
html[data-theme="dark"] header .brand-logo-picture>img{filter:none!important}


/* Final deployment overrides: reference wrench cursor, readable light articles, transparent theme logo. */
@media (hover:hover) and (pointer:fine){
  #information .career-portrait-card,
  #information .career-portrait-card *,
  #information .career-portrait-card *::before,
  #information .career-portrait-card *::after{
    cursor:url("career/pipe-wrench-cursor.png?v=20261104-2") 17 8,pointer!important;
  }
}
#information .career-portrait-image{isolation:isolate}
#information .career-portrait-base{z-index:0}
#information .career-portrait-hover{z-index:1}
#information .career-portrait-third{z-index:2;object-fit:cover;object-position:center 24%}
#information .career-portrait-card.is-portrait-third .career-portrait-base,
#information .career-portrait-card.is-portrait-third .career-portrait-hover{opacity:0!important}
#information .career-portrait-card.is-portrait-third .career-portrait-third{opacity:1!important}
header .brand-logo-picture{display:block;flex:0 0 72px;width:72px;height:58px;line-height:0;background:transparent!important;mix-blend-mode:normal!important}
header .brand-logo-picture>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent!important;mix-blend-mode:normal!important;filter:none!important}
html[data-theme="dark"] header .brand-logo-picture>img{filter:none!important;mix-blend-mode:normal!important}
html:not([data-theme="dark"]) .articles-dialog{background:#f4f9fc!important;border-color:#c9dfe9!important;color:#153b59!important}
html:not([data-theme="dark"]) .articles-inner{background:radial-gradient(ellipse at 95% 0%,rgba(49,161,193,.12),transparent 40%),linear-gradient(145deg,#fbfdfe,#edf5f8 76%)!important;color:#27495e!important}
html:not([data-theme="dark"]) .articles-header h2{color:#153f60!important}
html:not([data-theme="dark"]) .articles-header p,
html:not([data-theme="dark"]) .article-content,
html:not([data-theme="dark"]) .article-content p{color:#344f63!important}
html:not([data-theme="dark"]) .article-content strong{color:#173d57!important}
html:not([data-theme="dark"]) .articles-close{border-color:#c7dce6!important;background:rgba(255,255,255,.94)!important;color:#214a64!important}
html:not([data-theme="dark"]) .article-item{border-color:#cbdfe8!important;background:linear-gradient(145deg,#fff,#edf6fa)!important;color:#244960!important;box-shadow:0 10px 26px rgba(25,72,96,.1),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-item>summary{color:#21475e!important}
html:not([data-theme="dark"]) .article-summary-title,html:not([data-theme="dark"]) .article-card>strong{color:#173d57!important}
html:not([data-theme="dark"]) .article-summary-hint,html:not([data-theme="dark"]) .article-card-more{color:#516e80!important}
html:not([data-theme="dark"]) .article-summary-icon,html:not([data-theme="dark"]) .article-summary-toggle,html:not([data-theme="dark"]) .article-card-more b{border-color:rgba(91,150,177,.32)!important;background:#e4f3f8!important;color:#117e9f!important}
html:not([data-theme="dark"]) .article-card{border-color:#c9dee8!important;background:linear-gradient(145deg,#fff,#edf6fa)!important;color:#244960!important;box-shadow:0 10px 24px rgba(25,72,96,.09)!important}
html:not([data-theme="dark"]) .article-card-eyebrow{color:#126d8a!important}
html:not([data-theme="dark"]) .article-panel{border-color:#cbdfe8!important;background:linear-gradient(145deg,#fff,#edf6fa)!important;color:#344f63!important;box-shadow:0 12px 28px rgba(25,72,96,.11),inset 0 1px rgba(255,255,255,.96)!important}
html:not([data-theme="dark"]) .article-panel h3,html:not([data-theme="dark"]) .article-panel h4,html:not([data-theme="dark"]) .article-panel strong{color:#173e59!important}
html:not([data-theme="dark"]) .article-panel p,html:not([data-theme="dark"]) .article-panel li{color:#344f63!important}
html:not([data-theme="dark"]) .article-case{border-color:#bfd8e2!important;background:#e6f3f7!important;color:#36576a!important}
html:not([data-theme="dark"]) .article-case-label{color:#126b86!important}
html:not([data-theme="dark"]) .article-rules li{border-color:#d2e2e9!important;background:#f1f7f9!important;color:#334e61!important}
html:not([data-theme="dark"]) .article-alert{border-color:#e5d2bd!important;background:#fff6ea!important;color:#614b39!important}
html:not([data-theme="dark"]) .article-alert strong{color:#80532e!important}
html:not([data-theme="dark"]) .articles-dialog .article-carousel-arrow{border-color:#c5dce6!important;background:#fff!important;color:#237794!important}

/* Articles: replace horizontal carousel with a polished multi-row responsive grid. */
.article-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  align-items:stretch;
  gap:14px;
  width:100%;
  min-width:0;
  margin:18px 0 22px;
  padding:2px 1px 8px;
  overflow:visible;
}
.article-grid .article-card{
  display:flex;
  width:100%;
  min-width:0;
  min-height:174px;
  height:100%;
  flex:none;
  scroll-snap-align:none;
  padding:19px 20px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,246,250,.88));
  color:#244960;
  box-shadow:0 10px 25px rgba(19,68,92,.09),inset 0 1px 0 rgba(255,255,255,.92);
}
.article-grid .article-card::after{right:-20px;bottom:-46px;width:150px;height:125px;opacity:.54}
.article-grid .article-card>strong{max-width:34ch;color:#173d57;font-size:15px;line-height:1.42}
.article-grid .article-card-eyebrow{color:#177f9d}
.article-grid .article-card-more{color:#516e80}
.article-grid .article-card-more b{border-color:rgba(40,126,154,.23);color:#117e9f;background:rgba(223,242,248,.8)}
.article-grid .article-card[aria-selected="true"],
.article-grid .article-card.is-active{
  border-color:#43a9c6;
  background:linear-gradient(145deg,#e7f5f9,#d8edf3);
  box-shadow:0 14px 30px rgba(21,101,129,.16),0 0 0 1px rgba(67,169,198,.18) inset;
}
.article-grid .article-card:focus-visible{outline:3px solid #42b2d0;outline-offset:3px}
html[data-theme="dark"] .article-grid .article-card{
  border-color:rgba(111,157,175,.32);
  background:linear-gradient(145deg,rgba(31,66,84,.96),rgba(17,42,58,.98));
  color:#eaf4f8;
  box-shadow:0 11px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="dark"] .article-grid .article-card>strong{color:#f1f7fa}
html[data-theme="dark"] .article-grid .article-card-eyebrow{color:#85d5e3}
html[data-theme="dark"] .article-grid .article-card-more{color:#c0d1d9}
html[data-theme="dark"] .article-grid .article-card-more b{background:rgba(255,255,255,.08);color:#9ce6ef}
html[data-theme="dark"] .article-grid .article-card[aria-selected="true"],
html[data-theme="dark"] .article-grid .article-card.is-active{
  border-color:#6ed4e2;background:linear-gradient(145deg,#245365,#183b50);
  box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(110,212,226,.22) inset;
}
@media(max-width:620px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}.article-grid .article-card{min-height:158px;padding:15px 14px;border-radius:15px}.article-grid .article-card>strong{font-size:13px}.article-grid .article-card-more{font-size:10px}}
@media(max-width:390px){.article-grid{grid-template-columns:1fr}.article-grid .article-card{min-height:138px;padding:15px 17px}.article-grid .article-card>strong{font-size:14px}}

/* Multi-row article chooser: spacious, consistent card grid without horizontal scrolling. */
#articlesDialog .article-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  align-items:stretch;
  gap:14px;
  width:100%;
  min-width:0;
  margin:18px 0 22px;
  padding:2px 1px 8px;
  overflow:visible;
}
#articlesDialog .article-grid .article-card{
  display:flex;
  width:100%;
  min-width:0;
  min-height:174px;
  height:100%;
  flex:none;
  scroll-snap-align:none;
  padding:19px 20px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,246,250,.88));
  color:#244960;
  box-shadow:0 10px 25px rgba(19,68,92,.09),inset 0 1px 0 rgba(255,255,255,.92);
}
#articlesDialog .article-grid .article-card::after{right:-20px;bottom:-46px;width:150px;height:125px;opacity:.54}
#articlesDialog .article-grid .article-card>strong{max-width:34ch;color:#173d57;font-size:15px;line-height:1.42}
#articlesDialog .article-grid .article-card-eyebrow{color:#177f9d}
#articlesDialog .article-grid .article-card-more{color:#516e80}
#articlesDialog .article-grid .article-card-more b{border-color:rgba(40,126,154,.23);color:#117e9f;background:rgba(223,242,248,.8)}
#articlesDialog .article-grid .article-card[aria-selected="true"],
#articlesDialog .article-grid .article-card.is-active{border-color:#43a9c6;background:linear-gradient(145deg,#e7f5f9,#d8edf3);box-shadow:0 14px 30px rgba(21,101,129,.16),0 0 0 1px rgba(67,169,198,.18) inset}
#articlesDialog .article-grid .article-card:focus-visible{outline:3px solid #42b2d0;outline-offset:3px}
html[data-theme="dark"] #articlesDialog .article-grid .article-card{border-color:rgba(111,157,175,.32);background:linear-gradient(145deg,rgba(31,66,84,.96),rgba(17,42,58,.98));color:#eaf4f8;box-shadow:0 11px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="dark"] #articlesDialog .article-grid .article-card>strong{color:#f1f7fa}
html[data-theme="dark"] #articlesDialog .article-grid .article-card-eyebrow{color:#85d5e3}
html[data-theme="dark"] #articlesDialog .article-grid .article-card-more{color:#c0d1d9}
html[data-theme="dark"] #articlesDialog .article-grid .article-card-more b{background:rgba(255,255,255,.08);color:#9ce6ef}
html[data-theme="dark"] #articlesDialog .article-grid .article-card[aria-selected="true"],
html[data-theme="dark"] #articlesDialog .article-grid .article-card.is-active{border-color:#6ed4e2;background:linear-gradient(145deg,#245365,#183b50);box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(110,212,226,.22) inset}
@media(max-width:620px){#articlesDialog .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}#articlesDialog .article-grid .article-card{min-height:158px;padding:15px 14px;border-radius:15px}#articlesDialog .article-grid .article-card>strong{font-size:13px}#articlesDialog .article-grid .article-card-more{font-size:10px}}
@media(max-width:390px){#articlesDialog .article-grid{grid-template-columns:1fr}#articlesDialog .article-grid .article-card{min-height:138px;padding:15px 17px}#articlesDialog .article-grid .article-card>strong{font-size:14px}}

/* Header bottom accent: red at the outer edges, blended into each theme's header line. */
:root{--header-edge-accent:#d51f32;--header-center-accent:#cfe4f0}
html[data-theme="dark"]{--header-edge-accent:#681522;--header-center-accent:#294454}
header{position:relative;border-bottom-color:var(--header-center-accent)}
header::after{
  content:"";
  position:absolute;
  z-index:8;
  inset:auto 0 -1px;
  height:3px;
  pointer-events:none;
  background:linear-gradient(90deg,
    var(--header-edge-accent) 0%,
    color-mix(in srgb,var(--header-edge-accent) 76%,var(--header-center-accent)) 7%,
    color-mix(in srgb,var(--header-edge-accent) 30%,var(--header-center-accent)) 17%,
    var(--header-center-accent) 29%,
    var(--header-center-accent) 71%,
    color-mix(in srgb,var(--header-edge-accent) 30%,var(--header-center-accent)) 83%,
    color-mix(in srgb,var(--header-edge-accent) 76%,var(--header-center-accent)) 93%,
    var(--header-edge-accent) 100%);
}

/* Red underline sweeps left-to-right on the primary navigation. */
@media(hover:hover){
 body>header nav a[href="#services"],body>header nav a[href="#information"],body>header nav a[href="#contacts"]{position:relative}
 body>header nav a[href="#services"]::after,body>header nav a[href="#information"]::after,body>header nav a[href="#contacts"]::after{content:"";position:absolute;left:1px;right:1px;bottom:-3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#151416,#e21d3b 38%,#ff5d74);transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.2,.72,.22,1);pointer-events:none}
 body>header nav a[href="#services"]:hover::after,body>header nav a[href="#services"]:focus-visible::after,body>header nav a[href="#information"]:hover::after,body>header nav a[href="#information"]:focus-visible::after,body>header nav a[href="#contacts"]:hover::after,body>header nav a[href="#contacts"]:focus-visible::after{transform:scaleX(1)}
 body>header nav a[href="#services"]:hover,body>header nav a[href="#information"]:hover,body>header nav a[href="#contacts"]:hover{color:#cc1737!important;text-shadow:none!important;animation:none!important}
 html[data-theme="dark"] body>header nav a[href="#services"]::after,html[data-theme="dark"] body>header nav a[href="#information"]::after,html[data-theme="dark"] body>header nav a[href="#contacts"]::after{background:linear-gradient(90deg,#101012,#ff405f 42%,#ff8292)}
 html[data-theme="dark"] body>header nav a[href="#services"]:hover,html[data-theme="dark"] body>header nav a[href="#information"]:hover,html[data-theme="dark"] body>header nav a[href="#contacts"]:hover{color:#ff667d!important}
}
@media(prefers-reduced-motion:reduce){body>header nav a[href="#services"]::after,body>header nav a[href="#information"]::after,body>header nav a[href="#contacts"]::after{transition:none!important}}