.nav-links{gap:18px}.client-signin{font-size:12px;white-space:nowrap;color:var(--white)}.studio-editorial h1{font-size:clamp(2.4rem,5vw,4.5rem);margin-bottom:32px}.studio-editorial p{max-width:760px}.studio-login{max-width:520px}.studio-login label{display:block;margin:18px 0 8px}.studio-login input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #343740;background:#11141c;color:#f1f2f6;border-radius:6px}.studio-login input[type=submit]{cursor:pointer;background:#ffac4a;color:#090b10;font-weight:700}.studio-project{border:1px solid #343740;border-radius:12px;padding:28px;margin:24px 0}.studio-project a{display:inline-block;margin:10px 24px 10px 0}.studio-private-frame{width:100%;height:75vh;border:1px solid #343740;background:white}.studio-notice{padding:18px;border:1px solid #ffac4a;border-radius:8px}.studio-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.studio-product{padding:28px;border:1px solid #343740;border-radius:12px}.studio-product h2{font-size:28px}@media(max-width:1180px){.client-signin{display:none}.nav-links{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep the hero glow tied to its text, rather than a fixed viewport height. */
.hero.center:has(.hero-intro)::before{content:none}
.hero-intro{position:relative;isolation:isolate;padding-bottom:40px}
.hero-intro::before{content:'';position:absolute;inset:0 -8% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,rgba(181,96,54,.105),transparent 70%)}
.hero-intro .hero-actions{margin:32px 0 24px}
.hero-intro + .feature-stage{margin-top:40px}
@media(max-width:760px){.hero-intro{padding-bottom:32px}.hero-intro .hero-actions{margin:28px 0 24px}.hero-intro + .feature-stage{margin-top:32px}}