@font-face{font-family:'Barlow Condensed';src:url('assets/heading.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--bg:#111315;--accent:#ff6b35;--paper:#efefeb;--pad:clamp(24px,5vw,90px)}
body{background:#111315;color:#efefeb}html{scroll-padding-top:80px}header{height:88px;background:#101214cf;backdrop-filter:blur(16px);border-color:#ffffff20;z-index:30}header nav{color:#c1c5c5;font-size:12px}.header-button{border-radius:0;border-color:#ffffff50;font-size:11px}.brand img{width:195px}.button{border-radius:0}.reading-progress{background:var(--accent);height:2px;z-index:60}
.experience-runway{height:640svh;position:relative;background:#111315;isolation:isolate}.experience-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#111315}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.65}
.ambient-glow{position:absolute;left:40%;top:-20%;width:70%;height:130%;background:radial-gradient(ellipse at 55% 55%,#8d2f1b30,transparent 58%);will-change:transform}
.giant-index{position:absolute;right:-2%;top:7%;font-family:'Barlow Condensed',Impact,sans-serif;font-size:75vh;font-weight:800;line-height:1;color:#ffffff02;-webkit-text-stroke:1px #ffffff09;pointer-events:none}
.equipment-photo{position:absolute;height:80%;width:47%;left:48%;top:13%;z-index:3;transform-origin:50% 50%;will-change:transform,opacity;pointer-events:none}.equipment-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(30px 40px 25px #0009)}
.inspection-canvas{position:absolute;width:53%;height:88%;left:31%;top:6%;z-index:3;opacity:0;will-change:opacity,transform;pointer-events:none}#technical-scan{width:100%;height:100%;display:block}
.scan-line{position:absolute;left:29%;width:49%;height:1px;top:40%;background:linear-gradient(90deg,transparent,#ff793f80,transparent);box-shadow:0 0 30px 10px #ff723008;z-index:4;opacity:0;pointer-events:none}
.experience-panels{position:absolute;inset:0;z-index:5;pointer-events:none}.experience-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.experience-panel.active{opacity:1;visibility:visible}.experience-panel.active a{pointer-events:auto}.kicker{font:10px/1.6 Manrope,sans-serif;font-weight:600;letter-spacing:.15em;display:flex;align-items:center;gap:12px;color:#c7cccb}.kicker i{width:6px;height:6px;border-radius:50%;background:#ff6b35;display:block}
.hero-panel{padding:145px var(--pad) 105px}.hero-panel h1{font:800 clamp(90px,11.5vw,190px)/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin-top:30px;max-width:720px;color:#eeeeea}.hero-panel h1 span{color:#ff6b35}.hero-bottom{margin-top:30px;display:flex;align-items:flex-end;gap:35px;max-width:670px;flex-wrap:wrap}.hero-bottom p{font-size:12px;line-height:1.75;color:#bec4c4}.performance-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 23px;font-size:10px;font-weight:800;letter-spacing:.05em;background:#ff6b35;color:#111315;transition:background .2s,transform .2s}.performance-button:hover{background:#ff925c;transform:translateY(-2px)}.performance-button span{font-size:21px;line-height:1}
.equipment-tag{position:absolute;right:var(--pad);top:48%;z-index:6;text-align:right;pointer-events:none}.equipment-tag span{font-size:8px;letter-spacing:.12em;color:#a6adad}.equipment-tag b{display:block;font-size:10px;line-height:1.8;letter-spacing:.05em;font-weight:500;margin-top:10px}.equipment-tag i{width:48px;height:1px;background:#ff6b35;display:block;margin:15px 0 0 auto}
.awareness-panel{padding-left:53%;padding-top:26%;padding-top:clamp(165px,24vh,280px);padding-right:var(--pad)}.experience-panel h2{font:800 clamp(65px,6.8vw,110px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;color:#efefeb;margin-top:24px}.experience-panel h2 em{font-style:normal;color:#ff6b35}.phase-copy{font-size:14px;line-height:1.85;color:#b9c0c1;margin-top:27px}.phase-rule{max-width:390px;border-top:1px solid #ffffff26;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:25px;align-items:center}.phase-rule>span{font-size:8px;letter-spacing:.12em;color:#a1abaa}.phase-rule>strong{font-size:11px;font-weight:500;color:#f1f1eb}
.equipment-heading{position:absolute;top:24%;left:var(--pad)}.equipment-heading h2{font-size:clamp(68px,7vw,115px)}.equipment-heading .phase-copy{font-size:12px}.callout{position:absolute;display:flex;gap:13px;align-items:flex-start;opacity:0;transform:translateY(15px);transition:opacity .35s,transform .35s}.callout.visible{opacity:1;transform:translateY(0)}.callout-no{border:1px solid #ff6b3590;color:#ff996d;font:10px/28px Manrope,sans-serif;width:29px;height:29px;text-align:center;border-radius:50%;flex-shrink:0}.callout h3{font-size:13px;font-weight:600;margin:2px 0 8px}.callout p{font-size:11px;line-height:1.7;color:#9fa9aa}.callout i{position:absolute;right:calc(100% + 14px);top:14px;width:75px;height:1px;background:#a0aca847}.callout i:before{content:'';width:5px;height:5px;position:absolute;left:0;top:-2px;background:#ff6b35;border-radius:50%}.callout-one{left:75%;top:28%}.callout-two{left:75%;top:49%}.callout-three{left:75%;top:69%}.technical-footnote{position:absolute;left:var(--pad);bottom:130px;color:#6f7d80;font:8px/1.7 Manrope,sans-serif;letter-spacing:.08em;max-width:250px}
.practice-visual{position:absolute;inset:0;opacity:0;z-index:2;overflow:hidden;will-change:clip-path,opacity}.practice-visual>img,.practice-visual>video,.practice-calm,.practice-calm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:73% 50%}.practice-visual>video{opacity:0}.practice-calm{opacity:0;z-index:4}.practice-shade{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#101315e8 0%,#10131580 32%,#10131510 70%),linear-gradient(0deg,#101315e0,transparent 30%,transparent 70%,#10131580)}.practice-panel{padding:22vh var(--pad) 0}.practice-panel h2{font-size:clamp(78px,9.4vw,155px)}.practice-panel h2 em{color:#efefeb}.practice-panel .phase-copy{max-width:400px}.practice-panel .phase-rule{margin-top:28px}
.experience-dock{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:10;gap:30px}.scroll-cue{display:flex;gap:13px;align-items:center}.scroll-cue>span{font-size:25px;color:#ff6b35}.scroll-cue p{font-size:8px;letter-spacing:.14em;color:#b4bdbc}.experience-track{display:flex;list-style:none;gap:28px;padding:0;margin:0}.experience-track li{display:flex;align-items:center;gap:8px;opacity:.32;transition:opacity .3s}.experience-track li.active{opacity:1}.experience-track b{font-size:9px;font-weight:500;color:#ff8555}.experience-track span{font-size:8px;letter-spacing:.06em}.experience-track li:after{content:'';display:block;width:30px;height:1px;background:#ffffff40;margin-left:4px}#motion{border:1px solid #ffffff30;background:#10131550;border-radius:0;padding:11px 14px;font-size:9px;color:#c9cfce}#motion span{margin-left:14px}.scene-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#ffffff09;z-index:10}.scene-progress i{height:100%;display:block;background:#ff6b35;transform-origin:left;transform:scaleX(0)}
.statement-strip{position:relative;z-index:8;background:#ff6b35;color:#111315;padding:25px var(--pad);display:flex;gap:30px;align-items:center;justify-content:space-between;overflow:hidden}.statement-strip span{font:800 clamp(24px,3vw,45px)/1 'Barlow Condensed',Impact,sans-serif;white-space:nowrap}.statement-strip i{font-size:32px;font-style:normal}
.still-mode .experience-panel,.still-mode .callout{transition:none}
@media(min-width:801px) and (max-height:780px){.hero-panel{padding-top:115px}.hero-panel h1{font-size:clamp(90px,10vw,145px);margin-top:20px}.hero-bottom{margin-top:22px;gap:23px}.hero-bottom p{font-size:11px}.performance-button{padding:15px 20px}.awareness-panel{padding-top:150px}.experience-panel h2{font-size:clamp(61px,6vw,90px)}.equipment-heading{top:23%}.phase-copy{font-size:12px;margin-top:20px}.phase-rule{margin-top:20px}.practice-panel{padding-top:23vh}.practice-panel h2{font-size:clamp(70px,8vw,120px)}}
@media(max-width:1100px){.equipment-tag{display:none}.experience-track{gap:15px}.experience-track li:after{width:15px}.hero-bottom{max-width:400px;gap:20px}.callout{left:72%}.callout i{width:35px}.callout p{font-size:10px}.callout h3{font-size:12px}.equipment-heading h2{font-size:75px}.equipment-heading .phase-copy{max-width:200px}}
@media(max-width:800px){header{height:77px;position:absolute}.brand img{width:160px}header nav{top:77px;background:#15181a}.header-button{font-size:10px}.experience-runway{height:660svh}.experience-stage{min-height:650px}.hero-panel{padding:121px 25px 0}.kicker{font-size:8px;letter-spacing:.08em;gap:9px}.hero-panel h1{font-size:clamp(74px,20vw,125px);line-height:.89;margin-top:23px}.equipment-photo{width:64%;height:66%;left:36%;top:28%;z-index:4}.hero-bottom{position:absolute;left:25px;bottom:130px;max-width:200px;display:block}.hero-bottom p{font-size:10px;line-height:1.8;max-width:168px}.performance-button{font-size:8px;padding:14px 15px;gap:17px;margin-top:18px}.performance-button span{font-size:17px}.giant-index{top:25%;font-size:70vh;right:-10%}.ambient-glow{left:0;width:130%;top:0;height:100%}.experience-dock{bottom:21px;left:25px;right:25px;gap:17px;flex-wrap:wrap}.experience-track{order:3;width:100%;justify-content:space-between;gap:10px}.experience-track li{gap:5px}.experience-track li:after{width:15px;margin-left:2px}.experience-track span{font-size:6px;letter-spacing:0}.experience-track b{font-size:8px}.scroll-cue p{font-size:7px}.scroll-cue span{font-size:19px}#motion{font-size:8px;padding:9px 11px}.scroll-cue{flex:1}.experience-panel h2{font-size:clamp(55px,14vw,78px)}.awareness-panel{padding:115px 25px 0}.awareness-panel .phase-copy{font-size:12px;margin-top:22px;max-width:300px}.phase-rule{max-width:290px;gap:16px;margin-top:22px;padding-top:14px}.phase-rule>span{font-size:7px}.phase-rule>strong{font-size:10px}.inspection-canvas{left:3%;width:69%;height:63%;top:29%}.equipment-heading{left:25px;top:115px}.equipment-heading h2{font-size:63px;line-height:.9;margin-top:15px}.equipment-heading .phase-copy{display:none}.callout{left:62%;max-width:34%;gap:7px}.callout-no{width:22px;height:22px;font-size:8px;line-height:20px}.callout h3{font-size:10px;line-height:1.6;margin:0 0 4px}.callout p{font-size:9px;line-height:1.6}.callout i{right:calc(100% + 6px);width:19px;top:11px}.callout-one{top:42%}.callout-two{top:57%}.callout-three{top:72%}.technical-footnote{left:25px;bottom:114px;max-width:140px;font-size:6px}.scan-line{left:4%;width:67%}.practice-panel{padding:115px 25px 0}.practice-panel h2{font-size:68px}.practice-panel .phase-copy{font-size:11px;max-width:300px}.practice-visual>img,.practice-visual>video,.practice-calm img{object-position:85% 50%;height:36%;top:47%;inset-inline:0}.practice-visual,.practice-calm{background:#111315}.practice-shade{background:linear-gradient(180deg,#111315 0%,#111315b3 38%,transparent 56%,#1113151a 76%,#111315 93%)}.statement-strip{padding:20px 25px;gap:25px}.statement-strip span{font-size:24px}.statement-strip span:last-of-type,.statement-strip i:last-of-type{display:none}.statement-strip i{font-size:24px}.giant-index{opacity:.6}}
@media(max-width:800px) and (max-height:740px){.experience-stage{min-height:600px}.hero-panel{padding-top:105px}.hero-panel h1{font-size:74px}.hero-bottom{bottom:120px}.hero-bottom p{font-size:9px}.equipment-photo{height:63%;top:29%}.awareness-panel,.practice-panel{padding-top:100px}.experience-panel h2{font-size:56px}.equipment-heading{top:100px}.equipment-heading h2{font-size:56px}.equipment-heading .kicker{font-size:7px}.phase-copy{font-size:11px!important}.callout-one{top:42%}.callout-two{top:57%}.callout-three{top:72%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experience-panel,.callout{transition:none}}
@media(max-width:800px){.header-button:before{content:none}.hero-bottom p{max-width:132px;font-size:11px}.hero-bottom .performance-button{position:relative;z-index:1}.header-button{gap:13px}}
@media(max-width:800px){.practice-panel h2{font-size:clamp(48px,14vw,68px)}.practice-visual>img,.practice-visual>video,.practice-calm img{mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent)}}