:root{--paper:#f7f5ed;--olive:#424c30;--deep:#28251d;--muted:#66685e;--ceramic:#eeece1;--line:#d4d3c8;--orange:#c76027;--display:'Manrope',sans-serif;--poster:'Anton',Impact,sans-serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--deep);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,.reel:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}button{border:0;background:none}::selection{background:var(--orange);color:var(--paper)}.wrap{width:90%;max-width:1600px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:12px;left:15px;z-index:20;transform:translateY(-200%);padding:12px 20px;background:var(--paper)}.skip:focus{transform:none}.icon{width:24px;height:24px;flex:none}.inverse{filter:invert(1)}.display{font-family:var(--poster);font-weight:400;letter-spacing:-.025em;color:var(--olive)}
.header{height:145px;display:flex;justify-content:space-between;align-items:center}.brand{display:block;width:320px}.brand img{width:100%;height:auto}.header nav{display:flex;align-items:center;gap:50px;font-size:18px}.header nav>a:not(.round-link){padding-block:15px}.round-link{width:62px;height:62px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--olive);flex:none;transition:transform .4s var(--ease),background .3s}.round-link:hover{transform:rotate(-35deg);background:#56613e}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:clamp(15px,1.8vw,26px);font-weight:600;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link .icon{transition:transform .35s var(--ease)}.text-link:hover .icon{transform:translateX(7px)}
.hero{overflow:hidden;padding-bottom:54px}.hero-top{display:grid;grid-template-columns:64% 36%;align-items:center;min-height:385px}.hero-lead{font-size:clamp(180px,29.5vw,470px);line-height:.9;white-space:nowrap}.hero-lead span{display:block}.hero-aside{padding-left:20px;padding-bottom:15px}.hero-aside p{font-size:clamp(22px,2.7vw,40px);line-height:1.16;letter-spacing:-.04em;margin-bottom:44px}.reel{--card-width:51vw;--gap:16px;height:26vw;max-height:460px;min-height:240px;position:relative;margin-top:0;touch-action:pan-y;perspective:1200px}.reel-track{position:absolute;display:flex;gap:var(--gap);left:50%;height:100%;transform:translateX(calc(-1 * (var(--active) * (var(--card-width) + var(--gap)) + var(--card-width)/2)));transition:transform 900ms var(--ease);align-items:center}.reel-card{position:relative;flex:0 0 var(--card-width);width:var(--card-width);height:90%;padding:0;overflow:hidden;border-radius:14px;transform:rotate(-2deg) scale(.98);transition:transform 850ms var(--ease),height 850ms var(--ease);isolation:isolate}.reel-card:nth-child(3){transform:rotate(-3deg) scale(.98)}.reel-card.is-active{height:100%;transform:rotate(1.4deg)}.reel-card>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);transform:scale(1.025)}.reel-card:hover>img{transform:scale(1.075)}.play-disc{position:absolute;left:50%;top:50%;width:112px;height:112px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-50%,-50%) scale(.75);transition:opacity .4s,transform .6s var(--ease)}.is-active .play-disc{opacity:1;transform:translate(-50%,-50%)}.play-disc img{width:34px;height:34px;filter:invert(1);margin-left:4px}.is-active:hover .play-disc{transform:translate(-50%,-50%) scale(1.08)}.scene-select{display:flex;gap:28px;align-items:center;margin-top:12px}.scene-select button{display:flex;align-items:center;gap:26px;min-height:56px;flex:1;padding:0 0 0 8px;color:var(--muted);font-size:16px}.scene-select button::after{content:'';height:1px;background:#b5b7a8;flex:1;transition:background .3s}.scene-select button[aria-pressed=true]{color:var(--deep);font-weight:600}.scene-select button[aria-pressed=true]::after{background:var(--olive)}.scene-select button:hover{color:var(--orange)}.hero-end{font-size:clamp(150px,28.1vw,450px);line-height:.98;white-space:nowrap;letter-spacing:-.04em;margin-top:0}.hero-end span{display:block;transform:translateX(var(--type-shift,0px));will-change:transform}
.experience{background:var(--olive);color:var(--paper);padding:38px 0 42px;scroll-margin-top:0}.experience-inner{display:grid;grid-template-columns:1fr 23%;gap:5%;align-items:center}.experience-copy h2{display:flex;align-items:center;gap:3%;font-size:clamp(70px,15.2vw,240px);line-height:1.08;white-space:nowrap;color:var(--paper);margin-bottom:56px;letter-spacing:-.035em}.signal-arrow{width:13%;filter:invert(1);flex:none}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px}.step-number{display:block;font-size:16px;padding-bottom:13px;border-bottom:1px solid #9b9f8c;margin-bottom:22px}.steps h3{font-size:clamp(17px,1.95vw,28px);letter-spacing:-.025em;line-height:1.3;margin-bottom:15px}.steps p{font-size:clamp(14px,1.5vw,21px);line-height:1.6;color:#e2e4d8;max-width:27ch}.app-figure{width:100%;max-width:330px;justify-self:end;padding-top:3px;transform:translateY(var(--phone-shift,0px));transition:transform .1s linear}.app-screen{width:100%;border-radius:32px;border:5px solid #252820;box-shadow:0 0 0 2px #a9aaa0,0 14px 28px #20261950}.app-figure figcaption{font-size:11px;text-align:center;letter-spacing:.02em;padding-top:20px;color:#e2e4d8}.availability-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;letter-spacing:.04em;margin-top:40px;border-bottom:1px solid #9b9f8c;padding-bottom:7px}.availability-link .icon{width:17px;height:17px}.questions{padding-top:38px}.details-panel{border-bottom:1px solid var(--line)}.details-panel summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;cursor:pointer;font-size:15px;list-style:none}.details-panel summary::-webkit-details-marker{display:none}.details-panel summary .icon{transition:transform .3s}.details-panel[open] summary .icon{transform:rotate(90deg)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:15px 0 38px}.answers h3{font-size:17px;margin-bottom:12px}.answers p{font-size:14px;line-height:1.75;color:var(--muted)}.footer{display:flex;justify-content:space-between;align-items:center;padding-block:35px 38px;gap:35px}.footer .brand{width:190px}.footer p{font-size:12px;color:var(--muted);margin-top:8px}.legal-footer{display:flex;align-items:center;gap:28px;font-size:12px;color:var(--muted)}.legal-footer a:hover{text-decoration:underline;text-underline-offset:4px}.legal-footer span{font-size:11px}.section-number{font-size:11px;letter-spacing:.12em}
.story-dialog{padding:0;border:0;width:min(1040px,92vw);max-width:none;max-height:92dvh;background:var(--paper);color:var(--deep);overflow:auto}.story-dialog::backdrop{background:#17200feb;backdrop-filter:blur(14px)}.story-close{position:absolute;top:20px;right:20px;z-index:3;background:var(--paper);width:48px;height:48px}.story-close:hover{background:white}.story-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--olive)}.story-image{width:100%;height:100%;object-fit:cover;animation:cinema-drift 6.5s ease-out both}.story-dialog.is-paused .story-image{animation-play-state:paused}.story-caption{position:absolute;bottom:8%;left:5%;background:var(--paper);padding:18px 24px;max-width:85%}.story-eyebrow{font-size:10px;letter-spacing:.14em}.story-caption h2{font-family:var(--poster);font-size:clamp(30px,4vw,54px);font-weight:400;line-height:1.1;margin-top:8px;text-transform:uppercase}.story-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px 0}.story-controls .round-link{background:transparent;width:44px;height:44px}.story-count{font-size:13px;min-width:55px}.story-note{font-size:11px;text-align:center;padding:8px 20px 20px;color:var(--muted)}@keyframes cinema-drift{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-1%)}}@keyframes type-enter{from{transform:translateY(28%);opacity:0}to{transform:translateY(0);opacity:1}}.motion-ready .hero-lead span{animation:type-enter 1.1s var(--ease) both}.motion-ready .hero-aside{animation:type-enter 1s .12s var(--ease) both}
@media(min-width:1800px){.reel{--card-width:920px;height:455px}.hero-top{min-height:490px}}
@media(max-width:1100px) and (min-width:701px){.header{height:112px}.brand{width:235px}.hero-top{min-height:280px}.hero-aside{padding-left:14px}.hero-aside p{margin-bottom:30px}.hero-end{font-size:28vw}.experience-copy h2{margin-bottom:48px}.steps{gap:22px}.step-number{margin-bottom:18px}.app-screen{border-radius:25px}.legal-footer{gap:18px}}
@media(max-width:700px){.wrap{width:88%}.header{height:92px}.brand{width:183px}.header nav{gap:18px;font-size:12px}.header nav>a:not(.round-link){display:none}.round-link{width:44px;height:44px}.icon{width:21px;height:21px}.hero{padding-bottom:28px}.hero-top{grid-template-columns:1fr;min-height:0;gap:17px}.hero-lead{font-size:43vw;line-height:1.05;letter-spacing:-.025em}.hero-aside{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 28px;gap:12px}.hero-aside p{font-size:17px;line-height:1.28;letter-spacing:-.035em;margin:0}.text-link{font-size:12px;line-height:1.45;gap:8px;max-width:138px;padding-bottom:5px}.text-link .icon{width:17px;height:17px}.reel{--card-width:80vw;--gap:12px;height:52vw;min-height:0;max-height:none}.reel-card{border-radius:9px}.play-disc{width:66px;height:66px}.play-disc img{width:24px;height:24px}.scene-select{gap:16px;margin-top:6px}.scene-select button{font-size:12px;gap:12px;min-height:44px;padding-left:2px}.hero-end{font-size:27.1vw;line-height:1.1;letter-spacing:-.04em;margin-top:5px}.experience{padding:36px 0}.experience-inner{grid-template-columns:1fr;gap:32px}.experience-copy h2{font-size:17vw;margin-bottom:30px;gap:4%;justify-content:space-between}.signal-arrow{width:14%}.steps{gap:18px;grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:25px 1fr;gap:8px 16px;border-top:1px solid #818872;padding-top:16px}.step-number{grid-row:span 2;font-size:12px;margin:0;padding:4px 0 0;border:0}.steps h3{font-size:18px;margin:0}.steps p{font-size:14px;line-height:1.6;max-width:32ch}.availability-link{margin-top:28px;font-size:11px}.app-figure{width:63%;max-width:260px;justify-self:center;transform:none!important}.app-screen{border-radius:27px;border-width:4px}.questions{padding-top:28px}.details-panel summary{font-size:13px;line-height:1.5;padding-bottom:20px}.answers{grid-template-columns:1fr;gap:24px;padding-top:5px}.answers h3{font-size:16px}.footer{flex-direction:column;align-items:flex-start;gap:28px;padding-block:28px}.footer .brand{width:168px}.legal-footer{flex-wrap:wrap;gap:16px 24px;font-size:12px}.legal-footer span{width:100%}.story-stage{aspect-ratio:3/4}.story-close{top:12px;right:12px;width:40px;height:40px}.story-caption{left:6%;bottom:8%;padding:14px 18px}.story-caption h2{font-size:32px}.story-controls{gap:18px}.story-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-end span,.app-figure{transform:none!important}.reel-card>img{transform:none!important}}

.story-controls .round-link:hover{transform:none;background:var(--ceramic)}

@media(max-width:360px){.hero-aside{flex-direction:column;align-items:flex-start;gap:17px}.hero-aside p{font-size:16px}.text-link{max-width:none;font-size:13px}}
