:root{--ink:#171717;--paper:#f2f1ef}*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a,button{color:inherit;font:inherit}button{border:0;background:none;cursor:pointer}.experience{position:relative;width:100vw;height:100svh;min-height:620px;overflow:hidden;background:linear-gradient(90deg,rgba(23,23,23,.028) 1px,transparent 1px) 0 0 /8.333vw 100%,var(--paper);isolation:isolate}.site-header{position:fixed;z-index:30;inset:0 0 auto;height:118px;padding:0 clamp(28px,4.8vw,92px);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:clamp(26px,2.4vw,42px);font-weight:900;letter-spacing:-.08em}.wordmark span{color:#e7b422}.nav{display:flex;gap:clamp(24px,3.4vw,64px);margin-left:auto;margin-right:7vw}.nav button{position:relative;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav button:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--ink);transition:right .35s ease}.nav button.active:after,.nav button:hover:after{right:0}.menu{width:42px;height:42px;display:grid;place-content:center;grid-gap:7px;gap:7px}.menu span{width:27px;height:2px;background:var(--ink);transition:transform .35s ease}.menu.active span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu.active span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.slide,.stage{position:absolute;inset:0}.slide{pointer-events:none;opacity:0;transform:translateY(calc(var(--offset) * 100%));transition:transform .95s cubic-bezier(.76,0,.24,1),opacity .6s ease}.slide.is-active{pointer-events:auto;opacity:1;transform:translateY(0);z-index:3}.accent-disc{position:absolute;z-index:1;left:50%;top:51%;width:clamp(680px,78vh,1160px);aspect-ratio:1;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%) scale(.65);transition:transform 1.25s cubic-bezier(.16,1,.3,1)}.is-active .accent-disc{transform:translate(-50%,-50%) scale(1)}.image-frame{position:absolute;z-index:2;left:50%;bottom:0;width:min(53vw,790px);height:89%;overflow:hidden;transform:translateX(-50%) translateY(38%);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transition:transform 1.15s cubic-bezier(.16,1,.3,1),-webkit-clip-path 1.1s cubic-bezier(.77,0,.18,1) .08s;transition:clip-path 1.1s cubic-bezier(.77,0,.18,1) .08s,transform 1.15s cubic-bezier(.16,1,.3,1);transition:clip-path 1.1s cubic-bezier(.77,0,.18,1) .08s,transform 1.15s cubic-bezier(.16,1,.3,1),-webkit-clip-path 1.1s cubic-bezier(.77,0,.18,1) .08s}.is-active .image-frame{-webkit-clip-path:inset(0);clip-path:inset(0);transform:translateX(-50%) translateY(0)}.image-frame img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;filter:contrast(1.08) saturate(.88);transform:scale(1.12);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.is-active .image-frame img{transform:scale(1.2)}.copy-block{position:absolute;z-index:6;top:50%;width:min(36vw,580px);transform:translateY(-42%)}.copy-block.left{left:clamp(30px,7.5vw,150px)}.copy-block.right{right:clamp(90px,11vw,210px)}.copy-block h1 span,.description,.discover,.eyebrow{opacity:0;transform:translateY(35px);transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1)}.is-active .copy-block h1 span,.is-active .description,.is-active .discover,.is-active .eyebrow{opacity:1;transform:translateY(0)}.eyebrow{margin:0 0 22px;font-size:11px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;transition-delay:.42s}.copy-block h1{margin:0;font-size:clamp(66px,8.2vw,150px);font-weight:800;letter-spacing:-.075em;line-height:.76}.copy-block h1 span{display:block}.copy-block h1 span:first-child{transition-delay:.18s}.copy-block h1 span:nth-child(2){transition-delay:.27s}.copy-block h1 span:nth-child(3){transition-delay:.34s}.description{max-width:390px;margin:34px 0 20px;font-size:clamp(14px,1vw,17px);line-height:1.65;transition-delay:.48s}.discover{display:flex;align-items:center;gap:16px;padding:0 0 7px;border-bottom:2px solid var(--ink);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;transition-delay:.55s}.discover span{font-size:18px;transition:transform .25s ease}.discover:hover span{transform:translate(4px,-4px)}.giant-index{position:absolute;z-index:0;top:13%;right:9%;font-size:clamp(160px,24vw,420px);font-weight:800;letter-spacing:-.1em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(23,23,23,.09);transform:translateX(70px);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .8s ease}.is-active .giant-index{opacity:1;transform:translateX(0)}.progress{position:fixed;z-index:20;right:clamp(24px,4.7vw,90px);top:50%;gap:18px;transform:translateY(-38%)}.progress,.progress-label{display:flex;align-items:center}.progress-label{position:absolute;right:-18px;top:-86px;gap:8px;font-size:10px;font-weight:700;letter-spacing:.1em;transform:rotate(90deg);white-space:nowrap}.progress-label i{width:20px;height:1px;background:var(--ink)}.progress-track{width:1px;height:190px;background:rgba(23,23,23,.16)}.progress-track span{display:block;width:2px;background:var(--ink);transition:height .75s cubic-bezier(.76,0,.24,1)}.progress-dots{display:grid;grid-gap:18px;gap:18px}.progress-dots button{width:6px;height:6px;padding:0;border-radius:50%;background:rgba(23,23,23,.25);transition:transform .3s ease,background .3s ease}.progress-dots button.active{background:var(--ink);transform:scale(1.8)}.socials{position:fixed;z-index:20;left:clamp(28px,4.8vw,92px);bottom:42px;display:flex;gap:12px}.socials a{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(23,23,23,.55);border-radius:50%;font-size:10px;font-weight:800;text-decoration:none;transition:background .25s ease,color .25s ease}.socials a:hover{color:var(--paper);background:var(--ink)}.scroll-cue{position:fixed;z-index:20;bottom:38px;left:50%;display:flex;flex-direction:column;align-items:center;gap:11px;transform:translateX(-50%)}.scroll-cue span{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.scroll-cue i{width:1px;height:25px;overflow:hidden;background:rgba(23,23,23,.2)}.scroll-cue i:after{content:"";display:block;width:100%;height:45%;background:var(--ink);animation:scrollCue 1.6s ease-in-out infinite}@keyframes scrollCue{0%{transform:translateY(-100%)}to{transform:translateY(240%)}}.attribution{position:fixed;z-index:20;right:clamp(28px,4.8vw,92px);bottom:42px}.attribution a{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid rgba(23,23,23,.16);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;background:rgba(242,241,239,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s ease,border-color .25s ease,transform .25s ease}.attribution a:hover{background:var(--paper);border-color:rgba(23,23,23,.35);transform:translateY(-1px)}@media (max-width:900px){.site-header{height:88px}.nav{position:fixed;inset:0;z-index:-1;margin:0;padding:130px 32px 40px;flex-direction:column;justify-content:center;background:var(--paper);opacity:0;visibility:hidden;transform:translateY(-20px);transition:.4s ease}.nav.open{opacity:1;visibility:visible;transform:translateY(0)}.nav button{font-size:clamp(30px,10vw,64px);text-align:left}.menu{z-index:2}.accent-disc{top:43%;width:min(105vw,620px)}.image-frame{bottom:8%;width:100vw;height:73%}.copy-block,.copy-block.left,.copy-block.right{z-index:6;top:auto;left:28px;right:60px;bottom:12%;width:auto;transform:none}.copy-block h1{font-size:clamp(58px,18vw,110px);line-height:.8}.description{max-width:290px;margin-top:24px}.eyebrow{margin-bottom:16px}.giant-index{top:12%;right:8%}.progress{right:18px}.attribution,.progress-label,.progress-track,.scroll-cue,.socials{display:none}}@media (max-height:720px) and (min-width:901px){.site-header{height:86px}.copy-block{transform:translateY(-35%)}.copy-block h1{font-size:clamp(58px,7vw,100px)}.description{margin-top:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}