/* Remaining studio pages share the homepage tokens, not its layout. */
/* Concepts now shares the homepage's immersive hero, with its own artwork. */
.st-collection-immersive{margin-bottom:40px}
.st-collection .st-collection-immersive h1{color:var(--st-ink)}
.st-collection-immersive .st-hero-panel{position:relative;z-index:1}
.st-collection-immersive .st-hero-footnote{margin-top:auto;padding-top:24px}
.st-collection-immersive .st-actions{margin-bottom:28px}
.st-collection-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,oklch(12% .016 285 / .5));pointer-events:none}
html[data-studio-theme=dark] .st-collection-scene:after{background:linear-gradient(180deg,oklch(12% .016 285 / .08) 35%,oklch(12% .016 285 / .65))}
.st-collection-immersive .st-scene-caption{color:var(--st-on-image)}
@media(max-width:760px){.st-collection-immersive{margin-bottom:24px}.st-collection-immersive .st-hero-footnote{margin-top:0}.st-collection-immersive .st-hero-scene{height:280px}.st-collection-immersive .st-scene-caption{bottom:28px}}
@media(max-width:400px){.st-collection-immersive .st-hero-scene{height:240px}}
.st-subpage{--st-danger:oklch(47% .18 25)}
.st-subpage :is(.st-editorial-hero,.st-copy-split,.st-contact-desk,.st-work-feature__body)>*{min-width:0}
.st-subpage .st-editorial-art>img,.st-subpage .st-process-picture>img,.st-subpage .st-contact-art>img{height:100%;object-fit:cover}
.st-subpage .st-editorial-art{position:relative}
.st-subpage .st-editorial-art>img{position:absolute;inset:0}
.st-method-section{position:relative;padding-left:32px}
.st-method>li[id]{scroll-margin-top:120px}
.st-method-progress{position:absolute;top:104px;bottom:104px;left:0;width:2px;background:var(--st-line);overflow:hidden}
.st-method-progress>span{display:block;width:100%;height:100%;background:var(--st-accent);transform-origin:top}
.st-feature-link img{transition:transform .3s var(--st-ease)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.st-feature-link:hover img{transform:translateY(-4px)}}
.st-inquiry .as-btn{transition:transform .15s ease-out}
.st-inquiry .as-btn:active{transform:translateY(1px)}
.st-inquiry .as-form__status:not(:empty),.st-inquiry .as-form__alert:not(:empty){animation:st-feedback-in .15s ease-out}
@keyframes st-feedback-in{from{opacity:.4}to{opacity:1}}
.st-collection .concept-browser img,.st-collection .concept-phone__hero img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.st-method-section{padding-left:0}.st-method-progress{display:none}}
@media(prefers-reduced-motion:reduce){.st-method-progress>span{transform:none!important}}
html[data-studio-theme=dark] .st-subpage{--st-danger:oklch(80% .11 25)}
.st-page-intro{padding-block:64px 72px}
.st-page-intro .st-capsule{margin-bottom:28px}
.st-page .st-page-intro h1{font-size:clamp(3rem,2rem + 3.2vw,5.5rem);max-width:16ch;line-height:1.08;color:var(--st-ink)}
.st-page-intro .st-lead{max-width:52ch;margin-top:28px}
.st-lead{font-size:1.125rem;line-height:1.7;color:var(--st-muted)}
.st-page-intro .st-actions{margin-top:32px}
.st-editorial-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%}
.st-editorial-art{margin:0;border-radius:24px;overflow:hidden;background:var(--st-soft)}
.st-editorial-art img{width:100%;height:100%;object-fit:cover}
.st-editorial-hero .st-editorial-art{aspect-ratio:1.08}
.st-editorial-art figcaption{padding:16px 20px;font-size:.875rem;color:var(--st-muted)}
.st-copy-split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.st-copy-split .st-eyebrow{margin-bottom:24px}
.st-prose p{max-width:62ch;color:var(--st-muted);margin-bottom:24px}.st-prose p:last-child{margin-bottom:0}
.st-inset-band{width:calc(100% - 40px);max-width:1600px;margin:0 auto;border-radius:28px;background:var(--st-soft);padding:64px 0}
.st-beliefs{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.st-beliefs h2{font-size:2rem;margin:18px 0}.st-beliefs p:not(.st-eyebrow){color:var(--st-muted)}
.st-brand-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}
.st-brand-study{margin:0;border:1px solid var(--st-line);border-radius:24px;overflow:hidden;background:white;max-width:440px} /* Original supplied logo retains its white background. */
.st-brand-study img{width:100%;height:auto}.st-brand-story h2{margin-bottom:24px}.st-brand-story p{color:var(--st-muted);max-width:52ch}
.st-values{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.st-values li{padding:24px 0;border-top:1px solid var(--st-line)}.st-values li:last-child{grid-column:1/-1}.st-values h3{font-size:1.5rem;margin-bottom:12px}.st-values p{color:var(--st-muted);max-width:60ch}
.st-page-close{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px;border-radius:24px;background:var(--st-soft);margin-top:24px;margin-bottom:32px}
.st-page-close h2{max-width:20ch;font-size:clamp(2rem,1.5rem + 1.5vw,3rem)}.st-page-close>.st-button{flex:none}
.st-approach-intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:64px}.st-approach-intro .st-lead{margin:0}
.st-process-picture{aspect-ratio:2.9;margin:0;overflow:hidden;border-radius:24px;background:var(--st-soft)}.st-process-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.st-method{list-style:none;padding:0;margin:0}.st-method>li{display:grid;grid-template-columns:64px 1fr .85fr;gap:40px;border-top:1px solid var(--st-line);padding:40px 0;align-items:start}.st-method>li:last-child{border-bottom:1px solid var(--st-line)}
.st-method__number{font-size:.875rem;color:var(--st-accent);padding-top:8px;font-variant-numeric:tabular-nums}.st-method h2{font-size:2rem;margin-bottom:16px}.st-method p{color:var(--st-muted);max-width:48ch}.st-method h3{font-family:StudioInter,sans-serif;font-size:.875rem;letter-spacing:0;margin:8px 0 16px}
.st-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.st-tags>li{padding:8px 12px;background:var(--st-soft);border:1px solid var(--st-line);border-radius:8px;font-size:.875rem;color:var(--st-muted)}
.st-work-feature{overflow:hidden;border-radius:24px;border:1px solid var(--st-line);background:var(--st-surface)}
.st-work-feature__head{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 40px}.st-work-feature__head h2{margin-top:12px}.st-work-feature__image{display:block;background:var(--st-soft)}.st-work-feature__image img{width:100%;max-height:540px;object-fit:cover}
.st-work-feature__body{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:40px}.st-work-feature__body p{color:var(--st-muted);margin-bottom:20px}.st-work-feature__body h3{margin-bottom:20px}
.st-feature-links{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin-top:36px}.st-feature-link{display:block;text-decoration:none}.st-feature-link img{width:100%;aspect-ratio:1.92;object-fit:cover;border:1px solid var(--st-line);border-radius:16px}.st-feature-link h3{display:flex;justify-content:space-between;font-size:1.5rem;margin:20px 0 8px}.st-feature-link p{color:var(--st-muted);max-width:48ch}.st-feature-link:hover h3{color:var(--st-accent)}
.st-contact-desk{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;padding-top:48px;align-items:start}.st-contact-copy{padding-top:16px}.st-page .st-contact-copy h1{font-size:clamp(2.75rem,2rem + 2.5vw,4.75rem);max-width:12ch;margin:24px 0}.st-contact-copy>.st-lead{max-width:37ch}.st-contact-address{margin-top:40px;padding-top:24px;border-top:1px solid var(--st-line);font-style:normal}.st-contact-address a{font-size:clamp(1rem,.8rem + .5vw,1.3rem);overflow-wrap:anywhere}.st-contact-address p{color:var(--st-muted);font-size:.875rem;margin-top:12px}.st-contact-art{margin:32px 0 0;overflow:hidden;border-radius:20px;aspect-ratio:1.7}.st-contact-art img{width:100%;height:100%;object-fit:cover}
.st-inquiry{padding:32px;background:var(--st-surface);border:1px solid var(--st-line);border-radius:24px}.st-inquiry>h2{font-size:1.75rem}.st-inquiry>p{font-size:.875rem;color:var(--st-muted);margin:12px 0 28px}
.st-inquiry .as-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.st-inquiry .as-field{min-width:0}.st-inquiry .as-field__label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.st-inquiry .as-field__req{color:var(--st-accent);margin-left:4px}
.st-inquiry :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){width:100%;min-height:48px;padding:12px;border:1px solid var(--st-line);border-radius:10px;background:var(--st-bg);color:var(--st-ink);font:400 1rem/1.5 StudioInter,sans-serif}.st-inquiry textarea{resize:vertical;min-height:160px}.st-inquiry input::placeholder,.st-inquiry textarea::placeholder{color:var(--st-muted);opacity:1}
.st-inquiry .as-form__full,.st-inquiry .as-form__sep{grid-column:1/-1}.st-inquiry .as-form__sep{width:100%;height:1px;border:0;background:var(--st-line);margin:4px 0}
.st-inquiry .as-consent{display:flex;align-items:flex-start;gap:12px}.st-inquiry .as-consent input{width:20px;height:20px;margin:4px 0;flex:none;accent-color:var(--st-accent)}.st-inquiry .as-consent label{font-size:.875rem;color:var(--st-muted);min-height:44px}.st-inquiry .as-consent a{text-underline-offset:3px}
.st-inquiry .as-field__error{font-size:.875rem;color:var(--st-danger);margin-top:8px}.st-inquiry [aria-invalid=true]{border-color:var(--st-danger)!important}.st-inquiry [hidden]{display:none!important}
.st-inquiry .as-form__status:not(:empty),.st-inquiry .as-form__alert:not(:empty){padding:20px;margin-bottom:24px;border:1px solid var(--st-line);border-radius:12px;background:var(--st-soft)}.st-inquiry .as-form__alert:not(:empty){border-color:var(--st-danger)}.st-inquiry .as-form__footer h2{font-size:1.35rem;margin-bottom:8px}.st-inquiry .as-btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 24px;min-height:50px;background:var(--st-ink);color:var(--st-bg);border:1px solid var(--st-ink);border-radius:100px;cursor:pointer;font:500 .9375rem/1.4 StudioInter,sans-serif}.st-inquiry .as-btn:hover{background:var(--st-accent);border-color:var(--st-accent)}.st-inquiry .as-btn:disabled{opacity:.65;cursor:wait}
.st-subpage .as-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.st-product-identity{display:flex;align-items:center;gap:16px;margin-bottom:24px}.st-product-identity img{width:56px;height:56px;border-radius:14px}.st-product-identity p{color:var(--st-muted);font-size:.875rem}
.st-product-meta{display:flex;flex-wrap:wrap;gap:12px 28px;border-block:1px solid var(--st-line);padding:24px 0;margin:0;list-style:none;color:var(--st-muted);font-size:.875rem}
.st-element-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:32px 0 0;padding:0}.st-element-list li{padding:12px 20px;border:1px solid var(--st-line);border-radius:100px;background:var(--st-surface);font-size:.9375rem}
.st-games{margin-top:40px}.st-game-group{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;border-top:1px solid var(--st-line);padding:28px 0}.st-game-group h3{font-size:1.5rem}.st-game-group ul{list-style:none;margin:0;padding:0;display:flex;gap:8px 20px;flex-wrap:wrap;color:var(--st-muted)}
.st-play-features{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:40px}.st-play-features article{border-top:1px solid var(--st-line);padding:28px 0}.st-play-features article:last-child{grid-column:1/-1}.st-play-features h3{font-size:1.5rem;margin-bottom:16px}.st-play-features p{color:var(--st-muted);max-width:62ch}
.st-safety{padding:32px;border:1px solid var(--st-line);border-radius:20px;margin-block:64px}.st-safety h2{font-size:1.5rem;margin-bottom:16px}.st-safety p{color:var(--st-muted);max-width:90ch}.st-product-legal{font-size:.875rem;color:var(--st-muted);margin:28px 0 0}.st-product-legal a{text-underline-offset:4px}
/* The collection shell changes theme; individual demo surfaces keep their identities. */
.st-collection{--x-ink:var(--st-ink);--x-muted:var(--st-muted);--x-white:var(--st-surface);--x-line:var(--st-line);--x-orchid:var(--st-soft);--x-lilac:var(--st-accent);--x-lime:var(--st-soft);--font-body:StudioInter,sans-serif;--font-display:StudioManrope,sans-serif}
.st-collection .x-container{width:calc(100% - 112px);max-width:1360px;margin:auto;padding-inline:0}
.st-collection .st-collection-hero{padding-bottom:48px}.st-collection-hero h1{max-width:15ch}.st-collection-note{margin-top:24px;font-size:.875rem;color:var(--st-muted)}
.st-collection-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;align-items:center}.st-collection-mosaic img{width:100%;border-radius:12px;border:1px solid var(--st-line);box-shadow:var(--st-depth-shadow)}.st-collection-mosaic img:nth-child(2){margin-top:48px}.st-collection-mosaic img:nth-child(3){margin-top:-24px}
.st-collection .concept-jump{top:100px;background:var(--st-surface);border-block:1px solid var(--st-line);box-shadow:none;backdrop-filter:none;z-index:40}.st-collection .concept-jump__inner{gap:24px}.st-collection .concept-jump__label{font-size:.75rem}.st-collection .concept-jump__list{margin:0}.st-collection .concept-jump__list a{font-size:.875rem;font-weight:500;padding:12px 16px}.st-collection .concept-jump__list a[aria-current=location],.st-collection .concept-jump__list a:hover{background:var(--st-ink);color:var(--st-bg)}
.st-collection .concept-showcase{background:var(--st-bg);padding-block:80px;border-bottom:1px solid var(--st-line);scroll-margin-top:192px}.st-collection .concept-showcase:nth-of-type(even){background:var(--st-soft)}
.st-collection section.concept-showcase[id]{scroll-margin-top:192px}
.st-collection .concept-showcase__heading{grid-template-columns:1fr .75fr;gap:48px;margin-bottom:32px}.st-collection .concept-showcase__heading h2{font-size:clamp(2.3rem,1.7rem + 2.5vw,4.5rem);line-height:1.12;color:var(--st-ink)}.st-collection .concept-showcase__heading>p{font-size:1rem;line-height:1.7}
.st-collection .x-kicker{font-size:.875rem;letter-spacing:.06em;color:var(--st-muted);font-weight:500}.st-collection .x-kicker:before{display:none}
.st-collection .concept-preview{border-radius:20px;box-shadow:none;background:var(--st-surface)}.st-collection .concept-preview--app{background:var(--st-soft)}.st-collection .concept-preview__topline{font-size:.75rem;min-height:52px;font-weight:500;background:var(--st-surface)}
.st-collection .concept-preview__footer{align-items:flex-start;gap:20px;padding:24px;background:var(--st-surface);flex-wrap:wrap;min-height:0}.st-collection .concept-preview__footer>div{flex:1 1 230px}.st-collection .concept-preview__footer h3{font-size:1.125rem;color:var(--st-ink)}.st-collection .concept-preview__footer p{font-size:.9375rem;line-height:1.6;color:var(--st-muted)}
.st-collection .x-button{min-height:48px;padding:12px 20px;font:500 .875rem/1.4 StudioInter,sans-serif;background:var(--st-ink);color:var(--st-bg);border:1px solid var(--st-ink);box-shadow:none;text-decoration:none;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.st-collection .x-button:hover{background:var(--st-accent);border-color:var(--st-accent);transform:none}.st-collection .x-button:after{display:none}
.st-collection .concept-browser,.st-collection .concept-phone{--x-ink:oklch(23% .035 290);--x-muted:oklch(48% .018 290);--x-white:oklch(99% .006 85);--x-line:oklch(87% .015 290);--x-lilac:oklch(72% .1 290);color:var(--x-ink)}
.st-collection .concept-phone h3,.st-collection .concept-browser__copy h3{font-family:StudioManrope,sans-serif}
.st-collection .concept-browser__copy h3{font-size:clamp(2rem,1.5rem + 2vw,3.75rem)}
.st-collection .concept-system{padding-block:80px;background:var(--st-soft);color:var(--st-ink)}.st-collection .concept-system__intro h2{color:var(--st-ink);font-size:clamp(2.2rem,1.6rem + 2vw,3.75rem);max-width:18ch}.st-collection .concept-system__intro>p:last-child,.st-collection .concept-system__flow p{color:var(--st-muted);font-size:1rem}.st-collection .concept-system__flow{margin-top:40px;border-color:var(--st-line)}.st-collection .concept-system__flow li{border-color:var(--st-line);min-height:0;padding-block:24px}.st-collection .concept-system__flow h3{color:var(--st-ink);font-size:1.75rem}.st-collection .concept-system__flow li>span{color:var(--st-accent);font-size:.875rem}
.st-collection .concept-cta{background:var(--st-bg);padding-block:80px}.st-collection .concept-cta h2{font-size:clamp(2.4rem,1.7rem + 2vw,4rem);max-width:20ch}.st-collection .concept-cta>.x-container>div p{color:var(--st-muted)}
@media(max-width:1100px){.st-editorial-hero{gap:32px}.st-page-intro{padding-block:40px 56px}.st-page .st-page-intro h1{font-size:clamp(3rem,2rem + 2.5vw,4.5rem)}.st-contact-desk{gap:36px;grid-template-columns:.8fr 1.2fr}.st-inquiry{padding:24px}.st-collection .x-container{width:calc(100% - 64px)}}
@media(max-width:900px){.st-editorial-hero,.st-approach-intro{grid-template-columns:1fr;gap:32px}.st-editorial-hero .st-editorial-art{aspect-ratio:1.7}.st-page-intro .st-lead{max-width:60ch}.st-method>li{grid-template-columns:40px 1fr;gap:20px}.st-method>li>div:last-child{grid-column:2}.st-contact-desk{grid-template-columns:1fr}.st-contact-copy{max-width:660px}.st-contact-art{display:none}.st-contact-address{margin-top:24px}.st-work-feature__body{gap:32px}.st-collection .concept-showcase__heading{gap:28px}.st-collection .concept-jump{top:92px}.st-collection-mosaic{max-width:760px}.st-collection .st-collection-hero{gap:32px}}
@media(max-width:760px){.st-page-intro{padding-block:28px 48px}.st-page .st-page-intro h1{font-size:clamp(2.6rem,2rem + 3vw,3.75rem)}.st-page-intro .st-capsule{margin-bottom:20px}.st-page-intro .st-lead{font-size:1rem;margin-top:24px}.st-copy-split,.st-beliefs,.st-brand-story{grid-template-columns:1fr;gap:32px}.st-inset-band{width:calc(100% - 24px);padding-block:40px;border-radius:20px}.st-values{grid-template-columns:1fr;margin-top:28px}.st-values li:last-child{grid-column:auto}.st-brand-study{max-width:320px}.st-page-close{padding:32px 24px;flex-direction:column;align-items:flex-start;gap:28px}.st-process-picture{aspect-ratio:1.8}.st-method>li{padding:28px 0;column-gap:12px;grid-template-columns:32px 1fr}.st-method h2{font-size:1.75rem}.st-method p{font-size:1rem}.st-tags>li{font-size:.8125rem;padding:6px 10px}.st-work-feature__head{padding:24px;display:block}.st-work-feature__head>.st-actions{margin-top:24px}.st-work-feature__body{grid-template-columns:1fr;padding:24px;gap:24px}.st-feature-links{grid-template-columns:1fr;gap:32px}.st-contact-desk{padding-top:20px}.st-contact-copy{padding:0}.st-page .st-contact-copy h1{font-size:clamp(2.75rem,2rem + 3vw,3.75rem)}.st-lead{font-size:1rem}.st-inquiry{padding:24px 20px}.st-game-group{grid-template-columns:1fr;gap:16px}.st-play-features{grid-template-columns:1fr}.st-play-features article:last-child{grid-column:auto}.st-safety{padding:24px;margin-block:40px}.st-collection .x-container{width:calc(100% - 40px)}.st-collection .concept-showcase{padding-block:56px}.st-collection .concept-showcase__heading{grid-template-columns:1fr;gap:20px}.st-collection .concept-showcase__heading h2{font-size:2.5rem}.st-collection .concept-jump__inner{gap:12px}.st-collection .concept-jump__label{display:none}.st-collection .concept-preview__footer{padding:20px}.st-collection .concept-preview__footer .x-button{width:100%}.st-collection .concept-system__intro{grid-template-columns:1fr}.st-collection .concept-system__flow li>div{grid-template-columns:1fr;gap:12px}.st-collection .concept-system__flow li{grid-template-columns:28px 1fr;gap:16px}.st-collection .concept-cta>.x-container>div{grid-template-columns:1fr;gap:24px;margin-top:28px}.st-collection .concept-system,.st-collection .concept-cta{padding-block:56px}}
@media(max-width:480px){.st-inquiry .as-form{grid-template-columns:1fr;gap:20px}.st-inquiry .as-form__full,.st-inquiry .as-form__sep{grid-column:auto}.st-inquiry .as-btn{width:100%}.st-contact-desk{gap:32px}.st-collection .x-container{width:calc(100% - 32px)}.st-collection .concept-jump{top:82px}.st-collection .concept-showcase{scroll-margin-top:172px}.st-collection .concept-jump__list a{padding:12px;font-size:.8125rem}.st-collection-mosaic{gap:10px}.st-collection-mosaic img:nth-child(2){margin-top:24px}.st-collection-mosaic img:nth-child(3){margin-top:-12px}}
@media(prefers-reduced-motion:reduce){.st-subpage *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}