:root{--header-height:78px}
body.experience{--exp-bg:#080b16;--exp-text:#f8fafc;--exp-muted:#c3c7d6;--exp-glass:rgba(40,37,65,.45);background:var(--exp-bg);color:var(--exp-text);overflow-x:clip}
body.experience.light{--exp-bg:#eeeaf6;--exp-text:#111827;--exp-muted:#536176;--exp-glass:rgba(255,255,255,.48)}
.experience main{position:relative;z-index:1}.experience .label{font-size:11px;letter-spacing:.19em;line-height:1.5;font-weight:700;text-transform:uppercase}
.experience .stroke{color:transparent;-webkit-text-stroke:1.2px var(--exp-text);font-weight:400}
.experience h1,.experience h2,.experience h3{font-weight:500;letter-spacing:-.055em}
.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--exp-bg)}
.atmosphere>div{position:absolute;inset:-25%;background:linear-gradient(110deg,rgba(8,11,22,.6),transparent),url('assets/video-01.png') center/cover;filter:blur(65px);opacity:.62;transform:rotate(-10deg) scale(1.2);animation:atmosphere-drift 24s ease-in-out infinite alternate}
.light .atmosphere>div{opacity:.24;filter:blur(65px) brightness(1.8)}
@keyframes atmosphere-drift{to{transform:rotate(4deg) scale(1.4) translate(3%,5%)}}
.experience .header{background:rgba(8,11,22,.78);border:0}.experience.light .header{background:rgba(248,250,252,.86)}
.opening{height:125svh;position:relative}.opening-pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden}
.opening-frame{position:absolute;left:7.5%;top:calc(var(--header-height) + 5vh);width:85%;height:68vh;min-height:380px;mask:url('assets/frame-wide.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/frame-wide.svg') center/100% 100% no-repeat;transform-origin:50% 45%;will-change:transform}
.opening-frame img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:scale(1.04);animation:opening-breathe 18s ease-in-out infinite alternate}
@keyframes opening-breathe{to{transform:scale(1.11) translateX(-1%)}}
.film-number{position:absolute;top:25px;right:16%;color:white;border:1px solid rgba(255,255,255,.5);background:rgba(8,11,22,.3);padding:7px 12px;font-size:11px;letter-spacing:.25em;backdrop-filter:blur(10px)}
.opening-title{position:absolute;inset:0;pointer-events:none}.opening-title .hero-words{margin:0;font-size:clamp(80px,12.9vw,220px);line-height:.88;letter-spacing:-.055em}.opening-title .hero-words span{position:absolute;display:block}.word-build{left:13.7%;top:36%}.word-solve{left:54%;top:44%}.word-grow{left:43.8%;top:65%}.opening-title>p{position:absolute;left:10.5%;top:66%;font-size:clamp(16px,2.1vw,29px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0}
.opening-base{position:absolute;bottom:24px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.opening-base>a{font-size:12px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid rgba(255,255,255,.4);padding:9px 0}.opening-base>a span{margin-left:30px}
.perspective{position:relative;padding:110px 4% 140px;min-height:100svh}.perspective-media{width:88%;aspect-ratio:19/8;position:relative;mask:url('assets/frame-wide.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/frame-wide.svg') center/100% 100% no-repeat}.perspective-media img{width:100%;height:100%;object-fit:cover;object-position:center 63%}
.perspective-title{position:absolute;right:5%;top:32%;text-align:right}.perspective-title h2{font-size:clamp(45px,6.5vw,105px);line-height:.96;margin:20px 0}.perspective-title .label{color:#cdb6ff}.perspective-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:30px 5% 0}.perspective-bottom p{max-width:570px;font-size:clamp(18px,1.8vw,25px);line-height:1.6;color:var(--exp-muted)}.text-cta{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;display:inline-flex;gap:24px;border-bottom:1px solid currentColor;padding:12px 0;white-space:nowrap}.text-cta:hover{color:#b999ff}
.chapters{height:400svh;position:relative}.chapters-pin{height:calc(100svh - var(--header-height));position:sticky;top:var(--header-height);overflow:hidden;background:#0b1020}
.chapter{position:absolute;inset:0;transform:translateX(100%);overflow:hidden;color:#fff}.chapter:first-child{transform:none}.chapter-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chapter:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,16,.5),transparent 60%)}.chapter-glass{position:absolute;inset:0;background:rgba(12,13,28,.48);backdrop-filter:blur(18px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .9s cubic-bezier(.2,.7,.2,1)}.chapter.active .chapter-glass{clip-path:polygon(0 0,48% 0,70% 100%,0 100%)}
.chapter-copy{position:absolute;left:7%;top:24%;z-index:2;width:85%;transform:translateX(-70px);opacity:0;transition:transform .7s ease,opacity .7s ease}.chapter.active .chapter-copy{transform:translateX(0);opacity:1}.chapter-copy h2{font-size:clamp(65px,9vw,150px);line-height:.98;margin:28px 0;letter-spacing:-.055em}.chapter-copy h2 span{display:block}.chapter-copy h2 span+span{margin-left:15%}.chapter-copy .stroke{-webkit-text-stroke-color:#fff}.chapter-copy>p:not(.label){max-width:450px;font-size:18px;margin-left:15%;color:#e0deea}.glass-cta{display:inline-flex;gap:30px;padding:15px 25px;background:rgba(123,61,255,.24);border:1px solid rgba(255,255,255,.32);border-radius:3px;backdrop-filter:blur(10px);font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.09em;transition:background .3s,transform .3s}.glass-cta:hover{background:rgba(123,61,255,.46);transform:scale(1.03)}.chapter-copy .glass-cta{margin-left:15%;margin-top:18px}
.chapter-controls{position:absolute;z-index:5;bottom:32px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center}.chapter-controls>button{background:none;border:0;color:white;text-transform:uppercase;font-size:12px;letter-spacing:.14em;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.5)}.chapter-controls>button:disabled{opacity:.2;cursor:default}.chapter-dots{display:flex;gap:8px}.chapter-dots button{border:0;border-radius:8px;width:48px;height:7px;background:rgba(255,255,255,.3)}.chapter-dots button[aria-current=step]{background:#b999ff}
.capability-scene{padding:140px 7%;overflow:hidden}.capability-heading h2,.customs-heading h2,.journey-heading h2,.conversation h2{font-size:clamp(42px,5.9vw,100px);line-height:1.02;margin:30px 0 60px}.capability-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;align-items:center;min-height:620px}.capability-selector{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.capability-selector button{border:0;border-left:3px solid rgba(179,173,200,.3);padding:5px 24px;text-align:left;background:none;color:var(--exp-muted);font-size:24px;font-weight:600;letter-spacing:.05em}.capability-selector button span{display:block;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;margin-top:8px}.capability-selector button[aria-selected=true]{border-color:#7b3dff;color:var(--exp-text)}.capability-selector .text-cta{margin-top:30px}.capability-panel{display:grid;gap:22px;padding-right:6%}.fact-shell{transform:skew(17deg);border-radius:0 15px;background:var(--exp-glass);backdrop-filter:blur(20px);box-shadow:inset -6px 4px 20px -7px rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.1);min-height:166px}.fact-shell:nth-child(2){translate:35px 0}.fact-shell:nth-child(3){translate:70px 0}.fact-content{transform:skew(-17deg);padding:24px 35px}.fact-content .label{color:#b999ff}.light .fact-content .label{color:#6730d8}.fact-content h3{font-size:27px;margin:10px 0}.fact-content p{color:var(--exp-muted);margin:0;font-size:15px}
.thought-scene{height:260svh}.thought-pin{height:100svh;position:sticky;top:0;display:grid;place-items:center}.thought-pin>.label{position:absolute;top:140px;left:7%;color:#b999ff}.thought{position:absolute;width:90%;text-align:center;font-size:clamp(45px,7.5vw,130px);line-height:1.15;letter-spacing:-.06em}.thought em{font-style:normal;color:#b999ff}.thought-b{opacity:0;filter:blur(12px)}
.customs-scene{padding:100px 7% 160px}.customs-heading h2{font-size:clamp(40px,5.8vw,98px)}.customs-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}.customs-film{position:relative;aspect-ratio:4/5;mask:url('assets/frame-mobile-left.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/frame-mobile-left.svg') center/100% 100% no-repeat}.customs-film img{width:100%;height:100%;object-fit:cover}.customs-details>p{font-size:clamp(18px,1.8vw,25px);line-height:1.6;color:var(--exp-muted)}.workflow{list-style:none;padding:0;margin:32px 0;display:grid;gap:0}.workflow li{border-bottom:1px solid var(--line);padding:12px 0;display:flex;gap:25px;font-size:19px}.workflow span{font-size:11px;color:#b999ff;padding-top:7px;letter-spacing:.13em}.customs-details small{display:block;max-width:360px;color:var(--exp-muted);margin-top:22px}
.journey{height:240svh;position:relative}.journey-pin{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));padding:30px 0 40px;overflow:hidden}.journey-heading{padding:0 7%;display:grid;grid-template-columns:1fr auto;align-items:end}.journey-heading>.label{grid-column:1/-1}.journey-heading h2{font-size:clamp(34px,4vw,65px);margin:10px 0 25px}.journey-heading .text-cta{margin-bottom:30px}.journey-window{overflow:hidden;padding:15px 7%}.journey-track{display:flex;gap:65px;will-change:transform}.journey-card{flex:0 0 370px;max-width:75vw}.card-media{height:200px;transform:skew(17deg);border-radius:0 15px;overflow:hidden;margin:0 22px}.card-media img{width:130%;max-width:none;height:100%;object-fit:cover;transform:skew(-17deg) scale(1.2);transition:transform .3s}.journey-card:hover .card-media img{transform:skew(-17deg) scale(1.3)}.journey-card .label{color:#b999ff;margin-top:25px}.journey-card h3{font-size:30px;line-height:1.05;margin:12px 0}.journey-card>p:last-child{max-width:320px;font-size:15px;color:var(--exp-muted)}
.conversation{padding:150px 7% 160px;border-top:1px solid var(--line);background:rgba(8,11,22,.35)}.conversation h2{font-size:clamp(45px,8vw,140px)}.conversation>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.conversation p{font-size:20px}.conversation .label{font-size:11px}.exp-footer{position:relative;z-index:2;background:#090d18;color:#fff;padding:65px 7% 30px;display:grid;grid-template-columns:1.3fr 1fr 1.5fr;gap:40px}.exp-footer>div:not(.footer-base){display:flex;align-items:flex-start;flex-direction:column;gap:9px}.exp-footer p{color:#a9b4c7;margin:0}.exp-footer .label{margin-bottom:15px}.footer-base{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.16em}
@media(min-width:1700px){.opening-title .hero-words{font-size:12vw}.opening-frame{height:68vh}.perspective{padding-top:140px}}
@media(max-width:1000px){.opening-title>p{font-size:18px}.perspective-title h2{font-size:6vw}.capability-layout{gap:5%;grid-template-columns:.8fr 1.4fr}.fact-content{padding:22px}.fact-content h3{font-size:23px}.customs-layout{gap:4%}.chapter-copy h2{font-size:9vw}.journey-card{flex-basis:320px}.journey-track{gap:40px}}
@media(max-width:767px){:root{--header-height:70px}.opening{height:110svh}.opening-pin{min-height:640px}.opening-frame{top:135px;left:4%;width:92%;height:55vh;min-height:340px}.opening-title .hero-words{font-size:18vw}.word-build{left:7%;top:33%}.word-solve{left:37%;top:45%}.word-grow{left:30%;top:60%}.opening-title>p{top:76%;left:8%;font-size:18px}.opening-base .label{display:none}.opening-base{bottom:16px;left:8%}.film-number{top:18px;font-size:9px;padding:6px 9px}.perspective{padding:90px 5%;min-height:0}.perspective-media{width:100%;aspect-ratio:4/5;mask-image:url('assets/frame-mobile-left.svg');-webkit-mask-image:url('assets/frame-mobile-left.svg')}.perspective-title{top:36%;right:5%}.perspective-title h2{font-size:9vw}.perspective-title .label{font-size:9px}.perspective-bottom{display:block;padding:20px 3%}.perspective-bottom p{font-size:18px}.chapters{height:auto}.chapters-pin{height:calc(100svh - var(--header-height));min-height:600px;position:relative;top:auto}.chapter{transform:none!important;opacity:0;pointer-events:none;transition:opacity .6s}.chapter.active{opacity:1;pointer-events:auto}.chapter-copy{top:auto;bottom:130px;left:6%;width:88%;transform:translateY(30px)}.chapter.active .chapter-copy{transform:none}.chapter-copy h2{font-size:12vw}.chapter-copy h2 span+span,.chapter-copy>p:not(.label),.chapter-copy .glass-cta{margin-left:0}.chapter-copy>p:not(.label){font-size:17px;max-width:320px}.chapter.active .chapter-glass{clip-path:polygon(0 0,60% 0,100% 100%,0 100%)}.chapter-controls{bottom:25px;left:6%;right:6%;flex-wrap:wrap;gap:18px}.chapter-controls>button{font-size:10px}.chapter-dots button{width:30px}.capability-scene{padding:100px 7%}.capability-heading h2{font-size:10vw}.capability-layout{display:block;min-height:0}.capability-selector{flex-direction:row;flex-wrap:wrap;gap:15px;margin-bottom:45px}.capability-selector button{font-size:17px;padding:5px 15px}.capability-selector button span{font-size:10px}.capability-selector .text-cta{margin-top:0}.capability-panel{padding:0 18px}.fact-shell:nth-child(n){translate:none;transform:skew(10deg)}.fact-content{transform:skew(-10deg)}.thought-scene{height:200svh}.thought-pin>.label{top:110px}.thought{font-size:11vw}.customs-scene{padding:60px 7% 100px}.customs-heading h2{font-size:9.2vw}.customs-layout{display:block}.customs-film{aspect-ratio:1.2;mask-image:url('assets/frame-wide.svg');-webkit-mask-image:url('assets/frame-wide.svg')}.customs-details{margin-top:25px}.journey{height:auto}.journey-pin{height:auto;position:relative;top:auto;padding:60px 0}.journey-heading{display:block}.journey-heading h2{font-size:9vw}.journey-window{overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 7%}.journey-track{transform:none!important;gap:30px}.journey-card{flex:0 0 76vw;scroll-snap-align:center}.card-media{height:200px}.conversation{padding:90px 7%}.conversation h2{font-size:11vw}.conversation>div{display:block}.conversation p{font-size:18px}.exp-footer{grid-template-columns:1fr 1fr;padding:50px 7% 25px}.exp-footer>.brand{grid-column:1/-1}.exp-footer>div:nth-child(3){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atmosphere>div,.opening-frame img{animation:none}.opening{height:100svh}.opening-frame,.opening-title{transform:none!important;opacity:1!important}.chapters{height:auto}.chapters-pin{height:auto;position:relative;top:auto;overflow:visible}.chapter{position:relative;height:80svh;min-height:500px;transform:none!important;opacity:1!important;pointer-events:auto}.chapter-copy{transform:none!important;opacity:1!important}.chapter-glass{clip-path:polygon(0 0,48% 0,70% 100%,0 100%)}.chapter-controls{display:none}.thought-scene{height:auto}.thought-pin{height:auto;padding:150px 5% 100px;display:block}.thought{position:relative;opacity:1!important;filter:none!important;width:100%}.thought-pin>.label{top:70px}.journey{height:auto}.journey-pin{height:auto;position:relative;top:auto}.journey-window{overflow:auto}.journey-track{transform:none!important}.fact-shell{animation:none!important}}
/* Keep titles over dark imagery readable in either page theme. */
.light .opening-title .hero-words,.light .opening-title>p,.light .perspective-title{color:#fff;text-shadow:0 2px 18px rgba(8,11,22,.3)}
.light .opening-title .stroke,.light .perspective-title .stroke{-webkit-text-stroke-color:#fff}
@media(max-width:767px){.light .opening-title>p{color:var(--exp-text);text-shadow:none}}
@media(max-width:767px){.chapter-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.chapter-controls>button{font-size:9px;letter-spacing:.04em;white-space:nowrap}.chapter-controls>button:last-child{text-align:right}.chapter-dots{gap:5px}.chapter-dots button{width:24px}}
@media(min-width:768px) and (max-height:700px){.chapter-copy{top:15%}.chapter-copy h2{font-size:min(8vw,14vh);margin:18px 0}.chapter-copy>p:not(.label){font-size:16px}.chapter-copy .glass-cta{margin-top:10px}.journey-heading h2{font-size:4vw}.card-media{height:25vh}}