/* The island introduction: original copy, with a photograph and a distinct sea paragraph. */
.island-overview{padding-block:clamp(54px,6vw,88px);text-align:left}
.island-overview-heading{max-width:940px;margin-bottom:clamp(30px,3.4vw,48px)}
.island-overview-heading .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--sea)}
.island-overview-heading .eyebrow::before{content:"";width:36px;height:2px;flex-shrink:0;background:var(--gold)}
.island-overview-heading h2{max-width:26ch;font-size:clamp(34px,3.8vw,54px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
.island-overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4.5vw,66px);align-items:stretch}
.island-overview-grid>*{min-width:0}
.island-overview-photo{position:relative;isolation:isolate;overflow:hidden;min-height:410px;border-radius:64px 20px 64px 20px;background:var(--sage)}
.island-overview-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.island-overview-photo::after{content:"";position:absolute;inset:50% 0 0;z-index:0;pointer-events:none;background:linear-gradient(transparent,#092b3580)}
.island-overview-photo figcaption{position:absolute;left:26px;right:26px;bottom:25px;z-index:1;display:flex;align-items:center;gap:10px;color:white;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 8px #092b3560}
.island-overview-photo figcaption::before{content:"";width:24px;height:1px;background:currentColor;flex-shrink:0}
.island-overview-copy{display:grid;align-content:center;gap:28px;color:var(--muted);font-size:17px;line-height:1.9}
.island-overview-copy>p{max-width:62ch;margin:0}
.island-overview-sea{display:grid;grid-template-columns:28px minmax(0,1fr);gap:17px;align-items:start;padding:26px;background:linear-gradient(135deg,#edf5f0,#e4efea);border:1px solid #d7e5dd;border-radius:18px}
.island-overview-sea>svg{display:block;width:28px;height:28px;margin-top:3px;color:var(--sea)}
.island-overview-sea p{margin:0;font-size:16px;line-height:1.85;color:var(--ink)}
@media(max-width:1000px){
 .island-overview-grid{grid-template-columns:1fr;gap:30px}
 .island-overview-heading{max-width:800px}
 .island-overview-photo{min-height:0;aspect-ratio:16/9;max-height:420px;border-radius:44px 18px 44px 18px}
 .island-overview-copy>p{max-width:none}
 .island-overview-sea{padding:26px 28px}
}
@media(max-width:600px){
 .island-overview{padding-block:48px}
 .island-overview-heading{margin-bottom:26px}
 .island-overview-heading .eyebrow{font-size:11px;line-height:1.7;gap:10px;margin-bottom:15px}
 .island-overview-heading .eyebrow::before{width:24px}
 .island-overview-heading h2{font-size:clamp(30px,7.8vw,42px);line-height:1.2}
 .island-overview-photo{aspect-ratio:4/3;border-radius:36px 14px 36px 14px}
 .island-overview-photo figcaption{left:20px;right:20px;bottom:20px;font-size:11px}
 .island-overview-grid{gap:26px}
 .island-overview-copy{font-size:16px;line-height:1.85;gap:24px}
 .island-overview-sea{grid-template-columns:1fr;gap:12px;padding:22px;border-radius:16px}
 .island-overview-sea>svg{margin:0}
 .island-overview-sea p{font-size:16px;line-height:1.85}
}