/* Brand v2: fixed geometry, restrained controls, shared editorial rhythm. */
:root{--brand-voice:'Helvetica Neue',Helvetica,Inter,Arial,sans-serif;--theme-reverse:#F0F1EF}
body{font-family:var(--brand-voice)}
.field-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px/1.5 'DM Mono',monospace;color:var(--theme-muted,#66696B);padding-block:4px 8px}
.field-controls button{min-height:44px;padding:8px 0 8px 12px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.field-controls button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.field-controls [hidden]{display:none!important}
.method-research .field-controls{color:#CCCDCC}
.research-layout .field-controls>span{display:none}
.research-layout .field-controls{justify-content:flex-end}
[data-field-kind] canvas{border-radius:0!important}
/* Homepage motion is a full-width transition between experience and practice. */
.home-motion-divider{position:relative;background:#2B2E31;overflow:hidden;margin-top:clamp(40px,6vw,80px)}
.home-divider-field{width:100%;height:clamp(180px,22vw,300px);background:#2B2E31;overflow:hidden}
.home-motion-divider .field-controls{position:absolute;bottom:12px;right:clamp(20px,4vw,40px);padding:0;background:#2B2E31;color:#CCCDCC}
.home-motion-divider .field-controls>span{display:none}
.home-motion-divider .field-controls button{padding:8px 12px}
.consense-editorial .frame{max-width:1240px;padding-inline:clamp(20px,4vw,40px)}
.method-field{height:auto;aspect-ratio:16/10}
.method-contents a{line-height:1.5;display:flex;align-items:center}
.method-contents a:hover{color:var(--theme-fg);border-top-color:currentColor}
.method-research :focus-visible{outline-color:#F0F1EF!important}
.theme-toggle,.theme-toggle svg,.theme-toggle:active,.theme-toggle[aria-pressed="true"] svg{transform:none!important;transition:background .18s,border-color .18s,opacity .18s}
.consense-editorial .text-link:hover span,.case-card:hover .case-cta span,.art-link:hover .art-action,.art-link:focus-visible .art-action{transform:none!important}
.art-action{transform:none!important;transition:opacity .18s!important}
html[data-theme="dark"] :is([data-ui-button="primary"],.home-primary,.home-secondary):active{transform:none}
.experiment-card:hover .experiment-cta{gap:24px}
.experiment-cta,.case-card .case-cta span{transition:color .18s,opacity .18s}
.experiment-dot{color:#F0F1EF}
.home-primary,.home-secondary,[data-ui-button="primary"]{font-family:var(--brand-voice);line-height:1.4}
html[data-theme="dark"] .home-secondary:hover{background:#484A4D;color:#F0F1EF}
html[data-theme="dark"] .home-context{border-color:#66696B}
html[data-theme="dark"] #work>div:first-child{border-color:#66696B!important}
html[data-theme="dark"] .method-research{--theme-muted:#CCCDCC}
@media(max-width:860px){
 [data-layout="service"]>:first-child{display:block}
 [data-layout="service"]>:first-child>[data-field-kind]{width:100%!important;height:auto!important;max-width:320px;margin-inline:auto;aspect-ratio:16/10!important}
 [data-layout="service"] .field-controls{max-width:320px;margin-inline:auto}
}
@media(max-width:1140px) and (max-resolution:1.99dppx){
 .site-header-row>a img{content:url('/mark-daylight.svg');width:38px!important;height:38px!important}
 html[data-theme="dark"] .site-header-row>a img{content:url('/mark-signal.svg')}
}
@media(max-width:760px){
 .home-divider-field{height:180px}
 .home-hero-grid{gap:28px}
 .home-actions a{flex:1;gap:12px;padding-inline:16px}
 .method-field{height:auto;aspect-ratio:16/10}
}
@media(max-width:480px){.home-actions{display:grid;grid-template-columns:1fr}.home-actions a{width:100%;min-height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}