:where(.product-site[data-product=studio],body[data-product=studio]){--background:oklch(99% .002 160);--foreground:oklch(24% .018 165);--card:oklch(100% 0 0);--primary:oklch(86% .2 125);--primary-foreground:oklch(20% .02 150);--secondary:oklch(95% .008 150);--muted:oklch(96% .005 150);--muted-foreground:oklch(51% .015 165);--accent:oklch(92% .055 125);--border:oklch(89% .008 150);--destructive:oklch(57% .2 25);--success:oklch(55% .13 150);--warning:oklch(70% .15 70);--ink:oklch(20% .014 170);--ink-soft:oklch(26% .014 170);--on-ink:oklch(99% 0 0);--on-ink-muted:oklch(79% .01 165);--hero-shade:linear-gradient(90deg, oklch(99% .002 160/.94) 0%, oklch(99% .002 160/.75) 40%, oklch(99% .002 160/0) 70%);--shadow-soft:0 12px 35px oklch(20% .01 160/.1)}:where(.product-site[data-product=studio],body[data-product=studio]) *{border-color:var(--color-border)}:where(.product-site[data-product=studio],body[data-product=studio]){background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0}:where(.product-site[data-product=studio],body[data-product=studio]) h1,:where(.product-site[data-product=studio],body[data-product=studio]) h2,:where(.product-site[data-product=studio],body[data-product=studio]) h3,:where(.product-site[data-product=studio],body[data-product=studio]) h4{font-family:var(--font-display)}:where(.product-site[data-product=studio],body[data-product=studio]) .container-site{width:min(1240px,100% - 40px);margin-inline:auto}@media (width>=768px){:where(.product-site[data-product=studio],body[data-product=studio]) .container-site{width:min(1240px,100% - 96px)}}:where(.product-site[data-product=studio],body[data-product=studio]) .eyebrow{text-transform:uppercase;letter-spacing:0;color:var(--muted-foreground);font-size:11px;font-weight:700}:where(.product-site[data-product=studio],body[data-product=studio]) .hero-shade{background:var(--hero-shade)}:where(.product-site[data-product=studio],body[data-product=studio]) .shadow-soft{box-shadow:var(--shadow-soft)}:where(.product-site[data-product=studio],body[data-product=studio]) .wordmark{font:800 24px var(--font-display);align-items:center;gap:9px;display:flex}:where(.product-site[data-product=studio],body[data-product=studio]){--font-sans:"DM Sans", sans-serif;--font-display:"Manrope", sans-serif;font-family:var(--font-sans);background:var(--background);color:var(--foreground);--card-foreground:var(--foreground);--popover:var(--card,var(--background));--popover-foreground:var(--foreground);--ring:var(--primary);--input:var(--border);--secondary-foreground:var(--foreground);--accent-foreground:var(--foreground);min-height:100vh}:where(.product-site[data-product=studio],body[data-product=studio]) h1,:where(.product-site[data-product=studio],body[data-product=studio]) h2,:where(.product-site[data-product=studio],body[data-product=studio]) h3,:where(.product-site[data-product=studio],body[data-product=studio]) h4{font-family:var(--font-display,var(--font-sans));letter-spacing:0}:where(.product-site[data-product=studio],body[data-product=studio]) .team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){:where(.product-site[data-product=studio],body[data-product=studio]) .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
