@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400..700&display=swap');
html body.studio-home{--landing-paper:#f6f5f1;--landing-panel:#fff;--landing-ink:#171717;--landing-muted:#565656;--landing-rule:#d7d4ce;--landing-red:#a81832;--landing-start:#000;--landing-end:#666;--landing-ease:cubic-bezier(.22,1,.36,1);background:var(--landing-paper)!important}
html[data-resolved-theme=dark] body.studio-home{--landing-paper:#181818;--landing-panel:#1f1f1f;--landing-ink:#f5f5f5;--landing-muted:#c2c2c2;--landing-rule:#545454;--landing-red:#ac1933;--landing-start:#fff;--landing-end:#9b9b9b}
html body.studio-home main.shell{max-width:1280px;padding-inline:24px}
.studio-home :is(.landing-hero,.landing-tagline,.landing-guide,.landing-faq,.landing-final),html body.studio-home .world-atlas{font-family:Geist,system-ui,sans-serif;color:var(--landing-ink)}
.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:48px 64px}
.landing-copy{min-width:0}
.landing-hero .landing-heading-1{font:600 3.75rem/1 Geist,system-ui,sans-serif;letter-spacing:-.05em;max-width:680px;text-wrap:balance;margin:16px 0;background:linear-gradient(90deg,var(--landing-start),var(--landing-end));background-clip:text;color:transparent}
.landing-hero .landing-body-3{font-size:1rem;line-height:1.5;font-weight:400;max-width:680px;color:var(--landing-muted);text-wrap:pretty;margin:0 0 24px}
.landing-caption,.landing-visual figcaption{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--landing-muted);margin:0}
.landing-proof{margin-top:16px}
.landing-proof strong{color:var(--landing-ink);font-weight:600}
.studio-home .landing-action{display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;background:var(--landing-red);color:#fff!important;font:600 1rem/1.5 Geist,system-ui,sans-serif;text-decoration:none;transition:transform 500ms var(--landing-ease),opacity 300ms var(--landing-ease)}
.landing-action:hover{opacity:.9;transform:translateY(-2px)}
.landing-action:active{transform:scale(.98)}
.studio-home :is(.landing-action,.landing-faq summary):focus-visible{outline:2px solid var(--landing-ink);outline-offset:4px}
.landing-visual{margin:0;padding:8px;background:var(--landing-panel);border:1px solid var(--landing-rule);border-radius:16px;overflow:hidden}
.landing-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.landing-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:8px}
.landing-tagline{padding:64px 0;text-align:center}
.landing-tagline p{font-size:3rem;line-height:1;font-weight:600;letter-spacing:-.04em;margin:0 auto;max-width:680px;text-wrap:balance}
.landing-tagline p>span{display:block}
.landing-tagline [data-landing-word]{display:inline-block}
.landing-tagline .will-reveal{opacity:.35;transition:opacity 700ms var(--landing-ease) var(--word-delay)}
.landing-tagline .is-readable{opacity:1}
.landing-guide,.landing-faq,.landing-final{padding:32px 0}
.landing-guide h2,.landing-faq h2,.landing-final h2{font:600 2.25rem/2.5rem Geist,system-ui,sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px}
.landing-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;counter-reset:steps}
.landing-guide li{counter-increment:steps;padding:24px;border:1px solid var(--landing-rule);border-radius:16px;background:var(--landing-panel)}
.landing-guide li::before{content:'0' counter(steps);font-size:.875rem;color:var(--landing-muted)}
.landing-guide h3{font:600 1.25rem/1.75rem Geist,system-ui,sans-serif;margin:8px 0}
.landing-guide p,.landing-faq p{font-size:1rem;line-height:1.5;margin:0;color:var(--landing-muted);text-wrap:pretty}
.landing-faq details{border-bottom:1px solid var(--landing-rule);max-width:680px}
.landing-faq summary{padding:16px 0;cursor:pointer;font-weight:600}
.landing-faq p{padding-bottom:16px}
.landing-final{text-align:center;padding-bottom:64px}
html[data-resolved-theme] body.studio-home .world-intro h2{font:600 2.25rem/2.5rem Geist,system-ui,sans-serif!important;letter-spacing:-.04em!important}
.studio-home #world,.studio-home #find{scroll-margin-top:96px}
@media(max-width:720px){
 html body.studio-home main.shell{padding-inline:16px}
 .landing-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px 24px}
 .landing-hero .landing-heading-1{font-size:3rem}
 .landing-visual figcaption{flex-wrap:wrap;gap:4px 12px}
 .landing-tagline{padding:40px 0}
 .landing-tagline p{font-size:2.25rem;line-height:2.5rem}
 .landing-guide ol{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .landing-tagline .will-reveal{opacity:1;transition:none}
 .landing-action{transition:none!important;transform:none!important}
}
html body.studio-home .piq-masthead{width:calc(100% - 32px);max-width:1280px;margin:12px auto 0;padding-inline:16px;border:1px solid var(--landing-rule)!important;border-radius:16px;background:color-mix(in srgb,var(--landing-panel) 90%,transparent)!important;z-index:600}
html body.studio-home .piq-masthead:has(.piq-navigation-shell.is-open){backdrop-filter:none}
html body.studio-home .piq-masthead .piq-navigation-shell.is-open{background:color-mix(in srgb,var(--landing-panel) 96%,transparent);backdrop-filter:blur(24px)}
html[data-resolved-theme] body.studio-home .journal-story h2#next-up-title{font:600 2.25rem/2.5rem Geist,system-ui,sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0 0 12px}
@media(max-width:800px){
 .studio-home .piq-navigation-shell.is-open .piq-global-nav>*{animation:landing-nav-in 300ms var(--landing-ease) both}
 .studio-home .piq-navigation-shell.is-open .piq-global-nav>:nth-child(2){animation-delay:60ms}
 .studio-home .piq-navigation-shell.is-open .piq-global-nav>:nth-child(3){animation-delay:120ms}
 .studio-home .piq-navigation-shell.is-open .piq-global-nav>:nth-child(n+4){animation-delay:100ms}
}
@keyframes landing-nav-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.studio-home .piq-navigation-shell.is-open .piq-global-nav>*{animation:none}}