/* Active advisor identity, navigation fit, and selected service actions. */
.header-brand .brand-sub{line-height:1.35}
.header-cta>span:first-child{white-space:nowrap}
#hugo .portrait-note{flex-wrap:wrap;gap:8px 20px}
#hugo .portrait-role{line-height:1.4}
#case-studies .case-context{font:600 12px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#b9cbe4;margin:0 0 18px}
#work.selected-work .pill-link{background:#36dcff;color:#08111f;border:1px solid transparent;border-radius:8px;padding:12px 16px 12px 22px;gap:24px;min-height:60px;font-size:17px;font-weight:750;line-height:1.3;transition:background .2s,transform .2s;text-decoration:none}
#work.selected-work .pill-link span:last-child{background:#08111f;color:#36dcff;border:0;width:36px;height:36px;flex:0 0 36px;font-size:23px}
#work.selected-work .pill-link:hover{background:#7beaff;transform:translateY(-2px);text-decoration:none}
#work.selected-work .pill-link:focus-visible{outline:3px solid #f4fbff;outline-offset:5px}
#work.selected-work .trace-stage .trace-button{margin-bottom:2px}
#working-software-cta{--blue:#294c99;--yellow:#f4c476}
#clarity-cta{--red:#b76721}
#clarity-cta .selected-cta-action{background:var(--peach,#df8737);color:#191514}
#contact.contact-direct .contact-direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:center}
#contact.contact-direct .contact-direct-deck{font-size:22px;line-height:1.5;font-weight:600;color:#20222b;margin-top:28px;max-width:430px}
#contact.contact-direct .contact-options{display:grid;gap:30px}
#contact.contact-direct .contact-choice{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#080a10;color:#fff;border:2px solid #080a10;min-height:90px;padding:24px 28px;font-size:25px;font-weight:750;letter-spacing:-.025em;transition:background .2s}
#contact.contact-direct .contact-choice>span:last-child{font-size:34px;font-weight:400;line-height:1;transition:transform .2s}
#contact.contact-direct .contact-choice:hover{background:#20222b}
#contact.contact-direct .contact-choice:hover>span:last-child{transform:translate(3px,-3px)}
#contact.contact-direct .contact-choice:focus-visible{outline:3px solid #080a10;outline-offset:6px}
#contact.contact-direct .contact-option p{font-size:16px;line-height:1.5;color:#20222b;margin-top:13px;max-width:440px}
@media(max-width:820px){#contact.contact-direct .contact-direct-grid{gap:35px}#contact.contact-direct .contact-choice{font-size:22px;padding:22px;min-height:82px}#contact.contact-direct .contact-direct-deck{font-size:20px}}
@media(max-width:620px){#contact.contact-direct .contact-direct-grid{grid-template-columns:1fr;gap:35px}#contact.contact-direct .contact-direct-deck{font-size:20px;margin-top:23px}#contact.contact-direct .contact-options{gap:26px}#contact.contact-direct .contact-choice{font-size:23px;padding:22px;min-height:82px}#contact.contact-direct .contact-option p{font-size:16px;overflow-wrap:break-word}}
@media(max-width:980px){.header-desktop{gap:24px}.header-brand .brand-sub{max-width:160px}}
@media(max-width:760px){.header-brand .brand-sub{max-width:116px;font-size:8px;line-height:1.3;margin-top:4px}.header-shell{gap:14px}.header-cta{gap:13px}.header-brand{min-width:0}}
@media(max-width:620px){#hugo .portrait-note{display:block}#hugo .portrait-role{display:block;margin-top:7px;font-size:11px}#hugo .about-visual{padding-bottom:69px}#work.selected-work .pill-link{font-size:16px;padding:12px 14px 12px 18px;gap:20px;min-height:58px;max-width:100%}#case-studies .case-context{font-size:11px;margin-bottom:15px}}
@media(max-width:380px){.header-shell{gap:8px}.header-brand .brand-sub{font-size:7px;max-width:103px}.header-cta{gap:10px;padding-inline:9px}.header-brand{gap:10px}#work.selected-work .pill-link{gap:14px;font-size:15px;padding-inline:15px}}

/* Responsive QA: comfortable hit areas without changing the visual hierarchy. */
.header-brand,.header-desktop>a,.header-cta{min-height:44px}
.header-desktop>a{display:inline-flex;align-items:center}
.header-menu summary{min-width:44px;min-height:44px}
.footer-nav a,.footer-note a,.motion-toggle{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:380px){.header-cta{font-size:10px;padding-inline:7px;gap:6px}.header-cta>span:last-child{font-size:18px}.header-brand{flex-shrink:1}.header-shell{gap:8px}}
.gallery-controls button{min-width:44px;min-height:44px}