/* The original Samos palette, drawn as shorelines and sea currents. */
.shoreline{display:block;width:100%;height:90px;pointer-events:none}.hero-shoreline{position:absolute;bottom:49px;left:0;z-index:1;height:64px}.hero .hero-edition,.hero .hero-impression{z-index:2}.hero-shoreline .shore-fill{fill:var(--ivory)}.shoreline path{vector-effect:non-scaling-stroke}.shoreline .shore-line{fill:none;stroke:var(--blue);stroke-width:1;opacity:.7}
.island-prologue.sea-prologue{height:870px;overflow:hidden;background:var(--deep);isolation:isolate}.sea-surface{position:absolute;inset:-25px;background:url('samian-table.jpg') 100% 43%/400% auto no-repeat;z-index:-3}.sea-prologue::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b354029,#0b35401a 30%,#0b354066);z-index:-2}.sea-prologue .shoreline{position:absolute;left:0;z-index:2}.sea-prologue .shoreline-top{top:-1px;transform:rotate(180deg)}.sea-prologue .shoreline-bottom{bottom:-1px}.sea-prologue .shore-fill{fill:var(--ivory)}.sea-prologue .island-prologue-title{padding:50px 24px 0}.sea-prologue .island-prologue-title .eyebrow{letter-spacing:.2em;margin-bottom:30px;text-shadow:0 1px 10px #0b3540}.ss-page .sea-prologue h2{font-size:clamp(160px,21vw,320px);text-shadow:0 3px 35px #0b354020}.sea-prologue .island-prologue-title>p:last-child{font-size:clamp(30px,3.7vw,52px);max-width:600px;text-align:center;margin-top:40px}.sea-prologue .island-prologue-footer{bottom:115px}.sea-note{position:absolute;left:6vw;top:160px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.23em}.sea-motion{position:absolute;right:6vw;top:130px;border:1px solid #f4f1ea80;border-radius:40px;background:#0b354050;padding:9px 15px;font-size:9px!important;z-index:3}.sea-current-art{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ivory);stroke-width:1;opacity:.3;pointer-events:none;z-index:-1}.sea-current-art path{vector-effect:non-scaling-stroke}.sea-surface.is-flowing{animation:sea-drift 18s ease-in-out infinite alternate}.sea-surface.is-paused{animation-play-state:paused}@keyframes sea-drift{to{transform:translate3d(-10px,9px,0) scale(1.045)}}
.connections{position:relative;padding:90px 6vw 110px;background:var(--deep);color:var(--ivory);overflow:hidden}.connections-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}.connections-heading h2{font-size:clamp(60px,6vw,94px)}.connections-heading>.connections-intro{font-size:12px;line-height:1.9;max-width:330px;padding-bottom:8px}.connections .eyebrow{color:var(--gold);font-size:9px}.connection-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:7vw;align-items:center;margin-top:44px}.connection-chart{position:relative;aspect-ratio:1.25;min-width:0}.connection-chart>svg{width:100%;height:100%;overflow:visible}.chart-current{fill:none;stroke:var(--blue);stroke-width:.7;opacity:.35}.chart-current:nth-child(2n){opacity:.18}.connection-route{fill:none;stroke:var(--blue);stroke-width:1;stroke-dasharray:4 7;opacity:.4;transition:opacity .3s,stroke .3s}.connection-route.is-active{stroke:var(--gold);stroke-width:1.5;opacity:1}.chart-home{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:115px;height:115px;border:1px solid #d9bc7255;border-radius:50%;background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 14px #0b3540,0 0 0 15px #7fa9af25}.ss-page .chart-home img{width:37px;filter:brightness(0) invert(89%) sepia(21%) saturate(506%) hue-rotate(353deg)}.chart-home span{font-size:8px;letter-spacing:.15em;margin-top:8px}.connection-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;padding:12px 9px;min-width:95px;font-size:10px!important;white-space:nowrap}.connection-node>span:first-child{display:grid;place-items:center;width:57px;height:57px;border:1px solid #7fa9af80;border-radius:50%;background:var(--deep);transition:background .3s,border-color .3s}.connection-node svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.connection-node[aria-selected=true]>span:first-child{background:var(--gold);border-color:var(--gold);color:var(--deep);box-shadow:0 0 0 7px #d9bc7212}.connection-node[aria-selected=true]>span:last-child{color:var(--gold)}.connection-node:hover>span:first-child{border-color:var(--gold)}.node-water{left:19%;top:40%}.node-power{left:72%;top:78%}.node-airport{left:76%;top:19%}.chart-sea-label{position:absolute;left:6%;bottom:5%;font:500 italic 24px var(--serif);color:var(--blue)}.chart-instruction{position:absolute;bottom:0;right:0;font-size:8px;letter-spacing:.06em;color:var(--ivory)}
.connection-panel{border-top:1px solid #7fa9af66;padding-top:27px;min-height:335px}.connection-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.connection-panel-top>span:first-child{font-size:8px;letter-spacing:.17em;color:var(--gold);text-transform:uppercase}.connection-panel-top>span:last-child{font:400 38px var(--serif);color:var(--blue)}.connection-panel h3{font-size:48px;max-width:400px;margin-bottom:21px;line-height:1.05}.connection-panel>p{font-size:12px;line-height:1.95;max-width:410px}.connection-panel .connection-detail{display:flex;gap:14px;align-items:center;padding-top:23px;margin-top:24px;border-top:1px solid #7fa9af40;font-size:9px;letter-spacing:.05em;color:var(--gold)}.connection-detail>span:first-child{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.connection-panel .text-link{font-size:10px;margin-top:15px;border-color:var(--blue)}.connections-foot{display:flex;gap:25px;justify-content:space-between;border-top:1px solid #7fa9af40;margin-top:30px;padding-top:23px;align-items:center}.connections-foot>p{font-size:10px;max-width:550px;line-height:1.8;color:#e1e5de}.connections-foot .text-link{font-size:10px;white-space:nowrap}.connections :focus-visible,.sea-prologue :focus-visible{outline-color:var(--gold)}
.connection-panel .text-link>span:first-child{font-size:inherit;transform:none}.connection-panel .text-link{gap:22px}
@media(min-width:1700px){.sea-prologue{max-height:1000px}.connection-chart{max-height:530px}.sea-surface{background-position:100% 45%}}
@media(max-width:900px){.connections{padding:75px 5vw 85px}.connection-layout{gap:4vw;grid-template-columns:1.1fr 1fr}.connection-panel h3{font-size:40px}.chart-home{width:90px;height:90px}.connection-node{font-size:9px!important}.connection-node>span:first-child{width:49px;height:49px}.connections-heading{gap:30px}.connections-heading>.connections-intro{max-width:270px}.chart-sea-label{font-size:20px}}
@media(max-width:650px){.hero-shoreline{height:38px;bottom:49px}.island-prologue.sea-prologue{height:700px}.sea-prologue .shoreline{height:60px}.sea-surface{background-size:auto 140%;background-position:100% 50%}.sea-prologue .island-prologue-title{padding:15px 24px 0}.sea-prologue .island-prologue-title .eyebrow{font-size:7px;letter-spacing:.12em}.ss-page .sea-prologue h2{font-size:36vw}.sea-prologue .island-prologue-title>p:last-child{font-size:31px;max-width:280px;margin-top:30px}.sea-note{left:24px;top:155px;font-size:7px}.sea-motion{right:24px;top:85px;padding:9px 12px;font-size:8px!important}.sea-prologue .island-prologue-footer{bottom:82px}.sea-prologue .island-prologue-footer>span:first-child{display:none}.sea-prologue .island-prologue-footer>a{margin:auto}.connections{padding:65px 24px 65px}.connections-heading{display:block}.connections-heading h2{font-size:59px}.connections-heading>.connections-intro{margin-top:28px;max-width:360px;font-size:12px}.connection-layout{display:flex;flex-direction:column;gap:32px;margin-top:27px}.connection-chart{width:100%;max-width:480px;aspect-ratio:1.12}.chart-home{width:87px;height:87px}.ss-page .chart-home img{width:30px}.chart-home span{font-size:7px}.connection-node{font-size:9px!important;padding:10px 6px;min-width:82px;gap:9px}.connection-node>span:first-child{width:47px;height:47px}.node-water{left:15%}.node-power{left:75%}.node-airport{left:78%}.chart-instruction{font-size:7px;bottom:-8px}.chart-sea-label{font-size:20px;left:0;bottom:6%}.connection-panel{width:100%;min-height:335px;padding-top:18px}.connection-panel-top{margin-bottom:19px}.connection-panel h3{font-size:40px}.connection-panel>p{font-size:12px}.connections-foot{display:block;margin-top:17px}.connections-foot>.text-link{margin-top:18px}.connections-foot>p{font-size:9px}}
@media(max-width:360px){.chart-sea-label{font-size:18px;max-width:140px;line-height:1.1}.chart-instruction{font-size:6px}.connection-node{font-size:8px!important}.connections-heading h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.sea-surface.is-flowing{animation:none}.sea-motion{display:none}.connection-route,.connection-node>span:first-child{transition:none}}