/* The painted archipelago sets the light, shapes and pace of the shore. */
:root {--sky:#0d2935;--ink:#263e3c;--paper:#eadcba;--cream:#f5e9cb;--gold:#e7bc78;--moss:#789583}
body {background:radial-gradient(ellipse at 85% 8%,#18536755,transparent 40%),var(--sky)}
.top {position:relative;z-index:5}
.top .brand {filter:drop-shadow(0 2px 8px #0003)}
.painted-sky:before {inset:-104px 0 0;background:radial-gradient(ellipse at 20% 5%,#38718133,transparent 45%),radial-gradient(ellipse at 85% 55%,#49628022,transparent 48%)}
.painted-sky:after {background:linear-gradient(180deg,transparent 60%,#0a23313b)}
.hero.art-led {display:flex;flex-direction:column;justify-content:space-between;gap:170px;min-height:790px;max-width:1440px;padding:56px 0 30px;pointer-events:none}
.art-led .hero-copy {position:relative;max-width:730px;margin:0 auto;text-align:center;text-shadow:0 2px 3px #031724cc,0 0 12px #03172499;pointer-events:auto}
.art-led .kicker {margin:0 0 12px;color:var(--gold);letter-spacing:.18em}
.art-led h1 {font-size:clamp(43px,4.6vw,72px);line-height:1.06;letter-spacing:-.04em}
.art-led h1 em {white-space:normal;color:var(--gold)}
.art-led .lead {font-size:17px;max-width:490px;margin:22px auto 0;line-height:1.7;color:#f0ebdb}
.art-led .actions {flex-direction:row;align-items:center;justify-content:center;gap:23px;margin-top:22px}
.art-led .tiny {margin:14px 0 0;font-size:11px;color:#f0e8d5;text-shadow:0 1px 3px #071b2a,0 0 10px #071b2a}
.hero-art,.shore-art {margin:0}
.painted-sky>.hero-art {position:absolute;inset:-104px 0 0;z-index:0}
.hero-art .painting-window {height:100%;border:0;border-radius:0;box-shadow:none}
.hero-art .painting-window>img {height:100%;object-fit:cover;object-position:center 61%}
.hero-art .painting-window:after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 84%,#0d2935 100%)}
.hero-art .painting-paths {z-index:1}
.hero-art>figcaption {position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.painting-window {position:relative;isolation:isolate;overflow:hidden;border:1px solid #dfbd7c66;border-radius:46% 46% 12px 12px / 3% 3% 12px 12px;box-shadow:0 26px 65px #03131d77}
.painting-window>img {width:100%;height:auto;filter:none}
.hero-art figcaption,.shore-art figcaption {display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:15px 3px 0;color:var(--gold);font:17px/1.5 var(--hand)}
.hero-art figcaption small,.shore-art figcaption small {font:10px/1.5 "Trebuchet MS",system-ui,sans-serif;letter-spacing:.08em;color:#bccdc7}
.hero-art figcaption em {font:11px/1.5 "Trebuchet MS",sans-serif;color:#c4d4c8;white-space:nowrap;margin-left:10px}
.painting-paths {position:absolute;inset:0;pointer-events:none}
.painting-path {position:absolute;width:44px;height:44px;display:grid;place-items:center;translate:-50% -50%;pointer-events:auto;text-decoration:none;border-radius:50%;color:var(--cream)}
.painting-path i {width:9px;height:9px;border-radius:50%;background:#ffe3a5;box-shadow:0 0 0 6px #f8d78f16,0 0 20px #f1c988b3;transition:box-shadow .25s,transform .25s}
.painting-path:hover i,.painting-path:focus-visible i {box-shadow:0 0 0 12px #f8d78f26,0 0 25px #f1c988;transform:scale(1.2)}
.painting-path>span {position:absolute;bottom:calc(100% + 3px);left:50%;translate:-50% 0;width:max-content;max-width:230px;padding:11px 17px;background:#0b2835f2;border:1px solid #d8b47470;border-radius:9px;color:var(--cream);font:18px/1.4 var(--serif);box-shadow:0 8px 24px #0004;opacity:0;visibility:hidden;transition:opacity .2s}
.painting-path small {display:block;margin-top:5px;color:var(--gold);font:11px/1.5 "Trebuchet MS",sans-serif}
.painting-path:hover>span,.painting-path:focus-visible>span {visibility:visible;opacity:1}
.path-fishing {left:38%;top:84%}.path-friends {left:12%;top:66%}.path-islands {left:92%;top:42%}
.path-friends>span {left:0;translate:0 0}.path-islands>span {left:auto;right:0;translate:0 0}
.world-trails {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px;pointer-events:auto;text-shadow:0 2px 8px #051c2c}
.world-trails>a {display:flex;gap:15px;align-items:center;padding:20px 0;text-decoration:none;border-top:1px solid #a7bdac44;transition:border-color .2s}
.world-trails>a:hover {border-color:var(--gold)}
.trail-mark {font:30px/1 var(--serif);color:var(--gold)}
.world-trails strong {display:block;font:21px/1.3 var(--serif);font-weight:normal;color:var(--cream)}
.world-trails small {display:block;margin-top:7px;font-size:11px;line-height:1.5;color:#bfcec5}
.world-trails>a>span:last-child {margin-left:auto;color:var(--gold)}
.live-shore {display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;padding:48px 0 85px;scroll-margin-top:35px}
.live-invitation h2 {font-size:clamp(36px,4vw,55px);line-height:1.13;letter-spacing:-.03em}
.live-invitation em {color:var(--gold)}
.live-invitation>p:not(.kicker) {max-width:380px;color:#c8d5c9;margin:24px 0}
.live-invitation .ink-link {color:var(--gold)}
.live-shore .broadcast {min-width:0;grid-row:auto;margin:0}
.shore-art.wrap {margin:0 auto 70px}
.shore-art .painting-window>img {aspect-ratio:2.65;object-fit:cover;object-position:center 68%}
.shore-art.press-art .painting-window>img {aspect-ratio:1674/939;object-fit:contain}
.paper-story,.journal {background-color:var(--paper);background-image:radial-gradient(ellipse at 5% 20%,#c6b58520,transparent 55%)}
.plank {background:#e2bb76;box-shadow:inset 0 -3px #785d3344,0 8px 20px #031c2855}
.plank:hover {background:#f0cf91}
.art-led .plank {text-shadow:none;box-shadow:none;justify-content:center;min-width:160px;font-size:16px;line-height:1.4;color:#16333b}
.postcards {grid-template-columns:repeat(2,minmax(0,1fr))}
.departure {background-image:linear-gradient(#0c2935a8,#0c2935dc),url('/art/the-tide-is-calling.jpg');background-position:center 78%}
@media(max-width:850px) {
  .hero.art-led {max-width:none;min-height:820px;padding-top:40px}
  .painted-sky>.hero-art {top:-85px}
  .art-led .hero-copy {text-align:center;margin:0 auto}
  .art-led h1 {font-size:clamp(42px,7.5vw,64px)}
  .art-led .lead {margin:22px auto 0;max-width:530px;font-size:16px}
  .art-led .actions {justify-content:center;flex-direction:row;align-items:center}
  .art-led .hero-copy .tiny {font-size:10px}
  .world-trails {gap:18px}.world-trails strong {font-size:18px}.trail-mark {display:none}
  .live-shore {grid-template-columns:1fr;gap:25px;padding:24px 0 65px}
  .live-invitation {text-align:center}.live-invitation>p:not(.kicker) {margin:20px auto}
  .live-shore .broadcast {width:100%;max-width:680px;margin:auto}
}
@media(max-width:560px) {
  .hero.art-led {min-height:920px;gap:230px;padding-bottom:20px}
  .art-led .hero-copy {text-align:center}
  .hero-art .painting-window>img {object-position:15% center}
  .hero-art .painting-paths {display:none}
  .art-led h1 {font-size:clamp(36px,9.5vw,51px)}
  .art-led .lead {font-size:15px}.art-led .actions {justify-content:center;gap:16px}
  .art-led .plank {padding:14px 22px;gap:0}
  .hero-art figcaption,.shore-art figcaption {display:block;font-size:14px;padding-top:12px}
  .hero-art figcaption small,.shore-art figcaption small {display:block;margin-top:5px;font-size:9px}
  .world-trails {grid-template-columns:1fr;gap:0;margin-top:20px}
  .world-trails>a {padding:15px 0}.world-trails strong {font-size:22px}.world-trails small {font-size:12px}
  .trail-mark {display:block;min-width:24px}.painting-path i {width:7px;height:7px}
  .painting-path>span {font-size:15px;padding:9px 12px;max-width:190px}
  .shore-art.wrap {margin-bottom:45px}.shore-art .painting-window>img {aspect-ratio:1.8;object-position:30% 68%}
  .postcards {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {.painting-path i,.painting-path>span,.world-trails>a {transition:none}}
@media(forced-colors:active) {.painting-path i {background:Highlight;border:2px solid CanvasText}.painting-path>span {background:Canvas;color:CanvasText;border:1px solid CanvasText}.painting-window {border:1px solid CanvasText}}

/* Open horizons and quiet pauses: the paintings keep their own light. */
body {background:#102a36}
.painted-sky:before,.painted-sky:after {background:none}
.art-led .hero-copy {max-width:780px}
.art-led .lead {max-width:540px}
.dream-pause {padding:70px 0 78px;text-align:center}
.dream-pause .kicker {color:#b8c9c7;font-size:10px;letter-spacing:.14em}
.dream-pause>p:last-child {font:clamp(22px,2.5vw,34px)/1.55 var(--serif);margin-top:20px;color:#e9e6d8}
.dream-pause em {color:#e2c79d}
.chapter-art,.departure-art {margin:0;position:relative}
.chapter-art>img,.departure-art>img {width:100%;height:clamp(360px,46vw,760px);object-fit:cover;object-position:center 62%}
.chapter-art>figcaption,.departure-art>figcaption {position:absolute;bottom:12px;right:20px;font-size:9px;color:#fff5dc;text-shadow:0 1px 3px #102330,0 0 8px #102330;letter-spacing:.08em}
.chapter-copy,.horizon-heading {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:60px 0 72px}
.chapter-copy h2,.horizon-heading h2 {font-size:clamp(33px,4vw,58px);line-height:1.12}
.chapter-copy .kicker,.horizon-heading .kicker {font-size:10px;letter-spacing:.17em;margin-bottom:15px}
.chapter-copy>div:last-child>p,.horizon-heading>div:last-child>p {font-size:15px;line-height:1.9;max-width:490px}
.chapter-copy .ink-link,.horizon-heading .ink-link {display:inline-block;margin-top:22px}
.chapter-coral {background:#e8e3d2;color:#2c4746}
.chapter-coral em {color:#536f67}
.chapter-coral .kicker {color:#666c58}
.chapter-coral .ink-link:hover,.chapter-spire .ink-link:hover {color:#34564b}
.chapter-tree {background:radial-gradient(ellipse at 85% 90%,#68556c25,transparent 70%),#202933}
.chapter-tree .chapter-copy>div:last-child {color:#d4d3d1}
.chapter-tree em {color:#d9c0a8}
.horizon {padding:0 0 60px;background:radial-gradient(ellipse at 50% 0,#52657d25,transparent 60%),#152a37}
.horizon-heading {padding-top:70px}
.horizon-heading>div:last-child {color:#c3d3ce}
.horizon-scenes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.horizon-scenes img {width:100%;aspect-ratio:1.35;object-fit:cover;object-position:38% center}
.horizon-scenes figcaption {padding:23px 25px 15px}
.horizon-scenes h3 {font-size:25px;letter-spacing:-.025em;color:#eddfc5}
.horizon-scenes p {font-size:12px;line-height:1.7;color:#b6c9c8;margin-top:12px}
.art-note {font-size:9px;letter-spacing:.1em;color:#9bb2b7;margin-top:18px}
.chapter-spire {background:#e8dfce;color:#314b4b}
.chapter-spire .kicker {color:#736b55}
.chapter-spire em {color:#687968}
.live-shore {padding-top:24px;padding-bottom:40px}
.live-invitation>p:not(.kicker) {margin:18px 0}
.harbor-departure {padding:0;background:none;border:0}
.harbor-departure .departure-inner {padding:60px 0 55px}
.harbor-departure h2 {font-size:clamp(38px,4.5vw,62px)}
.harbor-departure .kicker {font-size:10px;letter-spacing:.17em;margin-bottom:20px}
.quiet-journal {display:inline-block;margin-top:30px;font-size:12px;color:#c7d1c2;text-underline-offset:5px}
.shore-heading {padding-top:60px;background:none}
.shore-heading .kicker {margin:0 0 20px;font-size:11px;color:var(--gold)}
.shore-heading>p:last-child {max-width:660px;line-height:1.8}
.shore-art .painting-window {border:0;border-radius:3px;box-shadow:none}
.shore-art .painting-window>img {aspect-ratio:2.1}
.world-dreams {padding:0 0 55px}
.art-library {padding:0 0 70px}
.art-library h2 {font-size:42px;margin-bottom:22px}
.art-library>p {max-width:650px;font-size:14px;color:#c2d1cd}
.art-library-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.art-library-grid>a {text-decoration:none}
.art-library-grid img {aspect-ratio:16/9;object-fit:cover}
.art-library-grid span {display:block;margin-top:12px;font:18px var(--serif);color:var(--gold)}
@media(max-width:850px) {
  .chapter-copy,.horizon-heading {gap:35px;padding-top:42px;padding-bottom:48px}
  .horizon-scenes {grid-template-columns:1fr;gap:26px}
  .horizon-scenes img {aspect-ratio:16/9;object-position:center}
  .horizon-scenes figcaption {padding:20px}
  .horizon {padding-bottom:40px}
  .art-library-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-invitation>p:not(.kicker) {margin:18px auto}
  .live-shore .broadcast {grid-row:1}
}
@media(max-width:560px) {
  .dream-pause {padding:45px 0 50px}
  .dream-pause .kicker {font-size:9px;letter-spacing:.06em}
  .dream-pause>p:last-child {font-size:22px}
  .chapter-art>img,.departure-art>img {height:auto;aspect-ratio:1.45;object-position:35% center}
  .chapter-art>figcaption,.departure-art>figcaption {font-size:8px;bottom:8px;right:10px}
  .chapter-copy,.horizon-heading {grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:40px}
  .chapter-copy h2,.horizon-heading h2 {font-size:36px}
  .chapter-copy>div:last-child>p,.horizon-heading>div:last-child>p {font-size:14px;line-height:1.85}
  .chapter-copy .kicker,.horizon-heading .kicker {font-size:9px}
  .shore-art .painting-window>img {aspect-ratio:1.6}
  .live-shore {padding-top:24px;padding-bottom:30px}
  .harbor-departure .departure-inner {padding:38px 0 40px}
  .harbor-departure .kicker {font-size:9px}
  .shore-heading {padding-top:35px}
  .shore-heading>p:last-child {font-size:16px}
  .art-library-grid {grid-template-columns:1fr;gap:30px}
}