/* Visual system taken from the user-selected glavpresent reference, 15 Oct 2026.
   Content, documents and real-time product models remain specific to this deck. */
:root{--fg:#f7f9f4;--soft:#d3d9ca;--muted:#9fa991;--accent:#b5e52d;--line:#b5e52d26;--panel-line:#b5e52d2e}
html:has(body.presentation-flow){background:#020402}
body.presentation-flow{color:var(--fg);background:radial-gradient(58% 34% at 88% -2%,rgba(138,201,0,.22),transparent 68%),radial-gradient(44% 30% at -4% 32%,rgba(181,229,45,.106),transparent 72%),radial-gradient(52% 36% at 104% 72%,rgba(91,145,0,.12),transparent 72%),linear-gradient(118deg,transparent 0,transparent 34%,rgba(138,201,0,.024) 48%,transparent 62%),linear-gradient(155deg,#050805 0,#000 42%,#020502 72%,#000 100%)}
body.presentation-flow:before,.scene-shade,.page-grain{display:none!important}
.ambient-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(62% 48% at 92% 5%,rgba(112,190,0,.26),transparent 62%),radial-gradient(55% 44% at -8% 46%,rgba(138,201,0,.18),transparent 66%),radial-gradient(54% 46% at 92% 94%,rgba(80,145,0,.2),transparent 64%),linear-gradient(118deg,#020402 0,#000 34%,#071006 55%,#000 76%,#030703 100%)}
.ambient-bg:before{content:'';position:absolute;inset:-12%;background-image:linear-gradient(rgba(181,229,45,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(181,229,45,.055) 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(58deg) translateY(18%);transform-origin:center bottom;mask-image:radial-gradient(84% 76% at 50% 62%,#000 12%,transparent 72%);opacity:.72}
.ambient-bg:after{content:'';position:absolute;inset:-25% -12%;background:linear-gradient(112deg,transparent 25%,rgba(181,229,45,.075) 39%,transparent 40%,transparent 56%,rgba(87,153,0,.06) 57%,transparent 70%);filter:blur(1px);transform:rotate(-3deg)}
.ambient-glow{position:absolute;border-radius:50%;filter:blur(74px);mix-blend-mode:screen}.ambient-glow.one{width:38vw;height:38vw;min-width:420px;min-height:420px;right:-12vw;top:-16vw;background:rgba(138,201,0,.22)}.ambient-glow.two{width:30vw;height:30vw;min-width:330px;min-height:330px;left:-14vw;top:38%;background:rgba(181,229,45,.15)}.ambient-glow.three{width:34vw;height:34vw;min-width:380px;min-height:380px;right:-13vw;bottom:-16vw;background:rgba(87,157,0,.18)}
body.presentation-flow main{z-index:1}
body.presentation-flow header{left:clamp(14px,3vw,44px);right:clamp(14px,3vw,44px);top:16px;height:64px;gap:20px;padding:10px 12px 10px 18px;border-radius:999px;background:rgba(2,5,2,.82);border:1px solid rgba(181,229,45,.17);box-shadow:0 18px 60px #0009,inset 0 1px 0 #b5e52d09}
body.presentation-flow header .brand b{font-size:19px;letter-spacing:.04em}body.presentation-flow header .brand{gap:11px;border:0;padding:0}header .brand .official-mark{width:31px;height:25px}header .brand .official-mark img{width:54px;height:54px;left:-11.4px;top:-14.3px}
body.presentation-flow header nav{margin-left:auto;font-size:12px;gap:24px}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.menu-cta{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:11px 19px;background:#b5e52d;border:1px solid #c1eb4e;border-radius:999px;color:#101507!important;font-size:11px;font-weight:650;text-decoration:none;transition:background .25s,transform .25s}.menu-cta:hover{background:#c5f14a;transform:translateY(-1px)}body.presentation-flow .header-button{border:1px solid #b5e52d26;background:transparent;border-radius:999px;padding:12px 15px;color:#eef4e5}
body.presentation-flow footer{left:3vw;right:auto;bottom:16px;background:rgba(2,5,2,.88);border:1px solid #b5e52d2b;border-radius:999px;box-shadow:0 10px 35px #0004;gap:16px}footer #motion{position:fixed;right:18px;bottom:16px;min-height:40px;padding:10px 16px;background:rgba(2,5,2,.92);border:1px solid #b5e52d2b;border-radius:999px;font-size:11px!important;color:#e9efd9}footer .footer-divider{display:none}
body h2,body .context-copy h2,body .section-head h2,body .study-copy h2,body #fireman h2,body #material h2,body .document-layout h2,body .process-copy h2{font-weight:500!important;letter-spacing:-.04em!important;line-height:1.04}
body .context-copy h2{font-size:clamp(36px,3.75vw,58px)}body .eyebrow{color:#b5e52d;font-size:10px;letter-spacing:.12em!important;text-transform:uppercase}.context-lead{color:#d5dccb;font-size:17px;line-height:1.55}.context-points li{color:#e1e8d5}.context-points li span{color:#b5e52d}.reading-detail>summary{color:#bccca8!important}
.photo-tone,.source-product,.material-photo,.process-photo,#applicationPanel figure,.nfpt-image,.film-frame,.certificate-preview,.context-diagram,.principle-visual,.battery-visual,.layer-visual{background:linear-gradient(145deg,rgba(15,22,13,.92),rgba(3,6,3,.94))!important;border:1px solid var(--panel-line);border-radius:clamp(22px,3vw,48px);box-shadow:inset 0 1px 0 rgba(181,229,45,.043),0 30px 82px rgba(0,0,0,.5)}
.photo-tone:after{background:linear-gradient(0deg,#020502ba,transparent 32%,#101b0615),linear-gradient(90deg,#070e0355,transparent 25%,transparent 75%,#070e0338)}.photo-tone img,.harmonized-photo{filter:saturate(.6) sepia(.18) brightness(.8) contrast(1.03)!important}.photo-tone figcaption{background:linear-gradient(0deg,#020502ea,transparent)!important;color:#c4d3b1!important}.source-product img{background:#b5c1a1!important}.source-product figcaption,.steg-product figcaption{background:#081006!important;color:#c4d3b1!important}
.context-diagram{padding:22px}.context-diagram svg{filter:saturate(.5) hue-rotate(335deg)}.principle-visual,.battery-visual,.layer-visual{min-height:390px}.capsule-core{background:radial-gradient(circle at 33% 30%,#e8f6ba,#8bb622 35%,#243d04 75%)}
.key-metrics{gap:18px}.key-metrics>div{padding:26px 24px;border:1px solid var(--panel-line);border-radius:28px;background:linear-gradient(145deg,#0f160de8,#030603f0);box-shadow:inset 0 1px 0 #b5e52d0b,0 20px 55px #0004}.key-metrics strong{color:#b5e52d}.key-metrics span{color:#d1dbc3}.solution-picker{border:1px solid var(--panel-line);background:linear-gradient(145deg,#0f160de8,#030603f0);border-radius:32px;padding:30px}.solution-picker select{background:#080e05;border-color:#b5e52d40;color:#eef4e5}
body.presentation-flow dialog{background:linear-gradient(145deg,#10190b,#030603);border:1px solid #b5e52d36;border-radius:30px}.context-copy>.reading-detail{border-color:#b5e52d26}.study-toolbar button,.study-parts button{border-color:#b5e52d2b;background:#0b130880;border-radius:14px}.study-toolbar button[aria-pressed=true],.study-parts button[aria-pressed=true]{border-color:#b5e52d70;background:#b5e52d12}.study-range input{accent-color:#b5e52d}.part-label{background:#070e04eb!important;border-color:#b5e52d45!important;color:#e3edcf}.part-labels path{stroke:#a5b575!important}.outline-button{border-color:#b5e52d3b;border-radius:999px;color:#eef4e5;background:#10190999}.outline-button:hover{background:#b5e52d18}.source-link{color:#bdd68d}.contact-links a{color:#d2e9a8}
.reference-video-grid .video-thumb{border-radius:18px}.reference-video-card:hover .video-thumb i{background:#b5e52d;color:#071004}.video-thumb i{border-color:#b5e52d60;background:#050b03db}.film-frame{background:#020402!important}
body[data-motion=on] .context-media.motion-reveal:not(.is-revealed){transform:translate3d(0,38px,0) scale(.965)}
@media(max-width:1050px){body.presentation-flow header nav{display:none}}
@media(max-width:800px){.ambient-bg:before{background-size:48px 48px;opacity:.32}.ambient-glow{display:none}.ambient-bg:after{filter:none}body.presentation-flow header{left:10px;right:10px;top:8px;height:54px;min-height:50px;padding:7px 9px 7px 12px;gap:10px}body.presentation-flow header .brand b{font-size:15px}header .brand .official-mark{width:26px;height:22px}header .brand .official-mark img{width:46px;height:46px;left:-9.7px;top:-12.2px}.header-actions{gap:6px}.menu-cta{min-height:36px;font-size:10px;padding:9px 12px}body.presentation-flow .header-button{font-size:10px;padding:9px 12px}.context-lead{font-size:15px}.context-copy h2{font-size:34px!important}.context-diagram,.principle-visual,.battery-visual,.layer-visual{border-radius:28px;min-height:300px}.context-photo{border-radius:28px}.key-metrics>div{padding:20px}.solution-picker{padding:22px;border-radius:26px}.key-metrics strong{font-size:27px}body.presentation-flow footer{left:12px;bottom:12px;gap:10px;padding:0 12px;height:40px}footer #motion{right:12px;bottom:12px;min-height:40px;padding:9px 12px;font-size:9px!important}footer #fullscreen{display:none!important}}
@media(max-width:420px){body.presentation-flow header .header-button{font-size:0;width:38px;padding:9px}.header-button span{font-size:12px;margin:0}.context-points li{font-size:12px}}
@media print{.ambient-bg{display:none}.photo-tone,.context-diagram,.principle-visual,.battery-visual,.layer-visual{box-shadow:none}footer #motion{display:none}}

/* Calibrated by image family: preserve photographic detail and product colour. */
body .photo-tone img,body .harmonized-photo,body .nfpt-grid .nfpt-image img{filter:saturate(.82) brightness(1.04) contrast(.97)!important;mix-blend-mode:normal}
body .photo-tone:after{background:linear-gradient(0deg,#07100b30,transparent 22%);}
body .source-product img,body .steg-product img,body img[src*="nfpt-17-4"],body img[src*="steg-p13-0"]{filter:saturate(.82) brightness(.99) contrast(.94)!important;mix-blend-mode:normal;background:#d8ddd5!important;object-fit:contain}
body .source-product,body .steg-product,body #cord .context-photo{background:#d8ddd5!important}
body .source-product:after,body .steg-product:after,body #cord .context-photo:after{display:none}
body img[src*="site-reference/datacenter"],body img[src*="site-reference/busway"]{filter:saturate(.38) brightness(1.24) contrast(.85)!important}
body img[src*="site-reference/rail"],body img[src*="fireman-10-"],body img[src*="fireman-9-"]{filter:saturate(.78) brightness(1.2) contrast(.9)!important}
body img[src*="site-reference/facade"]{filter:saturate(.55) brightness(1.04) contrast(.95)!important}
body .video-thumb img{filter:saturate(.9) brightness(1.08)!important}
body .context-photo figcaption{background:linear-gradient(0deg,#07100be8,transparent)!important}
body #parking .context-photo img{object-fit:contain;background:#142019}

/* Branded photo editions include their own calibrated colour and vector signature. */
body img[src*="assets/branded/"]{filter:none!important;mix-blend-mode:normal!important;background:#14221a!important;object-fit:contain!important}
body .photo-tone:has(img[src*="assets/branded/"]):after{display:none!important}
body .photo-tone:has(img[src*="assets/branded/"]),body .source-product:has(img[src*="assets/branded/"]),body .steg-product:has(img[src*="assets/branded/"]){background:#14221a!important}
body .context-photo:has(img[src*="assets/branded/"]) figcaption{position:relative;padding:10px 16px;background:#14221a!important}
body .context-photo:has(img[src*="assets/branded/"]){height:auto!important;min-height:0;overflow:hidden}
body .context-photo img[src*="assets/branded/"]{height:auto;aspect-ratio:3/2}
body .nfpt-image img[src*="assets/branded/"]{height:100%;width:100%}
body .nfpt-image:has(img[src*="assets/branded/"]){height:auto!important;aspect-ratio:3/2}

/* Keep the title and model separated on compact phones. */
@media(max-width:380px) and (max-height:780px){body.presentation-flow .atlas-cover{top:15%}body.presentation-flow .atlas-cover h1{font-size:32px!important;line-height:1.1!important}}
/* Short landscape screens keep the introduction clear of fixed navigation. */
@media(min-width:761px) and (max-width:1000px) and (max-height:500px){
 body.presentation-flow header{height:54px;top:8px}
 body.presentation-flow .atlas-cover,body.presentation-flow .atlas-details{top:24%;width:47%}
 body.presentation-flow .atlas-cover h1,body.presentation-flow .atlas-details h2{font-size:28px!important;line-height:1.12!important}
 .atlas-cover .eyebrow,.atlas-details .eyebrow{margin-bottom:12px}
 .atlas-cover .hero-summary{font-size:12px;margin-top:14px;line-height:1.5}
 .atlas-cover .atlas-scroll{margin-top:14px;font-size:10px}
 #intro #scene{inset:62px 0 44px 48%}
}