/* Final V3 refinements: maintain the existing identity and interaction model. */
:root{--focus-ring:#715526}
html{scroll-padding-top:90px}
body{ -webkit-font-smoothing:antialiased }
button,a,input,summary{-webkit-tap-highlight-color:transparent}
:is(a,button,input,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px;border-radius:3px}
.notes-page .note-article p,.notes-page .note-intro{max-width:68ch;text-wrap:pretty}
.notes-page .note-article h1,.notes-page .note-article h2,.home-services h2{text-wrap:balance}
.notes-page .note-article a{text-underline-offset:4px;text-decoration-thickness:1px}
.note-card{transition:background-color .2s ease,border-color .2s ease}
.note-card:hover{background:#e8e8dd;border-color:#71745d}
.project-stage .fixture-crop.concept-project{width:210px;max-width:100%;height:140px;mask-image:none;mix-blend-mode:normal;animation:none;border-radius:3px;overflow:hidden}
.project-stage .fixture-crop.concept-project img{position:static!important;width:100%!important;height:100%!important;left:auto!important;top:auto!important;object-fit:contain;filter:none;transform:none}
.fixture-object .concept-reference,.reference-detail .concept-reference{clip-path:none!important;mask-image:none!important;mix-blend-mode:normal;border-radius:4px;overflow:hidden}
.fixture-object:has(.concept-reference){mix-blend-mode:normal}
.concept-context{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:68ch}
@media(max-width:700px){html{scroll-padding-top:75px}.project-stage .fixture-crop.concept-project{width:135px;height:90px;float:right;margin:10px 0 10px 12px}.concept-context{font-size:10px;line-height:1.5}.notes-page .note-article p{line-height:1.8}.notes-talk{min-height:44px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.note-card{transition:none}html{scroll-behavior:auto}}