.helm{--paper:#f7f0e1;--paper-edge:#e3d3b2;--ink:#2b2118;--ink-soft:#5d4b38;--brass:#94622a;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}.legs{padding:var(--bar-h) 0 4rem;max-width:80rem;margin:0 auto;list-style:none}.leg{scroll-margin-top:var(--bar-h);padding:2rem 0 3rem}@media (width>=48rem){.leg{padding-inline:2rem}}.postcard{aspect-ratio:390/405;background:#0b1630;position:relative;overflow:hidden}.postcard>svg{width:100%;height:100%;position:absolute;inset:0}@media (width>=48rem){.postcard{aspect-ratio:16/9;border-radius:1.25rem;box-shadow:0 40px 90px -50px #000000e6}}.paint{font-family:var(--font-mono);letter-spacing:.08em;font-weight:600}.paint-serif{letter-spacing:.02em;font-family:ui-serif,Iowan Old Style,Palatino,Georgia,serif}.caption{border:1px solid var(--paper-edge);background:linear-gradient(180deg, #ffffff73, transparent 30%), var(--paper);max-width:40rem;color:var(--ink);border-radius:.9rem;margin:-2.5rem 1rem 0;padding:1.4rem 1.4rem 1.5rem;position:relative;box-shadow:0 24px 60px -30px #000000bf}@media (width>=48rem){.caption{margin:-5rem 0 0 2.5rem;padding:1.75rem 2rem 1.9rem}}.caption strong{color:var(--ink)}.caption code{color:#0e7490}.caption a{color:#0f5e8a;text-underline-offset:.18em;text-decoration:underline}.caption-kicker,.caption-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-size:.72rem}.caption-title,.caption-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin-top:.35rem;font-size:1.85rem;font-weight:600;line-height:1.15}.caption-name{font-size:clamp(2.2rem,6vw,3.4rem)}.caption-roles{font-family:var(--font-mono);color:var(--ink-soft);margin-top:.4rem;font-size:.85rem}.caption-line{font-family:var(--serif);color:var(--ink);margin-top:.75rem;font-size:1.15rem;line-height:1.55}.caption-aside{color:var(--ink-soft);margin-top:.9rem;line-height:1.55}.caption-ashore{border-top:1px dashed var(--paper-edge);margin-top:1.25rem;padding-top:1rem}.caption-real{color:var(--ink);margin-top:.25rem;font-weight:600}.caption-beats{color:var(--ink-soft);gap:.45rem;margin-top:.75rem;line-height:1.45;display:grid}.caption-beats li{grid-template-columns:4.2rem 1fr;gap:.6rem;display:grid}.caption-marker{font-family:var(--font-mono);color:var(--brass);padding-top:.1rem;font-size:.8rem}.caption-stats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem 1.25rem;margin-top:.9rem;display:grid}.caption-stats div{flex-direction:column;display:flex}.caption-stats dt{color:var(--ink-soft);order:2;margin-top:.15rem;font-size:.78rem;line-height:1.35}.caption-stats dd{font-family:var(--font-mono);letter-spacing:-.02em;color:#0f5e8a;order:1;font-size:1.35rem;font-weight:600}.caption-folds{color:var(--ink-soft);gap:.3rem;margin-top:.85rem;font-size:.85rem;line-height:1.4;display:grid}.caption-folds strong{font-family:var(--font-mono);color:#0f5e8a}.caption-link{font-family:var(--font-mono);margin-top:1.1rem;font-size:.82rem;display:inline-block}.aboard{margin-top:1.1rem}.aboard-list{flex-wrap:wrap;gap:.45rem;margin-top:.45rem;display:flex}.caption .aboard-name{border:1px solid var(--paper-edge);height:2.25rem;font-family:var(--font-mono);color:var(--ink);background:#fffdf8;border-radius:.5rem;align-items:center;padding:0 .7rem;font-size:.78rem;text-decoration:none;display:inline-flex}.caption .aboard-logo{border:1px solid var(--paper-edge);background:#fff;border-radius:.5rem;align-items:center;height:2.25rem;padding:.35rem .6rem;display:inline-flex}.aboard-logo img{width:auto;height:100%}.caption .aboard-name:hover,.caption .aboard-logo:hover{border-color:var(--brass)}.caption-hint{font-family:var(--font-mono);color:var(--brass);margin-top:1.1rem;font-size:.78rem}html:not([data-voyage]) .caption-hint{display:none}.caption-hint-arrow{display:inline-block}@media (prefers-reduced-motion:no-preference){html[data-voyage] .caption-hint-arrow{animation:1.6s ease-in-out infinite helm-nudge}}@keyframes helm-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(.3em)}}.caption-beats li[data-on]{color:var(--ink)}.caption-beats li[data-on] .caption-marker{color:#0f5e8a}.stage{display:none}html[data-voyage] .stage{z-index:0;background:linear-gradient(#1c2350,#7a5e9c 38%,#f4b48e 62%,#4a5a8c 62%,#1d2752);height:100svh;display:block;position:sticky;top:0;overflow:hidden}html[data-voyage] .stack,html[data-voyage] .stack>svg{width:100%;height:100%;position:absolute;inset:0}html[data-voyage] .stack>svg[data-culled]{display:none}@media (width>=48rem) and (aspect-ratio>=5/4){html[data-voyage] .stage{--u:max(100vw / 1600, 100svh / 900)}html[data-voyage] .stack:not([data-stack=sky]){translate:calc(var(--u) * 200) 0}html[data-voyage] .stack>svg{overflow:visible}html[data-voyage] .leg:first-child{min-height:100svh}}html[data-voyage] .legs{z-index:1;max-width:none;margin-top:-100svh;padding:0;position:relative}html[data-voyage] .leg{min-height:calc(150svh + var(--beats,0) * 30svh);padding:calc(var(--bar-h) + 1.25rem) 0 0 clamp(1rem, 3vw, 2.5rem)}html[data-voyage] .leg .postcard{display:none}html[data-voyage] .caption{top:calc(var(--bar-h) + 1.25rem);max-width:min(29rem,36vw);margin:0;padding:1.35rem 1.5rem 1.4rem;position:sticky}html[data-voyage] .caption-title{font-size:1.6rem}html[data-voyage] .caption-line{font-size:1.05rem}html[data-voyage] .caption-beats{gap:.25rem;font-size:.9rem}html[data-voyage] .caption-beats:has(>:nth-child(7)){grid-template-columns:1fr 1fr}html[data-voyage] .caption-beats:has(>:nth-child(7)) .beat-text{display:none}html[data-voyage] .caption-beats:has(>:nth-child(7)) li{grid-template-columns:1.6rem 1fr}html[data-voyage] .leg:last-child{padding-bottom:60svh}@media (prefers-reduced-motion:no-preference){html[data-voyage] .stack[data-stack=boat]>svg{animation:4.6s ease-in-out infinite helm-bob}html[data-voyage] .avatar[data-pose=row] .av-arm-a,html[data-voyage] .avatar[data-pose=row] .av-arm-b{animation:1.8s ease-in-out infinite helm-row}html[data-voyage] .glint-a,html[data-voyage] .glint-b{animation:2.8s ease-in-out infinite helm-glint}html[data-voyage] .glint-b{animation-delay:-1.4s}}@keyframes helm-glint{0%,to{opacity:1}50%{opacity:.45}}@keyframes helm-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.45%)rotate(.35deg)}}@keyframes helm-row{0%,to{transform:rotate(-40deg)}50%{transform:rotate(-74deg)}}@media (width<=47.99rem),(aspect-ratio<=5/4){html[data-voyage] .voyage{padding-top:var(--bar-h)}html[data-voyage] .stage{top:var(--bar-h);z-index:2;border-bottom:1px solid var(--color-line);height:48svh}html[data-voyage] .legs{margin-top:0}html[data-voyage] .leg{min-height:calc(60svh + var(--beats,0) * 22svh);padding:1rem .75rem 0}html[data-voyage] .caption{max-width:none;position:relative;top:auto}html[data-voyage] .leg:last-child{padding-bottom:30svh}}.marks{max-width:76rem;color:var(--color-muted);margin:0 auto;padding:2.5rem 1.25rem 1rem;font-size:.72rem;line-height:1.55}.marks ul{gap:.2rem;margin-top:.5rem;display:grid}
