@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--fg:#eef0e7;--soft:#bbc7b8;--muted:#98ab99;--accent:#c0d681;--line:#d0ddbb21}
body,body h1,body h2,body h3,body .atlas-cover h1,body .atlas-details h2,body .study-copy h2,button,input,select,textarea,body .eyebrow{font-family:Manrope,Arial,sans-serif!important}
body h1,body h2,body .atlas-cover h1,body .atlas-details h2,body .study-copy h2{font-weight:500!important;letter-spacing:-.045em!important;line-height:1.12;text-wrap:balance}
body h3{font-weight:600!important;letter-spacing:-.025em!important;line-height:1.3}p,li{ text-wrap:pretty }
body.presentation-flow{background:radial-gradient(70% 75% at 100% -12%,#68831224,transparent 70%),radial-gradient(50% 60% at -10% 85%,#6a851816,transparent 72%),linear-gradient(135deg,#091a10,#10271a 62%,#152b18);background-attachment:fixed}
body.presentation-flow:before{background:linear-gradient(118deg,transparent 32%,#8caf1305 48%,transparent 64%)}
body.presentation-flow header{background:#0b1b12f5}.presentation-flow footer{background:#0e2217f5}
body.presentation-flow main>.slide:not(#intro){padding-top:120px!important;padding-bottom:100px!important}
body .atlas-cover h1{font-size:clamp(38px,4.25vw,66px);max-width:650px}.atlas-cover .hero-summary{font-size:15px;line-height:1.7;max-width:350px}.atlas-cover .atlas-tagline{font-size:10px;letter-spacing:.04em}.atlas-cover .eyebrow{font-size:11px}
body .atlas-details h2{font-size:clamp(30px,3.15vw,48px)}.atlas-details .body-copy{font-size:14px;line-height:1.7}
body .section-head h2,body .study-copy h2,body .document-layout h2,body .process-copy h2,body #fireman h2,body #material h2{font-size:clamp(32px,3.4vw,50px);line-height:1.13}
.section-head{align-items:end;gap:36px}.section-head>p{font-size:13px!important;max-width:255px;line-height:1.65}.eyebrow{font-size:10px;letter-spacing:.045em!important;text-transform:none;line-height:1.6}.section-head .eyebrow{margin-bottom:16px}
body .decision-table h3,body .benefit-rows h3{font-size:24px}.decision-table p,.benefit-rows p,.nfpt-grid article>p{font-size:14px;line-height:1.65}.decision-table>a{padding:22px 0}.benefit-rows article{padding:20px 0}
body .nfpt-grid h3{font-size:23px}.reading-detail{max-width:760px;font-size:13px;line-height:1.85}.reading-body h3{font-size:17px;margin:22px 0 12px}.reading-body p{max-width:64ch}.reading-detail>summary{font-size:12px}.reading-body .spec-table{margin:10px 0 25px}.reading-body .technical-columns{width:100%;grid-template-columns:1fr;gap:24px}.source-note{font-size:11px;line-height:1.65}
/* One photographic treatment, applied at presentation time. Original files stay intact. */
.photo-tone{position:relative;isolation:isolate;background:#142c1c!important;overflow:hidden;border-radius:20px}
.photo-tone img,.harmonized-photo{filter:saturate(.55) sepia(.13) brightness(.83) contrast(.96)!important;transition:filter .7s ease;display:block}
.photo-tone:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#10271a66,transparent 30%,#203d1320),linear-gradient(90deg,#132a1d28,transparent 22%,transparent 80%,#132a1d38);z-index:1;border-radius:inherit}
.photo-tone figcaption{position:relative;z-index:2;color:#b9c6b3!important;background:#142c1c!important}
.source-product img{background:#c1c9b5!important;mix-blend-mode:luminosity;filter:saturate(.65) brightness(.85)!important}
.steg-product{background:#142c1c!important}.steg-product figcaption{background:#142c1c!important;color:#b9c6b3!important}
body .nfpt-grid .nfpt-image img{filter:saturate(.55) sepia(.13) brightness(.83) contrast(.96)!important}
#scenePoster{border-radius:18px}.study-viewport img{border-radius:18px}
.context-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6vw;align-items:center;max-width:1400px;margin:0 auto;min-height:calc(100dvh - 220px)}
.context-copy h2{font-size:clamp(34px,3.55vw,54px);max-width:620px;margin:18px 0 22px}.context-lead{font-size:16px;line-height:1.65;color:var(--soft);max-width:38ch}
.context-points{list-style:none;margin:28px 0 0;padding:0}.context-points li{display:flex;align-items:baseline;gap:19px;padding:13px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.55;color:#d1dcc9}.context-points li span{font-variant-numeric:tabular-nums;font-size:10px;color:var(--muted);flex:none}
.context-copy>.reading-detail{margin-top:14px}.context-media{min-width:0}.context-photo{margin:0;height:460px}.context-photo img{width:100%;height:100%;object-fit:cover}.context-photo figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;padding:16px 20px;background:linear-gradient(0deg,#10271ae8,transparent)!important;line-height:1.6}
#cord .context-photo,#coating .context-photo{height:380px}.context-diagram{padding:10px;border-radius:22px;background:radial-gradient(ellipse,#29442a44,transparent 70%)}.context-diagram svg{display:block;width:100%;max-height:420px;filter:saturate(.48) hue-rotate(335deg)}.context-diagram>span{display:block;text-align:center;font-size:10px;color:var(--muted)}
.principle-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.capsule-shell{width:250px;height:250px;border-radius:50%;border:1px solid #cedba36b;box-shadow:inset -20px -25px 45px #041509, inset 20px 25px 45px #c0d38317,0 0 70px #bed4810c;background:radial-gradient(circle at 35% 28%,#d7e6b22a,transparent 55%);display:grid;place-items:center}.capsule-core{width:155px;height:155px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#dce5c9,#789b52 35%,#1c3c23 75%);box-shadow:0 0 30px #9bb76525}.diagram-caption{display:flex;gap:45px;color:#d5dfcb;font-size:13px}.diagram-caption span{color:var(--accent)}.principle-visual small,.battery-visual small,.layer-visual small{font-size:10px;line-height:1.65;color:var(--muted)}
.battery-visual{padding:45px 24px;text-align:center}.battery-cells{display:flex;gap:12px;justify-content:center;align-items:center;min-height:250px}.battery-cells>div{position:relative;width:17%;height:195px;border-radius:12px;background:linear-gradient(100deg,#789378,#253e2b 25%,#142a1b 70%,#60765a);border:1px solid #93a58460;border-right:4px solid #b4cb75;box-shadow:12px 12px 28px #020a0644;display:flex;align-items:end;justify-content:center;padding-bottom:20px;color:#b7c9b0;font-size:11px}.battery-cells>div:before{content:'';position:absolute;top:-8px;width:36%;height:8px;border-radius:3px 3px 0 0;background:#8d9c85}.battery-cells>div:first-child{border-right-color:#cca76c}.battery-visual p,.layer-visual p{font-size:15px;color:#d4dfcd;margin:22px 0 10px}
.layer-visual{height:400px;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:20px;perspective:700px}.layer-metal,.layer-coating{position:absolute;top:50px;left:15%;width:70%;height:210px;transform:rotateX(52deg) rotateZ(-22deg);border-radius:14px}.layer-metal{background:linear-gradient(135deg,#96a59a,#3e5448 35%,#a8b4a4 65%,#263d2e);box-shadow:0 14px 0 #22392b,0 30px 35px #03110766}.layer-coating{top:28px;background:linear-gradient(120deg,#b4c499aa,#5e7a4d99);border:1px solid #d6dfb666;transform:translateY(-20px) rotateX(52deg) rotateZ(-22deg)}
.project-route{list-style:none;padding:10px 0;margin:0}.project-route li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.project-route li>span{font-size:13px;color:var(--accent);padding-top:5px}.project-route h3{font-size:22px;margin:0 0 6px}.project-route p{font-size:13px;line-height:1.7;color:var(--muted)}#project .context-points{display:none}
.key-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:60px 0 38px}.key-metrics>div{border-top:1px solid var(--line);padding-top:25px}.key-metrics strong{font-weight:500;font-size:clamp(28px,3.3vw,50px);letter-spacing:-.05em;display:block;white-space:nowrap}.key-metrics small{font-size:18px;font-weight:400}.key-metrics span{display:block;font-size:12px;color:var(--muted);margin-top:14px;line-height:1.65}
.solution-picker{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:50px 0 25px}.solution-picker label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.solution-picker select{width:100%;color:var(--fg);border:1px solid #94a17744;padding:20px 38px 20px 20px;border-radius:12px;background:#172f20;font-size:14px}.solution-picker h3{font-size:24px;margin:0 0 15px}.solution-picker p{font-size:14px;line-height:1.8;color:var(--soft);max-width:50ch}.solution-picker .source-link{margin-top:20px}
.reference-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.reference-video-card{border:0;border-radius:0;background:none;text-align:left;padding:0;color:var(--fg);cursor:pointer}.reference-video-card>span:last-child{display:block;font-size:13px;line-height:1.5;padding-top:10px}.video-thumb{display:block;position:relative;height:126px;border-radius:12px}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb i{display:grid;place-items:center;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0b2119d9;border-radius:50%;border:1px solid #adc08570;font-size:11px;font-style:normal;z-index:2;transition:background .3s}.reference-video-card:hover i{background:#4d6532}.reference-video-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.fabric-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;margin-top:40px;align-items:center}.fabric-layout .film-frame video{height:350px!important}#referenceVideoDialog{width:min(1080px,94vw);padding:34px}#referenceVideoDialog h2{font-size:28px;margin:12px 0 20px;padding-right:20px}#referenceVideoPlayer{display:block;width:100%;max-height:65dvh;background:#0b1710;border-radius:14px}
.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:28px}.contact-links a{font-size:15px;color:#c8d8b2;text-decoration:none}#contact .closing{font-size:clamp(42px,5vw,76px)}#contact>.source-link{display:block;margin-top:30px}
.reference-reading{background:linear-gradient(130deg,#0b1c12,#152d1c);font-family:Manrope,Arial,sans-serif;color:var(--fg)}.reference-reading header{background:#0b1c12f5}.reference-reading main>section{margin:55px 0;border-top:1px solid var(--line);padding-top:35px}.reference-reading main p{max-width:67ch;font-size:15px;line-height:1.85;margin:15px 0}.reference-reading h1{font-size:44px;line-height:1.15}.reference-reading h2{font-size:30px;line-height:1.25}.reference-reading nav{max-height:78vh;overflow:auto}.reference-reading nav a{font-size:11px;line-height:1.6}.reference-reading .reference-layout{grid-template-columns:240px minmax(0,850px)}
@media(min-width:1000px) and (max-height:780px){.context-photo{height:390px}.context-copy h2{font-size:42px}.context-points{margin-top:22px}.context-points li{padding:11px 0}.context-lead{font-size:14px}.context-copy>.reading-detail{margin-top:10px}.reference-video-grid{gap:17px 24px}.video-thumb{height:105px}body.presentation-flow main>.slide:not(#intro){padding-top:110px!important;padding-bottom:88px!important}}
@media(max-width:1000px){.context-grid{gap:5vw}.context-photo{height:370px}.context-copy h2{font-size:34px}.context-lead{font-size:14px}.context-points li{font-size:12px}.key-metrics{gap:20px}.key-metrics strong{font-size:29px}.key-metrics small{font-size:14px}.reference-reading .reference-layout{grid-template-columns:1fr}.reference-reading nav{position:static;max-height:260px}.reference-reading header>span:last-child{display:none}}
@media(max-width:760px){body.presentation-flow main>.slide:not(#intro){padding-top:104px!important;padding-bottom:94px!important}.context-grid{grid-template-columns:1fr;gap:25px;min-height:0}.context-copy h2{font-size:34px;margin:14px 0 18px}.context-lead{font-size:14px;max-width:40ch}.context-points{margin-top:22px}.context-points li{font-size:13px;padding:12px 0}.context-photo,#cord .context-photo,#coating .context-photo{height:280px}.context-media{order:2}.context-photo figcaption{font-size:9px}.context-diagram svg{max-height:300px}.principle-visual{min-height:300px;gap:20px}.capsule-shell{width:190px;height:190px}.capsule-core{width:115px;height:115px}.battery-visual{padding:15px 0}.battery-cells{min-height:190px;gap:8px}.battery-cells>div{height:150px}.layer-visual{height:320px}.layer-metal,.layer-coating{height:165px}.project-route li{padding:18px 0}.project-route h3{font-size:20px}.key-metrics{grid-template-columns:1fr;gap:20px;margin:30px 0}.key-metrics>div{padding-top:17px;display:flex;justify-content:space-between;gap:20px;align-items:center}.key-metrics strong{font-size:30px}.key-metrics span{font-size:11px;width:130px;margin:0}.solution-picker{grid-template-columns:1fr;gap:28px;margin-top:30px}.solution-picker h3{font-size:23px}.solution-picker select{font-size:12px;padding:18px 10px}.reference-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.reference-video-card>span:last-child{font-size:11px}.video-thumb{height:105px}.fabric-layout{grid-template-columns:1fr;gap:25px;margin-top:25px}.fabric-layout .film-frame video{height:340px!important}#referenceVideoDialog{padding:26px 18px}#referenceVideoDialog h2{font-size:24px}body .atlas-cover h1{font-size:35px!important;line-height:1.12}.atlas-cover .hero-summary{font-size:12px;max-width:300px}.atlas-cover .atlas-tagline{font-size:8px}body .atlas-details h2{font-size:30px!important}.atlas-details .body-copy{font-size:12px}.atlas-details .detail-disclaimer{font-size:10px}body .section-head h2,body .study-copy h2,body .document-layout h2,body .process-copy h2,body #fireman h2,body #material h2{font-size:32px}.contact-links a{font-size:13px}.reference-reading .reference-layout{padding-top:35px}.reference-reading h1{font-size:34px}}
@media print{.photo-tone:after{display:none}.photo-tone img,.harmonized-photo{filter:none!important}.context-grid{min-height:0}.context-copy>.reading-detail{display:block}.reference-video-grid{grid-template-columns:repeat(3,1fr)}}
.reference-stats{display:grid;gap:10px;margin:24px 0}.reference-stats>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:14px}.reference-stats dt{color:var(--muted)}.reference-stats dd{margin:0}.detail-photo{max-width:500px;margin:20px 0}.detail-photo img{width:100%;height:auto}.detail-photo figcaption{font-size:10px;padding:12px}
/* Hidden fallbacks must not be made visible by the shared photographic treatment. */
[hidden]{display:none!important}
