@charset "UTF-8";
:root{color-scheme:dark;--ink:#f6f1e6;--dim:#a7bcb7;--mint:#c5eed7;--paper:#e8deca;--sea:#062a31;--line:rgba(207,234,223,.22);font-family:Arial,Helvetica,sans-serif;background:var(--sea);color:var(--ink)}
*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#c5eed7 #062a31;scroll-behavior:auto}body{margin:0;background:var(--sea)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f6c77c;outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:#123d42;padding:15px}.skip:focus{top:10px}
#stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#12505a,#062a31 70%);isolation:isolate}#webgl{position:absolute;inset:0;z-index:0}#webgl canvas{display:block;width:100%;height:100%}#stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(0,15,19,.32),transparent 32%,transparent 72%,rgba(0,18,23,.35))}
.site-header{position:fixed;inset:0 0 auto;z-index:30;padding:25px 38px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(#031d26a6,transparent);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:17px;line-height:.9;font-weight:800;letter-spacing:-.6px}.brand img{width:44px;height:47px;object-fit:contain}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:2px;font-weight:500}.header-actions{display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.header-actions a{padding:10px 0;border-bottom:1px solid #ffffff55}.header-actions button{background:#082c3380;border:1px solid var(--line);border-radius:22px;padding:10px 15px;font-size:10px;letter-spacing:1px}.header-actions button[aria-pressed=true]{background:var(--paper);color:#163339}
.map-intro{position:absolute;z-index:5;left:7vw;top:17vh;pointer-events:none;max-width:660px;transform-origin:left center}.eyebrow{font-size:10px;letter-spacing:2.8px;line-height:1.8;text-transform:uppercase;color:var(--mint);margin:0 0 15px}.map-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,6.1vw,94px);font-weight:400;line-height:.93;letter-spacing:-4px;margin:0}.map-intro h1 em{font-weight:400;color:var(--mint)}.intro-description{margin-top:20px;color:#c7d6cf;line-height:1.6;font-size:13px;max-width:320px}.island-word{position:absolute;left:7vw;bottom:20vh;font-size:10px;letter-spacing:3px;color:#d9e5dd88;z-index:3}.island-word span{display:block;letter-spacing:1px;margin-top:10px;font-size:9px}
#map-labels{position:absolute;inset:0;z-index:4;pointer-events:none}.map-label{position:absolute;white-space:nowrap;font-size:8px;font-weight:bold;letter-spacing:1px;color:#fcfff1b0;text-shadow:0 1px 7px #032528;transform:translate(-50%,0);transition:color .25s}.map-label.active{color:#fff6da}.map-label i{font-style:normal;color:var(--mint);margin-right:4px;font-size:8px}
#pin-label{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-100%);padding-bottom:24px;text-align:center;min-width:170px;filter:drop-shadow(0 3px 10px #001c24)}#pin-label:after{content:"";height:15px;width:1px;background:var(--mint);position:absolute;bottom:4px;left:50%}#pin-label strong{display:block;font:400 21px/1.2 Georgia,serif;letter-spacing:-.3px}#pin-label small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:6px;color:#b6d4c9}
#portal{position:absolute;z-index:10;left:50%;top:50%;width:1px;height:1px;overflow:hidden;opacity:0;background:#082e36;box-shadow:0 35px 100px #00131970;pointer-events:none;will-change:width,height,left,top,border-radius,opacity}#portal img{position:absolute;width:100%;height:100%;object-fit:cover;display:block;will-change:transform}#portal:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#001e2e33,transparent 35%,#00121e0a 43%,#00141cdb 100%)}
#photo-caption{position:absolute;z-index:15;left:7vw;bottom:15vh;max-width:780px;pointer-events:none;opacity:0;will-change:transform,opacity}#photo-caption h2{font:400 clamp(43px,5.8vw,86px)/.96 Georgia,serif;letter-spacing:-3px;margin:0 0 17px;max-width:860px}#photo-caption p.description{font-size:13px;line-height:1.7;max-width:390px;color:#edf2e5;margin:0 0 22px}#photo-caption .location-name{font-size:10px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--mint)}.location-name:before{content:"";height:1px;width:32px;background:var(--mint)}#photo-credit{position:absolute;right:36px;bottom:18vh;z-index:16;font-size:8px;letter-spacing:1px;color:#fff9;writing-mode:vertical-rl;opacity:0}
.bottom-bar{position:fixed;left:38px;right:38px;bottom:26px;z-index:25;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px}.chapter-info{font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.chapter-info small{display:block;font-size:8px;letter-spacing:1.3px;color:#afc9c1;margin-top:10px}#chapter-number{color:var(--mint);margin-right:10px}.route-nav{display:flex;align-items:center;gap:5px}.route-nav button{width:38px;height:44px;border:0;background:transparent;padding:10px 2px;position:relative}.route-nav button:after{content:"";height:2px;position:absolute;left:4px;right:4px;top:16px;background:#c5eed747;transition:background .25s,height .25s}.route-nav button[aria-current=true]:after{background:#e8d9b6;height:4px;top:15px}.progress-control{text-align:right}.scroll-hint{font-size:8px;letter-spacing:1.5px;line-height:1.8;text-transform:uppercase;color:#d9e6dc}.scroll-hint b{font-size:17px;font-weight:400;margin-left:10px;display:inline-block}.progress-track{margin-top:12px;height:1px;background:#ffffff35;max-width:130px;margin-left:auto}.progress-track i{display:block;height:1px;background:var(--mint);width:0}#end-link{display:none;position:absolute;z-index:18;right:7vw;bottom:16vh;background:var(--paper);color:#17353a;border-radius:30px;padding:16px 23px;font-size:11px;letter-spacing:1px}
#route-scroll{position:relative;z-index:-1;pointer-events:none}#route-scroll section{height:240vh;min-height:1200px}#route-scroll:after{content:"";display:block;height:100vh}#route-scroll section h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#loader{position:fixed;inset:0;background:#062a31;z-index:100;display:grid;place-content:center;text-align:center;transition:opacity .4s}#loader img{width:57px;margin:0 auto 24px}#loader p{font-size:10px;letter-spacing:3px;color:var(--mint)}#loader.done{opacity:0;pointer-events:none}.loader-line{width:130px;height:1px;background:#ffffff27;margin:15px auto;overflow:hidden}.loader-line:after{content:"";display:block;width:60%;height:1px;background:var(--mint);animation:loading 1.1s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(70%)}}
#fallback{display:none;position:relative;z-index:20;background:#062a31;padding:130px 7vw 80px}#fallback h1{font:400 45px/1 Georgia,serif}#fallback article{margin:45px 0 70px;max-width:1100px}#fallback img{width:100%;max-height:74vh;object-fit:cover;border-radius:6px}#fallback h2{font:400 34px/1.1 Georgia,serif}#fallback p{max-width:620px;line-height:1.7;color:#c7d6cf}body.static #stage,body.static .bottom-bar,body.static #route-scroll{display:none}body.static #fallback{display:block}body.static .site-header{background:#062a31}body.static .site-header .brand{color:var(--ink)}.static-note{font-size:12px;color:var(--mint)}#static-reason:empty{display:none}
@media(max-width:700px){.site-header{padding:19px 19px}.brand{font-size:14px}.brand img{width:35px;height:39px}.brand small{font-size:7px;letter-spacing:1.5px}.header-actions{gap:12px}.header-actions a{font-size:8px;letter-spacing:.8px}.header-actions button{font-size:8px;padding:9px 10px}.map-intro{left:7vw;top:17vh;max-width:85vw}.map-intro h1{font-size:clamp(45px,13.8vw,67px);letter-spacing:-2.6px}.intro-description{font-size:11px;max-width:250px;margin-top:18px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}.island-word{bottom:25vh;font-size:8px}.map-label{font-size:6px;letter-spacing:.2px}.map-label i{font-size:6px}#pin-label strong{font-size:18px}#pin-label small{font-size:7px}#photo-caption{left:7vw;bottom:20vh;max-width:86vw}#photo-caption h2{font-size:clamp(39px,11.8vw,59px);letter-spacing:-2px;max-width:86vw}#photo-caption p.description{font-size:12px;max-width:300px}#photo-caption .location-name{font-size:9px;letter-spacing:1px}#photo-credit{right:14px;bottom:25vh;font-size:6px}.bottom-bar{left:20px;right:20px;bottom:24px;grid-template-columns:1fr auto;gap:14px}.route-nav{grid-row:2;grid-column:1/3;justify-content:center;margin-top:0}.route-nav button{width:36px}.chapter-info{font-size:9px;letter-spacing:1px}.chapter-info small{font-size:7px;margin-top:7px}.progress-control{grid-row:1;grid-column:2}.scroll-hint{font-size:7px;letter-spacing:.7px}.progress-track{max-width:90px}#end-link{bottom:14vh;right:7vw;font-size:10px;padding:13px 18px}#route-scroll section{height:240svh;min-height:1100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Geographic labels stay legible against both the island and the ocean. */
.map-label{background:#052d35eb;padding:5px 7px;border:1px solid #b8d9c944;border-radius:3px;font-size:9px;color:#f6f1e6;text-shadow:none}.map-label i{font-size:8px} .map-intro{top:14vh}.island-word{bottom:13vh;color:#d9e5ddba}.route-nav button:after{top:22px}.route-nav button[aria-current=true]:after{top:21px}#photo-caption{pointer-events:none}.site-header .header-actions button{min-height:44px}.header-actions a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.map-intro{top:15vh}.map-label{font-size:7px}.island-word{bottom:25vh}.route-nav button{width:38px;height:44px}.header-actions{gap:10px}.site-header .header-actions button{min-height:44px}.bottom-bar{bottom:max(15px,env(safe-area-inset-bottom))}.brand{gap:7px}.header-actions a{min-height:44px}}