:root{--bg-canvas:#3b0d1a;--bg-surface:#562335;--bg-surface-hover:#6a3045;--bg-cream:#fff8ec;--text-primary:#fff8ec;--text-muted:#e5cfc3;--accent-primary:#e8d5a8;--accent-secondary:#d9a990;--border-subtle:rgba(255,248,236,.2);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(22,4,10,.32);--glow-accent:0 0 24px -4px rgba(232,213,168,.3);--glass-backdrop:blur(16px) saturate(140%);--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.72 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.08;margin:0 0 1rem}h1{font-size:clamp(2.65rem,7vw,5.7rem);max-width:14ch}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.25rem}p{margin:.6rem 0 1rem}a{color:var(--accent-primary);text-underline-offset:.2em}a:hover{color:#fff}button{font:inherit}img{display:block;width:100%;height:auto;object-fit:cover} :focus-visible{outline:3px solid var(--accent-primary);outline-offset:4px}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.reading{max-width:70ch;margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:1rem;background:var(--accent-primary);color:var(--bg-canvas);padding:.7rem 1rem;z-index:99}.skip-link:focus{left:1rem}.site-header{position:relative;z-index:5;padding:1rem 0;background:rgba(59,13,26,.93);border-bottom:1px solid var(--border-subtle)}.hero .site-header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(35,7,15,.78),transparent);border:0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text-primary);text-decoration:none;font-weight:800;letter-spacing:-.04em}.brand-mark{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--accent-primary);color:var(--bg-canvas);font-family:var(--serif);font-size:1.15rem}.desktop-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.7rem)}.desktop-nav a,.mobile-menu a{color:var(--text-primary);font-size:.92rem;text-decoration:none}.desktop-nav a:hover,.mobile-menu a:hover{color:var(--accent-primary)}.menu-toggle{display:none;border:0;background:transparent;color:var(--text-primary);font-size:1.8rem;line-height:1;cursor:pointer}.mobile-menu{display:none;position:absolute;right:20px;top:calc(100% - .2rem);width:min(280px,calc(100vw - 40px));padding:1rem;background:#562335;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);z-index:8}.mobile-menu.open{display:grid;gap:.8rem}.hero{position:relative;min-height:680px;display:flex;align-items:end;isolation:isolate;background:#542433}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(40,7,17,.82),rgba(54,12,26,.22) 75%),linear-gradient(0deg,rgba(35,7,15,.8),transparent 70%),url("images/hero-island-arrival.jpg") center 48%/cover no-repeat}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 20%,rgba(232,213,168,.15),transparent 34%);pointer-events:none}.hero-content{padding:11rem 0 4rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);gap:3rem;align-items:end}.eyebrow,.kicker{color:var(--accent-primary);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.04em}.hero-copy{max-width:57ch;color:#fff8ec}.glass-panel,.card,.fact-panel,.panel{background:rgba(86,35,53,.84);border:1px solid var(--border-subtle);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation)}.fact-panel{padding:1.25rem}.fact-panel h2{font-size:1rem;letter-spacing:0;text-transform:uppercase}.fact-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.fact-list li{padding-top:.7rem;border-top:1px solid var(--border-subtle);font-size:.9rem}.fact-list a{font-size:.78rem;display:inline-block;margin-left:.2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1.25rem;border:0;border-radius:999px;background:var(--accent-primary);color:var(--bg-canvas);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .2s}.button:hover{color:var(--bg-canvas);transform:translateY(-3px);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.button.secondary:hover{background:var(--bg-surface-hover)}.section{padding:5rem 0}.section.cream{background:var(--bg-cream);color:#35101b;clip-path:polygon(0 2.3%,100% 0,100% 97%,0 100%);padding:6rem 0}.cream a{color:#702b3e}.section-intro{max-width:70ch;margin:0 auto 2.2rem}.section-intro p{color:var(--text-muted)}.cream .section-intro p{color:#684b4d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.15rem}.card{overflow:hidden;transition:transform .45s var(--ease-kinetic),box-shadow .45s,background .3s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.card img{aspect-ratio:4/3}.card-body{padding:1.35rem}.card-body p{color:var(--text-muted)}.cream .card{background:#fffaf0;border-color:rgba(59,13,26,.15);box-shadow:0 10px 25px rgba(57,18,28,.12)}.cream .card-body p{color:#684b4d}.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:1.2rem}.split-media img{height:100%;min-height:350px;aspect-ratio:16/10}.split-copy{padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;background:var(--bg-surface)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:2.2rem 0 0;border-block:1px solid var(--border-subtle)}.stat{padding:1.1rem .6rem}.stat strong{display:block;color:var(--accent-primary);font-size:1.2rem}.stat span{font-size:.82rem;color:var(--text-muted)}.page-hero{padding:4.5rem 0 3.2rem;background:linear-gradient(135deg,#562335,#3b0d1a 70%);border-bottom:1px solid var(--border-subtle)}.page-hero h1{font-family:var(--serif);font-weight:500}.page-hero p{max-width:68ch;color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start}.article-body{max-width:72ch;margin:0 auto}.article-body h2{margin-top:2.4rem;font-size:1.8rem}.article-body h3{margin-top:1.5rem}.article-aside{padding:1.3rem;position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle)}.article-aside ul{padding-left:1.2rem}.feature-photo{margin:2rem 0}.feature-photo img{aspect-ratio:16/9}.caption{color:var(--text-muted);font-size:.82rem;margin-top:.45rem}.accordion{border-top:1px solid var(--border-subtle)}.accordion details{border-bottom:1px solid var(--border-subtle);padding:1rem 0}.accordion summary{cursor:pointer;font-weight:800;color:var(--text-primary)}.accordion details p{color:var(--text-muted);max-width:70ch}.tabs{margin:1.5rem 0}.tablist{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border-subtle)}.tablist button{background:transparent;border:1px solid var(--border-subtle);border-bottom:0;color:var(--text-primary);padding:.7rem 1rem;cursor:pointer}.tablist button[aria-selected="true"]{background:var(--accent-primary);color:var(--bg-canvas);font-weight:800}.tabpanel{padding:1.4rem;background:var(--bg-surface);border:1px solid var(--border-subtle)}.tabpanel[hidden]{display:none}.photo-essay{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin:1.5rem 0}.photo-essay img{height:100%;min-height:220px;aspect-ratio:4/3}.note-form{display:grid;gap:1rem}.note-form label{display:grid;gap:.35rem;font-weight:700}.note-form input,.note-form textarea,.note-form select{width:100%;padding:.8rem;background:#fff8ec;color:#35101b;border:1px solid #ba9d92;font:inherit}.note-form textarea{min-height:120px;resize:vertical}.note-preview{white-space:pre-wrap;padding:1rem;background:#fff8ec;color:#35101b;border-left:4px solid var(--accent-primary);min-height:5rem}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem}.site-footer{padding:3rem 0 1.2rem;background:#260811;border-top:1px solid var(--border-subtle)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.site-footer h2{font-size:1rem;letter-spacing:0}.site-footer p,.site-footer li{font-size:.88rem;color:var(--text-muted)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.site-footer a{color:var(--text-primary)}.copyright{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(18px);transition:all .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}.cookie-dialog{position:fixed;z-index:30;inset:0;display:grid;place-items:end center;padding:1rem;background:rgba(20,4,9,.55)}.cookie-dialog[hidden]{display:none}.cookie-box{width:min(560px,100%);padding:1.4rem;background:#562335;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.cookie-box h2{font-size:1.4rem}.cookie-actions{display:flex;gap:.7rem;flex-wrap:wrap}.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}
@media(max-width:768px){.wrap{width:min(100% - 30px,1200px)}.desktop-nav{display:none}.menu-toggle{display:block}.hero{min-height:760px}.hero-content{grid-template-columns:1fr;gap:1.3rem;padding:9rem 0 2rem}.hero h1{font-size:clamp(2.7rem,13vw,4.3rem)}.fact-panel{max-width:600px}.section{padding:3.6rem 0}.section.cream{padding:4.5rem 0}.split,.article-layout,.photo-essay{grid-template-columns:1fr}.article-aside{order:-1}.split-media img{min-height:250px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>section:first-child{grid-column:1/-1}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.hero{min-height:800px}.hero-content{padding-top:8rem}.stat-strip{grid-template-columns:1fr}.stat{padding:.75rem 0}.footer-grid{grid-template-columns:1fr}.footer-grid>section:first-child{grid-column:auto}.section.cream{clip-path:polygon(0 1%,100% 0,100% 99%,0 100%)}.page-hero{padding:3rem 0 2rem}.card-body{padding:1.1rem}.button{width:auto}}
@media(min-width:769px) and (max-width:1024px){.hero-content{gap:1.5rem}.article-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(min-width:1025px){.wrap{width:min(1200px,calc(100% - 56px))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}