@font-face{font-family:News;src:url(news.woff2) format("woff2");font-weight:350 400;font-display:swap}
@font-face{font-family:News;src:url(news-it.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:DM;src:url(dm.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--paper:#f2efe5;--ink:#17352e;--muted:#45574b;--line:#bdbfb0;--gold:#f7cea1;--ocean:#123738;--edge:clamp(18px,4.55vw,80px);--serif:News,Georgia,serif;--sans:DM,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:92px;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.99;letter-spacing:-.043em;overflow-wrap:anywhere}
img{display:block;width:100%;height:auto}
a{color:inherit;text-underline-offset:.25em}
.prose-link{color:inherit;font:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:.18em;overflow-wrap:anywhere}
.prose-link:hover{text-decoration-thickness:2px}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #c16a31;outline-offset:5px}
.skip{position:fixed;top:8px;left:8px;z-index:30;background:white;padding:12px;transform:translateY(-160%)}
.skip:focus{transform:none}
.wrap{width:min(100% - 2 * var(--edge),1380px);margin-inline:auto}
.eyebrow{font-size:.67rem;font-weight:730;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}
.textlink{width:fit-content;display:inline-flex;gap:1em;align-items:baseline;font-weight:680;font-size:.84rem;text-decoration:none;border-bottom:1px solid currentColor;padding:0 0 .35em}
.textlink span{transition:transform .2s}
.textlink:hover span{transform:translate(2px,-2px)}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;line-height:1.1;font-size:.79rem;font-weight:780;letter-spacing:.155em;text-decoration:none}
.brand small{display:block;font-size:.55rem;letter-spacing:.2em;margin-top:5px;font-weight:620}
.brand-mark{width:38px;flex:none}
.brand-mark svg,.little-sun svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:1.15}
.mast{position:sticky;top:0;z-index:12;min-height:77px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:10px var(--edge);background:var(--paper);border-bottom:1px solid #17352e22}
.nav,.mast-tools{display:flex;gap:clamp(12px,3vw,46px);align-items:center}
.nav a,.language,.motion{color:var(--ink);font-size:.76rem;font-weight:690;text-decoration:none}
.nav a:hover,.nav a[aria-current],.language:hover{text-decoration:underline}
.mast-tools{justify-self:end;gap:16px}
.motion,.language{display:inline-flex;align-items:center;gap:5px;min-height:44px}
.motion{background:none;border:0;padding:0;font-weight:500}
.motion[aria-pressed=true]{text-decoration:underline}
.preview-bar{padding:8px var(--edge);background:#f9d6a2;font-size:.85rem}
.progress{position:fixed;top:76px;left:0;right:0;height:2px;z-index:13;pointer-events:none}
.progress span{display:block;height:100%;background:#bf814a;transform:scaleX(var(--read,0));transform-origin:left}
.hero{position:relative;isolation:isolate;min-height:clamp(590px,calc(100svh - 77px),1050px);margin-inline:12px;display:grid;place-items:center;color:#fff8e8;background:#19454b;overflow:hidden;text-align:center}
.hero-image,.hero-image img,.scene-base,.scene-base img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-image img{object-position:50% 58%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#031c22a6 0%,#072a2e78 28%,#06232650 60%,#072a2ad2 100%)}
.hero-image{z-index:-2}
.hero-inset{position:absolute;inset:19px;border:1px solid #fdf5df5e;pointer-events:none}
.hero-top,.hero-foot{position:absolute;left:clamp(30px,3.1vw,64px);right:clamp(30px,3.1vw,64px);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.hero-top{top:33px}
.hero-foot{bottom:28px;display:grid;grid-template-columns:1fr auto 1fr;text-align:left}
.hero-credit{width:fit-content}
.hero-coord{text-align:right;font-variant-numeric:tabular-nums}
.hero-enter{border:1px solid #fff8e899;border-radius:50%;display:grid;place-items:center;text-decoration:none;width:48px;height:48px;font-size:1.25rem;transition:background .2s}
.hero-enter:hover{background:#fff8e836}
.hero-text{padding:85px 20px 116px;max-width:100%;text-shadow:0 2px 28px #051c1e95}
.hero-text .eyebrow{letter-spacing:.32em;color:#fff6df;margin-bottom:clamp(14px,3vh,34px)}
.hero h1{font-size:clamp(4.6rem,12vw,12.75rem);font-weight:350;line-height:.82;letter-spacing:-.073em}
.hero-line{font-family:var(--serif);font-size:clamp(1.5rem,4vw,3.6rem);font-style:italic;line-height:1.1;margin:20px 0 12px}
.hero-intro{max-width:40ch;margin:auto;font-size:clamp(.87rem,1.22vw,1.06rem);line-height:1.5}
.opening{padding-block:clamp(72px,11vw,156px);display:grid;grid-template-columns:.62fr 2.1fr auto;gap:clamp(20px,4vw,70px);align-items:end}
.opening-index{align-self:start}.little-sun{display:block;width:55px;color:#8d582c;margin-bottom:15px}
.opening h2{font-size:clamp(2.9rem,6.3vw,7rem);margin-bottom:.2em}
.opening p:not(.eyebrow),.feature-copy>p:not(.eyebrow),.turning-inner p:not(.eyebrow){max-width:52ch;color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem)}
.scene{position:relative;background:var(--ocean);color:#fff8e9}
.stage{position:relative;min-height:clamp(540px,78svh,850px);overflow:hidden;isolation:isolate;display:flex;align-items:end;padding:var(--edge)}
.scene.live{min-height:170svh}
.scene.live .stage{position:sticky;top:77px;height:calc(100svh - 77px);min-height:0}
.scene-base{z-index:-3}
.stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(20deg,#081e1a 0%,#071f1bd5 16%,#09252065 40%,transparent 73%);pointer-events:none}
.stage-copy{max-width:550px;margin-bottom:21px}
.stage-copy .eyebrow{color:#fae5c0}
.stage-copy h2{font-size:clamp(2.65rem,7.3vw,8rem);margin:.11em 0 .04em;text-wrap:balance}
.stage-copy p:not(.eyebrow){max-width:42ch;font-size:clamp(.9rem,1.25vw,1.08rem);margin-top:.7em}
.stage-copy .textlink{margin-top:1.25em}
.scene-credit{position:absolute;right:var(--edge);bottom:calc(var(--edge) / 2);font-size:.67rem;font-weight:600;text-decoration:none;background:#102d29e8;padding:5px 9px;max-width:calc(100% - 2 * var(--edge))}
.stage-steps{position:absolute;top:var(--edge);right:var(--edge);display:grid;text-align:right;gap:6px;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:650;text-shadow:0 1px 6px #001c1a}
.stage-steps .phase{display:none}
.stage-steps .phase.active{display:block;background:#102d29f2;border-left:1px solid #f3d4a7;padding:8px 12px;max-width:min(40ch,72vw)}
.phase p{font-size:.78rem;font-weight:480;letter-spacing:0;text-transform:none;color:#fff7e1;margin-top:3px}
.map-scene{position:absolute;inset:0 0 0 24%;display:grid;place-items:center}
.chart-stage{background:radial-gradient(ellipse at 68% 51%,#285c58,#102f33 79%)}
.chart-stage::after{background:linear-gradient(26deg,#0a2427 0%,#0a2427a8 26%,transparent 64%)}
.chart-stage .stage-copy{z-index:1;pointer-events:none}
.chart-stage .stage-copy a{pointer-events:auto}
.chart{width:100%;height:100%;display:block;overflow:hidden}
.pin-dot{fill:#f7dc9e;pointer-events:none}
.pin-ring{fill:#233d33;stroke:#f7dc9e;stroke-width:1;pointer-events:none}
[data-pin] text{font:680 11px var(--sans);fill:#fff7dd;paint-order:stroke;stroke:#132e2b;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
[data-pin].selected .pin-dot{fill:white}
[data-pin].selected .pin-ring{stroke:white;stroke-width:2}
.north,.map-ocean{position:absolute;font-size:.7rem;letter-spacing:.14em;top:var(--edge);left:var(--edge);color:#e1d5b4;font-weight:660}
.map-ocean{top:calc(var(--edge) + 28px);font-size:.61rem}
.palm-base img{object-position:center 52%;transform:scale(var(--grove,1))}
.frond-left,.frond-right{position:absolute;inset:-8% 30% -10% -15%;z-index:-2;pointer-events:none;transform-origin:0 40%;transform:translate3d(var(--left,0),var(--up,0),0) scale(var(--near,1))}
.frond-right{inset:-24% -14% 10% 31%;transform-origin:100% 40%;transform:translate3d(var(--right,0),var(--up,0),0) scale(var(--mid,1)) scaleX(-1)}
.frond-left img,.frond-right img{width:100%;height:100%;object-fit:cover}
.water-top img{object-position:center 78%}
.water-under{transform:translate3d(0,var(--dive,0%),0)}
.lagoon.live .water-under{transform:translate3d(0,var(--dive,100%),0)}
.waterline{position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#9ffff832,transparent 57%);opacity:var(--depth,.4)}
.sunset-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(160deg,#172543 15%,#6f3134a0 80%);opacity:var(--night,.37)}
.sunset-base img{object-position:50% 61%;transform:scale(var(--sunzoom,1))}
.feature{display:grid;grid-template-columns:1.25fr .8fr;align-items:center;gap:clamp(28px,8vw,155px);padding-block:clamp(70px,10vw,155px)}
.feature-image img{width:100%;aspect-ratio:1.47;object-fit:cover}
figure figcaption{margin-top:10px;font-size:.68rem;letter-spacing:.045em;color:var(--muted)}
figcaption span{font-weight:750;margin-right:8px}
.feature-copy h2{font-size:clamp(3rem,6.2vw,7rem);margin:.2em 0 .18em}
.feature-copy .textlink{margin-top:1.5em}
.field-notes{padding-block:clamp(65px,8vw,126px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.section-heading h2,.essay-related h2{font-size:clamp(3.2rem,8vw,8.8rem);margin-top:.12em}
.note-row{display:grid;grid-template-columns:minmax(92px,1fr) minmax(160px,2.75fr) minmax(100px,1fr) auto;gap:clamp(10px,2.7vw,42px);align-items:center;min-height:105px;border-top:1px solid var(--line);text-decoration:none;padding:11px 0}
.note-row:last-child{border-bottom:1px solid var(--line)}
.note-row:hover .note-title,.note-row:focus-visible .note-title{text-decoration:underline;text-underline-offset:.13em;text-decoration-thickness:1px}
.note-title{font-family:var(--serif);font-size:clamp(1.5rem,3.6vw,3.8rem);line-height:1.05;letter-spacing:-.035em}
.note-image img{aspect-ratio:2;object-fit:cover;max-height:105px}
.note-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s}
.note-row:hover .note-arrow{background:var(--ink);color:var(--paper)}
.note-year{font-family:var(--serif);font-size:2.6rem;color:#7b654c;text-align:center}
.turning{background:#e5dfcf}
.turning-inner{padding-block:clamp(64px,9vw,125px);display:grid;grid-template-columns:.7fr 1fr;gap:8vw;align-items:center}
.turn-date{font-family:var(--serif);font-size:clamp(5rem,15vw,17rem);line-height:.85;letter-spacing:-.08em;font-weight:350;color:#565843}
.turn-date span{color:#986335}
.turning-inner h2{font-size:clamp(2.8rem,5.2vw,6.3rem);margin:.17em 0}
.turning-inner .textlink{margin-top:1.15em}
.travel-note{padding-block:32px}
.foot{background:#17352e;color:#f2efe5}
.foot-main{padding-block:48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}
.foot-main p,.foot nav{font-size:.85rem}
.foot nav{display:grid;justify-content:end;gap:7px}
.foot-base{border-top:1px solid #f3eddb55;padding-block:15px;display:flex;justify-content:space-between;gap:16px;font-size:.65rem;letter-spacing:.14em}
.inner-head{padding-block:clamp(48px,8vw,118px) clamp(30px,4vw,60px)}
.inner-head h1{font-size:clamp(3.35rem,9.4vw,10rem);max-width:15ch;margin:.12em 0 .05em}
.inner-head>p:not(.eyebrow){font-size:clamp(1.05rem,1.8vw,1.42rem);color:var(--muted);max-width:47ch;margin-top:.65em}
.crumb{display:inline-block;margin-bottom:24px}
.essay-photo .feature-image img{aspect-ratio:2.23;max-height:550px;object-position:50% 57%}
.essay-text{max-width:915px;padding-block:clamp(50px,7vw,105px) 22px}
.essay-section{display:grid;grid-template-columns:75px 1fr;gap:20px;border-top:1px solid var(--line);padding-block:32px}
.essay-section h2,.credit-body h2,.source-list h2{font-size:clamp(2.25rem,4.2vw,4.4rem);margin-bottom:.23em}
.essay-section p,.credit-body section>p{font-size:1.06rem;margin-top:1em;max-width:67ch}
.source-list{border-top:1px solid var(--line);padding-block:25px;margin-bottom:20px}
.source-list ul{padding-left:1.2em;line-height:1.6}
.source-list li{margin-bottom:.55em}
.essay-related h2{font-size:clamp(2.8rem,6vw,5.5rem);margin-bottom:20px}
.journal-notes{padding-top:0}
.credit-body{max-width:920px;padding-bottom:65px}
.credit-body section{padding:25px 0;border-top:1px solid var(--line)}
.credits-list>div{padding:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.credits-list dt{font-weight:730}
.credits-list dd{font-size:.84rem}
.atlas-shell{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(220px,1fr);align-items:start;gap:22px;padding-bottom:72px}
.atlas-board{background:radial-gradient(ellipse at 65% 53%,#2a6158,#103239 78%);color:#f8efd4;position:relative;min-width:0;border:1px solid #c7b998}
.atlas-top,.atlas-bottom{padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee7c93e}
.atlas-bottom{border-top:1px solid #eee7c93e;border-bottom:0;font-size:.67rem}
.atlas-window{height:clamp(310px,49vw,640px);cursor:grab;touch-action:pan-y}
.atlas-window.pan{touch-action:none}
.atlas-window.drag{cursor:grabbing}
.atlas-window [data-pin]{cursor:pointer}
.atlas-controls{display:flex;justify-content:space-between;gap:10px;padding:6px 14px 12px;align-items:end}
.atlas-scales{display:flex;flex-wrap:wrap;gap:5px}
.atlas-controls button{background:#133534;color:#fff4d7;border:1px solid #fff4d780;font-size:.69rem;padding:5px 8px;min-height:38px}
.atlas-controls button[aria-pressed=true],.atlas-controls button:hover{background:#f5e2b7;color:#17352e}
.zoom{display:flex;gap:5px}
.zoom button{font-size:1.15rem;width:42px}
.atlas-panel>.eyebrow{margin:0 0 9px}
.point-list{border-top:1px solid var(--line)}
.point-list details{border-bottom:1px solid var(--line)}
.point-list summary{cursor:pointer;padding:10px 0;font-weight:690;min-height:43px}
.point-content{padding:3px 0 16px}
.point-content p{margin-bottom:7px}
.point-content .point-distance,.atlas-legend{font-size:.76rem;color:var(--muted)}
.atlas-legend{grid-column:1/-1}
:root[data-motion=off] *, :root[data-motion=off] *::before,:root[data-motion=off] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
@media(max-width:800px){
  .opening{grid-template-columns:1fr 2.5fr}.opening>.textlink{grid-column:2}
  .mast{grid-template-columns:1fr auto;gap:0 12px;padding-block:7px}.nav{grid-column:1/-1;grid-row:2;gap:24px}.nav a{padding:5px 0 6px;min-height:32px}.mast-tools{grid-row:1;grid-column:2}
  .progress{top:91px}.scene.live .stage{top:92px;height:calc(100svh - 92px)}
  .hero{min-height:clamp(500px,calc(100svh - 92px),850px)}
  .atlas-shell{grid-template-columns:1fr}
}
@media(max-width:560px){
  .hero{margin-inline:0}.hero-inset{inset:12px}.hero-top{top:25px;left:23px;right:23px;font-size:.57rem}
  .hero h1{font-size:clamp(3.1rem,13.6vw,5rem)}.hero-line{margin-top:14px}.hero-text .eyebrow{letter-spacing:.18em}
  .hero-foot{left:23px;right:23px;bottom:22px;gap:8px;font-size:.52rem;letter-spacing:.08em}.hero-enter{width:40px;height:40px}
  .opening,.feature,.turning-inner{grid-template-columns:1fr;gap:23px}.opening>.textlink{grid-column:1}
  .opening-index{display:flex;gap:13px;align-items:center}.little-sun{width:34px;margin:0}
  .stage{min-height:510px}.scene.live{min-height:152svh}.stage-copy{margin-bottom:39px}
  .map-scene{inset:0 0 27% 0}.map-ocean{display:none}.stage-steps{font-size:.55rem}
  .scene-credit{bottom:15px;font-size:.59rem}
  .note-row{grid-template-columns:1fr 65px 32px;gap:9px;min-height:86px}.note-row .eyebrow{grid-column:1;align-self:end;font-size:.54rem}.note-title{grid-column:1;align-self:start}.note-image,.note-year{grid-column:2;grid-row:1/3}.note-image img{aspect-ratio:1.13}.note-arrow{grid-column:3;grid-row:1/3;width:31px;height:31px}
  .section-heading{align-items:start;flex-direction:column;gap:8px}
  .foot-main{grid-template-columns:1fr;gap:16px}.foot nav{justify-content:start}
  .essay-section{grid-template-columns:1fr;gap:6px}.essay-photo .feature-image img{aspect-ratio:1.35}
  .credits-list>div{grid-template-columns:1fr;gap:2px}.atlas-controls{padding-inline:8px}.atlas-scales button{font-size:.62rem}
}
@media(max-height:540px){.scene.live .stage{position:relative;top:auto;height:auto;min-height:410px}.scene.live{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


.page-atlas .inner-head{padding-top:clamp(44px,5vw,75px);padding-bottom:clamp(24px,3vw,42px)}
.page-atlas .inner-head h1{font-size:clamp(3.35rem,8.2vw,8rem)}
.atlas-window{height:clamp(310px,49vw,535px)}
.bearing{stroke:#f7dc9e;stroke-width:1.4;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;pointer-events:none}
.zoom .touch-control{width:auto;font-size:.64rem;white-space:nowrap}
@media(pointer:fine){.touch-control{display:none}}
@media(max-width:420px){.atlas-controls{align-items:start;flex-direction:column}.atlas-scales button{min-height:42px}.zoom button{min-height:42px}}

.itinerary{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 24px;padding:12px 0 19px}
.itinerary a{font-size:.76rem;text-decoration:none;padding:6px 0}
.itinerary a:hover{text-decoration:underline}
.itinerary a span{font-size:.61rem;font-weight:700;color:#77502e;margin-right:.35em;letter-spacing:.1em}
@media(max-width:380px){.mast-tools{gap:9px}.mast .brand{gap:7px;font-size:.7rem}.mast .brand-mark{width:31px}.mast .nav{gap:16px}}
.chart-fallback{position:absolute;inset:0;pointer-events:none}

.reading-index{border-block:1px solid var(--line);padding:14px 0;margin-bottom:24px;display:grid;grid-template-columns:135px 1fr;gap:14px}
.reading-index ol{display:flex;flex-wrap:wrap;gap:5px 25px;padding:0;margin:0;list-style:none;font-size:.81rem}
.reading-index a{text-decoration:none;border-bottom:1px solid var(--line)}
.reading-index a:hover{border-color:currentColor}
.essay-section p{line-height:1.68}
.essay-plate{width:min(100%,720px);margin:12px 0 36px auto}
.essay-plate img{aspect-ratio:1.65}
.timeline{background:#e6e1d2;border-left:2px solid #a17142;padding:clamp(20px,4vw,40px);margin:10px 0 32px}
.timeline h2{font-size:clamp(2.15rem,4.6vw,4.5rem);margin:.18em 0 .35em}
.timeline details{border-top:1px solid #a9aa9a}
.timeline details:last-child{border-bottom:1px solid #a9aa9a}
.timeline summary{display:grid;grid-template-columns:minmax(120px,.67fr) 1.6fr auto;gap:12px;align-items:center;cursor:pointer;min-height:47px;padding:7px 0}
.timeline summary::-webkit-details-marker{display:none}
.timeline summary::after{content:"+";font-size:1.15rem;color:#695038}
.timeline details[open] summary::after{content:"−"}
.timeline summary span{color:#6b4c32;font-size:.74rem;font-weight:700}
.timeline summary strong{font-size:.95rem;font-weight:670}
.timeline details p{max-width:65ch;padding:9px 18px 16px 0}
.story-coordinate{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-block:24px}
.story-coordinate div>p:last-child{font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:1.1;letter-spacing:-.045em}
.point-list details:target{border-bottom-color:#a76b3d}
@media(max-width:560px){.reading-index{grid-template-columns:1fr;gap:8px}.reading-index ol{gap:5px 14px}.timeline summary{grid-template-columns:90px 1fr auto;gap:8px}.timeline summary span{font-size:.65rem}.story-coordinate{align-items:start;flex-direction:column;gap:8px}}