/* m01 Line Map, modular. Black enamel, white neo-grotesk, one map, twelve stops. */
:root{
  --bg:#0a0a0a;--fg:#f4f2ec;--dim:#a8a8a0;--rule:rgba(244,242,236,.2);
  --w:#1e90e8;--r:#ffc20e;--n:#00a85a;--h:#ee2a2f;--led:#ffb300;
  --sans:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;--dot:"Doto","Courier New",monospace;
  --hd:72px;--band:92px;--gut:max(20px,3.2vw);
  --bd-bg:#000;--bd-panel:#050505;--bd-fg:#f4f2ec;--bd-dim:#a8a8a0;--bd-rule:rgba(244,242,236,.22);--bd-accent:#fff;--bd-on-accent:#000;--bd-water:#1e90e8;--bd-ember:#ee2a2f;--bd-land:rgba(255,255,255,.08);--bd-fly:#6f6f69;--bd-wait:rgba(255,255,255,.2);--bd-font-mono:"Inter Tight",Helvetica,Arial,sans-serif;--bd-font-body:"Inter Tight",Helvetica,Arial,sans-serif;--bd-font-display:"Inter Tight",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.42 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.bdi-off #top{display:none}
:where(.app) :is(p,h1,h2,ul,ol,dl,dd,figure){margin:0;padding:0}:where(.app) :is(ul,ol){list-style:none}
:where(.app) img{display:block;max-width:100%}
:where(.app) a{color:inherit}:where(.app) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(.app) :focus-visible{outline:3px solid var(--r);outline-offset:3px}
#view{outline:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.l-w{--c:var(--w)}.l-r{--c:var(--r)}.l-n{--c:var(--n)}.l-h{--c:var(--h)}.l-t{--c:var(--fg)}

/* Header */
.app{min-height:100svh;display:flex;flex-direction:column}
.hd{position:sticky;top:0;z-index:30;height:var(--hd);flex:none;display:flex;align-items:center;gap:16px;padding:0 var(--gut);background:var(--bg)}
.rail{transition:opacity .3s}.rail.off{opacity:0;pointer-events:none}
.brand{display:flex;align-items:center;gap:.6em;text-decoration:none;font-weight:600;font-size:18px;letter-spacing:-.01em;min-height:44px;white-space:nowrap}
.brand svg{width:22px;height:22px}
.sp{flex:1}
.lnk{font-weight:500;font-size:15px;color:var(--dim);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.lnk:hover{color:var(--fg)}
.rail{display:flex;align-items:center;margin-left:clamp(12px,3vw,48px)}
.rs{position:relative;display:block;width:clamp(22px,2.7vw,44px);height:44px}
.rs::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--c)}
.rs:first-child::before{left:50%}.rs:last-child::before{right:50%}
.rs i{position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px;border-radius:50%;background:var(--fg);transition:transform .18s}
.rs:hover i{transform:scale(1.5)}
.rs.on i{transform:scale(1.5);background:#fff;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--c)}
.rs span{position:absolute;left:50%;top:92%;transform:translateX(-50%);font-size:14px;font-weight:500;white-space:nowrap;background:#000;padding:3px 7px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}
.rs:hover span,.rs:focus-visible span{opacity:1}

/* Map */
.home{position:relative;height:calc(100svh - var(--hd) - 64px);min-height:480px}
.mp{position:absolute;inset:0;width:100%;height:100%;display:block}
.mp path{fill:none;stroke-width:18;stroke-linejoin:round}
.mp .tr path{stroke-width:6}.mp .core{stroke-width:7}
.mp .spur path{stroke:var(--fg);stroke-width:7}
.mp .ln{transition:opacity .2s}
.mp .eyes circle{fill:#f1f1ec}.mp .eyes .pu{fill:#050505}
.mp:has(.st-w:hover,.st-r:hover,.st-n:hover,.st-h:hover) .ln{opacity:.2}
.mp:has(.st-w:hover) .ln-w,.mp:has(.st-r:hover) .ln-r,.mp:has(.st-n:hover) .ln-n,.mp:has(.st-h:hover) .ln-h{opacity:1}
.st{cursor:pointer;outline:none}
.st .ring{fill:var(--fg);transition:fill .15s}
.st .halo{fill:none;stroke:var(--fg);stroke-width:5}
.st:hover .ring,.st:focus-visible .ring{fill:var(--r)}
.st .no{font:700 21px var(--sans);fill:#000;pointer-events:none}
.st .nm{font:600 31px var(--sans);fill:var(--fg);letter-spacing:-.015em;transition:fill .15s}
.st .big{font-size:42px;letter-spacing:-.025em}
.st:hover .nm,.st:focus-visible .nm{fill:var(--r)}
.hl{position:absolute;left:var(--gut);bottom:clamp(22px,5vh,56px);display:grid;gap:clamp(12px,2.2vh,20px)}
#peek{font:600 clamp(30px,3.5vw,64px)/1.02 var(--sans);letter-spacing:-.028em;max-width:15em;text-wrap:balance}
.bk{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:15px}
.bk>span{color:var(--dim);font-weight:500;margin-right:20px}
.bk a{display:inline-flex;align-items:center;min-height:48px;opacity:.9;transition:opacity .2s,transform .2s}
.bk a:hover,.bk a:focus-visible{opacity:1;transform:translateY(-1px)}
.bk a+a{margin-left:20px;padding-left:20px;box-shadow:inset 2px 0 0 var(--rule)}
.bk img{display:block;width:auto;max-width:none}
.bk-ng img{height:clamp(22px,1.8vw,28px)}.bk-mtw img{height:clamp(36px,2.9vw,46px)}
.key{position:absolute;right:var(--gut);bottom:clamp(22px,5vh,56px);display:grid;gap:6px;justify-items:end;font-size:14px;color:var(--dim)}
.key p{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;justify-content:flex-end}
.k{display:inline-block;width:26px;height:7px;margin-left:12px}.k-w{background:var(--w)}.k-r{border:2px solid var(--r)}.k-n{background:repeating-linear-gradient(90deg,var(--n) 0 9px,transparent 9px 13px)}
.lst{display:none}

/* A stop */
.stop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:clamp(24px,4vw,72px);padding:clamp(6px,1.6vh,22px) var(--gut) 0;height:calc(100svh - var(--hd) - var(--band));min-height:500px}
.stop.wide{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.sign{grid-column:1;grid-row:1}
.sp2{display:flex;align-items:center;gap:.55em;font-weight:600;font-size:16px;color:var(--dim);min-height:30px}
.sp2 span:first-of-type{color:var(--fg)}
.pl{margin-left:.5em}
.bu{display:inline-grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;font:700 14px/1 var(--sans);font-style:normal}
.bu.w{background:var(--w);color:#fff}.bu.r{background:var(--r);color:#000}.bu.n{background:var(--n);color:#fff}.bu.h{background:var(--h);color:#fff}
.sign h1{font:600 clamp(46px,5.5vw,108px)/.94 var(--sans);letter-spacing:-.034em;margin-top:clamp(10px,2vh,22px);text-wrap:balance}
.stop.wide .sign h1{font-size:clamp(44px,4.5vw,88px)}
.stop[data-id=status] .rgt{display:grid;align-content:center}
.ln1{font:500 clamp(21px,2vw,36px)/1.12 var(--sans);letter-spacing:-.018em;margin-top:clamp(10px,1.8vh,20px);text-wrap:balance}
.tabs{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px clamp(14px,1.6vw,26px);margin-top:clamp(12px,2.6vh,30px)}
.tab{min-height:44px;font-weight:600;font-size:16px;color:var(--dim);box-shadow:inset 0 0 0 0 var(--c);transition:color .15s}
.tab:hover{color:var(--fg)}
.tab[aria-selected=true]{color:var(--fg);box-shadow:inset 0 -3px 0 0 var(--c)}
.lft{grid-column:1;grid-row:3;min-height:0;overflow:auto;padding:clamp(10px,2vh,22px) 4px 12px 0}
.rgt{grid-column:2;grid-row:1/4;min-height:0;position:relative;padding-bottom:6px;overflow:auto}
.sub{font-size:clamp(17px,1.32vw,23px);line-height:1.34;color:var(--dim);max-width:30em}
.fine{margin-top:12px;font-size:14px;color:var(--dim);max-width:34em}
.lab{font-size:14px;font-weight:600;color:var(--dim);display:flex;align-items:center;gap:.6em;flex-wrap:wrap}
.in{animation:rise .34s cubic-bezier(.2,.7,.2,1) both}.bwd .in{animation-name:riseb}
@keyframes rise{from{opacity:0;transform:translate3d(26px,0,0)}}@keyframes riseb{from{opacity:0;transform:translate3d(-26px,0,0)}}
html.qa .in{animation:none}

/* Pictures */
.pic{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center}
.pic img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pic img.fill{width:100%;height:100%;object-fit:cover}
.pic figcaption{position:absolute;right:0;bottom:10px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fg);background:rgba(0,0,0,.72);padding:6px 8px}
.pic.withcap{flex-direction:column;gap:10px}.pic.withcap img{max-height:calc(100% - 34px)}.pic.withcap figcaption{position:static;background:none;padding:0;color:var(--dim)}
.stop[data-id=boat] .pic img:not(.fill),.stop[data-id=swarm] .pic img,.stop[data-id=overhead] .pic img{animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translate3d(0,-1.4%,0)}}
html.qa .pic img{animation:none!important}
.tag{display:inline-flex;align-items:center;font:600 13px/1 var(--sans);padding:.44em .62em;border:1.5px solid currentColor;border-radius:2px;white-space:nowrap}
.t-des{color:var(--r)}.t-sim{color:#2fd184;border-style:dashed}.t-cal{color:var(--fg)}.t-tar{color:#6ab9f5}.t-sof{color:#2fd184}.t-nxt{color:var(--dim);border-style:dotted}.t-rul{color:var(--dim)}.t-ill{color:var(--led);border-style:dashed}
.pano{position:relative;height:100%;container-type:size;overflow:hidden;background:#555}
.stage{position:absolute;width:217cqw;left:-43.4cqw;top:calc(46cqh - 57.3cqw)}
.stage img{width:100%;max-width:none;height:auto;filter:grayscale(1) contrast(1.08) brightness(.94)}
.eye{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 46%,#f4f4f2 58%,#d4d4d0 92%,#a9a9a4);z-index:3}
.eye.l{left:47.52%;top:39.6%;width:7.25%;aspect-ratio:114/108}.eye.r{left:60.94%;top:39.2%;width:6.65%;aspect-ratio:104/108}
.eye b{position:absolute;left:18.5%;top:27%;width:63%;aspect-ratio:1;border-radius:50%;background:#050505;transition:transform .2s cubic-bezier(.3,1.8,.5,1)}
.eye b::after{content:"";position:absolute;left:24%;top:18%;width:20%;aspect-ratio:1;border-radius:50%;background:#fff;opacity:.72}
.pano figcaption{position:absolute;left:0;bottom:0;right:0;font-size:12.5px;line-height:1.3;padding:7px 10px;background:rgba(0,0,0,.72)}
.baysvg,.baysvg svg{position:absolute;inset:0;width:100%;height:100%}
.baysvg svg{overflow:visible}
.baysvg .shore{stroke:rgba(244,242,236,.82);stroke-width:.7}
.baysvg .d5{stroke:#1d5c8e;stroke-width:.75}.baysvg .d10{stroke:#1f74b5;stroke-width:1}.baysvg .d20{stroke:#2392e6;stroke-width:1.5}.baysvg .d30{stroke:#7fc8ff;stroke-width:2.1}
.baysvg .o2{fill:url(#hx);stroke:var(--led);stroke-width:1.1;stroke-dasharray:4 3}

/* Small modules */
.steps{counter-reset:s;display:grid;gap:12px}
.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;align-items:baseline;font-size:clamp(17px,1.3vw,22px);line-height:1.28}
.steps li::before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c);color:#000;font-weight:700;font-size:14px}
.l-n .steps li::before,.l-h .steps li::before{color:#fff}
.rows li{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--rule);font-size:16px}.rows b{font-weight:600}.rows span{color:var(--dim)}
.rows.tight li{padding:4px 0;font-size:15px}.rows+.lab{margin-top:10px}.lab+.rows{margin-top:8px}
.specs,.dep{width:100%;border-collapse:collapse}
.specs{font-size:clamp(15px,1.08vw,17px)}
.specs th,.specs td,.dep th,.dep td{padding:.62em 0;border-top:1px solid var(--rule);text-align:left;vertical-align:baseline;font-weight:400}
.specs th,.dep th{font-weight:600;padding-right:1em}
.specs td:last-child,.dep td:last-child{text-align:right;white-space:nowrap;padding-left:1em}
.dep{font-size:clamp(15px,1.14vw,19px)}.dep th,.dep td{padding:.84em 0}.dep td:nth-child(2){color:var(--dim)}
.more{margin-top:10px}.more summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--dim);min-height:44px;display:flex;align-items:center}.more summary:hover{color:var(--fg)}
.more div{display:grid;gap:.7em;font-size:15.5px;color:var(--dim);max-width:34em}
.big{height:100%;display:grid;align-content:center;gap:clamp(18px,4vh,44px)}
.big.four{grid-template-columns:1fr 1fr}
.big dt{font:900 clamp(50px,6vw,112px)/1 var(--dot);color:var(--led)}.big dd{font-size:clamp(16px,1.25vw,21px);color:var(--dim);margin-top:4px}
.rules{height:100%;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:clamp(18px,3vw,44px)}
.rules.three{grid-template-columns:repeat(3,1fr)}
.rules h2{font:600 clamp(28px,2.8vw,50px)/1 var(--sans);letter-spacing:-.025em;margin:.1em 0 .28em}.rules p:not(.lab){font-size:clamp(15.5px,1.1vw,19px);color:var(--dim)}
.prose{height:100%;display:grid;align-content:center;gap:1em;font-size:clamp(18px,1.5vw,26px);line-height:1.34;max-width:36em}
.tt{min-height:100%;display:grid;align-content:center}
.tt button{display:grid;grid-template-columns:10em 1fr;gap:12px;width:100%;text-align:left;align-items:baseline;min-height:46px;padding:.55em 0;border-top:1px solid var(--rule);font-size:clamp(16px,1.25vw,21px)}
.tt time{color:var(--dim)}.tt b{font-weight:600}
.tt p{padding:0 0 .9em calc(10em + 12px);color:var(--dim);font-size:clamp(15px,1.1vw,18px)}
.tt li:not(.on) p{display:none}.tt li.on time,.tt li.on b{color:var(--led)}
.legal{height:100%;display:grid;align-content:end;gap:.8em;font-size:14px;color:var(--dim);max-width:60em;padding-bottom:8px}.mk{display:block;width:40px;color:var(--fg)}
.who h2{font:600 clamp(26px,2.5vw,44px)/1.02 var(--sans);letter-spacing:-.025em}.who .lab{margin:.4em 0 .7em}
.duck{color:var(--led);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.thumbs.many{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;max-width:420px}
.thumb{width:clamp(54px,4.9vw,84px);aspect-ratio:1;overflow:hidden;opacity:.55;transition:opacity .15s}
.thumbs.many .thumb{width:100%}
.thumb:hover{opacity:.85}.thumb[aria-pressed=true]{opacity:1;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--fg)}
.thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.portrait{position:relative;height:100%;aspect-ratio:4/5;max-width:100%;margin:0 auto}
.portrait.low{height:auto;width:min(340px,100%);margin-top:6vh}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:opacity .3s}
.portrait .duckimg{opacity:0}.portrait.is-duck .duckimg{opacity:1}
.portrait figcaption{position:absolute;left:0;bottom:0;background:#000;padding:4px 8px;font-size:14px;opacity:0;transition:opacity .3s}.portrait.is-duck figcaption{opacity:1}

/* Harbormaster widgets */
.wid{min-height:100%;display:grid;align-content:center}
.hmw,[data-hm] .bdw{border:0;border-top:.22rem solid var(--fg);background:#050505;font-size:15px}
[data-hm] :is(.bdw-label,.bdw-legend,.bdw-board__bar,.bdw-tag,.bdw-btn){letter-spacing:0;text-transform:none;font-size:14px;font-weight:600}
[data-hm] .bdw-tag--sim{background:var(--fg);color:#000;padding:.25em .55em;border:0;font-size:12.5px}
[data-hm] .bdw-board__bar b{color:var(--fg)}
[data-hm] .bdw-board__rh{display:grid;grid-template-columns:34px 1fr 42px;gap:6px}[data-hm] .bdw-board__rh span:last-child{text-align:right}
[data-hm] .bdw-board__row{font-size:14.5px;font-weight:400;font-variant-numeric:tabular-nums}
[data-hm] .bdw-board__row.is-lost{color:var(--h);font-weight:600}
[data-hm] .bdw-board__map canvas{height:min(40svh,430px)}
[data-hm] .rgt{overflow:hidden auto}[data-hm] .wid{padding-bottom:0}[data-hm] .bdw-fine{margin-top:2px}
[data-hm] .bdw-board__rel b{font:900 24px/1 var(--dot);color:var(--led)}
[data-hm] .bdw-big{font:900 clamp(56px,6vw,104px)/.95 var(--dot);color:var(--led)}
[data-hm] .bdw-lock__big{font:900 clamp(60px,7vw,120px)/.95 var(--dot);color:var(--h)}[data-hm] .bdw-lock__big.is-on{color:var(--n)}
[data-hm] .bdw-btn{border:2px solid var(--fg);border-radius:2px;font-size:15px}
[data-hm] .bdw-btn:hover:not(:disabled){background:var(--fg);color:#000;border-color:var(--fg)}
[data-hm] .bdw-btn--primary{background:var(--fg);color:#000}
[data-hm] :is(.bdw-log,.bdw-fine,.bdw-lock__row){font-family:var(--sans)}
[data-hm] .bdw-lock__row .is-bad{color:var(--h)}[data-hm] .bdw-lock__row .is-accent{color:var(--r)}
[data-hm] .bdw-slider input{accent-color:#fff;height:44px}

/* The line along the bottom */
.band{height:var(--band);flex:none;display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:clamp(14px,2vw,32px);padding:0 var(--gut)}
.bd{display:inline-flex;align-items:center;gap:.55em;min-height:44px;text-decoration:none;font-weight:600;font-size:clamp(16px,1.4vw,23px);letter-spacing:-.012em;white-space:nowrap}
.bd.prev{color:var(--dim)}.bd:hover{color:var(--c)}
.bd span{transition:transform .18s}.bd.next:hover span{transform:translateX(5px)}.bd.prev:hover span{transform:translateX(-5px)}
.trk{position:relative;height:12px;background:var(--c);overflow:hidden}
.l-r .trk{background:none;border:3px solid var(--r)}
.l-n .trk,.l-h .trk{background:repeating-linear-gradient(90deg,var(--c) 0 34px,transparent 34px 50px)}
.l-t .trk{background:linear-gradient(180deg,var(--w) 0 25%,var(--r) 25% 50%,var(--n) 50% 75%,var(--h) 75%)}
.trk b{position:absolute;inset:0 auto 0 0;width:8%;background:#fff;transform:translateX(-101%);animation:run .95s cubic-bezier(.3,.7,.2,1) .08s}
@keyframes run{to{transform:translateX(1260%)}}
html.qa .trk b{animation:none}

/* The ride: the line drawn down the home page */
:root{--rail:86px}
.ride{position:relative}
.track{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:0}
.track path{fill:none;stroke-linejoin:round}
.track .dr{stroke-dasharray:1000 1000;stroke-dashoffset:1000}
.track .gh{stroke:rgba(244,242,236,.11)}
.track .tn{fill:#fff;stroke:var(--bg);stroke-width:4;transition:opacity .2s}
.ride-cue{position:relative;z-index:1;height:64px;display:flex;align-items:center;gap:16px;padding-left:calc(var(--gut) + 16px);font-size:15px;font-weight:600;color:var(--dim)}
.ride-cue i{width:22px;height:22px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 5px var(--w)}
.rd{position:relative;z-index:1;min-height:100svh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(28px,4.5vw,84px);padding:10vh var(--gut) 10vh calc(var(--gut) + var(--rail));scroll-margin-top:var(--hd)}
.rd.R{grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding:10vh calc(var(--gut) + var(--rail)) 10vh var(--gut)}
.rd.R .txt{order:2;text-align:right;justify-items:end}
.rd.wide{grid-template-columns:minmax(0,1fr);align-content:center;row-gap:clamp(30px,7vh,72px)}
.txt{display:grid;justify-items:start;gap:clamp(12px,2.2vh,22px);min-width:0}
.kick{display:flex;align-items:center;gap:.55em;font-weight:600;font-size:15px;color:var(--dim);min-height:28px}
.kick .n{color:var(--fg)}
.rd h2{position:relative;font:600 clamp(48px,5.4vw,104px)/.94 var(--sans);letter-spacing:-.036em;text-wrap:balance}
.rd.wide h2{font-size:clamp(52px,6.4vw,124px)}
.stn{position:absolute;left:calc(-1 * var(--rail));top:calc(.47em - 27px);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:inset 0 0 0 5px var(--fg);transition:background-color .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.rd.R .stn{left:auto;right:calc(-1 * var(--rail))}
.stn b{font:700 19px/1 var(--sans);letter-spacing:0;color:var(--fg);transition:color .25s}
.rd.on .stn{background:var(--fg);transform:scale(1.08)}.rd.on .stn b{color:#000}
.stn.term::after{content:"";position:absolute;inset:-10px;border-radius:50%;box-shadow:inset 0 0 0 4px var(--fg)}
.ln2{font:500 clamp(22px,2.1vw,38px)/1.1 var(--sans);letter-spacing:-.02em;max-width:15em;text-wrap:pretty}
.txt .sub{max-width:24em}
.nw{white-space:nowrap}
.go{display:inline-flex;align-items:center;gap:.55em;min-height:44px;margin-top:4px;font-weight:600;font-size:17px;text-decoration:none;box-shadow:inset 0 -3px 0 var(--c)}
.go span{transition:transform .18s}.go:hover span{transform:translateX(5px)}.go:hover{color:var(--c)}
.l-t .go{box-shadow:inset 0 -3px 0 var(--fg)}
.vis{position:relative;min-width:0;height:min(72svh,780px);transform:translate3d(0,calc(var(--p,0) * -7vh),0)}
.vin{height:100%;transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.txt>*{transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.txt>:nth-child(2){transition-delay:.07s}.txt>:nth-child(3){transition-delay:.14s}.txt>:nth-child(n+4){transition-delay:.2s}
.rd:not(.seen) .vin{opacity:0;transform:scale(.95)}
.rd:not(.seen) .txt>*{opacity:0;transform:translate3d(0,26px,0)}
html.qa .rd .vin,html.qa .rd .txt>*{opacity:1!important;transform:none!important;transition:none!important}
.rd.fl .pic img{animation:float 7s ease-in-out infinite}
.rd .pano{height:100%}
.rd.wide .vis,.rd-log .vis,.rd-contact .vis,.rd-harbormaster .vis{height:auto;transform:none}
.rd .wid{height:100%}
.rd .big dt{font-size:clamp(44px,5vw,96px)}
/* Crew */
.crw{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,24px)}
.crw a{display:grid;gap:4px;text-decoration:none}
.crw img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;filter:grayscale(1);margin-bottom:8px;transition:filter .3s}
.crw a:hover img{filter:none}
.crw b{font-weight:600;font-size:clamp(15px,1.2vw,19px);letter-spacing:-.01em}.crw span{font-size:14px;color:var(--dim)}
/* Origin, as a branch line */
.otl{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.otl::before{content:"";position:absolute;left:0;right:0;top:13px;height:6px;background:var(--fg)}
.otl li{display:grid;align-content:start;gap:6px}
.otl i{position:relative;display:block;width:32px;height:32px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 6px var(--fg);margin-bottom:10px}
.otl time{font-size:14px;color:var(--dim)}.otl b{font-weight:600;font-size:clamp(15px,1.25vw,20px);line-height:1.2;letter-spacing:-.01em}
.otl li:last-child i{background:var(--led);box-shadow:inset 0 0 0 6px var(--led)}.otl li:last-child :is(time,b){color:var(--led)}
/* Field log */
.mos{columns:3;column-gap:10px}
.mos a{display:block;margin-bottom:10px;break-inside:avoid}
.mos img{width:100%;height:auto;filter:grayscale(1);transition:filter .3s}.mos a:hover img{filter:none}
.rd-contact .legal{height:auto}
/* The end of the line */
.end{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px var(--gut) 44px;border-top:1px solid var(--rule);font-size:15px;color:var(--dim)}
.totop{display:inline-flex;align-items:center;gap:.5em;min-height:44px;font-weight:600;color:var(--fg);text-decoration:none}.totop:hover{color:var(--r)}

/* Openers: a first screen before the intro. Each opener lives in openers/oNN.{js,css}. */
.op{position:relative;height:var(--op-h,180vh);background:var(--op-bg,#05060a);color:var(--op-fg,#f4f2ec);isolation:isolate}
.op-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.op-veil{position:absolute;inset:0;background:#05060a;opacity:0;pointer-events:none;z-index:50}
html.bdi-off .op{display:none}
/* The backers on the intro's first screen */
.bdi .bdi-bk{margin:0 0 clamp(14px,2.2vh,22px);font:500 15px/1.2 var(--sans)}
.bdi .bdi-bk>span{color:#c9c6bd;font-family:"Inter Tight",Helvetica,Arial,sans-serif}
.bdi .bdi-bk a{color:inherit;text-decoration:none}
.bdi .bdi-bk .bk-ng img{height:clamp(24px,2vw,30px)}.bdi .bdi-bk .bk-mtw img{height:clamp(40px,3.3vw,52px)}
@media (max-width:860px){.bdi .bdi-bk{margin-bottom:12px}.bdi .bdi-bk>span{flex-basis:100%;margin:0 0 2px}}
/* Contact carries the backers too */
.txt .bk{margin-top:6px}

/* Held screens: the dead zone and the exploded drawings stay put while the page scrolls */
.rd.pinned{display:block;min-height:0;padding:8vh 0 12vh}
.hold{position:relative;height:250vh}
.rd.dz .hold{height:330vh}
.pin{position:sticky;top:var(--hd);height:calc(100svh - var(--hd));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(28px,4.5vw,84px);padding:3vh var(--gut) 3vh calc(var(--gut) + var(--rail))}
.rd.R .pin{grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding:3vh calc(var(--gut) + var(--rail)) 3vh var(--gut)}
.rd.pinned .vis{height:100%;transform:none}
.stg{position:relative;height:100%;min-height:0;background-image:linear-gradient(rgba(244,242,236,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,242,236,.035) 1px,transparent 1px);background-size:56px 56px;background-position:center}
.stg canvas{position:absolute;inset:0;width:100%;height:100%;--bd-accent:var(--r);--bd-water:#3fb4f2;--bd-ember:#ff5a2a;--bd-fg:#f4f2ec;--bd-dim:#8f8f88;--bd-fill:#0a0a0a}
.lead{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lead path{fill:none;stroke:var(--r);stroke-width:1}.lead circle{fill:var(--r)}
.lead__labels{position:absolute;inset:0;pointer-events:none}
.lead__l{position:absolute;left:0;top:0;font:600 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);background:var(--bg);padding:7px 9px 6px;border:1px solid rgba(244,242,236,.28);white-space:nowrap;opacity:0;will-change:transform,opacity}
.fig{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:13.5px;color:var(--dim);pointer-events:none}
.fig b{font-weight:600;color:var(--r);font-variant-numeric:tabular-nums}
.fig>span:last-child{display:inline-flex;align-items:center;gap:10px}
/* The dead zone */
.rd.dz .pin{display:block;padding:0}
.dzc{position:absolute;top:0;bottom:0;left:calc(var(--gut) + 58px);width:calc(100% - var(--gut) - 58px);height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%);mask-image:linear-gradient(90deg,transparent,#000 5%)}
.dzsh{position:absolute;top:0;bottom:0;right:0;left:calc(var(--gut) + 58px);background:linear-gradient(90deg,rgba(2,9,12,.88) 0,rgba(2,9,12,.62) 30%,rgba(2,9,12,0) 58%);pointer-events:none}
.rd.dz .txt{position:absolute;left:calc(var(--gut) + var(--rail));top:4vh;width:min(620px,46%)}
.rd.dz .kick{color:#8fe3d6}
.dzst{position:absolute;left:calc(var(--gut) + var(--rail));bottom:6vh;width:min(600px,44%);height:31vh;list-style:none;margin:0;padding:0}
.dzst li{position:absolute;left:0;right:0;bottom:0;font:500 clamp(20px,1.9vw,31px)/1.26 var(--sans);letter-spacing:-.012em;text-wrap:pretty;opacity:0;will-change:transform,opacity}
.o2{position:absolute;right:var(--gut);top:4vh;bottom:6vh;width:190px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:13px;font-weight:500;line-height:1.3;color:var(--fg)}
.o2h em{font-style:normal;color:var(--led)}
.o2r{white-space:nowrap;font:900 clamp(40px,4.4vw,68px)/1 var(--dot);margin-top:8px;color:#3fb4f2;transition:color .4s}.o2r.lo{color:#ff5a2a}
.o2rail{position:relative;flex:1;width:7px;margin-top:14px;background:rgba(244,242,236,.14)}
.o2rail i{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:bottom;background:#3fb4f2;transition:background-color .4s;will-change:transform}.o2rail i.lo{background:#ff5a2a}
.o2rail span{position:absolute;right:18px;white-space:nowrap;transform:translateY(50%)}
.o2rail span::after{content:"";position:absolute;right:-18px;top:50%;width:14px;height:1px;background:currentColor}
.o2rail span.lo{color:#ff5a2a}
html.rm .hold{height:auto}html.rm .pin{position:relative;top:auto;height:auto;min-height:calc(100svh - var(--hd))}
html.rm .rd.dz .pin{min-height:120svh}html.rm .dzst li{opacity:1!important;transform:none!important;position:relative;margin-top:14px}html.rm .dzst{height:auto}

/* The anime film */
.ani{position:relative;height:440vh;background:#05060a}.ani[hidden]{display:none}
.ani-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#fff}
.ani video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ani-load{position:absolute;left:0;right:0;top:0;height:3px;background:var(--r);transform:scaleX(0);transform-origin:0 50%;transition:opacity .3s;z-index:2}
.ani-bar{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);background:linear-gradient(rgba(5,6,10,.5),rgba(5,6,10,0))}
.ani-bar a{color:#fff;text-decoration:none;font-weight:500;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.ani-ttl{position:absolute;left:var(--gut);right:var(--gut);top:50%;transform:translateY(-50%);margin:0;font:italic 900 clamp(30px,8.5vw,152px)/.94 Archivo,"Inter Tight",sans-serif;font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(180deg,#fff 0 34%,#aab4c0 46%,#2c333d 52%,#dfe4ea 60%,#78828f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(5,6,10,.8)) drop-shadow(0 0 26px rgba(5,6,10,.4));pointer-events:none}
.ani-cap{position:absolute;left:0;bottom:clamp(40px,7vh,84px);padding:18px 64px 20px var(--gut);max-width:min(800px,100%);background:linear-gradient(90deg,rgba(5,6,10,.74),rgba(5,6,10,0));opacity:0;transition:opacity .22s}
.ani-cap.on{opacity:1}
.ani-cap p{margin:0 0 6px;display:flex;gap:14px;align-items:baseline;font-size:14px}.ani-cap b{font-weight:700;color:var(--r);font-size:clamp(15px,1.25vw,19px)}.ani-cap span{color:#d9d9d2}
.ani-cap h2{margin:0;font:700 clamp(28px,3.4vw,56px)/1.03 Archivo,"Inter Tight",sans-serif;font-stretch:108%;letter-spacing:-.012em;text-wrap:balance}

@media (max-width:860px){
  :root{--hd:60px;--band:76px}
  .rail{display:none}
  .home{height:auto;min-height:0;padding:0 var(--gut) 72px;display:flex;flex-direction:column}
  .mp,.key p:first-child{display:none}
  #peek{position:static;order:-1;font-size:clamp(30px,8.6vw,40px);margin:6px 0 16px}
  .key{position:static;justify-items:start;margin-top:14px}
  .lst{display:block}
  .lst li{position:relative}
  .lst li::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:8px;margin-left:-4px;background:var(--c)}
  .lst li:first-child::before{top:50%}.lst li:last-child::before{bottom:50%}
  .lst a{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;min-height:50px;text-decoration:none}
  .lst i{display:grid;place-items:center;width:40px;height:32px;border-radius:16px;background:var(--fg);color:#000;font:700 14px/1 var(--sans)}
  .lst b{font-weight:600;font-size:21px;letter-spacing:-.015em}.lst span{color:var(--dim)}
  .stop,.stop.wide{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:0}
  .sign{order:1}.rgt{order:2;height:44svh;margin-top:14px;overflow:visible}.tabs{order:3}.lft{order:4;overflow:visible;padding-bottom:4px}
  .stop.wide .rgt{height:auto;min-height:0;overflow:visible}
  .stop.wide .tabs{order:2}.stop.wide .rgt{order:3}.stop.wide .lft{order:2}.stop[data-id=crew] .rgt,.stop[data-id=log] .rgt{order:2}.stop[data-id=crew] .lft,.stop[data-id=log] .lft{order:3}
  .stop[data-id=contact] .lft{order:2}.stop[data-id=contact] .rgt{order:3;height:auto;margin-top:18px}
  .stop[data-id=crew] .rgt{height:62svh}.stop[data-id=log] .rgt{height:48svh}
  .stop[data-id=log] .lft{padding-top:14px}
  .sign h1{font-size:clamp(42px,12.6vw,64px)}
  .big.four,.rules,.rules.three{grid-template-columns:1fr}
  .specs td:last-child,.dep td:last-child{white-space:normal}
  .dep,.dep tbody,.dep tr,.dep th,.dep td{display:block}.dep tr{padding:.55em 0;border-top:1px solid var(--rule)}.dep th,.dep td{border:0;padding:0}.dep td:last-child{text-align:left;padding:.4em 0 0}
  .tt button{grid-template-columns:7.4em 1fr}.tt p{padding-left:calc(7.4em + 12px)}
  .band{margin-bottom:56px;margin-top:8px}.trk{min-width:30px}
  .bd{font-size:15px;white-space:normal}
}
@media (max-width:860px){
  :root{--rail:52px}
  .ride-cue{padding-left:calc(var(--gut) + 9px);height:72px}
  .rd,.rd.R{grid-template-columns:minmax(0,1fr);min-height:0;row-gap:26px;padding:8vh var(--gut) 8vh calc(var(--gut) + var(--rail))}
  .rd.R .txt{order:0;text-align:left;justify-items:start}
  .rd.R .stn{right:auto;left:calc(-1 * var(--rail))}
  .stn{width:40px;height:40px;top:calc(.47em - 20px)}.stn b{font-size:14px}.stn.term::after{inset:-7px}
  .rd h2,.rd.wide h2{font-size:clamp(40px,11.4vw,60px)}
  .ln2{font-size:clamp(21px,5.8vw,26px)}
  .vis{height:auto;transform:none}
  .rd :is(.pic,.pano){height:46svh}
  .rd-overhead .pic{height:56svh}
  .rd .wid{height:auto}
  .rd .big.four{grid-template-columns:1fr 1fr;gap:22px 16px}.rd .big dt{font-size:clamp(34px,10vw,48px)}
  .crw{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .otl{grid-template-columns:minmax(0,1fr);gap:0}
  .otl::before{left:13px;right:auto;top:0;bottom:0;width:6px;height:auto}
  .otl li{grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:2px;padding-bottom:16px}
  .otl i{grid-row:1/3;margin:0}
  .mos{columns:2}
  .end{flex-wrap:wrap}
  .hl{position:static;order:-1;margin:6px 0 18px;gap:14px}
  #peek{margin:0}
  .bk>span{flex-basis:100%;margin:0 0 2px}
}
@media (max-width:860px){
  .rd.pinned{padding:6vh 0 9vh}
  .pin,.rd.R .pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;row-gap:10px;padding:14px var(--gut) 10px calc(var(--gut) + var(--rail))}
  .rd.R .pin .txt{order:0}
  .rd.pinned .txt .ln2{font-size:19px}.rd.pinned .txt{gap:8px}
  .rd.pinned .vis{height:100%}
  .lead__l{font-size:10.5px;padding:5px 6px 4px;letter-spacing:.05em}
  .fig{font-size:11.5px}
  .dzc,.dzsh{left:calc(var(--gut) + 34px);width:calc(100% - var(--gut) - 34px)}
  .dzsh{background:linear-gradient(0deg,rgba(2,9,12,.94) 0,rgba(2,9,12,.7) 32%,rgba(2,9,12,.15) 58%,rgba(2,9,12,.75) 100%)}
  .rd.dz .txt{top:14px;width:auto;right:var(--gut)}
  .dzst{bottom:22px;width:auto;right:var(--gut);height:34svh}
  .dzst li{font-size:19px;line-height:1.3}
  .o2{top:auto;bottom:calc(22px + 35svh);left:calc(var(--gut) + var(--rail));right:var(--gut);width:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:0 14px}
  .o2rail{display:none}.o2r{font-size:36px;margin:0;grid-row:1/3;grid-column:1}.o2h{grid-column:2;grid-row:1/3}
}
/* The phone deck */
.pk{position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--hd));min-height:500px}
.pk-strip{position:relative;flex:none;height:44px;margin:0 calc(var(--gut) + 14px) 0 calc(var(--gut) + 6px)}
.pk-o{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;box-shadow:inset 0 0 0 3px var(--w);z-index:1}
.pk-seg{position:absolute;top:50%;height:6px;margin-top:-3px;background:var(--c)}
.pk-seg.sg-r{background:none;box-shadow:inset 0 0 0 2px var(--r)}
.pk-seg.sg-n,.pk-seg.sg-h{background:repeating-linear-gradient(90deg,var(--c) 0 7px,transparent 7px 10px)}
.pk-seg.sg-t{height:8px;margin-top:-4px;background:linear-gradient(180deg,var(--w) 0 25%,var(--r) 25% 50%,var(--n) 50% 75%,var(--h) 75%)}
.pk-dot{position:absolute;top:0;width:26px;height:44px;margin-left:-13px;display:grid;place-items:center;z-index:2}
.pk-dot i{width:9px;height:9px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 2px var(--bg);transition:transform .2s}
.pk-dot[aria-current] i{transform:scale(1.7);background:#fff;box-shadow:0 0 0 1.5px var(--bg),0 0 0 3px var(--c)}
.pk-train{position:absolute;left:0;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--bg),0 0 10px rgba(255,255,255,.5);z-index:3;pointer-events:none;will-change:transform}
.deck{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}
.deck::-webkit-scrollbar{display:none}
.card{position:relative;flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:8px var(--gut) 10px;overflow:hidden}
.card .kick{font-size:13px;min-height:24px}.card .bu{font-size:12px}
.card h2{font:600 clamp(34px,10.4vw,48px)/.95 var(--sans);letter-spacing:-.035em;text-wrap:balance}
.card .ln2{font-size:clamp(17px,4.8vw,21px);max-width:none}
.card .go{font-size:15px;min-height:40px;margin-top:0}
.card .sub{font-size:16px;color:var(--dim)}
.cv{position:relative;flex:1;min-height:0;width:100%;margin-top:4px}
.cv .pano,.cv .pic,.cv .stg{height:100%}
.pk-boat .cv .pic img{animation:float 7s ease-in-out infinite}
.pk-nav{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;height:58px;padding:0 var(--gut);border-top:1px solid var(--rule)}
.pk-nav button{display:inline-flex;align-items:center;gap:8px;min-height:46px;min-width:46px;font:600 15px/1.1 var(--sans);color:var(--fg)}
.pk-prev{color:var(--dim)!important;max-width:42%}.pk-prev b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-prev:disabled{visibility:hidden}
.pk-next{margin-left:auto;padding:0 14px;border-radius:24px;background:var(--fg);color:#000!important;max-width:64%}.pk-next b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Card 0: the map as a list */
.c0{gap:12px;overflow-y:auto}
.c0 #peek{font:600 clamp(30px,8.6vw,40px)/1.02 var(--sans);letter-spacing:-.028em;text-wrap:balance;margin-top:4px}
.c0 .bk>span{flex-basis:100%;margin:0}
.pk-list{width:100%;margin-top:2px}
.pk-list li{position:relative}
.pk-list li::before{content:"";position:absolute;left:19px;top:0;bottom:0;width:6px;margin-left:-3px;background:var(--c)}
.pk-list li.l-t::before{background:linear-gradient(90deg,var(--w) 0 25%,var(--r) 25% 50%,var(--n) 50% 75%,var(--h) 75%)}
.pk-list li:first-child::before{top:50%}.pk-list li:last-child::before{bottom:50%}
.pk-list button{position:relative;display:grid;grid-template-columns:38px auto minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:clamp(36px,4.6svh,44px);text-align:left}
.pk-list i{display:grid;place-items:center;width:38px;height:24px;border-radius:12px;background:var(--fg);color:#000;font:700 12.5px/1 var(--sans);font-style:normal}
.pk-list b{font-weight:600;font-size:18px;letter-spacing:-.015em;white-space:nowrap}
.pk-list span{font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-hint{display:flex;gap:8px;align-items:center;font-weight:600;font-size:15px;color:var(--r)}.pk-hint span{animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(6px)}}
.pk-note{font-size:13px;color:var(--dim)}
/* Dead zone card */
.card.dz .cv{display:flex;flex-direction:column}
.card.dz .dzc{position:relative;inset:auto;left:auto;display:block;flex:0 0 63%;width:100%;height:63%;-webkit-mask-image:none;mask-image:none;border-radius:2px}
.card.dz .dzsh{display:none}
.card.dz .o2{position:absolute;top:10px;right:12px;left:auto;bottom:auto;width:auto;display:block;text-align:right}
.card.dz .o2r{font-size:30px;margin:0}.card.dz .o2h{font-size:11.5px;margin-top:4px}.card.dz .o2rail{display:none}
.card.dz .dzst{position:relative;left:auto;right:auto;bottom:auto;flex:1;width:auto;height:auto;margin-top:12px}
.card.dz .dzst li{top:0;bottom:auto;font-size:clamp(15px,4.3vw,18px);line-height:1.32}
/* Exploded drawing cards */
.card.ex .fig{font-size:11.5px;gap:4px 10px}
/* Harbormaster: the live board, scaled to fit the card */
.fit{position:absolute;inset:0;overflow:hidden}
.fit .wid{width:100%;min-height:0;transform-origin:top center;display:block}
/* Status, crew, origin, log, contact */
.pk-status .big.four{height:auto;margin-top:8px;grid-template-columns:1fr 1fr;gap:20px 14px}.pk-status .big dt{font-size:clamp(34px,10vw,46px)}.pk-status .big dd{font-size:14px}
.pk-crew .crw{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.pk-crew .crw img{margin-bottom:4px}.pk-crew .crw b{font-size:13px;line-height:1.15}.pk-crew .crw span{font-size:11.5px}
.pk-origin .otl{grid-template-columns:minmax(0,1fr);gap:0}
.pk-origin .otl::before{left:11px;right:auto;top:0;bottom:0;width:5px;height:auto}
.pk-origin .otl li{grid-template-columns:27px minmax(0,1fr);column-gap:10px;row-gap:0;padding-bottom:clamp(4px,1.2svh,12px)}
.pk-origin .otl i{grid-row:1/3;margin:0;width:27px;height:27px;box-shadow:inset 0 0 0 5px var(--fg)}
.pk-origin .otl time{font-size:12px}.pk-origin .otl b{font-size:15px}
.pk-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pk-photos a{display:block;aspect-ratio:1;overflow:hidden}.pk-photos img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.pk-more{display:grid!important;place-items:center;align-content:center;gap:4px;background:#1a1a1a;font-weight:600;font-size:14px;text-decoration:none}
.pk-contact .cv{overflow-y:auto}.pk-contact .legal{height:auto;font-size:12px;gap:.7em}.pk-contact .legal .bk{margin-bottom:8px}
@media (max-width:860px){
  .bdi .bdi-descent{height:430vh}
  .homev.pk{min-height:0}
}
@media (max-width:860px) and (max-height:700px){
  .pk-list span{display:none}.pk-list button{min-height:32px}.pk-list b{font-size:16px}
  .card h2{font-size:clamp(30px,9vw,38px)}.card .ln2{font-size:16px}.card .kick{min-height:20px}
}
@media (prefers-reduced-motion:reduce){.in,.trk b,.pic img{animation:none!important}.vis{transform:none!important}.vin,.txt>*{transition:none!important}}