/* Getting here: clean coastal background, live copy, and shared map typography. */
.page-maps .mdr{
 --mdr-rail:calc((100vw - min(100vw,1900px))/2 + 170px);
 --mdr-type-rail:170px;
 --mdr-type-scale:calc((min(100vw,1900px) - var(--mdr-type-rail)) / 1745 * .94);
 position:relative;isolation:isolate;overflow:hidden;
 height:calc(477.375px + 2 * clamp(72px,9vw,130px));
 padding:40px 0;background:#fcf8ef;color:#073b57;
}
.mdr .mdr__art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.page-maps .mdr .mdr__frame{display:grid;grid-template-columns:minmax(0,540fr) minmax(0,756fr);gap:clamp(42px,5.8vw,110px);align-items:center;width:calc(100% - 2 * var(--mdr-rail));max-width:none;height:100%;margin:0 auto}
.mdr .mdr__copy{min-width:0;container-type:inline-size}
.page-maps .mdr .eyebrow{font-family:'Univers Next',Arial,sans-serif;font-size:max(10.34px,calc(20.2 * var(--mdr-type-scale)));font-weight:400;line-height:1.4;letter-spacing:.116em;margin:0 0 22px;color:#287080;gap:18px}
.mdr .eyebrow::before{width:40px;flex:none;background:#b98a48}
.page-maps .mdr .section-title{max-width:none;margin:0;font-family:'Gulf Preview Bodoni',Georgia,serif;font-size:max(45.684px,calc(87.66 * var(--mdr-type-scale)));font-weight:400;line-height:1;letter-spacing:-.012em;color:#073b57;text-wrap:wrap}
.mdr .section-title>span{display:block;white-space:nowrap;text-wrap:nowrap;font-size:min(1em,11.7cqw);font-style:normal;line-height:.93}
/* Match the hero's display/accent pairing and relative type scale within this column. */
.page-maps .mdr .section-title em{display:block;margin-top:-.18em;font-family:'SP Accent Hand',Georgia,serif;font-size:min(1.418em,16.59cqw);font-style:normal;font-weight:400;line-height:1;letter-spacing:normal;white-space:nowrap;color:#917658}
.page-maps .mdr .section-intro{max-width:none;margin-top:25px;font-family:'Comfort Newsreader',Georgia,serif;font-size:max(16.92px,calc(25.2 * var(--mdr-type-scale)));font-weight:400;line-height:max(22.56px,calc(32.7 * var(--mdr-type-scale)));letter-spacing:normal;color:#2d6877}
.mdr .map-actions{margin-top:26px;gap:16px}
.mdr .mdr__map{width:94%;justify-self:end;max-height:100%;aspect-ratio:756/570;margin:0;overflow:hidden;border:1px solid #fff;border-radius:24px;background:#fcf9f0;box-shadow:0 15px 35px #80674722}
.mdr .mdr__map svg{display:block;width:100%;height:100%}
@media(max-width:1450px){.page-maps .mdr{--mdr-rail:clamp(80px,8.947vw,170px);--mdr-type-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1250px) and (min-width:1101px){
 .page-maps .mdr{padding-block:28px}
 .page-maps .mdr .mdr__frame{gap:40px}
 .mdr .map-actions{gap:12px}
}
@media(max-width:1150px){
 .page-maps .mdr .section-title{font-size:clamp(36.378px,7.0218vw,64.296px)}
 .page-maps .mdr .eyebrow{font-size:11.28px;letter-spacing:.2em}
 .page-maps .mdr .section-intro{font-size:22.56px;line-height:1.3}
}
@media(max-width:1100px){
 .page-maps .mdr{height:auto;padding:72px 0}
 .page-maps .mdr .mdr__frame{grid-template-columns:1fr;gap:40px}
 .mdr .mdr__copy{max-width:none}
 .page-maps .mdr .section-title{max-width:15em}
 .page-maps .mdr .section-title em{margin-top:-9px}
 .mdr .mdr__map{width:100%;max-height:none;border-radius:20px}
 .mdr .mdr__art{opacity:.65}
}
@media(max-width:900px){.page-maps .mdr{--mdr-rail:24px;--mdr-type-rail:24px}.mdr .section-title>span{font-weight:700;line-height:.96;letter-spacing:-.045em}.page-maps .mdr .section-title em{line-height:1.1}}
@media(max-width:540px){
 .page-maps .mdr{padding-block:60px}
 .page-maps .mdr .mdr__frame{gap:32px}
 .page-maps .mdr .section-title{font-size:clamp(29.61px,8.037vw,40.608px)}
 .page-maps .mdr .eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:22px;gap:14px}
 .mdr .eyebrow::before{width:30px}
 .page-maps .mdr .section-intro{font-size:19.74px;line-height:1.4;margin-top:24px}
 .mdr .map-actions{gap:12px;margin-top:24px}
 .mdr .mdr__map{border-radius:16px}
}

/* Let the map breathe, then dissolve into the coastal directions artwork. */
.page-maps .smr{
 padding-bottom:clamp(110px,10vw,170px);
}
.page-maps .smr::after{
 content:"";position:absolute;z-index:-1;inset:auto 0 0;height:180px;
 background:linear-gradient(to bottom,rgba(255,253,250,0),#fffdfa);
 pointer-events:none;
}
.page-maps .mdr{
 background:linear-gradient(to bottom,#fffdfa 0,#fcf8ef 200px);
 border-top:0;
}
.page-maps .mdr .mdr__art{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 200px);
 mask-image:linear-gradient(to bottom,transparent 0,#000 200px);
}

/* Shared Maps action style, including the chevron, hover, and focus states. */
.page-maps :is(.mdr__button,.mcb__button){
 --mdr-button-scale:calc((100vw - 2 * var(--mdr-rail,var(--mcb-rail))) / 1430 * .94);
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 gap:calc(24 * var(--mdr-button-scale));min-height:calc(64 * var(--mdr-button-scale));
 padding:0 calc(37 * var(--mdr-button-scale));border:1px solid #ad957a;border-radius:999px;
 background:#fcf8f0;color:#073b57;text-decoration:none;
 font-family:'Comfort Newsreader',Georgia,serif;
 font-size:max(16.92px,calc(24.2 * var(--mdr-type-scale,var(--mcb-type-scale))));
 font-weight:400;line-height:1.1;letter-spacing:normal;white-space:nowrap;
 box-shadow:0 3px 8px #7353360d;transition:background .2s;
}
.page-maps :is(.mdr__button,.mcb__button) svg{
 width:calc(8 * var(--mdr-button-scale));height:calc(14 * var(--mdr-button-scale));
 fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;
}
.page-maps :is(.mdr__button,.mcb__button):hover{background:#f2eadf}
.page-maps :is(.mdr__button,.mcb__button):focus-visible{outline:2px solid #073b57;outline-offset:5px}
@media(max-width:1150px){
 .page-maps :is(.mdr__button,.mcb__button){font-size:20.68px;min-height:56.4px;padding:0 30.08px;gap:22.56px}
 .page-maps :is(.mdr__button,.mcb__button) svg{width:7.52px;height:13.16px}
}
@media(max-width:640px){.page-maps :is(.mdr__button,.mcb__button){min-height:52.64px;padding:0 26.32px}}
@media(max-width:540px){.page-maps :is(.mdr__button,.mcb__button){font-size:19.74px}}
@media(prefers-reduced-motion:reduce){.page-maps :is(.mdr__button,.mcb__button){transition:none}}