/* USK: industrial typography, real factory photography, a product reveal. */
:root{--gold:#ad935f;--paper:#eceee9}
h1 em,h2 em,.footer-statement em{font-family:Manrope,Arial,sans-serif;font-style:normal;letter-spacing:-.055em;color:inherit}
.hero{display:block;background:#0d1821;color:#edf0ec;min-height:740px;isolation:isolate;padding-top:88px}
.hero-visual{position:absolute;inset:88px 0 0 29%;margin:0;min-height:0;z-index:-2}
.hero-visual>img{object-position:center;filter:saturate(.8);transform:none}
.hero:after{content:'';position:absolute;inset:88px 0 0;z-index:-1;background:linear-gradient(90deg,#0d1821 5%,#0d1821e8 28%,#0d182147 57%,#0d182111 85%),linear-gradient(0deg,#0d1821bd,transparent 32%);pointer-events:none}
.hero-copy{position:relative;top:12%;padding:0 3.2vw;width:65%;max-width:1000px}
.hero-copy .eyebrow{color:#d3d9d8}.hero h1{font-size:clamp(84px,8.8vw,148px);font-weight:500;letter-spacing:-.075em;line-height:.99;margin-bottom:30px}
.hero-description{color:#c2cbcf}.hero-cta .circle-arrow{border-color:#ffffff70}.hero-cta small,.hero-footer{color:#c2cbcf}
.visual-top{left:auto;right:5vw;gap:40px}.visual-bottom{left:auto;right:5vw}.visual-bottom>span{display:none}
.introduction>p{font-size:clamp(25px,2.8vw,45px)}.introduction>p em{font-style:normal}
.story-copy h2 em{color:#a3b4bc}.story-copy h2{font-weight:450;letter-spacing:-.055em}.story-copy{transition:opacity .35s,transform .35s}
.story-copy.changing{transform:translateY(8px)}.footer-statement em{color:var(--ink)}
#product-open{position:absolute;z-index:8;width:175px;height:46px;transform:translate(-50%,150px);border:0;background:#e7ece5;color:#152635;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;font-size:11px;box-shadow:0 5px 25px #0003;cursor:pointer}
#product-open i{font-size:18px;font-style:normal}#product-open:hover{background:#fff}
.product-scrim{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:var(--inspect,0);background:linear-gradient(90deg,transparent 25%,#070c12bb 49%,#070c12f5 72%)}
#product-benefits{position:absolute;z-index:7;top:23%;left:52%;right:6vw;max-width:650px;opacity:0;visibility:hidden;transform:translateX(-70px);transition:visibility .25s;pointer-events:none}
.inspecting #product-benefits{visibility:visible;opacity:var(--inspect);transform:translateX(calc((1 - var(--inspect))*-70px));pointer-events:auto}
.inspecting .story-copy,.inspecting .story-detail{opacity:0;pointer-events:none}.inspecting .stage-shade{opacity:0;transition:opacity .6s}
.benefit-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:#96a8b5}.benefit-top button{width:36px;height:36px;border:1px solid #ffffff30;background:transparent;color:#e7ece5;font-size:25px}
#product-benefits h2{font:400 clamp(24px,2.5vw,44px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.5px;margin:20px 0 30px}#product-benefits h2 em{color:#9baeb9}
.benefit-row{display:flex;gap:22px;border-top:1px solid #ffffff22;padding:18px 0;opacity:clamp(0,calc((var(--inspect) - .35)*3),1);transform:translateX(calc((1 - var(--inspect))*-35px))}
.benefit-row:nth-of-type(3){opacity:clamp(0,calc((var(--inspect) - .5)*3),1)}.benefit-row:nth-of-type(4){opacity:clamp(0,calc((var(--inspect) - .65)*3),1)}
.benefit-row>span{font-size:8px;color:#bda66e;padding-top:4px}.benefit-row h3{font-size:14px;font-weight:500;margin:0 0 8px;letter-spacing:-.2px}.benefit-row p{font-size:11px;line-height:1.7;color:#93a5b1;margin:0;max-width:370px}
.benefit-note{font-size:8px;line-height:1.7;color:#7c8e9a;max-width:400px}.benefit-note a{display:block;margin-top:8px;color:#bdc8cc;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
 .hero{height:90svh;min-height:680px;padding:112px 6vw 40px}.hero-copy{top:12%;width:100%;padding:0 2vw;max-width:100%}.hero h1{font-size:80px}.hero-visual{inset:74px 0 0;max-height:none;height:auto}.hero-visual>img{object-position:65% center}.hero:after{inset:74px 0 0;background:linear-gradient(90deg,#0d1821da,#0d182150),linear-gradient(0deg,#0d1821d9,transparent 45%)}.visual-top{top:28px;font-size:5px;left:8vw;right:8vw;justify-content:space-between;gap:0}.visual-bottom{right:8vw;bottom:70px}.hero-cta{position:static;margin-top:26px;gap:15px}.hero-cta>span:last-child{display:block}.hero-footer{color:#c2cbcf}
 #product-open{width:154px;height:40px;transform:translate(-50%,115px);font-size:10px}
 #product-benefits{left:8vw;right:8vw;top:46%;max-width:none}#product-benefits h2{font-size:23px;margin:10px 0 14px;letter-spacing:-.8px}.benefit-top{font-size:6px}.benefit-top button{width:28px;height:28px;font-size:22px}.benefit-row{padding:10px 0;gap:15px}.benefit-row h3{font-size:11px;margin-bottom:5px}.benefit-row p{font-size:9px;line-height:1.5}.benefit-note{font-size:7px;margin:5px 0}.benefit-note a{margin-top:4px}
 .inspecting #architecture{top:8%;height:42%}.inspecting .story-top{display:none}.inspecting .story-bottom{bottom:20px}.inspecting .scroll-note,.inspecting .frame-caption{display:none}.product-scrim{background:linear-gradient(180deg,transparent 12%,#070c1266 36%,#070c12ef 47%,#070c12 75%)}
}
@media(prefers-reduced-motion:reduce){#product-benefits,.benefit-row{transform:none!important}}
@media(max-width:700px){#architecture{transition:top .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1)}}