:root{color-scheme:light;--ink: #10232b;--ink-soft: #40545d;--muted: #6a7b82;--paper: #fffdf8;--paper-warm: #f6efe2;--sand: #ead6b6;--teal: #0f7c86;--teal-dark: #063b49;--aqua: #48b8bd;--coral: #e66b4f;--gold: #f2c14e;--sage: #dfe9dc;--line: rgba(16, 35, 43, .12);--shadow: 0 22px 60px rgba(6, 59, 73, .13);--shadow-soft: 0 12px 36px rgba(6, 59, 73, .09);--radius: 8px;font-family:Inter,Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fffdf8eb,#fffdf8f5 34%,#f6efe2b8),linear-gradient(90deg,rgba(15,124,134,.045) 0,transparent 1px),linear-gradient(180deg,rgba(15,124,134,.035) 0,transparent 1px);background-size:auto,92px 92px,92px 92px}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}::selection{background:#48b8bd52}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,2.5rem);color:#fff;transition:background .18s ease,box-shadow .18s ease,color .18s ease}.site-header.is-scrolled{color:var(--ink);background:#fffdf8f0;box-shadow:0 10px 30px #063b491a;backdrop-filter:blur(14px)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(255,255,255,.38);border-radius:var(--radius);background:#fffffff2;color:#fff;font-weight:900;letter-spacing:.04em;overflow:hidden;box-shadow:0 8px 22px #063b4929}.brand-mark img{width:100%;height:100%;object-fit:cover}.site-header.is-scrolled .brand-mark{border-color:var(--line);background:#fff;color:#fff}.brand strong{display:block;font-size:1rem;line-height:1.05}.brand small{display:block;margin-top:.18rem;color:currentColor;font-size:.75rem;font-weight:700;opacity:.78}.site-nav{display:flex;align-items:center;gap:.15rem}.site-nav a{border-radius:var(--radius);padding:.7rem .8rem;color:currentColor;font-size:.9rem;font-weight:800;text-decoration:none}.site-nav a:hover{background:#ffffff29}.site-header.is-scrolled .site-nav a:hover{background:#0f7c8617}.site-nav .nav-cta{margin-left:.35rem;background:var(--gold);color:var(--ink)}.nav-toggle{display:none;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.32);border-radius:var(--radius);background:#ffffff26;color:currentColor}.nav-toggle span:not(.sr-only){display:block;width:1.15rem;height:2px;margin:.28rem auto;background:currentColor}.hero{position:relative;display:grid;align-items:end;min-height:min(760px,94vh);padding:8rem clamp(1rem,5vw,5.5rem) 5rem;color:#fff;overflow:hidden}.hero-compact{min-height:520px}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#063b49d6,#063b4994 46%,#063b491a),linear-gradient(180deg,#10232b1f,#10232b9e)}.hero-content{position:relative;max-width:830px}.eyebrow{margin:0 0 .85rem;color:var(--coral);font-size:.78rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;max-width:12ch;font-size:clamp(3.2rem,8.2vw,7.7rem);line-height:.92;letter-spacing:0}.hero-copy{max-width:760px;margin:1.4rem 0 0;color:#ffffffe6;font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.55}.hero-actions,.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.05rem;border:1px solid transparent;border-radius:var(--radius);padding:.8rem 1.05rem;font-weight:900;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--ink)}.button-secondary{border-color:#ffffff7a;background:#ffffff24;color:#fff}.button-muted{border-color:var(--line);background:#10232b0f;color:var(--muted);cursor:default}.section{padding:clamp(3.3rem,7vw,6.8rem) clamp(1rem,4vw,4rem)}.section-inner{width:min(1180px,100%);margin-inline:auto}.section-title{max-width:790px;margin-bottom:1.8rem}.section-title h2{margin:0;color:var(--teal-dark);font-size:clamp(2rem,4vw,4rem);line-height:1}.section-title p:last-child{margin:1rem 0 0;color:var(--ink-soft);font-size:1.08rem;line-height:1.7}.quick-panel{position:relative;z-index:2;width:min(1180px,calc(100% - 2rem));margin:-2.4rem auto 0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8f0;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.quick-grid,.stats-grid,.guide-grid,.beach-grid,.itinerary-grid,.source-grid{display:grid;gap:1rem}.quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.quick-grid a{min-height:5rem;display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:#fff;color:var(--teal-dark);font-weight:900;text-decoration:none}.quick-grid a:hover,.guide-card-link:hover,.beach-card:hover{transform:translateY(-3px);border-color:#0f7c866b;box-shadow:var(--shadow-soft)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.note-card,.source-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;padding:1.15rem}.stat-card strong{display:block;color:var(--teal);font-size:clamp(1.8rem,3vw,3rem);line-height:1}.stat-card span,.note-card p,.source-card p{display:block;margin-top:.7rem;color:var(--ink-soft);line-height:1.62}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-card,.beach-card,.itinerary-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 1px #10232b0a;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.guide-card{display:flex;flex-direction:column;min-height:100%;color:inherit;text-decoration:none}.guide-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.guide-card>div{padding:1.15rem}.guide-card h3,.beach-card h3,.itinerary-card h3,.note-card h3,.source-card h3{margin:0;color:var(--teal-dark);font-size:1.2rem;line-height:1.18}.guide-card p,.beach-card p,.itinerary-card p{margin:.72rem 0 0;color:var(--ink-soft);line-height:1.58}.card-meta,.beach-area{color:var(--coral)!important;font-size:.75rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.feature-band{background:linear-gradient(135deg,var(--teal-dark),#0d6670 54%,#1d8e83);color:#fff}.feature-band .section-title h2,.feature-band .section-title p{color:#fff}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}.feature-media{min-height:460px;border-radius:var(--radius);overflow:hidden}.feature-media img{width:100%;height:100%;object-fit:cover}.feature-copy{display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:clamp(1.3rem,3vw,2.5rem);background:#ffffff17}.feature-copy h2{margin:0;font-size:clamp(1.9rem,3.8vw,3.9rem);line-height:1}.feature-copy p{margin:1rem 0 0;color:#ffffffe0;line-height:1.7}.filter-bar{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.25rem}.filter-bar button{min-height:2.7rem;border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .85rem;background:#fff;color:var(--teal-dark);font-weight:900;cursor:pointer}.filter-bar button.is-active{border-color:var(--teal);background:var(--teal-dark);color:#fff}.beach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beach-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}.beach-card[hidden]{display:none}.beach-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.beach-card-body{padding:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.tag-list span{border-radius:999px;background:var(--sage);color:var(--teal-dark);padding:.32rem .55rem;font-size:.74rem;font-weight:850}.itinerary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.itinerary-card{padding:1.1rem}.itinerary-card ul,.article-list{margin:1rem 0 0;padding-left:1.15rem;color:var(--ink-soft);line-height:1.55}.itinerary-card li+li,.article-list li+li{margin-top:.45rem}.compact-list{margin-top:.35rem}.matrix-table{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}.matrix-table table{width:100%;min-width:720px;border-collapse:collapse}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--line);padding:.95rem;color:var(--ink-soft);line-height:1.52;text-align:left;vertical-align:top}.matrix-table th{background:#0f7c8617;color:var(--teal-dark);font-size:.82rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.matrix-table tr:last-child td{border-bottom:0}.split-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:start}.split-layout>*,.article-grid>*,.guide-grid>*,.beach-grid>*,.itinerary-grid>*,.source-grid>*{min-width:0}.map-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(15,124,134,.15),transparent),#fff;padding:clamp(1.2rem,3vw,2rem)}.recommended-stay{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;overflow:hidden;border:1px solid rgba(242,193,78,.54);border-radius:var(--radius);background:linear-gradient(135deg,#f2c14e2e,#fff 48%);box-shadow:var(--shadow)}.recommended-media{min-height:360px}.recommended-media img{width:100%;height:100%;object-fit:cover}.recommended-content{min-width:0;padding:clamp(1.25rem,3vw,2rem)}.recommended-content h3{margin:0;color:var(--teal-dark);font-size:clamp(1.7rem,3vw,2.8rem);line-height:1}.recommended-content p{color:var(--ink-soft);line-height:1.65}.disclosure-box{border-left:4px solid var(--gold);border-radius:var(--radius);background:#f2c14e24;padding:.85rem 1rem;font-size:.92rem}.accommodation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.booking-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1rem;box-shadow:0 1px #10232b0a}.booking-card h3{margin:.45rem 0 0;color:var(--teal-dark);font-size:1.18rem;line-height:1.2}.booking-card p{margin:.72rem 0 0;color:var(--ink-soft);line-height:1.58}.booking-card a{color:var(--teal-dark);font-weight:900}.source-pill{display:inline-flex;border-radius:999px;background:var(--teal-dark);color:#fff!important;padding:.34rem .6rem;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.map-zones{display:grid;gap:.85rem;margin-top:1rem}.zone{border-left:5px solid var(--teal);border-radius:var(--radius);background:#fffdf8db;padding:1rem}.zone:nth-child(2){border-left-color:var(--coral)}.zone:nth-child(3){border-left-color:var(--gold)}.zone h3{margin:0;color:var(--teal-dark)}.zone p{margin:.45rem 0 0;color:var(--ink-soft);line-height:1.55}.article-shell{width:min(1060px,calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,6vw,5rem) 0}.fact-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:2.2rem}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.5rem,4vw,3rem);align-items:start}.article-content{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;padding:clamp(1.2rem,3vw,2.3rem)}.article-content section+section{margin-top:2.5rem}.article-content h2{margin:0;color:var(--teal-dark);font-size:clamp(1.55rem,2.6vw,2.5rem);line-height:1.08}.article-content p{color:var(--ink-soft);line-height:1.78}.article-cards{display:grid;gap:.85rem;margin-top:1rem}.aside{min-width:0;position:sticky;top:6rem;display:grid;gap:1rem}.aside .note-card a,.source-card a{color:var(--teal-dark);font-weight:900}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,4rem);background:#0b2d38;color:#fff}.footer-grid{width:min(1180px,100%);margin-inline:auto;display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:2rem}.footer-brand{width:min(260px,100%);border-radius:var(--radius);overflow:hidden;background:#fff;color:#fff;font-size:1.2rem;font-weight:950;box-shadow:0 16px 40px #0000002e}.footer-brand img{width:100%;height:auto}.site-footer p{color:#ffffffc2;line-height:1.65}.site-footer h2{margin:0 0 .9rem;color:var(--gold);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.footer-links{display:grid;gap:.55rem}.site-footer .footer-links a{color:#ffffffd1;font-weight:800;text-decoration:none}.site-footer .footer-links a:hover{color:#fff;text-decoration:underline}.note-card .footer-links a{color:var(--teal-dark);font-weight:900;text-decoration:underline;text-underline-offset:.18em}.footer-note{font-size:.92rem}.footer-contact a{color:#fff;font-weight:900;text-decoration:underline;text-underline-offset:.2em}@media(max-width:1040px){.quick-grid,.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid,.itinerary-grid,.fact-row,.beach-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-layout,.split-layout,.article-grid,.recommended-stay,.footer-grid{grid-template-columns:1fr}.aside{position:static}}@media(max-width:760px){.site-header{align-items:flex-start}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% - .35rem);left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);padding:.55rem;background:#fffdf8fa;color:var(--ink);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:.85rem}.site-nav .nav-cta{margin-left:0}.hero{min-height:720px;padding:7rem 1rem 4rem}.hero-compact{min-height:560px}.hero-overlay{background:linear-gradient(180deg,#063b4957,#063b49db),linear-gradient(90deg,#063b49c2,#063b493d)}h1{font-size:clamp(3.1rem,17vw,5.3rem)}.quick-panel{margin-top:-1.1rem}.quick-grid,.stats-grid,.guide-grid,.beach-grid,.itinerary-grid,.accommodation-grid,.fact-row,.source-grid{grid-template-columns:1fr}.recommended-media{min-height:260px}.feature-media{min-height:310px}}