/* Compact service layouts; desktop remains governed by the existing page styles. */
@media(max-width:768px){
body.v2:is(.service-page,.bank-page,.services-page){font-size:16px}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-hero__visual,.bank-hero__visual,.services-hero__visual,.service-editorial__media,.bank-editorial__media,.gb-card-photo){display:none!important}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-hero,.bank-hero,.services-hero){min-height:0;padding-top:32px;padding-bottom:32px}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-hero__grid,.bank-hero__grid,.service-editorial__grid,.bank-editorial__grid,.gb-audience__grid){grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-hero__copy,.bank-hero__copy,.services-hero__copy){width:100%;max-width:none;padding:0}
body.v2:is(.service-page,.bank-page,.services-page) h1{font-size:clamp(2.4rem,10vw,3.6rem);line-height:1.06}
body.v2:is(.service-page,.bank-page,.services-page) h2{font-size:clamp(1.85rem,7.2vw,2.2rem);line-height:1.12}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-hero__lead,.bank-hero__lead,.services-hero__lead){font-size:1rem;line-height:1.65}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-actions,.bank-actions){display:flex;flex-direction:column;align-items:stretch;gap:10px}
body.v2:is(.service-page,.bank-page,.services-page) :is(.service-actions,.bank-actions) a{min-height:48px;display:flex;align-items:center;justify-content:center}
body.v2:is(.service-page,.bank-page,.services-page) .sm-ready{display:block}
body.v2:is(.service-page,.bank-page,.services-page) .sm-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
body.v2:is(.service-page,.bank-page,.services-page) .sm-nav button{font:inherit;font-size:.83rem;line-height:1.3;text-align:left;min-height:58px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.035);color:#cdd6e2;cursor:pointer}
body.v2:is(.service-page,.bank-page,.services-page) .sm-nav button[aria-expanded=true]{border-color:rgba(198,166,104,.65);background:rgba(198,166,104,.1);color:#fff}
body.v2:is(.service-page,.bank-page,.services-page) .sm-ready>article{width:100%;min-height:0;margin:0;padding:22px;border-radius:16px}
body.v2:is(.service-page,.bank-page,.services-page) .sm-ready>article[hidden]{display:none!important}
body.v2:is(.service-page,.bank-page,.services-page) .sm-ready>article h3{font-size:1.2rem;line-height:1.25}
body.v2:is(.service-page,.bank-page,.services-page) .sm-ready>article p{font-size:1rem;line-height:1.65}
body.v2:is(.service-page,.bank-page,.services-page) .sm-next{display:block;margin-top:16px;min-height:44px;padding:10px 14px;border:1px solid rgba(198,166,104,.4);border-radius:10px;background:transparent;color:#e3c892;font:inherit;cursor:pointer}
body.v2:is(.service-page,.bank-page,.services-page) :is(.sm-nav button,.sm-next):focus-visible{outline:2px solid #e3c892;outline-offset:3px}
body.v2:is(.service-page,.bank-page,.services-page) .gb-audience-card{grid-template-columns:minmax(0,1fr)}
body.v2:is(.service-page,.bank-page,.services-page) .gb-audience-card>div{padding-right:0;max-width:none}
}
@media(max-width:768px) and (prefers-reduced-motion:no-preference){.sm-ready>article:not([hidden]){animation:sm-reveal .22s ease-out}@keyframes sm-reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}