/* Responsive layout and touch controls, 2026-10-28. */
.legal-document{grid-template-columns:minmax(0,1fr)}
.legal-card,.legal-card-title h2,.field,.campaign-copy>div{min-width:0}
.legal-card-title h2{overflow-wrap:anywhere;hyphens:auto}
.map-directory nav a{min-width:0;overflow-wrap:anywhere}
.map-directory img{flex-shrink:0}
.field input,.field select,.field textarea{min-width:0;font-size:1rem}
.menu,.filter-btn,.photo-viewer button{min-height:44px}
.campaign-controls{flex-wrap:wrap}
.campaign-controls button{min-width:44px;min-height:44px;height:auto}
.campaign-controls .pause-slide{border-radius:7px;margin-left:4px;padding:10px 15px}
/* Keep copy and participation details readable regardless of the current motif. */
.campaign-copy{position:static;width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:25px 32px}
.campaign-copy h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.campaign-legal{position:static;width:auto;padding:0 32px 22px;font-size:.8rem;line-height:1.6}
@media(max-width:1050px){
 .header{height:80px}.header .nav-cta{display:none}.menu{display:block;flex-shrink:0}
 .nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:16px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
 .nav.open{display:flex}.nav a{min-height:44px;padding:12px 0}
}
@media(max-width:700px){.hero-inner{grid-template-columns:1fr}.hero-art{max-width:500px;width:100%;margin-inline:auto}.hero h1{font-size:clamp(3rem,9vw,4.7rem)}}
@media(max-width:600px){
 .campaign-copy{grid-template-columns:minmax(0,1fr);padding:22px;gap:20px}
 .campaign-legal{padding:0 22px 20px}.campaign-copy .btn{width:100%}
 .btn{text-align:center;white-space:normal}.panel{padding:22px}
 .hours th,.hours td{padding:12px 4px}.service-icons{flex-wrap:wrap;gap:12px}
 .service-icons>span{flex:0 0 auto}.service-icons small{font-size:10px}
 .viewer-image{height:min(62dvh,650px)}
}
@media(max-width:360px){
 .map-directory nav{grid-template-columns:1fr}
 .campaign-top{align-items:flex-start;flex-wrap:wrap}
 .feature-copy h2,.mini h2,.footer h2{font-size:2.2rem}
 .legal-card-title{flex-wrap:wrap}.legal-card-title h2{flex-basis:100%}
 .header .brand{font-size:16px}.header .brand img{width:42px;height:42px}
}
@media(max-height:500px){.photo-viewer{max-height:96dvh}.viewer-image{height:45dvh;margin:8px auto}.viewer-caption{display:none}}