/* Hallmark · macrostructure: chart margin and plotted destination · theme: n4mu reference lock
 * pre-emit critique: P5 H4 E4 S5 R4 V4 */
:root{--fin-ink:#e8f6f3;--fin-muted:#bdd2d0;--fin-sea:#071b24;--fin-deep:#020b11;--fin-cyan:#8ff5e5;--fin-gold:#ffcf5c;--fin-rule:#45666a;--fin-scene-night:.82;--fin-ambient-night:.24;--fin-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
html[data-finish-night]{--fin-sea:#06141b;--fin-deep:#02090d;--fin-cyan:#a4dbd3;--fin-rule:#344e52}
html[data-finish-night] body:not(.share-frame),html[data-finish-night] .site-footer{background-color:var(--fin-deep)}
html[data-finish-night] :where(.eco-canvas,.sea-poster,#sea,.mx3-poster,.l3-poster){opacity:var(--fin-scene-night)}
html[data-finish-night] .eco-ambient{opacity:var(--fin-ambient-night)}
.fin-credit{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(24px,auto) 16px;align-items:center;column-gap:.75rem;flex:0 0 100%;width:100%;max-width:100%;min-width:0;min-height:40px;height:auto;margin:.5rem 0 0;color:var(--fin-muted);font:400 .7rem/24px var(--fin-mono)}
.fin-credit [data-fin-credit]{grid-column:1/-1;grid-row:1;min-width:0;overflow:visible;overflow-wrap:break-word;white-space:normal}
.fin-night-tag{grid-column:2;grid-row:2;visibility:hidden;color:var(--fin-cyan);font:600 .63rem/16px var(--fin-mono);text-transform:uppercase;letter-spacing:.08em}
.fin-hopper{box-sizing:border-box;display:inline-flex;align-items:center;justify-self:start;grid-column:1;grid-row:2;height:16px;padding:0 6px;border:1px solid var(--fin-gold);color:var(--fin-gold);font:600 .62rem/14px var(--fin-mono);white-space:nowrap}
.share-frame>.fin-credit{position:absolute;inset:auto 24px 8px;z-index:1;width:auto;padding:0 8px;background:var(--fin-deep)}
html[data-finish-night] .fin-night-tag{visibility:visible}
.fin-band,.fin-stream,.fin-sponsor-card{box-sizing:border-box;color:var(--fin-ink);background:var(--fin-sea);font-family:var(--n4-display,Arial,sans-serif)}
.fin-band{height:64px;padding:0 clamp(16px,3vw,48px);display:flex;align-items:center;gap:24px;border-block:1px solid var(--fin-rule)}
.fin-band-copy{flex:1;font-size:1rem;font-weight:700}
.fin-ad-label{color:var(--fin-gold);font:600 .72rem/1.3 var(--fin-mono);letter-spacing:.06em;text-transform:uppercase}
.fin-band a,.fin-stream a,.fin-sponsor-card a,.fin-page a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;color:var(--fin-ink);font-weight:700;text-decoration:underline;text-underline-offset:.25em;white-space:nowrap}
.fin-band a:hover,.fin-stream a:hover,.fin-sponsor-card a:hover,.fin-page a:hover{color:var(--fin-cyan)}
.fin-band a:focus-visible,.fin-stream a:focus-visible,.fin-sponsor-card a:focus-visible,.fin-page a:focus-visible{outline:2px solid var(--fin-cyan);outline-offset:3px}
.fin-band a:active,.fin-stream a:active,.fin-sponsor-card a:active,.fin-page a:active{color:var(--fin-gold)}
.fin-sponsor-card{height:344px;overflow:hidden;border:1px solid var(--fin-rule)}
.home-river .fin-sponsor-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0}
.fin-card-art{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:20px;background:var(--fin-deep);border-right:1px solid var(--fin-rule);color:var(--fin-cyan)}
.fin-card-art span{font:600 .65rem/1 var(--fin-mono);letter-spacing:.12em}
.fin-card-art b{font:800 clamp(1.6rem,3vw,3rem)/.9 var(--n4-display,Arial,sans-serif);letter-spacing:-.05em}
.fin-card-copy{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:24px}
.fin-card-copy h3{margin:.7rem 0;font:700 clamp(1.3rem,2vw,2rem)/1 var(--n4-display,Arial,sans-serif)}
.fin-card-copy p:not(.fin-ad-label){margin:0 0 .5rem;color:var(--fin-muted);font-size:.9rem;line-height:1.4}
.mx3-wall .fin-sponsor-card{height:400px;list-style:none}
.mx3-wall .fin-mix-slot{min-width:0}
.mx3-wall .fin-mix-card{display:grid;grid-template-rows:190px 1fr;height:100%;border:0;border-radius:0;background:var(--fin-sea)}
.fin-mix-card .fin-card-art{border-right:0;border-bottom:1px solid var(--fin-rule)}
.fin-mix-card .fin-card-copy{padding:16px 20px}
.fin-stream{height:76px;padding:0 20px;display:flex;align-items:center;gap:20px;border:1px solid var(--room,var(--fin-rule));background:var(--l3-surface,var(--fin-sea))}
.fin-stream>span:nth-child(2){flex:1;color:var(--fin-muted);font-size:.9rem}
.fin-stream strong{color:var(--fin-ink)}
.fin-page{min-height:calc(100vh - 12rem);padding:clamp(28px,7vw,100px) clamp(20px,6vw,96px);background:var(--fin-deep);color:var(--fin-ink);overflow:hidden}
.fin-page__label{color:var(--fin-cyan);font:600 .7rem/1.4 var(--fin-mono);letter-spacing:.14em;text-transform:uppercase}
.fin-page h1{max-width:15ch;margin:1rem 0;font:800 clamp(3rem,8vw,7rem)/.95 var(--n4-display,Arial,sans-serif);letter-spacing:-.05em;overflow-wrap:anywhere}
.fin-page p{max-width:60ch;color:var(--fin-muted);line-height:1.55}
.fin-page [data-fin-404-line],.fin-page [data-fin-place]{min-height:3.1em}
.fin-chart{display:block;width:min(100%,960px);height:auto;margin:clamp(24px,5vw,64px) 0;border-block:1px solid var(--fin-rule);background:var(--fin-sea)}
.fin-chart .fin-grid{fill:none;stroke:var(--fin-rule);stroke-width:1}
.fin-chart .fin-coast{fill:none;stroke:var(--fin-rule);stroke-width:1;stroke-opacity:.8;vector-effect:non-scaling-stroke}
.fin-chart .fin-island{fill:var(--fin-cyan)}
.fin-chart .fin-route{fill:none;stroke:var(--fin-gold);stroke-width:2;stroke-dasharray:5 8;opacity:.8}
.fin-chart .fin-vessel{fill:var(--fin-ink);stroke:var(--fin-deep);stroke-width:2}
.fin-chart text{fill:var(--fin-muted);font:12px var(--fin-mono)}
.fin-eggs-list{padding:0;list-style:none;max-width:60ch}
.fin-eggs-area{min-height:44rem}
.fin-eggs-list li{padding:16px 0;border-bottom:1px solid var(--fin-rule)}
.fin-eggs-list b{display:block;color:var(--fin-cyan)}
.glow-stage>.fin-manta{position:absolute;z-index:0;top:68px;left:0;width:clamp(100px,16vw,220px);height:auto;pointer-events:none;animation:fin-cross 8s linear forwards}
.fin-manta path{fill:var(--fin-cyan);stroke:var(--fin-ink);stroke-width:1;opacity:.65}
@keyframes fin-cross{from{transform:translateX(-110%)}to{transform:translateX(calc(100vw + 110%))}}
.fin-riddim-pill,.fin-riddim-spent{box-sizing:border-box;position:relative;z-index:2;display:inline-flex;align-items:center;height:34px;margin:8px 16px;padding:8px 12px;border:1px solid var(--fin-cyan);background:var(--fin-deep);color:var(--fin-ink);font:600 .75rem/1.3 var(--fin-mono);pointer-events:none}
.fin-riddim-pill{animation:fin-beat .666667s ease-in-out 32}.fin-riddim-spent{visibility:hidden}
.glow-stage>.fin-riddim-pill{position:absolute;top:96px;right:16px;margin:0}
.fin-riddim main h1,.fin-riddim main h2{animation:fin-beat .666667s ease-in-out 32}
@keyframes fin-beat{50%{transform:translateY(-3px)}}
html[data-motion=paused] .fin-manta,html[data-motion=paused] .fin-riddim-pill,html[data-motion=paused] .fin-riddim main h1,html[data-motion=paused] .fin-riddim main h2,html[data-finish-hidden] .fin-manta,html[data-finish-hidden] .fin-riddim-pill,html[data-finish-hidden] .fin-riddim main h1,html[data-finish-hidden] .fin-riddim main h2{animation-play-state:paused!important}
.glow-stage[data-fin-offscreen]>.fin-manta,.fin-riddim-pill[data-fin-offscreen],.fin-riddim main [data-fin-offscreen]{animation-play-state:paused!important}
html[data-finish-still] .glow-stage>.fin-manta{animation:none;transform:translateX(35vw)}
html[data-finish-still] .fin-riddim-pill,html[data-finish-still] .fin-riddim main h1,html[data-finish-still] .fin-riddim main h2{animation:none}
@media(max-width:600px){.fin-band{height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:22px 44px;gap:0 8px;padding:9px 16px}.fin-band .fin-ad-label{grid-column:1/-1}.fin-band-copy{font-size:.85rem}.fin-band a{grid-column:2;grid-row:2}.fin-stream{height:116px;display:grid;grid-template-columns:1fr;grid-template-rows:18px 26px 44px;gap:0;padding:12px 16px}.fin-stream>span:nth-child(2){font-size:.82rem}.home-river .fin-sponsor-card{height:320px;grid-template-columns:1fr;grid-template-rows:110px 1fr}.home-river .fin-sponsor-card>.fin-card-art{padding:12px 16px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--fin-rule)}.home-river .fin-sponsor-card>.fin-card-copy{padding:12px 16px}.fin-card-art{padding:16px}.fin-card-copy{padding:16px}.mx3-wall .fin-sponsor-card{height:380px}}
@media(max-width:380px){.fin-page[data-fin-404]>h1{min-height:2.85em}}
@media(min-width:64rem){
  .mx3-wall .fin-mix-slot{grid-column:span 4}
  .fin-page[data-fin-404]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:repeat(5,auto);column-gap:clamp(32px,5vw,80px);align-content:center;padding-block:56px}
  .fin-page[data-fin-404]>.fin-page__label{grid-column:1;grid-row:1}
  .fin-page[data-fin-404]>h1{grid-column:1;grid-row:2;font-size:clamp(3.5rem,5.2vw,5.5rem);max-width:12ch}
  .fin-page[data-fin-404]>[data-fin-404-line]{grid-column:1;grid-row:3;margin:.5rem 0}
  .fin-page[data-fin-404]>[data-fin-place]{grid-column:1;grid-row:4;margin:.5rem 0}
  .fin-page[data-fin-404]>a{grid-column:1;grid-row:5;justify-self:start}
  .fin-page[data-fin-404]>.fin-chart{grid-column:2;grid-row:1/6;align-self:center;width:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.glow-stage>.fin-manta{animation:none;transform:translateX(35vw)}.fin-riddim-pill,.fin-riddim main h1,.fin-riddim main h2{animation:none}}