/* 6B interface refinement: content and native interaction contracts unchanged. */
:root{--ui-radius:20px;--ui-ease:cubic-bezier(.22,1,.36,1)}
body{font-optical-sizing:auto;text-rendering:optimizeLegibility}
h1,h2{letter-spacing:-.035em}h3{letter-spacing:-.025em}
main p{line-height:1.65;text-wrap:pretty}h1,h2,h3{text-wrap:balance}
html body#top .site-nav{background:rgba(176,22,41,.96)!important;box-shadow:0 8px 28px #12080918;border-bottom:1px solid #ffffff20;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html body#top .mega{border-radius:0 0 24px 24px;box-shadow:0 24px 56px #0003;transform-origin:top center}
html body#top :is(.mega-services>a,.mega-projects>a){border-radius:12px}
html body#top :is(.project,.review-card,.process article,.service-depth article){border-radius:var(--ui-radius);overflow:hidden}
html body#top .project{box-shadow:0 8px 28px #24201c12;transition:box-shadow .24s ease,translate .24s var(--ui-ease)}
html body#top .project-caption{padding:22px 24px;gap:12px}
html body#top .project-caption h3{line-height:1.22;letter-spacing:-.025em}
html body#top :is(.section-heading,.google-reviews-heading){gap:clamp(24px,4vw,64px)}
html body#top :is(.service-detail,.service-process,.service-depth,.client-proof,.journal,.founder,.illustrated-process){padding-block:clamp(56px,7vw,112px)}
html body#top .section-heading>p{line-height:1.65;max-width:40ch}
html body#top .review-card{padding:clamp(24px,3vw,40px);border:1px solid #ffffff24;box-shadow:0 12px 32px #0000000d}
html body#top #brief-form{border-radius:24px;box-shadow:0 18px 48px #00000018}
html body#top #brief-form :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){border-radius:12px;transition:border-color .15s,box-shadow .15s;scroll-margin-block:110px 32px}
html body#top #brief-form :is(input,select,textarea):focus-visible{outline:2px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 6px #f5efce14}
html body#top :is(summary,.mega-toggle,.menu){touch-action:manipulation}
html body#top :is(a,button,summary):focus-visible{outline:3px solid currentColor;outline-offset:5px}
html body#top :is(button,.pill,summary):active{filter:brightness(.94)}
html body#top .footer-page-links,html body#top .footer-utility-links{gap:clamp(12px,1.6vw,24px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body#top .project:hover{translate:0 -4px;box-shadow:0 18px 40px #24201c24}}
@media(max-width:800px){html body#top .project-caption{padding:20px}html body#top .mega{border-radius:18px}html body#top :is(.service-detail,.service-process,.service-depth,.client-proof,.journal,.founder,.illustrated-process){padding-block:48px}html body#top .section-heading{margin-bottom:32px}html body#top .footer-page-links,html body#top .footer-utility-links{justify-content:center;flex-wrap:wrap;row-gap:8px}html body#top footer{text-align:center}}
@media(prefers-reduced-transparency:reduce){html body#top .site-nav{background:#b01629!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){html body#top .site-nav{background:#b01629}}
@media(prefers-contrast:more){html body#top .site-nav{background:#a61426!important;border-bottom:2px solid #fff}html body#top :is(.project,.review-card,#brief-form){border:2px solid currentColor}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html body#top .project{translate:none!important;transition:none!important}html body#top :is(.mega,.project img){animation:none!important;transition:none!important}}
html.reduce-motion body#top .project{translate:none!important;transition:none!important}