@font-face{font-family:Barlow;src:url('/assets/fonts/barlow-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ground:#101820;--surface:#19232c;--field:#22313d;--ink:#f0f3f7;--secondary:#bac7d0;--accent:#f5ad31;--accent-hover:#ffc56a;--accent-ink:#101820;--body:Barlow,sans-serif;--display:'Barlow Condensed',sans-serif;--gutter:clamp(20px,2.22vw,36px);--space:clamp(88px,10vw,160px);--small:1rem;--body-size:clamp(1.0625rem,1.25vw,1.1875rem);--statement:clamp(1.375rem,2.2vw,2rem);--heading:clamp(2.5rem,5vw,4.5rem);--hero:clamp(3.5rem,7.1vw,6.4rem);color-scheme:dark;font-family:var(--body);color:var(--ink);background:var(--ground);font-synthesis:none;scroll-padding-top:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:var(--body-size);line-height:1.55}::selection{background:var(--accent);color:var(--accent-ink)}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:.08em}a:hover{text-decoration-color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}p,figure{margin:0}p+p{margin-top:20px}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:1.02;text-wrap:balance;margin:0}h1{font-size:var(--hero)}h2{font-size:var(--heading)}h3{font-size:clamp(2rem,3.2vw,3rem)}img{display:block;width:100%;height:auto}svg{flex-shrink:0}button{cursor:pointer}button:disabled{cursor:wait}button[hidden],[hidden]{display:none!important}.frame{width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto}.section{margin-top:var(--space)}.arrow{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.skip-link{position:absolute;top:8px;left:var(--gutter);z-index:10;background:var(--accent);color:var(--ground);padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px 30px}.brand{display:block;width:177px;flex-shrink:0}.navigation{display:flex;gap:36px}.navigation a,.header-community,.footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.navigation a:hover,.footer a:hover,.text-link:hover{color:var(--accent)}.header-community{gap:14px}.hero-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:56px;padding-block:36px 48px}.hero-copy{max-width:460px;justify-self:end}.development{color:var(--secondary);margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:56px;padding:14px 23px;color:var(--accent-ink);background:var(--accent);text-decoration:none;margin-top:24px;font-weight:400}.button:hover{background:var(--accent-hover);color:var(--accent-ink)}.button:active{transform:translateY(2px)}.hero-image img{aspect-ratio:2.55;object-fit:cover;object-position:50% 64%}.hero-image figcaption,.film-caption{display:flex;justify-content:space-between;gap:18px;padding-top:13px;font-size:var(--small)}figcaption{color:var(--secondary);font-size:var(--small);padding-top:14px}.hero-image figcaption span:first-child,.film-caption span:first-child{color:var(--ink)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.intro-copy{max-width:610px}.statement{font-size:var(--statement);line-height:1.3;max-width:28ch}.roleplay-bottom{margin-top:56px;display:grid;grid-template-columns:1.75fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}.street-image img{aspect-ratio:16/9;object-fit:cover}.roleplay-note{max-width:350px}.roleplay-note p{margin-top:24px}.text-link{display:inline-flex;gap:18px;align-items:center;min-height:48px;margin-top:24px;text-decoration:underline}.drive{background:var(--surface);padding-block:64px}.drive-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:40px}.drive-intro p{max-width:460px}.film-stage{position:relative;aspect-ratio:16/9;background:var(--ground);overflow:hidden}.film-poster,.film-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-stage video{opacity:0}.film-stage.is-playing video,.film-stage.has-played video{opacity:1}.film-control{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:18px;min-height:48px;background:var(--ink);color:var(--ground);padding:12px 18px;border:0}.film-control:hover{background:var(--accent)}.play-icon{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.film-status:empty{display:none}.film-status{margin-top:16px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.gallery-heading p{margin-top:24px}.gallery-filters{display:flex;gap:4px;padding:4px;background:var(--surface)}.gallery-filters button{border:0;min-height:48px;padding:10px 24px;background:transparent;color:var(--ink)}.gallery-filters button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.gallery-filters button:hover{background:var(--field);color:var(--ink)}.gallery-images{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;align-items:start}.gallery-image img{aspect-ratio:16/10;object-fit:cover}.gallery-secondary{margin-top:88px}.gallery-secondary img{aspect-ratio:1/1;object-fit:cover}.gallery-note{font-size:var(--small);color:var(--secondary);margin-top:28px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,8vw,120px)}.faq-intro p{max-width:29ch;margin-top:24px}.faq-list{display:grid;gap:8px}.faq-list details{background:var(--surface);padding:22px 26px}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:32px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{margin-top:22px;color:var(--ink);max-width:60ch}.community{background:var(--field);padding-block:72px}.community-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}.community-inner p{max-width:47ch}.footer{padding-top:52px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer nav{display:flex;gap:28px;flex-wrap:wrap}.footer-legal{margin-top:32px;display:flex;justify-content:space-between;gap:48px;font-size:var(--small);color:var(--secondary)}.footer-legal p{max-width:60ch;margin:0}.footer-wordmark{font-family:var(--display);font-weight:700;font-size:clamp(5rem,19.6vw,19rem);letter-spacing:-.025em;line-height:1.05;text-transform:uppercase;text-align:center;margin-top:44px;padding-bottom:4px;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .18s ease,background-color .18s ease,transform .18s ease}.arrow{transition:transform .25s ease}.button:hover .arrow,.text-link:hover .arrow,.header-community:hover .arrow{transform:translate(3px,-3px)}.reveal.is-arriving{animation:arrive .75s cubic-bezier(.16,1,.3,1) both}.reveal-media.is-arriving{animation:arrive-media .95s cubic-bezier(.16,1,.3,1) both}.hero h1{animation:arrive .8s cubic-bezier(.16,1,.3,1) both}.hero-copy{animation:arrive .95s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{from{transform:translateY(24px);opacity:.55}to{transform:none;opacity:1}}@keyframes arrive-media{from{transform:translateY(32px);opacity:.7}to{transform:none;opacity:1}}}
@media(min-width:1700px){.footer-wordmark{font-size:300px}}
@media(max-width:1000px){.hero-intro{gap:32px;grid-template-columns:1.2fr 1fr}.hero-copy{max-width:360px}.navigation{gap:22px}.section-intro,.drive-intro,.community-inner{gap:40px}.roleplay-bottom{grid-template-columns:1.4fr 1fr}.footer-top{align-items:start}.footer nav{gap:10px 24px}.footer-wordmark{font-size:19vw}}
@media(max-width:700px){:root{--hero:clamp(3rem,12.8vw,5.5rem);--heading:clamp(2.5rem,10.2vw,3.8rem);--space:88px}.header{flex-wrap:wrap;gap:12px;padding-block:18px 10px}.brand{width:132px}.header-community{font-size:var(--small);gap:8px}.header-community .arrow{width:18px;height:18px}.navigation{order:3;justify-content:space-between;width:100%;gap:12px}.navigation a{font-size:var(--small)}.hero-intro{display:block;padding-block:28px 32px}.hero-copy{margin-top:24px;max-width:36ch;justify-self:start}.hero-copy>p:first-child{font-size:var(--body-size)}.hero h1{max-width:100%}.development{font-size:var(--small);margin-top:14px}.button{min-height:52px;margin-top:20px;padding:13px 20px;gap:30px}.hero-image img{aspect-ratio:1.28;object-position:50% 65%}.hero-image figcaption,.film-caption{flex-direction:column;gap:3px;font-size:var(--small)}.section-intro,.roleplay-bottom,.drive-intro,.faq,.community-inner{display:block}.intro-copy{margin-top:28px}.roleplay-bottom{margin-top:32px}.roleplay-note{margin-top:32px;max-width:100%}.roleplay-note h3 br{display:none}.roleplay-note h3{font-size:2rem;max-width:100%}.roleplay-note p{margin-top:18px}.text-link{margin-top:14px}.street-image img{aspect-ratio:4/3;object-position:45% 50%}.drive{padding-block:40px}.drive-intro p{margin-top:24px}.drive-intro{margin-bottom:28px}.film-stage{aspect-ratio:4/3}.film-control{right:12px;bottom:12px;padding:10px 14px;gap:12px;font-size:var(--small)}.gallery-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:24px}.gallery-heading p{margin-top:20px}.gallery-filters{width:100%}.gallery-filters button{flex:1}.gallery-images{grid-template-columns:1fr;gap:28px}.gallery-image img,.gallery-secondary img{aspect-ratio:4/3}.gallery-secondary{margin-top:0}.gallery-note{margin-top:22px}.faq-list{margin-top:30px}.faq-list details{padding:20px}.community{padding-block:44px}.community-inner>div{margin-top:28px}.footer{padding-top:36px}.footer-top{align-items:start;flex-direction:column;gap:22px}.footer nav{gap:4px 24px}.footer-legal{flex-direction:column;gap:16px;margin-top:24px}.footer-wordmark{font-size:18.2vw;margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
details:not([open])>p{display:none}
/* Forced-colors boundaries preserve controls when surface colors are overridden. taste-skill-ignore */
@media(forced-colors:active){.button,.film-control,.gallery-filters button{outline:1px solid ButtonText}.faq-list details{border:1px solid CanvasText}}
