/* Shared small-screen layout: readable content without a full-screen photo lead-in. */
@media(max-width:700px){
 .page-hero .campaign-layout{padding-top:230px;padding-bottom:28px}
 .page-hero .campaign-visual{height:350px}
 .page-hero .campaign-shade{background:linear-gradient(180deg,#11191815 0px,#11191820 110px,#111918c9 205px,#111918 325px)}
 .page-hero .campaign-project-label{top:130px;bottom:auto}
 .page-hero .campaign-story h1{font-size:clamp(29px,7.9vw,37px);line-height:1.12;overflow-wrap:anywhere}
 .page-hero .campaign-kicker{margin-bottom:12px}
 .page-hero-intro{font-size:15px;line-height:1.65;margin-top:16px}
 .page-hero .regional-actions{margin-top:20px}
 .page-hero .regional-proof{margin-top:16px}
 .page-hero .portfolio-note{margin-top:18px;padding-top:14px}
 .page-hero .boat-gallery-jump{margin-top:14px}
 main input:not([type=hidden]),main select,main textarea{font-size:16px;max-width:100%;min-width:0}
 main h1,main h2,main h3{overflow-wrap:anywhere}
 .mobile-dock .dock-phone{color:#17191a}
 .mobile-dock .dock-phone svg{stroke:currentColor}
 .calm-home .commercial-crew-art{min-height:220px}
 .calm-home .commercial-crew-art img{height:240px}
 .calm-home .ss-panel{padding:24px 20px;gap:20px}
 .calm-home .ss-intro h2{font-size:27px}
 .calm-home .ss-stories{min-height:140px}
 .calm-home .ss-story h3{font-size:21px}
 .calm-home .ss-steps button,.calm-home .ss-pause{height:44px}
 .calm-home .ss-card[data-slot="0"] .ss-circle{width:min(100%,155px)}
 .calm-home .ss-card[data-slot="1"] .ss-circle,.calm-home .ss-card[data-slot="2"] .ss-circle{width:min(88%,130px)}
 .calm-home .ss-card[data-slot="3"] .ss-circle{width:min(100%,150px)}
 .calm-home .calm-case-feature>.project-reel-frame{min-height:235px}
 .calm-home .calm-case-feature>div:not(.project-reel-frame){padding:21px}
 .calm-home .calm-resource-grid>a{padding-top:18px;padding-bottom:18px}
}
@media(max-width:360px){
 .page-hero .campaign-layout{width:calc(100% - 32px)}
 .page-hero .campaign-project-label{left:16px;max-width:calc(100% - 32px)}
 .calm-home .campaign-actions{flex-wrap:wrap}
 .calm-home .campaign-actions a{flex:1 1 130px}
 .calm-home .ss-panel{padding:22px 16px}
 .calm-home .ss-intro h2{font-size:25px}
 .calm-home .ss-steps{gap:4px}
}