/* Mobile layout and vector arrows · 2026-11-03 */
.ui-arrow{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.12em;overflow:visible;pointer-events:none}
.gallery-photo:after{content:''}
.gallery-photo:before{content:'';position:absolute;right:22px;bottom:22px;width:19px;height:19px;background:currentColor;z-index:1;pointer-events:none;-webkit-mask:url('arrow-ne.svg') center/contain no-repeat;mask:url('arrow-ne.svg') center/contain no-repeat}
.story-statement{min-width:0}
@media(max-width:820px){
 .story-lead{grid-template-columns:minmax(0,1fr)}
 .story-statement{display:block;padding:0}
 .story-statement .story-year{font-size:clamp(86px,18vw,130px);line-height:1}
 .story-statement .year-label{display:block;margin:12px 0 24px;line-height:1.5}
 .story-statement p{max-width:100%;font-size:17px;line-height:1.65}
 .story-statement .text-link{max-width:100%;gap:18px;margin-top:22px}
}
@media(max-width:600px){
 .story-statement .year-label{font-size:10px;max-width:230px}
 .story-statement p{font-size:16px}
 .story-statement .text-link{font-size:13px;min-height:44px}
 .hero-actions{flex-wrap:wrap;row-gap:12px}
 .hero h1{font-size:clamp(48px,13vw,78px)}
 .contact-head h2{font-size:clamp(46px,12vw,61px)}
 .contact-phone{font-size:clamp(36px,11.5vw,50px)}
 .story-intro h2{font-size:clamp(39px,11vw,48px)}
 .header-inner,.hero-copy,.contact-body>div,.location-grid>div{min-width:0}
 .footer-links{flex-wrap:wrap}
 .gallery-controls .icon-button{min-width:44px;min-height:44px}
}
@media(max-width:360px){
 .brand img{width:180px;height:auto}
 .header-inner{gap:10px}
 .menu-toggle{padding:10px;gap:8px}
 .gallery-head{flex-wrap:wrap}
 .hero-base{flex-wrap:wrap}
 .map-links{grid-template-columns:minmax(0,1fr)}
}