/* Map-first desktop; address-first mobile. */
#location.location-section{padding:calc(var(--header-clearance) + 1rem) 0 1rem;justify-content:center;min-height:100dvh;background:radial-gradient(ellipse at 70% 85%,#593a6633,transparent 65%),var(--purple-darker)}
.location-layout{width:100%;display:grid;grid-template-columns:1fr;grid-template-areas:"heading" "address" "map" "directions";text-align:left}
.location-heading{grid-area:heading;padding:2rem 1.5rem 1.25rem}
.location-heading h2{margin:0;color:var(--white);font:700 clamp(2.4rem,5vw,3.5rem)/1.1 Georgia,serif}
.location-heading h2::after{content:"";display:block;width:3rem;height:3px;background:var(--orange-accent);border-radius:2px;margin-top:1rem}
.location-address{grid-area:address;display:flex;align-items:center;gap:1rem;padding:0 1.5rem 1.5rem;color:var(--off-white)}
.location-address svg{width:1.7rem;height:2rem;flex:none}
.location-address p{margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.5}
.location-map{grid-area:map;min-width:0;height:clamp(280px,43dvh,520px);background:#e9e9e9}
.location-map iframe{display:block;width:100%;height:100%;border:0}
.location-directions{grid-area:directions;padding:1.5rem}
#location .location-directions-link{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:52px;margin:0;padding:.9rem 1.25rem;border:1px solid var(--orange-accent);border-radius:.5rem;background:var(--orange-accent);color:var(--purple-darker);font-weight:650;text-decoration:none;text-shadow:none;transition:background .2s,color .2s}
#location .location-directions-link:hover{background:var(--orange-light);color:var(--purple-darker)}
.location-directions-link span{font-size:1.5rem;line-height:1}
@media(min-width:800px){
 .location-layout{grid-template-columns:minmax(230px,1fr) minmax(300px,1.25fr) minmax(230px,1fr);grid-template-areas:"map map map" "heading address directions"}
 .location-map{height:clamp(300px,52dvh,620px)}
 .location-heading,.location-address,.location-directions{align-self:center;margin-block:2rem;padding:1rem clamp(1.5rem,3vw,3rem)}
 .location-heading{padding-left:clamp(2rem,7vw,7rem)}
 .location-address{border-inline:1px solid #ffffff30}
 .location-directions{display:flex;justify-content:center}
 #location .location-directions-link{width:auto;min-width:190px}
}