/* Island Notes layout, using the site's existing coastal palette and fonts. */
.notes-page{padding-bottom:64px}
.notes-hero{position:relative;min-height:380px;display:flex;align-items:center;overflow:hidden;background:#1d5565;color:white;border-radius:0 0 50% 8% / 0 0 9% 3%}
.notes-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.notes-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,40,44,.65),rgba(6,40,44,.18))}
.notes-hero-copy{width:100%;position:relative;z-index:1;padding-block:60px 85px}
.notes-hero h1{font-size:clamp(62px,8vw,104px);text-shadow:0 2px 12px #06282c55}
.notes-hero p{margin-top:20px;font-size:clamp(14px,1.7vw,19px);font-weight:600;letter-spacing:.2em;line-height:1.65;text-transform:uppercase;max-width:760px}
.notes-intros{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:32px;padding-bottom:44px}
.notes-intro{position:relative;overflow:hidden;border-radius:16px;min-height:325px;display:flex;align-items:center;text-decoration:none;background:var(--aqua)}
.notes-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.notes-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--aqua) 0%,var(--aqua) 38%,transparent 100%)}
.notes-discover{background:var(--sand)}
.notes-discover::after{background:linear-gradient(90deg,var(--sand) 0%,var(--sand) 38%,transparent 100%)}
.notes-intro-copy{position:relative;z-index:1;padding:30px;max-width:88%}
.notes-intro .eyebrow{color:var(--ink);font-size:13px}
.notes-discover .eyebrow{color:var(--ink)}
.notes-intro h2{font-size:clamp(30px,3.3vw,43px);margin:12px 0 15px}
.notes-intro p{font-size:17px;line-height:1.4;max-width:30ch}
.notes-pill{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:40px;background:#087e80;color:#fff;padding:12px 24px;font-weight:500;font-size:17px;text-decoration:none;line-height:1.3;min-height:48px;margin-top:22px}
.notes-discover .notes-pill{background:#b64f31}
.notes-features{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.notes-category{scroll-margin-top:130px;min-width:0}
.notes-category>h2{font-size:clamp(38px,4.5vw,56px)}
.notes-category>h2::after{content:"";display:block;width:40px;height:3px;background:var(--turq);margin-top:14px}
.notes-facts>h2::after{background:var(--sunset)}
.notes-category-dek{font-size:17px;line-height:1.5;margin:14px 0 20px;min-height:51px;color:var(--ink-soft)}
.notes-facts{position:relative}
.notes-facts::before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:1px;background:var(--line)}
.notes-story{position:relative;isolation:isolate;min-height:450px;display:flex;align-items:flex-end;overflow:hidden;border-radius:16px;color:white;background:#0e3b43}
.notes-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.notes-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(4,30,33,.25) 28%,rgba(4,30,33,.94) 100%);z-index:-1}
.notes-story-copy{padding:28px;width:100%}
.notes-badge{display:inline-block;border-radius:30px;background:#087e80;padding:5px 17px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.notes-facts .notes-badge{background:#b64f31}
.notes-story h3{font-size:clamp(34px,3.5vw,45px);margin-top:12px}
.notes-story h3 a{text-decoration:none}
.notes-story p{line-height:1.45;font-size:18px;margin-top:14px;max-width:39ch}
.notes-read{display:inline-flex;gap:15px;align-items:center;margin-top:20px;background:white;color:#0e3b43;border-radius:30px;padding:10px 23px;font-size:16px;font-weight:500;text-decoration:none;line-height:1.5}
.notes-getaway{display:flex;gap:36px;align-items:center;justify-content:space-between;margin-top:44px;border-radius:16px;padding:36px 40px;background:linear-gradient(110deg,var(--aqua),var(--sand))}
.notes-getaway h2{font-size:clamp(32px,3.7vw,46px)}
.notes-getaway p{margin-top:14px;max-width:62ch;font-size:17px;line-height:1.5}
.notes-getaway .notes-pill{flex-shrink:0;margin:0}
.notes-intro:hover .notes-pill,.notes-pill:hover,.notes-read:hover{filter:brightness(.93)}
.notes-page a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.notes-story a:focus-visible{outline-color:#fff}
@media(max-width:860px){.notes-intros,.notes-features{grid-template-columns:1fr}.notes-intro{min-height:300px}.notes-intro h2{font-size:38px}.notes-intro-copy{max-width:80%}.notes-features{gap:38px}.notes-facts::before{display:none}.notes-category-dek{min-height:0}.notes-story{min-height:470px}.notes-getaway{align-items:flex-start;flex-direction:column;gap:24px}.notes-desktop-break{display:none}}
@media(max-width:480px){.notes-hero{min-height:320px}.notes-hero-copy{padding-block:48px 64px}.notes-hero h1{font-size:64px}.notes-hero p{letter-spacing:.13em}.notes-intros{gap:18px;padding-bottom:34px}.notes-intro-copy{padding:24px;max-width:100%}.notes-intro::after{background:linear-gradient(90deg,var(--aqua) 0%,var(--aqua) 50%,transparent 170%)}.notes-discover::after{background:linear-gradient(90deg,var(--sand) 0%,var(--sand) 50%,transparent 170%)}.notes-intro h2{font-size:34px}.notes-intro p{max-width:27ch}.notes-pill{padding:12px 18px;font-size:15px;gap:10px}.notes-story-copy{padding:24px}.notes-story h3{font-size:38px}.notes-getaway{padding:28px 24px}.notes-story{min-height:450px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}