@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#071a23;--cream:#faf0d4;--gold:#e8c58b;--accent:#e8c58b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:25vh}body{margin:0;background:var(--ink);color:var(--cream);font:14px Manrope,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{color:inherit}.skip{position:fixed;z-index:100;left:20px;top:-90px;background:var(--ink);padding:16px}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:30;background:#e8c58b11}.progress i{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;padding:26px 4vw;gap:28px;background:linear-gradient(#04151d88,transparent);pointer-events:none}.site-header>*{pointer-events:auto}.brand{font:38px 'Cormorant Garamond',Georgia,serif;letter-spacing:2px;font-weight:600;color:#f1d99f;text-shadow:0 2px 18px #001c2d}.brand span{display:block;font:8px Manrope,sans-serif;letter-spacing:3px;margin-top:1px}.site-header nav{display:flex;align-items:center;margin-left:auto;gap:30px;font-size:11px;letter-spacing:.4px}.site-header nav button{background:transparent;border:0;padding:10px 0}.site-header nav span{padding-left:16px;color:var(--gold)}.site-header nav a:hover,.site-header nav button:hover{color:var(--gold)}.motion-toggle{width:35px;height:35px;border:1px solid #e8c58b55;background:#081f2a55;border-radius:50%;font-size:12px}
.film{position:fixed;inset:0;z-index:0;overflow:hidden;background:#164c61}#world{width:100%;height:100%;display:block}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#031a25e6 0%,#031a25b5 22%,#061c2638 52%,transparent 76%),linear-gradient(0deg,#041821a3,transparent 25%,transparent 80%,#071a2355);transition:opacity .5s}.film-grain{pointer-events:none;position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}#loading{position:absolute;inset:48% 0 auto;text-align:center;font:25px Georgia;letter-spacing:2px}.chapter{position:relative;height:190vh;height:190svh;z-index:2;pointer-events:none}.chapter.intro{height:170vh;height:170svh}.copy{position:sticky;top:28vh;top:28svh;max-width:570px;width:43vw;margin-left:8vw;padding-top:1px;opacity:0;transform:translateY(20px);will-change:opacity,transform;pointer-events:auto}.intro .copy{opacity:1;top:25vh;transform:none}.eyebrow{font-size:9px;letter-spacing:3.3px;color:var(--gold);font-weight:600;margin:0 0 23px}.copy h1,.copy h2{font:clamp(45px,5.6vw,94px)/.98 'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-2px;margin:0 0 25px;text-wrap:balance}.copy h2{font-size:clamp(48px,5.2vw,86px)}em{font-weight:400;color:#efd39f}.intro-line,.copy .description{font-size:12px;line-height:1.9;color:#f9efd4ba;white-space:pre-line;max-width:355px}.begin{display:inline-flex;gap:42px;align-items:center;margin-top:24px;padding:16px 0;border-bottom:1px solid #e8c58b88;font-size:11px;font-weight:600;letter-spacing:.4px}.begin span{font-size:20px;color:var(--gold)}.begin:hover{color:var(--gold)}.development{display:block;color:#e7d9b862;font-size:7px;letter-spacing:1.5px;margin-top:30px}.island-name{font-size:10px;letter-spacing:2px;margin:0 0 13px;text-transform:uppercase;color:#fae6b7ba}.echo-tag{display:inline-block;font-size:8px;letter-spacing:2px;border:1px solid #e8c58b44;padding:8px 12px;margin-top:20px;border-radius:2px;color:var(--gold)}.echo-detail{display:block;font-size:10px;letter-spacing:.5px;color:#e9d9b699;margin-top:22px}.echo-detail:hover{color:var(--gold)}.scroll-cue{position:absolute;bottom:calc(70vh + 28px);left:50%;display:grid;justify-items:center;gap:14px;font-size:7px;letter-spacing:2.7px;white-space:nowrap;transform:translateX(-50%);color:#fff0d1aa}.scroll-cue i{height:36px;width:1px;background:linear-gradient(transparent,#e8c58b)}
.coordinates{position:fixed;left:4vw;right:4vw;bottom:28px;display:flex;justify-content:space-between;color:#ead8ad88;font-size:8px;letter-spacing:2px;z-index:9;pointer-events:none}.voyage-rail{position:fixed;left:28px;top:50%;transform:translateY(-50%);z-index:15;width:18px}.rail-line{position:absolute;width:1px;background:#fae6b730;top:10px;bottom:10px;left:7px}#rail-dots{display:grid;gap:15px;position:relative}#rail-dots button{border:0;background:transparent;padding:3px;width:16px;height:16px;position:relative}#rail-dots button::after{content:'';display:block;width:5px;height:5px;border:1px solid #f9e2b888;border-radius:50%;transition:.4s}#rail-dots button[aria-current=true]::after{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #e8c58b88;transform:scale(1.5)}#rail-dots button span{position:absolute;left:24px;top:0;white-space:nowrap;font-size:10px;opacity:0;background:#071a23c9;padding:5px 10px;transform:translateY(-3px);pointer-events:none}#rail-dots button:hover span,#rail-dots button:focus-visible span{opacity:1}.map-peek{position:fixed;bottom:60px;right:4vw;z-index:14;width:130px;border:1px solid #e8c58b55;background:#051c26;padding:4px;color:#ead6a8;box-shadow:0 8px 35px #00111b55;border-radius:3px}.map-peek img{display:block;width:100%;height:75px;object-fit:cover;opacity:.85}.map-peek span{font-size:7px;letter-spacing:2px;display:flex;justify-content:space-between;padding:8px 4px 3px}.map-peek b{font-weight:400}#sound{position:fixed;left:4vw;bottom:58px;background:transparent;border:0;font-size:8px;letter-spacing:2px;color:#e8d7ad99;z-index:14;padding:8px 0}#sound span{margin-left:10px;font-size:14px}#sound[aria-pressed=true]{color:var(--gold)}
.epilogue{position:relative;z-index:4;background:linear-gradient(#071a2300,#071a23 180px);padding:190px 8vw 0;min-height:100vh;text-align:center}.epilogue h2{font:clamp(44px,5vw,76px)/1.05 'Cormorant Garamond',Georgia,serif;margin:0 0 23px}.epilogue>p:not(.eyebrow){color:#a8b4b5;font-size:12px;line-height:1.8}.island-links{max-width:1080px;margin:60px auto 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e8c58b22;border:1px solid #e8c58b22}.island-links a{display:flex;align-items:center;gap:16px;text-align:left;padding:24px 18px;background:#0b202a;font-size:11px}.island-links a:hover{background:#143340}.island-links b{color:var(--gold);font-weight:400;font-size:20px}.epilogue-actions{display:flex;gap:40px;align-items:center;justify-content:center}.text-link{font-size:11px;color:#c1c6bf;margin-top:24px}footer{border-top:1px solid #e8c58b22;margin-top:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0 45px;font-size:8px;letter-spacing:1.5px;color:#9ea8a4}footer small{font-size:8px;letter-spacing:.5px}
dialog{width:min(1020px,94vw);max-height:92vh;padding:26px;background:#0a2430;border:1px solid #dfc18a66;color:var(--cream);overflow:auto;box-shadow:0 20px 150px #0008}dialog::backdrop{background:#01151de0;backdrop-filter:blur(12px)}#close-map{position:absolute;right:16px;top:12px;background:none;border:0;font-size:32px;z-index:3}.map-heading{text-align:center}.map-heading .eyebrow{margin:0 0 10px}.map-heading h2{font:35px 'Cormorant Garamond',Georgia;margin:0 0 18px}.interactive-map{position:relative;max-width:810px;margin:auto}.interactive-map>img{width:100%;display:block;opacity:.87;border-radius:3px}.map-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #e8c58b88;border-radius:25px;background:#071a23dd;padding:7px 12px;font-size:10px;white-space:nowrap;color:#fae6b7;box-shadow:0 2px 15px #00131b66}.map-pin:hover{background:#ead2a1;color:#071a23}.map-pin b{margin-right:8px;font-weight:400;color:var(--gold)}.map-note{text-align:center;font-size:10px;color:#a9b5b7;margin-bottom:0}.noscript{position:fixed;bottom:0;background:#071a23;z-index:30;padding:30px}body.at-end .map-peek,body.at-end .coordinates,body.at-end #sound{opacity:0;pointer-events:none}
@media(min-width:1700px){.copy{margin-left:11vw}.site-header{padding-inline:5vw}}
@media(max-width:850px){.site-header{padding:20px 6vw;gap:14px}.brand{font-size:30px}.brand span{font-size:6px;letter-spacing:2px}.site-header nav{gap:18px}.site-header nav a{display:none}.site-header nav button{font-size:10px}.motion-toggle{width:30px;height:30px}.copy,.intro .copy{width:85vw;max-width:none;margin-left:7vw;top:57svh}.intro .copy{top:24svh}.copy h1{font-size:clamp(52px,10vw,75px);line-height:1}.copy h2{font-size:clamp(40px,8vw,58px);max-width:95%;margin-bottom:12px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:2.4px;margin-bottom:15px}.copy .description,.intro-line{font-size:11px;max-width:82%;line-height:1.7}.island-name{font-size:8px;margin-bottom:7px}.echo-tag{font-size:7px;margin-top:7px;padding:6px 8px}.echo-detail{font-size:9px;margin-top:14px}.shade{background:linear-gradient(0deg,#031a25f0 0%,#031a25c9 20%,#031a2533 58%,#031a2533 80%,#031a2577)}.intro-line{max-width:280px}.chapter.intro .copy::before{content:'';position:absolute;z-index:-1;inset:-40px -30px;background:radial-gradient(ellipse at 15% 35%,#041d29a3,transparent 75%)}.development{font-size:6px;letter-spacing:.6px;max-width:280px;line-height:1.7}.begin{margin-top:16px;padding:12px 0}.voyage-rail{display:none}.coordinates{left:7vw;right:7vw;bottom:18px;font-size:6px;letter-spacing:1px}.map-peek{width:77px;right:6vw;bottom:46px;padding:3px}.map-peek img{height:44px}.map-peek span{font-size:5px;letter-spacing:1px;padding:5px 2px 1px}#sound{left:7vw;bottom:40px;font-size:7px}.scroll-cue{font-size:6px;bottom:calc(70svh + 40px)}.epilogue{padding:140px 7vw 0}.island-links{grid-template-columns:repeat(2,1fr);margin-top:35px}.island-links a{font-size:10px;padding:19px 13px;gap:10px}.epilogue-actions{flex-direction:column;gap:5px}footer{flex-direction:column;gap:18px;padding-bottom:40px;margin-top:65px}.map-pin{font-size:8px;padding:6px}.map-pin b{display:none}dialog{padding:18px 9px}.map-heading h2{font-size:29px}.map-heading .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy{will-change:auto}.film-grain{display:none}.map-peek,.shade{transition:none}}
body{overflow-x:clip}
.chapter:not(.intro){height:300vh;height:300svh}

/* Safari browser chrome must not resize and clear the film while swiping. */
.film{height:100vh;height:100lvh;bottom:auto}