/* Location information uses the established Palmera palette and typography. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.location-feature{background:var(--paper)}
.location-feature-top{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center;margin-bottom:48px}
.location-feature h2{margin:19px 0 24px}
.location-feature-top>div>p{font-size:14px;max-width:480px;line-height:1.9}
.location-highlights{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.location-highlights>div+div{border-left:1px solid var(--line);padding-left:30px}
.location-highlights strong{display:block;font:clamp(46px,5.2vw,77px)/1.1 var(--serif);color:var(--deep);white-space:nowrap;letter-spacing:-.045em}
.location-highlights small{font-size:22px;letter-spacing:0;font-style:italic}
.location-highlights span{display:block;font-size:8px;font-weight:600;letter-spacing:.13em;margin-top:15px}
.location-highlights p{font-size:11px;line-height:1.7;margin-top:7px}
.beach-distances{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}
.beach-distances th,.beach-distances td{padding:25px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
.beach-distances th:first-child{padding-left:0;width:48%}
.beach-distances thead th{border-top:1px solid var(--line);font-size:12px;font-weight:500;line-height:1.5;padding-top:18px;padding-bottom:18px}
.beach-distances thead th:first-child{font-size:9px;letter-spacing:.13em}
.beach-distances thead span{display:block;font-size:7px;letter-spacing:.12em;color:var(--muted);margin-top:6px}
.beach-distances tbody th{font-weight:400}
.beach-distances tbody th>a{font:34px/1.1 var(--serif);letter-spacing:-.02em}
.beach-distances tbody th>a>span{font:15px var(--sans);margin-left:10px}
.beach-distances th p{font:12px/1.7 var(--sans);max-width:365px;margin-top:10px;padding-right:12px}
.beach-distances td>strong{display:block;font:29px/1.15 var(--serif);white-space:nowrap}
.beach-distances td>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.beach-distances td.walk-time{background:#e7eadd}
.walk-time strong{color:var(--deep)}
.location-estimates{font-size:10px;line-height:1.8;margin-top:17px;max-width:820px}
.nearby-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:55px}
.nearby-destinations article{border-top:1px solid var(--gold);padding-top:23px}
.nearby-destinations .eyebrow{font-size:8px}
.nearby-destinations h3{font-size:32px;margin:13px 0 16px;line-height:1.12}
.nearby-destinations p{font-size:12px;line-height:1.8}
.nearby-destinations .text-link{font-size:10px;margin-top:19px}
.location-map-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:45px}
.location-map-links>.text-link{font-size:11px}
.location-map-links>span{display:block;font-size:9px;color:var(--muted);margin-left:auto}
.stay-card>p.stay-location{font-size:9px;letter-spacing:.035em;color:var(--green);margin:0 0 14px;border-left:2px solid var(--gold);padding-left:11px;line-height:1.7}
.stay-card>.stay-location+p{margin-top:0}
@media(max-width:1100px){.location-feature-top{gap:45px}.location-highlights{gap:22px}.location-highlights>div+div{padding-left:22px}.location-highlights strong{font-size:53px}.location-highlights small{font-size:18px}.location-map-links>span{width:100%;margin:0}.nearby-destinations{gap:28px}.nearby-destinations h3{font-size:29px}}
@media(max-width:800px){.location-feature-top{grid-template-columns:1fr;gap:30px}.location-feature-top>div>p{max-width:580px}.location-highlights{max-width:620px;padding:27px 0}.location-highlights strong{font-size:62px}.location-highlights span{font-size:9px}.location-highlights p{font-size:12px}.beach-distances th:first-child{width:44%}.beach-distances th,.beach-distances td{padding:23px 12px}.beach-distances tbody th>a{font-size:30px}.beach-distances td>strong{font-size:26px}.beach-distances thead th{font-size:11px}.beach-distances thead span{font-size:6px}.nearby-destinations h3{font-size:26px}}
@media(max-width:580px){.location-feature-top{gap:25px;margin-bottom:32px}.location-feature h2{font-size:47px}.location-highlights{gap:18px}.location-highlights>div+div{padding-left:18px}.location-highlights strong{font-size:49px}.location-highlights small{font-size:17px}.location-highlights span{font-size:7px;letter-spacing:.08em}.location-highlights p{font-size:10px}.beach-distances th:first-child{width:41%}.beach-distances th,.beach-distances td{padding:22px 6px}.beach-distances thead th{font-size:10px}.beach-distances thead th:first-child{font-size:7px;letter-spacing:.06em}.beach-distances thead span{font-size:6px;letter-spacing:.02em}.beach-distances tbody th>a{font-size:25px;line-height:1.12}.beach-distances tbody th>a>span{display:none}.beach-distances th p{font-size:10px;padding-right:8px;margin-top:8px}.beach-distances td>strong{font-size:20px;white-space:normal}.beach-distances td>span{font-size:9px}.location-estimates{font-size:10px}.nearby-destinations{grid-template-columns:1fr;gap:29px;margin-top:38px}.nearby-destinations h3{font-size:32px}.nearby-destinations p{font-size:13px}.nearby-destinations .text-link{font-size:11px;margin-top:13px}.location-map-links{align-items:flex-start;flex-direction:column;gap:20px;margin-top:34px}.location-map-links .button{font-size:11px}.location-map-links>span{font-size:9px}.stay-card>p.stay-location{font-size:10px}}
