/* Shared refinements from the full HR/EN interface review. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.studio-page-hero h1,.studio-case-hero>h1,.solution-copy h2,
.capabilities-heading h2,.case-context h2,.case-narrative h2,
.case-decision h2,.related-work h2,.contact-copy h2{text-wrap:balance}
.hero-description p,.solution-copy>p,.studio-page-intro>p,.case-lead,
.studio-service-body>p,.case-context>p,.case-narrative p,.related-work a>span>span,
.contact-copy>p{text-wrap:pretty}
.eyebrow,.solution-copy .eyebrow,.service-proof .eyebrow,.case-decision .eyebrow,
.case-facts dt{font-size:12px;letter-spacing:.055em}
.solution-context,.solution-preview figcaption,.studio-case-visual figcaption,
.work-disclosure,.privacy-note,.footer-bottom{font-size:12px;line-height:1.65}
.case-facts dd{font-size:14px}

/* Give quiet navigation real hit areas without adding visual chrome. */
.languages{gap:4px}
.languages>a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:8px 4px}
.languages>a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.footer-top>a,.footer-bottom>a,.case-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.footer-top>a,.footer-bottom>a{font-size:12px}
.footer-top p{font-size:13px;line-height:1.6}
.footer-bottom{align-items:center}
.case-breadcrumb{font-size:12px;gap:12px}
.capability-example{min-height:44px;font-size:12px;line-height:1.6;max-width:calc(100% - 42px)}
.capability-example svg,.text-link svg,.product-external svg{flex:none}
.text-link,.product-external{min-height:44px}
.product-external{font-size:13px}
.topic-options>label>span{min-height:44px;display:flex;align-items:center}
.topic-options input:checked+span::before{content:'✓';margin-inline-end:7px}
.faqs summary{min-height:44px}
.faqs details>p{padding-inline-end:0}
.contact-form>.form-preview{max-width:none;font-size:13px;line-height:1.6;padding:14px 16px;margin-bottom:28px;border:1px solid var(--field-border);color:var(--ink)}
.form-status:focus-visible{outline-color:var(--ink)}
.studio-capabilities :focus-visible,.case-decision :focus-visible{outline-color:var(--on-dark)}

[data-design="bordo"] .hero-actions{gap:12px}
[data-design="bordo"] .hero-actions .button{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:.55em;
 font-size:15px;
 font-weight:600;
 padding:0 clamp(18px,2vw,26px);
}
.hero-actions .button-outline{border:1px solid var(--accent);color:var(--accent)}
.hero-actions .button>svg{width:1.25em;height:1.25em;flex:none}

@media(hover:hover){
 .hero-actions .button-outline:hover{background:var(--panel)}
 .wordmark:hover{opacity:.8}
 .footer-top>a:hover,.case-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
}
@media(prefers-reduced-motion:no-preference){
 .button:not(:disabled):active{transform:scale(.96)}
}
@media(forced-colors:active){
 :focus-visible,.topic-options input:focus-visible+span{outline-color:Highlight}
 .topic-options input:checked+span{border:2px solid Highlight}
}
@media(max-width:760px){
 .header-end{gap:8px}
 .languages{gap:0;font-size:12px}
 .languages>a{min-width:44px}
 .languages>span{display:none}
 .hero-kicker{font-size:11px}
 .capability-title{grid-template-columns:24px minmax(0,1fr)}
 .capability-example{max-width:calc(100% - 33px)}
 .capability-rows>article>p{font-size:16px}
 .contact-form>label,.field-pair>label,.contact-form legend{font-size:14px}
 .topic-options>label{font-size:13px}
 .footer-top{align-items:start;gap:20px}
 .footer-top p{font-size:12px}
 .footer-bottom{gap:8px 16px}
 .case-breadcrumb{margin-bottom:28px}
}
@media(max-width:480px){
 [data-design="bordo"] .hero-actions{display:grid;grid-template-columns:minmax(0,252px);gap:10px}
 .hero-actions .button{width:100%}
}
@media(max-width:380px){
 .languages>a{min-width:32px}
 .hero-actions .button{min-height:48px}
}