.material-story,.factory-expand,.production-story{position:relative;background:#080808;height:220svh}.material-pin,.factory-pin,.production-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.material-pin{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;padding:100px 5.5vw 65px;gap:6vw}.material-heading h2,.production-intro h2{font-size:clamp(38px,4vw,68px);letter-spacing:-2px}.material-heading>p:last-child,.production-intro>p:last-child{color:#abb6c1;font-size:15px;margin-top:25px}.material-compare{height:66vh;max-height:640px;position:relative;background:#07101c;overflow:hidden;border:1px solid #7cb9dc35;border-radius:3px}.material-compare>img,.material-compare>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.material-compare>svg{background:#07101c;clip-path:inset(0 0 0 calc(var(--reveal,0)*100%));stroke:none}.material-scan{position:absolute;top:0;bottom:0;left:calc(var(--reveal,0)*100%);width:1px;background:#84d5ff;box-shadow:0 0 24px #61c9ff;pointer-events:none}.material-scan>span{position:absolute;top:20px;right:10px;font-size:9px;letter-spacing:2px;white-space:nowrap;color:#a3e1ff}.compare-label{position:absolute;bottom:18px;font-size:10px;letter-spacing:1.5px;padding:7px 10px;background:#0009}.compare-label.left{left:15px}.compare-label.right{right:15px}.material-meter{position:absolute;bottom:34px;left:5.5vw;right:5.5vw;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:2px;color:#95a5b8}.material-meter i{height:1px;background:linear-gradient(90deg,#6ac8ff calc(var(--reveal)*100%),#ffffff25 0);flex:1}.factory-expand{height:220svh}.factory-frame{position:absolute;inset:var(--frame-inset,19%);overflow:hidden;border-radius:calc((1 - var(--expand,0))*24px)}.factory-frame>img{height:100%;width:100%;object-fit:cover;transform:scale(calc(1.15 - var(--expand,0)*.15));will-change:transform}.factory-dim{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0001),linear-gradient(0deg,#0007,transparent)}.factory-message{position:absolute;left:8%;bottom:15%;opacity:var(--message,0);transform:translateY(calc((1 - var(--message,0))*35px));max-width:700px}.factory-message h2{font-size:clamp(48px,6vw,100px);letter-spacing:-4px;line-height:1.03}.factory-message>p:not(.eyebrow){font-size:16px;margin:25px 0}.factory-credit{position:absolute;bottom:25px;right:30px;font-size:9px;color:#d2d9df;letter-spacing:1.5px}.expand-hint{position:absolute;bottom:25px;width:100%;text-align:center;font-size:10px;letter-spacing:3px;opacity:calc(1 - var(--expand,0))}.production-story{height:280svh;background:radial-gradient(ellipse at 75% 45%,#18354a66,transparent 60%)}.production-pin{padding:120px 5.5vw 100px;display:grid;grid-template-columns:1fr 1.5fr;gap:6vw;align-items:center}.production-visual{position:relative;height:350px;perspective:800px}.rail-bed{position:absolute;left:0;right:0;bottom:55px;height:100px;background:repeating-linear-gradient(90deg,#40526133 0 2px,transparent 2px 42px);transform:skewY(-12deg);border-bottom:1px solid #7aadc466}.steel-piece{position:absolute;left:10%;top:125px;display:flex;width:70%;height:100px;transform:translateX(calc((var(--production,0) - .5)*100px)) rotateX(45deg) rotateZ(-12deg);transform-style:preserve-3d;filter:drop-shadow(0 35px 15px #000a)}.steel-piece b{flex:1;background:linear-gradient(100deg,#8496a7,#e3edf5 18%,#6e8499 36%,#283c4b 55%,#b7c8d6 80%,#dfe7ed);border:1px solid #9ab6c8;height:100%;clip-path:polygon(0 15%,70% 0,100% 12%,100% 85%,30% 100%,0 88%)}.cut-head{position:absolute;top:35px;left:45%;height:90px;width:60px;border:1px solid #94caff55;background:linear-gradient(90deg,#1a2b39,#4a6579,#182733);transform:translateY(-15px)}.cut-head:after{content:'';position:absolute;top:100%;left:50%;height:170px;width:2px;background:#7ad8ff;box-shadow:0 0 20px 6px #329bd988;opacity:0}.production-story[data-stage="0"] .cut-head:after{opacity:1;animation:laser-breathe 1s infinite alternate}.production-story:not([data-stage="0"]) .cut-head{opacity:.2}.inspection-light{position:absolute;inset:70px 0 50px;background:linear-gradient(90deg,transparent,#68d9ff55,transparent);clip-path:inset(0 45%);transform:translateX(calc((var(--production,0) - .5)*800px));opacity:0;pointer-events:none}.production-story[data-stage="2"] .inspection-light{opacity:1}.production-story[data-stage="3"] .steel-piece{filter:drop-shadow(0 0 18px #55adcf44);outline:1px solid #7bb6c744}.production-status{position:absolute;bottom:8px;font-size:13px;letter-spacing:2px;color:#8bcefa}.production-detail{position:absolute;bottom:-24px;font-size:14px;color:#93a8bb}.production-steps{position:absolute;left:5.5vw;right:5.5vw;bottom:50px;display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ffffff22;color:#6f7e8d;font-size:12px;letter-spacing:2px}.production-steps span.active{color:#a7ddff}.production-steps i{position:absolute;left:0;bottom:-1px;width:calc(var(--production,0)*100%);height:2px;background:#4ba7d5;box-shadow:0 0 15px #5dcaff}.film-scroll-track{height:330svh;position:relative}.film-sticky{position:sticky!important;top:0;height:100svh!important;min-height:660px}.film-scroll-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff25}.film-scroll-progress i{display:block;height:100%;width:calc(var(--film-progress,0)*100%);background:#65bdf0}.metal-surface{position:relative;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease}.metal-surface:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#c7e9ff55,transparent 50%);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:5;transition:opacity .35s}.metal-surface.light-active:after{opacity:1}.service-card{transform-origin:center center}.local-study-tag{position:fixed;bottom:15px;left:15px;background:#0c2132e6;color:#a4d7f4;border:1px solid #367598;padding:6px 11px;font-size:10px;letter-spacing:1px;z-index:25;pointer-events:none}@keyframes laser-breathe{to{box-shadow:0 0 32px 10px #329bd9aa}}
@media(max-width:700px){.material-pin,.production-pin{grid-template-columns:1fr;gap:24px;padding:105px 24px 80px;align-content:center;min-height:720px}.material-story,.factory-expand{height:190svh}.material-heading h2,.production-intro h2{font-size:34px;letter-spacing:-1.5px}.material-heading>p:last-child{margin-top:12px;font-size:13px}.material-compare{height:40svh;min-height:250px}.compare-label{font-size:8px;padding:5px}.material-meter{bottom:35px}.factory-message{left:8%;right:8%;bottom:20%}.factory-message h2{font-size:47px;letter-spacing:-2px}.factory-message>p:not(.eyebrow){font-size:14px}.factory-credit{font-size:8px;right:8%;left:8%;bottom:40px}.production-visual{height:290px}.production-status{font-size:10px;letter-spacing:1px}.production-detail{font-size:12px}.production-steps{font-size:9px;letter-spacing:0;bottom:30px}.production-story{height:230svh}.production-intro>p:last-child{font-size:14px;margin-top:15px}.film-scroll-track{height:300svh}.film-sticky{min-height:740px}.local-study-tag{font-size:8px;padding:4px 7px;bottom:8px;left:8px}}
@media(prefers-reduced-motion:reduce){.material-story,.factory-expand,.production-story,.film-scroll-track{height:auto}.material-pin,.factory-pin,.production-pin,.film-sticky{position:relative!important;min-height:720px}.factory-frame{inset:0}.metal-surface{transform:none}.cut-head:after{animation:none!important}}
.production-story[data-stage="0"] .steel-piece b:last-child{transform:translateX(calc(var(--production)*55px))}.steel-piece b{transition:transform .6s ease,filter .6s ease}.production-story[data-stage="1"] .steel-piece b:nth-child(odd){transform:translateY(-12px);filter:brightness(1.2)}.production-story[data-stage="3"] .steel-piece:after{content:'';position:absolute;left:30%;top:-8px;bottom:-8px;width:12px;border:2px solid #b8d3de;background:#264a6255;box-shadow:135px 0 0 -2px #8aafc4}