.studio-kicker { margin:0 0 20px; color:var(--theme-muted); font:500 11px/1.6 var(--font-body); letter-spacing:.07em; }
.studio-text-link { display:inline-block; width:fit-content; min-height:32px; padding-block:5px; border-bottom:1px solid currentColor; font:500 13px/1.5 var(--font-body); }
.studio-services,.studio-process,.studio-contact { padding-block:var(--landing-section-space); }
.studio-section-heading { margin-bottom:28px; }
.section .studio-section-heading h2,.studio-contact h2 { margin:0; max-width:18ch; font:500 clamp(32px,3.8vw,54px)/1.08 var(--font-heading); letter-spacing:-.045em; }
.studio-section-intro { margin:18px 0 0; max-width:58ch; color:var(--theme-muted); font:400 15px/1.7 var(--font-body); }
.studio-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.studio-service { padding:28px; border:1px solid var(--theme-line); border-radius:18px; background:var(--theme-surface); }
.studio-service-index,.studio-process-grid > li > span { color:var(--theme-muted); font:500 10px/1.5 var(--font-body); letter-spacing:.06em; }
.studio-service h3,.studio-process-grid h3 { margin:20px 0 14px; font:500 25px/1.2 var(--font-heading); letter-spacing:-.035em; }
.studio-service p,.studio-process-grid p { margin:0; max-width:48ch; color:var(--theme-muted); font:400 14px/1.7 var(--font-body); }
.studio-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:0; padding:0; list-style:none; }
.studio-process-grid li { padding-top:22px; border-top:1px solid var(--theme-line); }
.studio-contact { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:48px; align-items:end; }
.studio-contact-action { display:flex; flex-direction:column; align-items:start; gap:20px; }
.studio-contact-action p { margin:8px 0 0; color:var(--theme-muted); font:400 12px/1.7 var(--font-body); }
.studio-contact-action p a { color:var(--theme-ink); text-decoration:underline; text-underline-offset:3px; }
.studio-contact :is(a,button):focus-visible { outline:2px solid var(--theme-accent); outline-offset:4px; }
.studios-page .featured-section .featured-heading { display:block; }
@media(max-width:760px) { .studio-service-grid,.studio-process-grid,.studio-contact { grid-template-columns:minmax(0,1fr); } .studio-service { padding:24px; } .studio-process-grid { gap:28px; } .studio-contact { gap:28px; } .studio-contact-action .workflow-button { min-width:0; max-width:100%; } }
