.experience{min-height:100svh;overflow-x:clip}.scroll-track{background:#0c0e0d;width:100%;position:relative}.scroll-track__end{background:#0c0e0d;height:100lvh;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.scroll-track__frame{position:absolute;inset:0}.scroll-track__end img{object-fit:cover;width:100%;height:100%}.scroll-stage{z-index:20;height:100lvh;color:var(--white);pointer-events:none;contain:strict;background:#0c0e0d;transition:opacity .3s,visibility linear;position:fixed;inset:0;overflow:hidden}.scroll-stage.is-complete{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.scroll-stage__canvas{opacity:0;background:#0c0e0d;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.scroll-stage.is-ready .scroll-stage__canvas{opacity:1}.scroll-veil{pointer-events:none;background:linear-gradient(90deg,#080a0980 0%,#080a090f 30% 70%,#080a0980 100%),linear-gradient(#080a094d 0%,#0000 24% 68%,#080a0973 100%);position:absolute;inset:0}.scroll-stage__ui{height:100svh;position:absolute;top:0;left:0;right:0}.scroll-hero{text-align:center;padding:calc(1.5rem + var(--safe-top)) var(--pad-x) calc(2rem + var(--safe-bottom));opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,transform .6s;display:flex;position:absolute;inset:0;transform:translateY(12px)}.scroll-hero.is-visible{opacity:1;transform:translateY(0)}.scroll-hero__copy{display:contents}.scroll-hero__brand{font-family:var(--font-display);letter-spacing:.24em;text-indent:.24em;text-shadow:0 10px 40px #00000059;margin:0 0 .85rem;font-size:clamp(2.4rem,9vw,6rem);font-weight:500;line-height:.95}.scroll-hero__line{text-wrap:balance;max-width:22ch;font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 8px 28px #00000059;margin:0;font-size:clamp(1.25rem,3.4vw,2rem);font-style:italic;font-weight:400;line-height:1.25}.scroll-hero__support{letter-spacing:.03em;opacity:.85;max-width:28ch;margin:.9rem 0 0;font-size:clamp(.88rem,2.4vw,.98rem);font-weight:300}.scroll-hero__hint{bottom:calc(1.8rem + var(--safe-bottom));letter-spacing:.22em;text-transform:uppercase;opacity:.75;flex-direction:column;align-items:center;gap:.7rem;font-size:.68rem;display:flex;position:absolute}.scroll-hero__hint-line{transform-origin:top;background:linear-gradient(#faf8f4d9,#0000);width:1px;height:38px;animation:1.8s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.35;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}.scroll-beats{position:absolute;inset:0}.beat{opacity:0;width:min(300px,32vw);padding:.25rem;transition:opacity .5s,transform .6s;position:absolute;top:50%;transform:translateY(-50%)translateY(12px)}.beat--left{left:calc(var(--pad-x) + var(--safe-left));text-align:left}.beat--right{right:calc(var(--pad-x) + var(--safe-right));text-align:right}.beat.is-active{opacity:1;transform:translateY(-50%)}.beat--placed{--py:clamp(4.5rem, 12vh, 6rem);left:calc(var(--pad-x) + var(--bx) * (100% - 2 * var(--pad-x)));top:calc(var(--py) + var(--by) * (100% - 2 * var(--py)));text-align:left;transform:translate(calc(var(--bx) * -100%), calc(var(--by) * -100%)) translateY(12px)}.beat--placed.beat--end{text-align:right}.beat--placed.is-active{transform:translate(calc(var(--bx) * -100%), calc(var(--by) * -100%))}.beat__label{letter-spacing:.22em;text-transform:uppercase;color:#c9a36e;margin:0 0 .45rem;font-size:.66rem}.beat__text{font-family:var(--font-display);text-shadow:0 8px 28px #00000073;margin:0;font-size:clamp(1.2rem,2.3vw,1.75rem);font-weight:400;line-height:1.3}.scroll-loader{background:#faf8f414;height:2px;transition:opacity .6s .2s;position:absolute;bottom:0;left:0;right:0}.scroll-loader__bar{background:var(--gold);transform-origin:0;height:100%;transition:transform .2s linear;display:block;transform:scaleX(0)}.scroll-stage.is-loaded .scroll-loader{opacity:0}@media (max-width:900px) and (orientation:portrait),(max-width:640px){.scroll-veil{background:linear-gradient(#080a096b 0%,#0000 28% 52%,#080a099e 100%)}.scroll-hero__brand{letter-spacing:.18em;text-indent:.18em;font-size:clamp(2.2rem,11vw,3.4rem)}.beat,.beat--left,.beat--right{top:auto;left:calc(1.25rem + var(--safe-left));right:calc(1.25rem + var(--safe-right));bottom:calc(2.4rem + var(--safe-bottom));text-align:left;width:auto;transform:translateY(10px)}.beat.is-active{transform:translateY(0)}.beat--placed.beat--end{text-align:left}.beat__text{max-width:22ch;font-size:clamp(1.2rem,5.2vw,1.5rem)}}@media (orientation:landscape) and (max-height:500px){.scroll-hero__brand{font-size:clamp(2rem,7vw,3rem)}.scroll-hero__hint{display:none}.beat__text{font-size:clamp(1rem,2.4vw,1.3rem)}}.scroll-track{touch-action:pan-y}.scroll-track.is-rotated .scroll-stage,.scroll-track.is-rotated .scroll-track__frame{--stage-w:var(--rot-w,100dvh);--stage-h:var(--rot-h,100vw);--safe-top:env(safe-area-inset-right,0px);--safe-right:env(safe-area-inset-bottom,0px);--safe-bottom:env(safe-area-inset-left,0px);--safe-left:env(safe-area-inset-top,0px);--pad-x:clamp(1.15rem, calc(var(--stage-w) * .045), 4rem);width:var(--stage-w);height:var(--stage-h);transform-origin:0 0;inset:0 auto auto 100%;transform:rotate(90deg)}.scroll-track.is-rotated .scroll-stage__ui{height:100%}.scroll-track.is-rotated .scroll-veil{background:linear-gradient(90deg,#080a0980 0%,#080a090f 30% 70%,#080a0980 100%),linear-gradient(#080a094d 0%,#0000 24% 68%,#080a0973 100%)}.scroll-track.is-rotated .scroll-hero__brand{font-size:clamp(2rem, calc(var(--stage-w) * .07), 3rem);letter-spacing:.24em;text-indent:.24em}.scroll-track.is-rotated .scroll-hero__line{font-size:clamp(1.1rem, calc(var(--stage-w) * .03), 1.7rem)}.scroll-track.is-rotated .scroll-hero__support{font-size:clamp(.82rem, calc(var(--stage-w) * .022), .98rem)}.scroll-track.is-rotated .scroll-hero__hint{display:none}.scroll-track.is-rotated .beat{width:min(300px, calc(var(--stage-w) * .32));top:50%;bottom:auto;transform:translateY(-50%)translateY(12px)}.scroll-track.is-rotated .beat.is-active{transform:translateY(-50%)}.scroll-track.is-rotated .beat--left{left:calc(var(--pad-x) + var(--safe-left));text-align:left;right:auto}.scroll-track.is-rotated .beat--right{left:auto;right:calc(var(--pad-x) + var(--safe-right));text-align:right}.scroll-track.is-rotated .beat--placed{--py:1.5rem;left:calc(var(--pad-x) + var(--bx) * (100% - 2 * var(--pad-x)));right:auto;top:calc(var(--py) + var(--by) * (100% - 2 * var(--py)));text-align:left;transform:translate(calc(var(--bx) * -100%), calc(var(--by) * -100%)) translateY(12px)}.scroll-track.is-rotated .beat--placed.beat--end{text-align:right}.scroll-track.is-rotated .beat--placed.is-active{transform:translate(calc(var(--bx) * -100%), calc(var(--by) * -100%))}.scroll-track.is-rotated .beat__text{max-width:none;font-size:clamp(1rem, calc(var(--stage-w) * .024), 1.3rem)}html.stage-rotated .site-header,html.stage-rotated .preview-bar{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}.scroll-cue{letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:#faf8f4d1;pointer-events:none;align-items:center;gap:.65rem;font-size:.62rem;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-cue__icon{width:28px;height:28px;stroke:var(--gold);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.scroll-cue__arc{opacity:.6}.scroll-cue__phone{transform-box:fill-box;transform-origin:50%}.scroll-cue--turn{top:calc(1.1rem + var(--safe-top))}.scroll-cue__icon--turn .scroll-cue__phone{animation:3.6s cubic-bezier(.65,0,.35,1) infinite cueTurn}@keyframes cueTurn{0%,25%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.scroll-cue--upright{bottom:calc(1.1rem + var(--safe-bottom));opacity:0;transition:opacity .6s}.scroll-stage.is-ending .scroll-cue--upright,.scroll-track__frame .scroll-cue--upright{opacity:1}.scroll-cue__phone--upright{animation:3.2s ease-in-out infinite cueNudge}@keyframes cueNudge{0%,55%,to{transform:rotate(0)}75%{transform:rotate(10deg)}}.scroll-swipe{left:50%;bottom:calc(1.1rem + var(--safe-bottom));opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.7rem;transition:opacity .5s;display:flex;position:absolute;transform:translate(-50%)}.scroll-stage.is-ready:not(.has-swiped):not(.is-complete) .scroll-swipe{opacity:1;transition-delay:.4s}.scroll-swipe__trail{background:linear-gradient(#faf8f466,#faf8f400);width:1px;height:34px;position:relative}.scroll-swipe__trail:before{content:"";border-top:1px solid var(--gold);border-left:1px solid var(--gold);width:7px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(45deg)}.scroll-swipe__dot{background:var(--gold);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;animation:2.2s cubic-bezier(.45,0,.2,1) infinite swipeTrail;position:absolute;bottom:0;left:50%;box-shadow:0 0 10px #c4a574bf}@keyframes swipeTrail{0%{opacity:0;transform:translateY(0)}15%{opacity:1}70%{opacity:1;transform:translateY(-28px)}85%,to{opacity:0;transform:translateY(-28px)}}.scroll-swipe__label{letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;white-space:nowrap;color:#faf8f4d1;font-size:.62rem;font-weight:500}.scroll-track.is-fit .scroll-veil{display:none}.scroll-track.is-fit .scroll-track__end img{object-fit:contain;object-position:50% 56%}.scroll-track.is-fit .scroll-hero{justify-content:flex-start;padding:0}.scroll-track.is-fit .scroll-hero__copy{left:calc(var(--pad-x) + var(--safe-left));right:calc(var(--pad-x) + var(--safe-right));bottom:calc(100% - var(--band-top,30%));flex-direction:column;align-items:center;padding-bottom:clamp(1.1rem,4.5vw,1.8rem);display:flex;position:absolute}.scroll-track.is-fit .scroll-hero__brand{margin-bottom:.6rem;font-size:clamp(1.9rem,9vw,2.8rem)}.scroll-track.is-fit .scroll-hero__support{margin-top:.6rem}.scroll-track.is-fit .scroll-hero__hint{top:calc(var(--band-top,30%) + var(--band-h,40%) + 1.8rem);bottom:auto}.scroll-track.is-fit .beat,.scroll-track.is-fit .beat--left,.scroll-track.is-fit .beat--right{top:calc(var(--band-top,30%) + var(--band-h,40%) + 1.6rem);bottom:auto;left:calc(1.25rem + var(--safe-left));right:calc(1.25rem + var(--safe-right));text-align:left;width:auto;transform:translateY(10px)}.scroll-track.is-fit .beat.is-active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.scroll-cue__phone,.scroll-swipe__dot{animation:none}}.scroll-track.is-side{--panel-h:calc(100vh - 9rem);--panel-w:calc(var(--panel-h) * 9 / 16);--panel-x:calc(68% - var(--panel-w) / 2)}.scroll-track.is-side .scroll-stage,.scroll-track.is-side .scroll-track__end{background:radial-gradient(620px 520px at 68% 55%,#c4a57421,#0000 70%),linear-gradient(#111413,#0b0d0c)}.scroll-track.is-side .scroll-stage__canvas,.scroll-track.is-side .scroll-track__end img{inset:5.75rem auto auto;left:var(--panel-x);width:var(--panel-w);height:var(--panel-h);border-radius:14px;box-shadow:0 0 0 1px #faf8f414,0 40px 90px #0000008c}.scroll-track.is-side .scroll-track__end img{object-fit:cover;position:absolute}.scroll-track.is-side .scroll-veil{display:none}.scroll-track.is-side .scroll-hero{width:calc(var(--panel-x) - 2rem);text-align:left;padding-left:calc(var(--pad-x) + var(--safe-left));align-items:flex-start;padding-right:0;right:auto}.scroll-track.is-side .scroll-hero__brand{letter-spacing:.16em;text-indent:0;font-size:clamp(2.6rem,5vw,5rem)}.scroll-track.is-side .scroll-hero__hint{left:calc(var(--pad-x) + var(--safe-left));align-items:flex-start}.scroll-track.is-side .beat,.scroll-track.is-side .beat--left,.scroll-track.is-side .beat--right{left:calc(var(--pad-x) + var(--safe-left));width:min(30rem, calc(var(--panel-x) - var(--pad-x) - 3rem));text-align:left;right:auto}.scroll-track.is-side .beat--placed{top:50%;transform:translateY(-50%)translateY(12px)}.scroll-track.is-side .beat--placed.is-active{transform:translateY(-50%)}.scroll-track.is-side .beat__label{margin-bottom:.8rem;font-size:.7rem}.scroll-track.is-side .beat__text{text-shadow:none;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.2}.scroll-track.is-side .scroll-loader{left:var(--panel-x);width:var(--panel-w);bottom:2.25rem;right:auto}.scroll-tagline{left:0;right:0;bottom:calc(2.2rem + var(--safe-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:.9rem;margin:0;display:flex;position:absolute}.scroll-tagline__text{font-family:var(--font-body);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:#faf8f499;text-shadow:0 2px 18px #00000073;font-size:clamp(.66rem,.5rem + .35vw,.8rem);font-weight:500}.scroll-tagline__text b{color:var(--white);font-weight:700}.scroll-tagline__text i{background:var(--gold);vertical-align:baseline;border-radius:50%;width:.36em;height:.36em;margin-left:.12em;display:inline-block}.scroll-tagline__line{background:#faf8f42e;width:1px;height:40px;position:relative;overflow:hidden}.scroll-tagline__line:after{content:"";background:var(--gold);width:100%;height:45%;animation:2.2s cubic-bezier(.22,1,.36,1) infinite taglineDrip;position:absolute;top:0;left:0}html[data-hero=gone] .scroll-tagline__text{animation:1.1s cubic-bezier(.22,1,.36,1) .15s backwards taglineIn}html[data-hero=gone] .scroll-tagline__text i{animation:.7s cubic-bezier(.34,1.56,.64,1) .95s backwards taglineDot}html[data-hero=gone] .scroll-tagline__line{animation:.9s cubic-bezier(.22,1,.36,1) .6s backwards taglineGrow}@keyframes taglineIn{0%{opacity:0;letter-spacing:.6em;filter:blur(6px)}to{opacity:1;letter-spacing:.32em;filter:none}}@keyframes taglineDot{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes taglineGrow{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}@keyframes taglineDrip{0%{transform:translateY(-100%)}to{transform:translateY(230%)}}.scroll-track.is-fit .scroll-tagline{top:calc(var(--band-top,30%) + var(--band-h,40%) + 1.8rem);bottom:auto}.scroll-track.is-side .scroll-tagline{left:calc(var(--pad-x) + var(--safe-left));align-items:flex-start;right:auto}@media (prefers-reduced-motion:reduce){.scroll-tagline *,.scroll-tagline :after{animation:none!important}}
