/* Responsive finishing shared by the homepage and case-study pages. */
.topbar .header-right{align-items:center}
.topbar .sound-toggle,.topbar .contact{min-height:44px;display:inline-flex;align-items:center}
.faq-question{touch-action:manipulation}
@media(max-width:700px){
 .contact-hold{height:auto}
 .contact-hold .contact-section{position:relative;height:auto;min-height:100svh;overflow:visible;padding:calc(var(--header) + 26px) 22px 56px}
 .contact-hold .contact-shell{max-height:none;overflow:visible;padding:4px}
 .contact-composer textarea{resize:vertical;font-size:20px;line-height:1.45}
 .contact-fields input{font-size:16px;min-height:46px}
 .contact-suggestions button{flex-direction:column;align-items:flex-start;gap:3px;white-space:normal;padding:13px 0;min-height:64px}
 .contact-suggestions button span{font-size:15px}
 .contact-suggestions button small{overflow:visible;text-overflow:clip;line-height:1.45;font-size:13px}
 .composer-actions{align-items:center;gap:12px}
 .composer-note{max-width:48%;font-size:9px}
 .contact-send{min-height:44px;padding-left:6px;font-size:15px}
 .service-index{width:calc(100% - 2 * var(--pad))}
 .service-index li{font-size:clamp(18px,4.7vw,26px);letter-spacing:-.04em}
 .brand-reveal{grid-template-columns:1fr;min-height:0}
 .brand-lockup{padding:64px 20px 36px}
 .brand-lockup .brand-swatches{margin-top:30px}
 .brand-hardware{padding:18px 0 0}
 .brand-hardware img{width:min(100%,520px);height:auto;margin-inline:auto;object-fit:contain;object-position:center}
 .wealth-glass{left:6%;width:88%;padding:24px}
 .wealth-glass strong{font-size:clamp(28px,8vw,40px)}
 .wealth-glass small{display:inline-block}
 .finance-card{min-width:0}
 .finance-card b{font-size:clamp(28px,8vw,34px)}
 .finance-main b{font-size:clamp(32px,9vw,42px)}
 .type-spec{column-gap:8px;font-size:10px;grid-template-columns:1fr .7fr .7fr 1.2fr .6fr}
 .case-extension .mk-control__stage{height:620px}
 .footer-enquiry input{font-size:16px}
 .footer-enquiry button{min-height:44px}
 .footer-directory nav a,.footer-back-top{min-height:38px;display:inline-flex;align-items:center}
 .case-footer{padding-block:40px}
 .case-footer a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:380px){
 .lens-about .about-statement{font-size:23px}
 .chapter-heading h2{font-size:32px}
 .faq-heading h2{font-size:34px}
 .faq-question{font-size:19px;gap:16px}
 .case-extension .mk-persona__card dl>div{grid-template-columns:1fr;gap:5px}
 .case-extension .mk-chart-card,.case-extension .mk-trust-card{padding:20px}
 .type-spec{font-size:9px;column-gap:6px}
 .component-bottom{gap:12px;font-size:11px}
}
@media(max-height:500px) and (hover:none){
 .contact-hold{height:auto}
 .contact-hold .contact-section{position:relative;height:auto;min-height:100svh;overflow:visible;padding-block:90px 50px}
 .contact-hold .contact-shell{max-height:none;overflow:visible}
}
.stat-markets strong{width:18vw}
@media(max-width:700px){.stat-markets strong{width:34vw}}