@layer sections{.hero{--hero-mode: wide;--sea-top: 0.575;--sea-bottom: 0.89;--wave-scale: 1;--moon-x: 38.5%;--moon-y: 12.5%;--moon-size: clamp(64px, 6.8vw, 116px);--kraken-face-x: 22%;--kraken-face-y: 68%;--kraken-size: min(50vw, 82svh);--kraken-swell: 5;--kraken-z: 13;--ship-x: 52%;--ship-w: min(46vw, 86svh);--copy-top: clamp(0.75rem, 3svh, 2.2rem);--copy-max: 40rem;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--night-800);color:var(--text)}@supports (height: 100svh){.hero{min-height:max(100svh,var(--hero-fit-h, 0px))}}@supports not (height: 100svh){.hero{min-height:max(100vh,var(--hero-fit-h, 0px))}}@media(max-width:1023.98px){.hero{--sea-top: 0.58;--moon-x: 60%;--moon-y: 11%;--kraken-face-x: 14%;--kraken-face-y: 70%;--kraken-size: min(46vw, 62svh);--ship-x: 47%;--ship-w: min(54vw, 80svh);--copy-max: 34rem}}@media(max-width:767.98px),(max-aspect-ratio:4/5){.hero{--hero-mode: tall;--sea-top: 0.63;--sea-bottom: 0.915;--wave-scale: 0.8;--moon-x: 77%;--moon-y: 14.5%;--moon-size: clamp(40px, 10.5vw, 84px);--kraken-face-x: 30%;--kraken-face-y: 67%;--kraken-size: min(98vw, 50svh);--kraken-swell: 3;--kraken-z: 8;--ship-x: 46%;--ship-w: min(60vw, 44svh);--copy-top: clamp(0.75rem, 2.5svh, 2rem);--copy-max: 36rem}}@media(max-width:767.98px),(max-aspect-ratio:4/5){.hero__flash{height:min(620px,52svh)}}@media(max-width:480px){.hero{--kraken-face-x: 29%;--kraken-size: min(100vw, 52svh);--ship-x: 45%;--ship-w: 58vw}}@media(min-width:1440px){.hero{--kraken-size: min(49vw, 82svh);--ship-w: min(44vw, 86svh);--copy-max: 44rem}}@media(orientation:landscape)and (max-height:560px){.hero{--hero-mode: wide;--sea-top: 0.63;--sea-bottom: 0.93;--wave-scale: 0.85;--moon-x: 53%;--moon-y: 17%;--moon-size: clamp(34px, 9svh, 56px);--kraken-face-x: 63%;--kraken-face-y: 68%;--kraken-size: min(28vw, 60svh);--kraken-swell: 3;--kraken-z: 8;--ship-x: 66%;--ship-w: min(34vw, 74svh);--copy-top: 0.4rem;--copy-max: 23rem}}.hero svg{max-width:none}.hero__sky,.hero__plane,.hero__group{position:absolute;inset:0;pointer-events:none}.hero__plane{will-change:translate,transform}.hero__sky{z-index:0;--moon-cx: calc(var(--moon-fit-x, var(--moon-x)) + var(--moon-size) * 0.5);--moon-cy: calc(var(--moon-fit-y, var(--moon-y)) + var(--moon-size) * 0.5);background:radial-gradient(ellipse 34% 38% at var(--moon-cx) var(--moon-cy),rgb(233 228 214 / 0.085),rgb(233 228 214 / 0.03) 55%,transparent 100%),radial-gradient(ellipse 150% 120% at 48% 34%,transparent 52%,rgb(4 7 12 / 0.62) 100%),var(--night-800)}.hero__plane--stars{z-index:1}.hero__plane--moon{z-index:2;inset:auto;left:var(--moon-fit-x, var(--moon-x));top:var(--moon-fit-y, var(--moon-y));width:var(--moon-size);aspect-ratio:1}.hero__plane--flash{z-index:3}.hero__group--clouds-far{z-index:4}.hero__plane--bolt{z-index:5}.hero__group--clouds-near{z-index:6}.hero__group--waves-far{z-index:7}.hero__plane--kraken{z-index:var(--kraken-z, 8);inset:auto;left:calc(var(--kraken-face-x) - var(--kraken-size) * 0.507);top:calc(var(--kraken-face-fit, var(--kraken-face-y)) - var(--kraken-size) * 0.557);width:var(--kraken-size);aspect-ratio:1}.hero>.hero__arms--back{z-index:9}.hero__plane--ship{z-index:10;inset:auto;left:var(--ship-x);top:0;width:var(--ship-w);aspect-ratio:640 / 600}.hero>.hero__arms--front{z-index:11}.hero__group--waves-mid{z-index:12}.hero>.hero__arms--fore{z-index:13}.hero__group--waves-front{z-index:14}.hero>.hero__spray{z-index:15}@keyframes hero-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(var(--out-k, 0) * var(--hero-out-h, 0px)),0)}}.hero [data-plane].is-bare [fill*=grain]{visibility:hidden}@supports (animation-timeline: scroll()) and (animation-range: 0px 1px){.hero.is-out :is([data-plane]:not(.is-late),.hero__arms){animation:hero-out linear both;animation-timeline:scroll(root block);animation-range:var(--hero-out-at, 0px) calc(var(--hero-out-at, 0px) + var(--hero-out-h, 100vh))}}.hero__stars{position:absolute;left:0;top:0;overflow:visible}.hero__twinkle{position:absolute;display:block;animation:hero-twinkle 8s ease-in-out infinite;will-change:opacity,transform}.hero__twinkle svg{width:100%;height:100%;overflow:visible}@keyframes hero-twinkle{0%,64%,100%{opacity:0.8;transform:scale(1) rotate(0deg)}74%{opacity:0.22;transform:scale(0.7) rotate(-6deg)}82%{opacity:1;transform:scale(1.3) rotate(8deg)}90%{opacity:0.9;transform:scale(1) rotate(0deg)}}.hero__halo{position:absolute;inset:-190%;background:radial-gradient(closest-side,rgb(236 231 218 / 0.3) 0%,rgb(233 228 214 / 0.15) 20%,rgb(214 222 236 / 0.06) 46%,transparent 100%)}.hero__moon,.hero__static-moon{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero__flash{--flash-glow: radial-gradient( closest-side, rgb(226 233 244 / 0.62) 0%, rgb(206 218 236 / 0.34) 30%, rgb(170 190 220 / 0.12) 62%, transparent 100% );position:absolute;left:0;top:0;width:min(1200px,120vw);height:min(860px,95svh);opacity:0;background:var(--flash-glow);will-change:opacity,translate}.hero__flash--fit{background:none}.hero.is-asleep>:not(.hero__copy,.hero__dive){display:none}.hero__flash--fit::before{content:"";position:absolute;left:0;top:0;width:calc(100% / 3);height:calc(100% / 3);background:var(--flash-glow);transform-origin:0 0;scale:3;will-change:transform}.hero__bolt{position:absolute;overflow:visible;will-change:opacity}.hero__rim{position:absolute;left:0;top:0;overflow:visible;opacity:0;will-change:opacity}.hero__drift{position:absolute;inset:0;will-change:transform}.hero__clouds{position:absolute;inset:0}.hero__cloud{position:absolute;overflow:visible}.hero__band{position:absolute;overflow:visible;will-change:transform}.hero__band-sheet{position:absolute;left:0;top:0;overflow:visible}@supports (-moz-appearance: none){.hero__band,.hero__drift{filter:opacity(1)}}.hero__plane--kraken>svg,.hero__plane--kraken>*{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero__plane--kraken.is-late{animation:hero-rise 700ms var(--ease-out) both}.ship{position:absolute;inset:0;will-change:transform}.ship__back,.ship__front{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ship__sail,.ship__flag,.ship__glow{position:absolute}.ship__sail>svg,.ship__flag>svg{display:block;width:100%;height:100%;overflow:visible}.ship__sail{animation:ship-breathe 4.6s ease-in-out infinite alternate;will-change:transform}@keyframes ship-breathe{from{transform:scaleX(0.98)}to{transform:scaleX(1.02)}}.ship__flag{animation:ship-flag 1.3s ease-in-out infinite;will-change:transform}@keyframes ship-flag{0%,100%{transform:skewY(0deg) scaleX(1)}30%{transform:skewY(4deg) scaleX(0.93)}62%{transform:skewY(-3deg) scaleX(0.98)}}.ship__glow{background:radial-gradient(closest-side,rgb(255 214 128 / 0.75) 0%,rgb(255 204 102 / 0.34) 18%,rgb(255 190 90 / 0.1) 48%,transparent 100%);animation:ship-lantern 2.7s linear infinite;will-change:opacity}@keyframes ship-lantern{0%{opacity:0.84}9%{opacity:1}16%{opacity:0.78}29%{opacity:0.95}41%{opacity:0.74}55%{opacity:1}68%{opacity:0.86}81%{opacity:0.97}100%{opacity:0.84}}.hero.is-idle :is(.hero__twinkle,.ship__sail,.ship__flag,.ship__glow,.hero__anchor),.hero.is-held :is(.hero__twinkle,.ship__sail,.ship__flag,.ship__glow),.hero.is-cue-away .hero__anchor{animation-play-state:paused}.hero.is-cue-crowded .hero__dive{visibility:hidden}.hero__static-sea{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%}.hero__copy{position:relative;z-index:20;padding:calc(var(--header-h) + var(--copy-top)) var(--gutter) 0 clamp(var(--gutter),5.5vw,8rem);pointer-events:none}.hero__copy>*{max-width:var(--copy-max);pointer-events:auto}.hero__kicker{display:flex;align-items:center;gap:0.7em;margin-bottom:1.1rem;color:var(--gold-300);text-shadow:0 1px 2px rgb(0 0 0 / 0.6)}.hero__kicker::before{content:"";width:2.2em;height:2px;background:currentColor;box-shadow:var(--box-shadow-1);clip-path:polygon(0 20%,100% 0,96% 100%,3% 85%)}.hero__title{font-size:min(clamp(2.6rem,1rem + 4.6vw,5.3rem),8.6svh);font-weight:620;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-optical-sizing:none;line-height:0.93;overflow-wrap:break-word;hyphens:none;letter-spacing:-0.028em;color:var(--parchment-100);text-shadow:0.5px 0.6px 0 #d8cdb3,1px 1.3px 0 #b3a78f,1.6px 2px 0 #8a806d,2.2px 2.7px 0 #5f5849;filter:var(--shadow-3);margin:0 0 0.3em;text-wrap:balance}.hero__title-line{display:block}.hero__title-break{display:inline-block;color:var(--parchment-200);rotate:-3.2deg;translate:0.04em 0.07em;transform-origin:0% 80%}.hero__sub{font-size:clamp(1.1rem,0.95rem + 0.55vw,1.42rem);line-height:1.42;color:var(--text);max-width:min(var(--copy-max),31rem);text-shadow:0 1px 2px rgb(0 0 0 / 0.6),0 0 10px rgb(11 15 23 / 0.55);margin-bottom:1.6rem}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.9rem 1.5rem}.hero__cta{font-size:var(--step-1);padding-block:0.7em}.hero__secondary{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--parchment-200);font-weight:500;text-shadow:0 1px 2px rgb(0 0 0 / 0.65),0 0 10px rgb(11 15 23 / 0.55);text-decoration-color:var(--parchment-edge)}.hero__secondary:hover{color:var(--parchment-100);text-decoration-color:currentColor}.hero__dive{position:absolute;z-index:20;left:50%;bottom:calc(var(--divider-h) + 0.75rem);translate:-50% 0;display:grid;justify-items:center;gap:0.2rem;min-width:var(--tap);min-height:var(--tap);padding:0.35rem 0.6rem;color:var(--parchment-100);text-decoration:none}.hero__anchor{width:2.1rem;height:auto;filter:var(--shadow-2);animation:hero-sink 3.6s var(--ease-in-out) infinite}.hero__dive-label{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;font-size:0.9rem;letter-spacing:0.26em;text-transform:uppercase;padding-left:0.24em;text-shadow:0 1px 2px rgb(0 0 0 / 0.7)}.hero__dive:hover .hero__anchor{filter:var(--shadow-3)}@media(max-width:767.98px),(max-aspect-ratio:4/5){.hero__dive{left:calc(clamp(var(--gutter),5.5vw,8rem) - 0.6rem);translate:none}}@keyframes hero-sink{0%,18%{transform:translateY(0) rotate(0deg);opacity:1}62%{transform:translateY(12px) rotate(4deg);opacity:0.95}80%{transform:translateY(20px) rotate(-3deg);opacity:0}81%{transform:translateY(-8px) rotate(0deg);opacity:0}94%,100%{transform:translateY(0) rotate(0deg);opacity:1}}.hero.is-assembling [data-plane]{opacity:0}.hero.is-assembling.is-playing [data-plane]{animation:hero-assemble var(--intro-dur, 420ms) var(--ease-out) var(--intro-delay, 0ms) both}@keyframes hero-assemble{0%{opacity:0;transform:translate3d(0,var(--intro-y, 24px),0)}30%{opacity:1}100%{opacity:1;transform:none}}@keyframes hero-rise{from{opacity:0;transform:translate3d(0,40px,0)}}.hero.is-assembling .hero__arms{opacity:0}.hero.is-assembling.is-playing .hero__arms{animation:hero-arms-in 1ms linear 560ms both}.hero.is-assembling.is-playing .hero__arms--fore{animation-delay:600ms}@keyframes hero-arms-in{from{opacity:0}to{opacity:1}}@media(max-width:480px){.hero__actions{flex-wrap:nowrap;gap:0.9rem}.hero__cta{font-size:var(--step-0);padding-inline:1em 0.95em;white-space:nowrap}.hero__secondary{font-size:var(--step--1)}}@media(max-width:16em){.hero__actions{flex-wrap:wrap}.hero__cta{white-space:normal}}@media(max-width:13.5em){.hero__title{font-size:min(clamp(2.6rem,1rem + 4.6vw,5.3rem),8.6svh,2.4rem)}}@media(max-width:12.5em){.hero__title{font-size:min(clamp(2.6rem,1rem + 4.6vw,5.3rem),8.6svh,2.2rem)}}@media(max-width:11.5em){.hero__title{font-size:min(clamp(2.6rem,1rem + 4.6vw,5.3rem),8.6svh,1.95rem)}}@media(max-width:10.5em){.hero__title{font-size:min(clamp(2.6rem,1rem + 4.6vw,5.3rem),8.6svh,1.7rem)}}@media(max-width:9.5em){.hero__title{font-size:min(clamp(2.6rem,1rem + 4.6vw,5.3rem),8.6svh,1.5rem)}}@media(max-width:8.5em){.hero__title{hyphens:manual}}@media(orientation:landscape)and (max-height:560px){.hero__kicker,.hero__dive{display:none}.hero__sub{font-size:1rem;margin-bottom:0.9rem}.hero__cta{font-size:var(--step-0)}}}@layer sections{.section--demos{--demo-margin: clamp(1.75rem, 7.5vw, 7rem);--demo-gap-x: clamp(3.75rem, 5.6vw, 5rem);--demo-gap-y: clamp(3.75rem, 6.2vw, 5.75rem);--card-thick: 3.5px;--card-radius: 5px;--chart-line: rgb(233 228 214 / 0.075);--chart-ink: rgb(233 228 214 / 0.3);--demos-band: clamp(12rem, min(40vw, 50svh) + 4rem, 30rem);scroll-margin-top:calc(12svh - var(--divider-h) - var(--demos-band))}@media screen{.section--demos{--demos-band: clamp(11.5rem, max(min(33vw, 40svh) + 3.6rem, 27svh), 26rem)}}.section--demos>.section__content.demos__content{width:min(100% - 2 * var(--demo-margin),78rem);padding-top:var(--demos-band);padding-bottom:clamp(4rem,9vw,7rem)}.demos__head{max-width:38rem;margin-bottom:clamp(4.25rem,10vh,7rem)}.demos__head .section-lede,.demos__owasp{max-width:33rem}.demos__owasp{font-size:var(--step--1);margin-bottom:0.6em}.demos__howto{font-size:var(--step--1);margin:0}.demos__waterline{overflow:clip}.demos__waterline>*{position:absolute;pointer-events:none}.demos__waterline svg{overflow:visible}.waterline__caustic,.waterline__scene{will-change:transform}.waterline--drift,.waterline--drift-wide,.waterline--sway,.waterline--bob{animation-duration:var(--wl-dur, 5s);animation-delay:var(--wl-delay, 0s);animation-timing-function:cubic-bezier(0.37,0,0.63,1);animation-iteration-count:infinite;animation-direction:alternate}.waterline--drift{animation-name:waterline-drift}.waterline--drift-wide{animation-name:waterline-drift-wide}.waterline--sway{animation-name:waterline-sway}.waterline--bob{animation-name:waterline-bob}html:is(.calm,.reduced-motion,.stage-open) :is(.waterline--drift,.waterline--drift-wide,.waterline--sway,.waterline--bob){animation-play-state:paused}.waterline--in{animation:waterline-in 0.3s ease-out both}.waterline--out{animation:waterline-in 0.2s ease-in reverse both}@keyframes waterline-in{from{opacity:0}}@keyframes waterline-drift{from{translate:-16px 0}to{translate:16px 0}}@keyframes waterline-drift-wide{from{translate:-26px 0}to{translate:26px 0}}@keyframes waterline-sway{from{rotate:-1.5deg}to{rotate:1.5deg}}@keyframes waterline-bob{from{translate:0 -1.8px}to{translate:0 1.8px}}.demos__surface{position:absolute;inset:0 0 auto 0;height:0;z-index:var(--z-section-fore);pointer-events:none}.demos__surface>*{position:absolute;pointer-events:none}.demos__surface svg{overflow:visible}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--demo-gap-y) var(--demo-gap-x);align-items:stretch}@media(min-width:47.5em){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:73.75em){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-card{--lift: 0;--sx: 1;--pad: clamp(1.05rem, 5.6cqi, 1.45rem);position:relative;display:grid;container:demo-card / inline-size;color:var(--ink);-webkit-tap-highlight-color:transparent}.js .demo-card{cursor:pointer;z-index:1}.demo-card.is-turning{z-index:3}.demo-card__shadow{position:absolute;inset:0;z-index:0;border-radius:var(--card-radius);pointer-events:none;transform:scaleX(var(--sx))}.demo-card__shadow::before,.demo-card__shadow::after{content:"";position:absolute;border-radius:inherit;transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.demo-card__shadow::before{inset:0;box-shadow:var(--box-shadow-2);opacity:calc(1 - var(--lift) * 1.6)}.demo-card__shadow::after{--rest: 0;inset:4% 5%;background:#02070d;filter:blur(16px);opacity:max(var(--rest) * 0.3,var(--lift) * 0.55);transform:translate(max(var(--rest) * 3px,var(--lift) * 11px),max(var(--rest) * 10px,var(--lift) * 30px)) scale(calc(1 + var(--lift) * 0.05))}.demo-card.is-turning .demo-card__shadow{will-change:transform}.demo-card.is-turning .demo-card__shadow::before,.demo-card.is-turning .demo-card__shadow::after{transition:none;will-change:opacity,transform}@media(hover:hover){.js .demo-card:not(.is-turning):hover .demo-card__shadow::after{--rest: 1}}.demo-card__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr)}.js .demo-card__inner,.js .demo-card__edges{transform-style:preserve-3d}.js .demo-card.is-flipped .demo-card__inner,.js .demo-card.is-flipped .demo-card__edges{transform:rotateY(180deg)}.demo-card__edges{position:absolute;inset:0;z-index:1;pointer-events:none}.demo-card__ply{position:absolute;pointer-events:none}.demo-card__ply--l,.demo-card__ply--r{top:var(--card-radius);bottom:var(--card-radius);width:var(--card-thick);background:linear-gradient(90deg,var(--parchment-200) 0 0.9px,var(--parchment-edge) 0.9px 1.25px,#cbb68c 1.25px 2.25px,#5c5446 2.25px 2.6px,var(--chart) 2.6px)}.demo-card__ply--l{left:calc(var(--card-thick) / -2);transform:rotateY(90deg)}.demo-card__ply--r{right:calc(var(--card-thick) / -2);transform:rotateY(90deg)}.demo-card__face{position:relative;display:flex;flex-direction:column;padding:var(--pad);border-radius:var(--card-radius);background-color:var(--parchment-100);background-image:var(--grain);background-size:256px 256px;box-shadow:inset 1px 1px 0 rgb(255 255 255 / 0.55),inset -1px -1px 0 rgb(60 44 20 / 0.12)}.js .demo-card__face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.js .demo-card__face--front{transform:translateZ(calc(var(--card-thick) / 2))}.js .demo-card__face--back{transform:rotateY(180deg) translateZ(calc(var(--card-thick) / 2))}.js .demo-card:not(.is-flipped):not([data-facing]) .demo-card__face--back,.js .demo-card.is-flipped:not([data-facing]) .demo-card__face--front,.js .demo-card[data-facing=front] .demo-card__face--back,.js .demo-card[data-facing=back] .demo-card__face--front{visibility:hidden}.demo-card__sheen,.demo-card__shade{position:absolute;z-index:6;pointer-events:none;opacity:0}.demo-card__sheen{inset:-2% -60%;background:linear-gradient(104deg,transparent 40%,rgb(255 247 228 / 0.5) 50%,transparent 60%)}.demo-card__shade{inset:0;border-radius:inherit;background:var(--abyss)}.js .demo-card.is-fading .demo-card__inner{transform:none;transform-style:flat}.js .demo-card.is-fading .demo-card__face{transform:none;z-index:1}.js .demo-card.is-fading .demo-card__face.is-outgoing{z-index:2}.js .demo-card.is-fading .demo-card__ply{display:none}.demo-card__stamp{position:absolute;top:calc(var(--pad) * 0.6);right:calc(var(--pad) * 0.62);width:3.3rem;font-size:0.6rem;z-index:1}.demo-card__primitive{margin:0 3.9rem 0.3rem 0;font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.03em;line-height:1.35;color:var(--broken-ink)}.demo-card .demo-card__title{margin:0 3.4rem 0.75rem 0;font-size:clamp(1.45rem,0.95rem + 4.1cqi,2rem);line-height:1.04;color:var(--ink);font-variation-settings:"SOFT" 80,"WONK" 1,"opsz" 48;hyphens:none}@media(max-width:19.5em){.demo-card .demo-card__title{hyphens:auto}}@media(max-width:10.5em){.demo-card .demo-card__title{font-size:1.35rem}}.demo-card__window{position:relative;flex:1 1 auto;min-height:clamp(8.75rem,46cqi,12.5rem);max-height:calc((100cqi - 2 * var(--pad)) * 1.14);margin:0 0 0.95rem;border-radius:50% 50% 4px 4px / 32% 32% 4px 4px;overflow:hidden;isolation:isolate;background:var(--sea-700)}.demo-card__window::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 1.5px 2.5px 2.5px rgb(0 0 0 / 0.5),inset 3px 7px 12px rgb(0 0 0 / 0.22),inset -1px -1px 0 rgb(255 250 238 / 0.4)}.demo-card__window>svg,.demo-card__window>img,.demo-card__window>canvas{position:absolute;inset:0;width:100%;height:100%}.demo-card__window>canvas{max-width:none}.no-js .demo-card__window{display:none}.demo-card__why{margin:0 0 1rem;font-size:1rem;line-height:1.42;color:var(--ink-soft)}.demo-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem 1rem;margin-top:auto}.demo-card__face--front .demo-card__crack{font-size:var(--step--1)}.demo-card__flip{display:inline-flex;align-items:center;gap:0.4em;min-height:var(--tap);padding:0.35rem 0.15rem;margin-left:auto;border:0;background:none;color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:var(--step--1);line-height:1.15;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.24em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.demo-card__flip:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.demo-card__flip-icon{display:block;flex:none;width:1.35em;height:1.35em;rotate:0deg;transition:rotate var(--dur-med) var(--ease-out)}.demo-card__flip-icon>svg{display:block;width:100%;height:100%}.demo-card__flip:hover .demo-card__flip-icon,.demo-card__flip:focus-visible .demo-card__flip-icon{rotate:-25deg}.demo-card__face--front :focus-visible{outline:var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 7px var(--ink)}.demo-card__face--front .tag:focus-visible{outline-offset:2px}.demo-card__face--back{color:var(--text);background-color:var(--chart);background-image:repeating-linear-gradient(90deg,var(--chart-ink) 0 1px,transparent 1px 11px),repeating-linear-gradient(0deg,var(--chart-ink) 0 1px,transparent 1px 11px),linear-gradient(var(--chart-line) 1px,transparent 1px),linear-gradient(90deg,var(--chart-line) 1px,transparent 1px),var(--grain);background-size:calc(100% - 22px) 4px,4px calc(100% - 22px),100% 26px,26px 100%,256px 256px;background-position:11px 7px,7px 11px,0 13px,13px 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat,repeat;box-shadow:inset 0 0 0 6px var(--chart),inset 0 0 0 7px rgb(233 228 214 / 0.26),inset 1px 1px 0 rgb(255 255 255 / 0.14)}.demo-card__compass{position:absolute;right:-1.25rem;bottom:-1.5rem;width:9.5rem;height:9.5rem;opacity:0.2;pointer-events:none}.demo-card__face--back>:not(.demo-card__compass,.demo-card__stamp,.demo-card__sheen,.demo-card__shade){position:relative}.demo-card__face--back .demo-card__primitive{display:flex;align-items:center;min-height:2.75rem;margin-right:3.7rem;margin-bottom:0.55rem;font-size:0.86rem;font-weight:600;color:var(--fixed-on-dark)}:where(.demo-card) .demo-card__fixes{list-style:none;margin:0 0 0.8rem;padding:0;font-size:0.94rem;line-height:1.36}:where(.demo-card) .demo-card__fixes>li{position:relative;padding-left:1.2em;margin-bottom:0.42em}:where(.demo-card) .demo-card__fixes>li::before{content:"";position:absolute;left:0.12em;top:0.52em;width:0.48em;height:0.48em;background:var(--fixed-on-dark);clip-path:polygon(50% 0,100% 46%,54% 100%,0 54%);rotate:8deg}.demo-card .demo-card__standard{margin:0 0 0.6rem;padding-top:0.65rem;border-top:1px dashed rgb(233 228 214 / 0.28);font-size:0.88rem;line-height:1.36}@media(min-width:47.5em){.js .demo-card .demo-card__standard{--flip-band: max(0px, min(var(--demo-gap-x) - 34px, 62px) * 1.04 + 2px - 2.0625rem);margin-top:calc(var(--flip-band) / 2);padding-top:calc(0.65rem + var(--flip-band) / 2)}}.demo-card .demo-card__standard>div+div{margin-top:0.5rem}.demo-card .demo-card__standard dt{font-weight:700;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-300)}.demo-card .demo-card__standard dd{margin:0.1rem 0 0;color:var(--text)}.demo-card__face--back .demo-card__actions{gap:0.2rem 0.9rem}.demo-card__read{order:-1;overflow-wrap:anywhere;display:inline-flex;align-items:center;flex:1 1 100%;min-height:var(--tap);font-weight:700;font-size:0.92rem;line-height:1.25;color:var(--gold-300)}.demo-card__face--back .demo-card__flip{color:var(--text)}.demo-card--showcase .demo-card__shadow::before{box-shadow:var(--box-shadow-3)}.demo-card--showcase .demo-card__shadow::after{--rest: 1}.demo-card--showcase .demo-card__face--front{background-color:#f4ecda}.demo-card__pin{position:absolute;top:calc(var(--pad) * 0.08);left:50%;z-index:2;width:1.05rem;height:1.05rem;margin-left:-0.525rem;pointer-events:none;overflow:visible}.no-js .demo-card__pin{display:none}@container demo-card (max-width: 19.5rem){.demo-card__primitive{font-size:0.74rem}.demo-card__why,:where(.demo-card) .demo-card__fixes{font-size:0.94rem}.demo-card .demo-card__standard{font-size:0.86rem}.demo-card__stamp{width:2.95rem;font-size:0.54rem}}@container demo-card (min-width: 26rem){.demo-card__why{font-size:1.05rem}}@container demo-card (max-width: 10.5rem){.demo-card__stamp{position:relative;top:auto;right:auto;align-self:flex-end;margin:calc(var(--pad) * -0.4) calc(var(--pad) * -0.38) 0.35rem 0}.demo-card__primitive,.demo-card .demo-card__title,.demo-card__face--back .demo-card__primitive{margin-right:0}}@container demo-card (max-width: 16rem){.js .demo-card:not(.is-sized-back) .demo-card__face--back,.js .demo-card.is-sized-back .demo-card__face--front{position:absolute;inset:0 0 auto;min-height:100%}.js .demo-card.is-foot:not(.is-sized-back) .demo-card__face--back,.js .demo-card.is-foot.is-sized-back .demo-card__face--front{inset:auto 0 0}.js .demo-card__window{flex:none;height:calc((100cqi - 2 * var(--pad)) * 0.9)}}.js .demo-lesson{display:none}.no-js .demo-card,.no-js .demo-card__inner{gap:0;align-content:start}.no-js .demo-card{align-self:start}.no-js .demo-card__crack{display:none}.no-js .demo-card__face--back{margin-top:3px;border-radius:0 0 var(--card-radius) var(--card-radius)}.no-js .demo-card__face--front{border-radius:var(--card-radius) var(--card-radius) 0 0}.demo-lesson{position:relative;z-index:1;padding:var(--pad);border-radius:0 0 var(--card-radius) var(--card-radius);background:var(--parchment-200) var(--grain);background-size:auto,256px 256px;color:var(--ink);font-size:0.95rem}.demo-lesson h4{font-size:1.05rem;margin:0.4rem 0 0.35rem}.demo-lesson a{color:var(--sea-700)}.demo-lesson a.term{color:inherit}.demo-lesson code{font-family:var(--font-mono);font-size:0.88em;overflow-wrap:anywhere}.demo-lesson pre.code{margin:0 0 0.6em;padding:0.55em 0.75em;border-left:3px solid var(--broken);background:rgb(29 26 23 / 0.07);font-size:0.8rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.demo-lesson pre.code code{font-size:inherit}.demo-lesson .code__bad{color:var(--broken-ink)}.demo-lesson .code__good{color:var(--fixed-ink)}.demo-lesson .code__cmt{color:var(--ink-soft)}.demo-lesson ul{margin:0 0 0.6em;padding-left:1.1em}@media print{.demo-card__sheen,.demo-card__shade,.demo-card__pin{display:none}}}@layer sections{.section--longgame{--lg-rule: 1.9rem;--lg-ink-red: var(--broken-ink);color:var(--text)}.longgame__art{overflow:visible}.longgame__mesh{position:absolute;inset:0;z-index:var(--z-section-back);pointer-events:none}.longgame__svg{position:absolute;left:0;top:0;overflow:visible}.longgame__raster{position:absolute;display:block;max-width:none;pointer-events:none}.longgame__raster--in{animation:longgame-raster-in 0.3s ease-out both}@keyframes longgame-raster-in{from{opacity:0}}.longgame__content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"head head head head head head head . . . . ." "cap  cap  cap  cap  cap  cap  cap  cap  cap  cap  cap  cap" "mosca mosca mosca mosca mosca mosca mosca mosca arch arch arch arch" "drv  drv  drv  drv  drv  drv  drv  drv  drv  .   .   ." "src  src  src  src  src  src  src  src  src  src  src  src";column-gap:var(--space-l);row-gap:var(--space-xl);padding-block:var(--space-2xl) var(--space-3xl)}.longgame__head{grid-area:head;max-width:40rem}.longgame__head .section-lede{max-width:36rem}.longgame__symmetric{max-width:36rem;margin-top:0.8em;color:var(--text-muted)}.captured{grid-area:cap;margin:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"tape bottle" "tape label" "note label" "deadline .";grid-template-rows:auto 1fr auto auto;column-gap:var(--space-l);row-gap:var(--space-m);align-items:start}.captured__bottle{grid-area:bottle;position:relative;z-index:1;aspect-ratio:2.35 / 1;margin-left:calc(-1 * var(--space-l) - 10px);margin-top:0.5rem}.captured__bottle svg{position:absolute;top:0;left:0;display:block;overflow:visible}.bottle-art__glow{opacity:0;transition:opacity 900ms var(--ease-in-out)}.bottle-art__glow.is-on{opacity:1}.captured__bottle .bottle-art__raster{position:absolute;display:block;max-width:none}.captured__blob{grid-area:tape;position:relative;z-index:2;margin:0;padding:1rem 1.25rem 1.1rem;font-size:0.88rem;line-height:1.55;rotate:-0.35deg;box-shadow:-0.75px -0.75px 0 0 color-mix(in srgb,var(--paper) 78%,white),var(--box-shadow-2)}.captured__blob::after{content:"";position:absolute;top:0;bottom:0;right:-7px;width:8px;background:var(--paper) var(--grain);background-size:256px 256px;clip-path:polygon(0 0,60% 4%,20% 11%,90% 19%,30% 27%,100% 35%,25% 44%,80% 52%,10% 60%,95% 68%,35% 77%,85% 86%,20% 94%,0 100%)}.blob__note{margin:0 0 0.7rem;font-family:var(--font-body);font-size:var(--step--1);font-style:italic;color:var(--ink-soft)}.blob__note--failed{display:none}[data-mount-failed] .captured__blob>.js-only{display:none}[data-mount-failed] .blob__note--failed{display:block;margin:0}.blob{margin:0;display:grid;gap:0.55rem;container:blob / inline-size}.blob__row{display:grid;grid-template-columns:minmax(8.5rem,11rem) minmax(0,1fr);column-gap:1rem;align-items:baseline;padding-top:0.5rem;border-top:1px dashed color-mix(in srgb,var(--ink) 22%,transparent)}.blob__row:first-child{border-top:0;padding-top:0}.blob__label{font-family:var(--font-body);font-weight:700;font-size:var(--step--1);line-height:1.25;color:var(--ink)}.blob__meta{display:block;font-weight:500;font-size:0.78rem;letter-spacing:0.02em;color:var(--ink-soft)}.blob__hex{margin:0;font-family:var(--font-mono);letter-spacing:0.04em;word-spacing:0.1em;color:var(--ink)}.blob__way-in{grid-column:2;margin:0.15rem 0 0;font-family:var(--font-body);font-size:0.82rem;font-weight:700;color:var(--lg-ink-red)}.blob__way-in::before{content:"↑ "}.captured__label{grid-area:label;position:relative;isolation:isolate;justify-self:start;display:grid;gap:0.2rem;margin:0.2rem 0 0 2.2rem;padding:0.85rem 1.2rem 0.95rem 2.3rem;max-width:21rem;color:var(--ink);filter:var(--shadow-2);rotate:-2.5deg;transform-origin:0 50%}.captured__label::after{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--parchment-100);background-image:linear-gradient(color-mix(in srgb,var(--parchment-100) 55%,white),color-mix(in srgb,var(--parchment-100) 55%,white)),var(--grain);background-size:100% 1px,256px 256px;background-repeat:no-repeat,repeat;clip-path:polygon(1.1rem 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,1.1rem 100%,0 50%)}.captured__label::before{content:"";position:absolute;left:0.9rem;top:calc(50% - 0.3rem);width:0.6rem;height:0.6rem;border-radius:50%;background:var(--depth-3);box-shadow:inset 0.5px 1px 1px rgb(0 0 0 / 0.6)}.captured__stamp{justify-self:start;margin-bottom:0.25rem;padding:0.1rem 0.5rem;border:2px solid var(--lg-ink-red);outline:1px solid var(--lg-ink-red);outline-offset:2px;color:var(--lg-ink-red);font-weight:700;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;rotate:-3deg}.captured__eta,.captured__secret{font-size:var(--step--1);color:var(--ink-soft)}.captured__eta output,.captured__secret output{font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:700;font-size:var(--step-2);line-height:1;color:var(--ink)}.captured__eta output{color:var(--lg-ink-red)}.captured__eta output,.captured__secret output{display:inline-block;min-inline-size:4ch}.captured__warn{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.2rem;font-size:var(--step--1);font-weight:700;color:var(--lg-ink-red)}.captured__warn::before{content:"!";display:inline-grid;place-items:center;width:1.15rem;height:1.05rem;font-size:0.72rem;color:var(--on-broken);background:var(--broken);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:0.2rem}.captured__warn[hidden]{display:inline-flex;visibility:hidden}.captured__note{grid-area:note;margin:0.3rem 0 0;max-width:40rem;font-size:var(--step--1);color:var(--text-muted)}.captured__deadline{grid-area:deadline;justify-self:start;max-width:40rem;padding:1rem 1.25rem 1.1rem;rotate:0.3deg}.captured__deadline-label{margin:0 0 0.75rem;font-size:var(--step--1);line-height:1.45;color:var(--ink-soft)}.captured__deadline-label strong{color:var(--ink)}.captured__clock{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(0.35rem,1.4vw,0.5rem);width:min(100%,28rem);margin:0}.captured__clock.is-coarse{width:min(100%,21rem)}.clock__cell{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0.35rem clamp(0.2rem,1.2vw,0.6rem) 0.4rem;background:var(--parchment-200) var(--grain);background-size:256px 256px;border-radius:2px;box-shadow:-0.75px -0.75px 0 0 var(--parchment-100),var(--box-shadow-1)}.clock__cell[hidden]{display:none}.js .captured__clock:empty{min-height:calc(0.75rem + clamp(1.25rem,5.5vw,2rem) * 1.05 + clamp(0.64rem,0.55rem + 0.4vw,0.72rem) * 1.55)}.clock__num{font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:700;font-size:clamp(1.25rem,5.5vw,2rem);line-height:1.05;font-variant-numeric:tabular-nums;color:var(--ink)}.clock__unit{font-size:clamp(0.64rem,0.55rem + 0.4vw,0.72rem);font-weight:700;letter-spacing:clamp(0.04em,1vw - 0.1rem,0.12em);text-transform:uppercase;color:var(--ink-soft)}.clock__passed{grid-row:2;grid-column:1 / span 4;font-weight:700;color:var(--ink)}@media(max-width:36em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.98rem)}}@media(max-width:34em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.87rem)}}@media(max-width:32em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.76rem)}}@media(max-width:30em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.65rem)}}@media(max-width:28em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.54rem)}}@media(max-width:26em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.43rem)}}@media(max-width:24em){.clock__num{font-size:min(clamp(1.25rem,5.5vw,2rem),1.32rem)}}@media(max-width:22.7em){.clock__num{font-size:1.25rem}}.archive{grid-area:arch;position:relative;align-self:start;aspect-ratio:5 / 7;margin-top:3.5rem}.archive__art{position:absolute;top:0;left:0;display:block;overflow:visible}.archive__plate-title{font-family:var(--font-display);font-weight:700;font-size:9.5px;letter-spacing:0.16em;text-transform:uppercase;fill:var(--ink)}.archive__plate-year{font-family:var(--font-mono);font-weight:600;font-size:11px;fill:var(--ink)}.archive__tag{font-family:var(--font-mono);font-weight:600;font-size:6.4px;fill:var(--ink)}.archive__glow,.archive__warm,.archive__warn{opacity:0;transition:opacity 800ms var(--ease-in-out)}.archive__bottle.is-lit .archive__glow,.archive__bottle.is-lit .archive__warm,.archive__bottle.is-lit .archive__warn{opacity:1}.archive__bottle:nth-of-type(3n+1) :is(.archive__glow,.archive__warm,.archive__warn){transition-delay:60ms}.archive__bottle:nth-of-type(3n+2) :is(.archive__glow,.archive__warm,.archive__warn){transition-delay:140ms}.mosca{grid-area:mosca;padding:clamp(1.25rem,0.8rem + 2vw,2.25rem);rotate:-0.2deg;container:mosca / inline-size}.mosca h3{font-size:var(--step-3);color:var(--ink);margin-bottom:0.4em}.mosca__rule{max-width:44rem;color:var(--ink)}.mosca var,.drivers var{font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:700;font-style:italic}.mosca__dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,auto) 1fr;column-gap:var(--space-s);row-gap:0;margin:var(--space-m) 0}.dial{position:relative;display:grid;grid-row:span 5;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;align-content:start;padding:0.9rem 0.9rem 1rem;background:var(--parchment-200) var(--grain);background-size:256px 256px;border-radius:3px;box-shadow:-0.75px -0.75px 0 0 var(--parchment-100),var(--box-shadow-1)}.dial:nth-child(1){rotate:-0.6deg}.dial:nth-child(2){rotate:0.4deg}.dial:nth-child(3){rotate:-0.25deg}.dial>label{display:block;font-weight:700;font-size:var(--step--1);line-height:1.3;color:var(--ink)}.dial>label var{display:inline-grid;place-items:center;width:1.75em;height:1.75em;margin-right:0.15em;border-radius:50%;font-style:normal;font-size:1.1em;color:var(--on-broken);background:var(--sea-700);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sea-700) 70%,black),var(--box-shadow-1);vertical-align:middle}.dial[data-dial=Z]>label var{background:var(--kraken-700);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--kraken-700) 70%,black),var(--box-shadow-1)}.dial__face,.js .section--longgame:not([data-mounted]) .dial::before{margin:0.35rem auto 0;width:min(100%,13.5rem)}.js .section--longgame:not([data-mounted]) .dial::before{content:"";display:block;order:1;aspect-ratio:200 / 116}.dial__face svg{display:block;width:100%;height:auto;overflow:visible}.dial__num{font-family:var(--font-mono);font-size:9.5px;font-weight:600;fill:var(--ink)}.dial__band-label,.dial__mark-label{font-family:var(--font-body);font-size:9.5px;font-weight:700;fill:var(--ink-soft)}.dial__mark-label{fill:var(--broken-ink)}.dial>label{order:0}.dial__face{order:1}.dial>output{order:2;justify-self:center;margin-top:-0.2rem;font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:700;font-size:var(--step-2);line-height:1.1;color:var(--ink)}.dial>input{order:3}.dial__hint{order:4;margin:0.5rem 0 0;font-size:0.86rem;line-height:1.4;color:var(--ink-soft)}.dial__hint strong{color:var(--ink)}.dial input[type=range]{--p: 50%;-webkit-appearance:none;appearance:none;width:100%;height:var(--tap);margin:0.2rem 0 0;background:transparent;cursor:pointer;touch-action:pan-y}.dial input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:2px;background:linear-gradient(90deg,var(--sea-600) var(--p),var(--parchment-300) var(--p));box-shadow:inset 0.5px 1.5px 1px rgb(0 0 0 / 0.35),0 1px 0 var(--parchment-100)}.dial[data-dial=Z] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--kraken-600) var(--p),var(--parchment-300) var(--p))}.dial input[type=range]::-moz-range-track{height:10px;border-radius:2px;background:linear-gradient(90deg,var(--sea-600) var(--p),var(--parchment-300) var(--p));box-shadow:inset 0.5px 1.5px 1px rgb(0 0 0 / 0.35),0 1px 0 var(--parchment-100)}.dial[data-dial=Z] input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--kraken-600) var(--p),var(--parchment-300) var(--p))}.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:34px;margin-top:-12px;border:0;border-radius:3px 3px 9px 9px;background:linear-gradient(90deg,transparent 45%,color-mix(in srgb,var(--wood-800) 55%,transparent) 45% 55%,transparent 55%) 50% 30% / 100% 45% no-repeat,var(--gold-500);box-shadow:inset 1px 1px 0 var(--gold-300),var(--box-shadow-2)}.dial input[type=range]::-moz-range-thumb{width:22px;height:34px;border:0;border-radius:3px 3px 9px 9px;background:linear-gradient(90deg,transparent 45%,color-mix(in srgb,var(--wood-800) 55%,transparent) 45% 55%,transparent 55%) 50% 30% / 100% 45% no-repeat,var(--gold-500);box-shadow:inset 1px 1px 0 var(--gold-300),var(--box-shadow-2)}.dial input[type=range]:hover::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 var(--gold-300),var(--box-shadow-3)}.dial input[type=range]:active::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 var(--gold-300),var(--box-shadow-1)}.dial input[type=range]:hover::-moz-range-thumb{box-shadow:inset 1px 1px 0 var(--gold-300),var(--box-shadow-3)}.dial input[type=range]:active::-moz-range-thumb{box-shadow:inset 1px 1px 0 var(--gold-300),var(--box-shadow-1)}.mosca__sum{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.8rem;margin:0 0 var(--space-s);font-family:var(--font-display);font-variation-settings:var(--display-settings);font-size:var(--step-2);font-weight:700;color:var(--ink)}.mosca__sum-rel{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;font-family:var(--font-mono);font-size:0.8em;color:var(--on-broken);background:var(--fixed-ink);box-shadow:var(--box-shadow-1)}.mosca__sum-word{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:0.12em;text-transform:uppercase;color:var(--fixed-ink)}.mosca[data-state=exposed] .mosca__sum-rel{background:var(--broken)}.mosca[data-state=exposed] .mosca__sum-word{color:var(--broken-ink)}.mosca[data-state=edge] .mosca__sum-rel{background:var(--gold-500);color:var(--ink)}.mosca[data-state=edge] .mosca__sum-word{color:var(--ink)}.mosca__sum-box,.mosca__verdict-box{display:grid}.mosca__sum-box>*,.mosca__verdict-box>*{grid-area:1 / 1;min-width:0}.mosca__sum-box,.mosca__verdict-box{hyphens:manual}.mosca__sizer{visibility:hidden;pointer-events:none}.no-js .mosca__sizer{display:none}.mosca__verdict-box{margin-bottom:var(--space-m)}.mosca__verdict,.mosca__verdict-sizer{display:grid}.verdict{position:relative;margin:0;min-width:0;min-height:5.6rem;text-wrap:wrap;padding:1rem 1.25rem 1.05rem 6.6rem;background:var(--parchment-200) var(--grain);background-size:256px 256px;border-radius:3px;box-shadow:-0.75px -0.75px 0 0 var(--parchment-100),var(--box-shadow-2);color:var(--ink)}.verdict__stamp{position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:4.6rem;aspect-ratio:1;border-radius:50%;font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:800;font-size:0.68rem;letter-spacing:0.06em;line-height:1.05;text-align:center;text-transform:uppercase;color:var(--on-broken);--stamp: var(--broken);background:var(--stamp);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--stamp) 70%,black),inset 0 0 0 5px color-mix(in srgb,var(--stamp) 85%,white),var(--box-shadow-1);rotate:-8deg}.verdict--safe .verdict__stamp{--stamp: var(--fixed-ink)}.verdict--edge .verdict__stamp{--stamp: var(--wood-600)}.verdict__title{display:block;margin-bottom:0.2rem;font-family:var(--font-display);font-variation-settings:var(--display-settings);font-size:var(--step-2);line-height:1.1;color:var(--broken-ink)}.verdict--safe .verdict__title{color:var(--fixed-ink)}.verdict--edge .verdict__title{color:var(--ink)}.verdict__detail{display:block;font-size:var(--step-0);line-height:1.5}.mosca__verdict.is-stamping .verdict__stamp{animation:lg-stamp 460ms var(--ease-out) both}@keyframes lg-stamp{0%{scale:1.45;rotate:-22deg;opacity:0}60%{scale:0.94;opacity:1}100%{scale:1;rotate:-8deg;opacity:1}}.mosca__timeline{position:relative;padding:0.4rem 0.6rem 0.2rem;background:var(--parchment-100) var(--grain);background-size:256px 256px;border-radius:3px;box-shadow:inset 0.5px 1px 2px rgb(0 0 0 / 0.22)}.mosca__timeline svg{display:block;width:100%;overflow:visible}.js .mosca__timeline:empty{min-height:calc(140px + 0.6rem)}.mosca__timeline svg:not([height]){height:140px}@media (max-width: calc(460px + 4.6rem)){.js .mosca__timeline:empty{min-height:calc(150px + 0.6rem)}.mosca__timeline svg:not([height]){height:150px}}@media (max-width: calc(240px + 4.6rem)){.js .mosca__timeline:empty{min-height:calc(204px + 0.6rem)}.mosca__timeline svg:not([height]){height:204px}}.timeline__label{font-family:var(--font-body);font-size:12.5px;font-weight:700;fill:var(--ink)}.timeline__label--on-dark{fill:var(--parchment-100)}.timeline__label--broken{fill:var(--broken-ink)}.timeline__flag{font-family:var(--font-body);font-size:11.5px;font-weight:700;fill:var(--ink)}.timeline__flag--z{fill:var(--on-broken)}.timeline__year{font-family:var(--font-mono);font-size:10.5px;font-weight:600;fill:var(--ink-soft)}.drivers{grid-area:drv;--paper: var(--parchment-100);padding:clamp(1.25rem,0.8rem + 2vw,2.1rem);rotate:0.15deg;container:drivers / inline-size}.drivers__title{font-size:var(--step-3);color:var(--ink);margin-bottom:0.6em}.drivers__list{list-style:none;margin:0 0 var(--space-m);padding:0;background:linear-gradient(var(--broken),var(--broken)) 9.3rem 0 / 1.5px 100% no-repeat}.ledger{display:grid;grid-template-columns:8.4rem minmax(0,1fr) 7.6rem;column-gap:1.8rem;align-items:start;padding:0.95rem 0;border-top:1px solid color-mix(in srgb,var(--sea-700) 28%,transparent)}.ledger:last-child{border-bottom:1px solid color-mix(in srgb,var(--sea-700) 28%,transparent)}.ledger__when{font-family:var(--font-mono);font-weight:600;font-size:0.9rem;line-height:1.5;color:var(--broken-ink)}.ledger__entry{margin:0;color:var(--ink);line-height:1.55}.ledger__entry a{display:inline-block;padding-block:0.15rem}.ledger__status{justify-self:end;margin-top:0.15rem;padding:0.15rem 0.45rem;border:1.5px solid currentColor;border-radius:2px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;line-height:1.3;text-align:center;text-transform:uppercase;color:var(--fixed-ink);rotate:-2deg}.ledger__status--draft{color:var(--ink-soft);border-style:dashed}.drivers__next{margin:0;padding:1rem 1.1rem;background:var(--parchment-200) var(--grain);background-size:256px 256px;border-left:4px solid var(--gold-500);color:var(--ink)}.drivers__next-label{font-family:var(--font-display);font-variation-settings:var(--display-settings)}.drivers__cta{display:flex;width:fit-content;margin:0.8rem 0 0}.section--longgame .alg{white-space:nowrap}@media(max-width:10.5em){.drivers .alg{white-space:normal}}.sources{grid-area:src;--paper: #f3ecdc;justify-self:center;width:min(100%,64rem);padding:1.4rem clamp(1.1rem,0.6rem + 2vw,2.2rem) 1.6rem;rotate:-0.4deg}.sources::before{content:"";position:absolute;top:-0.8rem;left:50%;width:7.5rem;height:1.6rem;translate:-50% 0;rotate:2deg;background:color-mix(in srgb,var(--parchment-300) 82%,transparent) var(--grain);background-size:256px 256px;box-shadow:var(--box-shadow-1)}.sources h3{margin:0 0 0.4rem;padding-bottom:0.45rem;font-size:var(--step-2);color:var(--ink);border-bottom:2px solid var(--broken)}@media(max-width:10.5em){.sources h3{font-size:min(var(--step-2),1.4rem)}}.sources__list{columns:2 24rem;column-gap:2.6rem;list-style:none;margin:0;padding:0;font-size:0.92rem;line-height:var(--lg-rule);color:var(--ink);background-image:repeating-linear-gradient(in srgb to bottom,transparent 0,transparent calc(var(--lg-rule) - 1px),color-mix(in srgb,var(--sea-500) 38%,transparent) calc(var(--lg-rule) - 1px),color-mix(in srgb,var(--sea-500) 38%,transparent) var(--lg-rule))}.sources__list>li{break-inside:avoid;margin:0 0 var(--lg-rule)}.sources__list strong{color:var(--lg-ink-red)}.sources__intro{max-width:46rem;margin:0 0 0.6rem;color:var(--ink)}.sources__summary{display:inline-block;margin:0 0 0.2rem;padding:0.2rem 0;cursor:pointer;font-weight:700;color:var(--sea-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}.sources__summary::after{content:" ↓" / ""}.sources__more[open]>.sources__summary::after{content:" ↑" / ""}.sources__more[open]>.sources__summary{margin-bottom:0.8rem}@media(max-width:1023.98px){.longgame__content{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "cap" "arch" "mosca" "drv" "src";padding-top:clamp(9rem,26vw,15rem)}.archive{aspect-ratio:16 / 5.6;max-height:20rem;width:min(100%,44rem);justify-self:end;margin:0 0 calc(-1 * var(--space-l))}.drivers{max-width:52rem}}@media(max-width:899.98px){.captured{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"bottle" "label" "tape" "note" "deadline";row-gap:var(--space-s)}.captured__bottle{width:min(100%,36rem);justify-self:end;margin:0 -0.5rem 0 1.5rem}.captured__label{margin:-1.4rem 0 0.4rem 0.4rem}.captured__blob{rotate:0deg}.captured__blob::after{display:none}}@media(max-width:767.98px){.longgame__content{padding-top:clamp(9rem,38vw,11rem);row-gap:var(--space-l)}.blob__row{grid-template-columns:minmax(0,1fr)}.blob__way-in{grid-column:1}.archive{aspect-ratio:16 / 7;width:100%;margin:0}.mosca__dials{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--space-s)}.dial{grid-row:auto;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:0.8rem}.dial:nth-child(n){rotate:0deg}.dial>label{grid-column:1 / -1;min-height:0}.dial__face,.js .section--longgame:not([data-mounted]) .dial::before{grid-column:1;grid-row:2;margin:0.2rem 0 0}.dial>output{grid-column:2;grid-row:2;align-self:center;justify-self:start}.dial>input{grid-column:1 / -1}.dial__hint{grid-column:1 / -1}.verdict{padding:4.4rem 1rem 1rem}.verdict__stamp{width:3.7rem;font-size:0.58rem;top:0.75rem}.drivers__list{background:none}.ledger{grid-template-columns:minmax(0,1fr) auto;row-gap:0.4rem}.ledger__when{grid-column:1;grid-row:1}.ledger__status{grid-column:2;grid-row:1}.ledger__entry{grid-column:1 / -1}.sources{rotate:0deg}}@container mosca (max-width: 23.75rem){.mosca__dials{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--space-s)}.dial{grid-row:auto;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:0.8rem}.dial:nth-child(n){rotate:0deg}.dial>label{grid-column:1 / -1;min-height:0}.dial__face,.js .section--longgame:not([data-mounted]) .dial::before{grid-column:1;grid-row:2;margin:0.2rem 0 0}.dial>output{grid-column:2;grid-row:2;align-self:center;justify-self:start}.dial>input,.dial__hint{grid-column:1 / -1}}@container mosca (min-width: 23.75rem) and (max-width: 30rem){.dial>label{hyphens:auto}}@media(max-width:19.5em){.dial>label{hyphens:auto}}@container mosca (max-width: 16.3rem){.dial{grid-template-columns:minmax(0,1fr)}.dial__face,.js .section--longgame:not([data-mounted]) .dial::before{grid-column:1;margin-inline:auto}.dial>output{grid-column:1;grid-row:3;justify-self:center;margin-top:0.2rem}}@container blob (max-width: 22rem){.blob__row{grid-template-columns:minmax(0,1fr)}.blob__way-in{grid-column:1}}@media(max-width:12.5em){.verdict{padding-inline:0.5rem}.verdict__title{font-size:min(var(--step-2),1.6rem)}}@media(max-width:11.5em){.verdict__title{font-size:min(var(--step-2),1.4rem)}}@media(max-width:10.5em){.verdict__title{font-size:min(var(--step-2),1.1rem)}}@media(max-width:12.5em){.mosca h3{font-size:min(var(--step-3),1.65rem)}}@media(max-width:11.5em){.mosca h3{font-size:min(var(--step-3),1.4rem)}}@media(max-width:10.5em){.mosca h3{font-size:min(var(--step-3),1.25rem)}}@media(max-width:19.45em),(min-width:900px)and (max-width:49.1em){.captured__clock:not(.is-coarse){grid-auto-flow:row;grid-template-columns:minmax(0,1fr);width:100%}.captured__clock:not(.is-coarse) .clock__cell{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:0.5em}.captured__clock:not(.is-coarse) .clock__passed{grid-row:auto;grid-column:1}}@media(max-width:15.55em),(min-width:900px)and (max-width:38.6em){.captured__clock.is-coarse{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);width:100%}.captured__clock.is-coarse .clock__cell{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:0.5em}.captured__clock.is-coarse .clock__passed{grid-row:auto;grid-column:1}}@container drivers (max-width: 37.5rem){.drivers__list{background:none}.ledger{grid-template-columns:minmax(0,1fr) auto;row-gap:0.4rem}.ledger__when{grid-column:1;grid-row:1}.ledger__status{grid-column:2;grid-row:1}.ledger__entry{grid-column:1 / -1}}@container drivers (max-width: 13.2rem){.ledger{grid-template-columns:minmax(0,1fr)}.ledger__status{grid-column:1;grid-row:2;justify-self:start;margin-top:0}.ledger__entry{grid-column:1}}@media(prefers-reduced-motion:reduce){.bottle-art__glow,.archive__glow,.archive__warm,.archive__warn{transition:none}.mosca__verdict.is-stamping .verdict__stamp{animation:none}}.no-js .dial input[type=range]{display:none}.mosca__nojs{margin:0 0 var(--space-s);font-size:var(--step--1);font-style:italic;color:var(--ink-soft)}.no-js .captured{grid-template-rows:none;grid-template-areas:"tape label" "note label" "deadline label"}@media(max-width:899.98px){.no-js .captured{grid-template-areas:"label" "tape" "note" "deadline"}}@media print{.mosca__sizer,.captured__warn[hidden]{display:none}.mosca__verdict-box{margin-bottom:0}}}@layer sections{.section--haul{--patch-h: 3.1rem}.haul__content{padding-bottom:calc(var(--space-2xl) + var(--space-xl))}.haul__content>header{max-width:min(47rem,100%)}.haul__content .section-title{max-width:11.5em}.haul__art{overflow:clip}.haul__wreck{position:absolute;left:0;top:0;max-width:none;pointer-events:none}.haul__rigging{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible}.haul__list{--cols: 4;list-style:"​";margin:var(--space-2xl) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:clamp(1.25rem,0.4rem + 2.4vw,3rem);row-gap:clamp(5rem,3.5rem + 3vw,7.25rem);align-items:start}.placard{position:relative;display:flex;margin-top:var(--drop, 0);min-height:var(--placard-min, 30rem)}@media(min-width:68.75em){.placard:nth-child(4n+1){--drop: 0.35rem}.placard:nth-child(4n+2){--drop: 3.4rem}.placard:nth-child(4n+3){--drop: 1.2rem}.placard:nth-child(4n+4){--drop: 4.5rem}.placard:nth-child(4n+1):nth-last-child(3),.placard:nth-child(4n+1):nth-last-child(2),.placard:nth-child(4n+1):last-child{grid-column-start:2}}.placard__card{--paper: var(--parchment-100);--paper-lit: color-mix(in srgb, var(--paper) 70%, white);--patch: #cdb88e;position:relative;isolation:isolate;flex:1 1 auto;display:flex;flex-direction:column;width:100%;margin:0;padding:calc(var(--patch-h) + 0.85rem) 1.05rem 0.55rem;color:var(--ink);filter:var(--shadow-2);will-change:transform;container-type:inline-size}.placard:nth-child(3n+2) .placard__card{--paper: var(--parchment-200);--patch: #c4ae82}.placard:nth-child(3n+3) .placard__card{--paper: color-mix(in srgb, var(--parchment-100) 84%, var(--foam-200));--patch: #c9b793}.placard__card.is-lifted{filter:var(--shadow-3)}.placard__card::before,.placard__card::after{content:"";position:absolute;inset:0;clip-path:var(--cut, polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%, 0 16px));pointer-events:none}.placard__card::before{z-index:-2;background:var(--paper-lit);translate:-0.9px -0.9px}.placard__card::after{z-index:-1;background-color:var(--paper);background-image:var(--grain);background-size:256px 256px}.placard__patch{position:absolute;inset:0 0 auto;height:var(--patch-h);background-color:var(--patch);background-image:linear-gradient(color-mix(in srgb,var(--patch) 55%,white),color-mix(in srgb,var(--patch) 55%,white)),var(--grain);background-size:100% 1px,256px 256px;background-repeat:no-repeat,repeat;clip-path:var(--patch-cut, polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% 94%, 0 100%, 0 16px));filter:var(--shadow-1);pointer-events:none}.placard__grommet{position:absolute;left:50%;top:0.72rem;width:1.1rem;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:var(--depth-4);border:0.24rem solid #b9913a;box-shadow:-0.6px -0.6px 0 0 var(--gold-300),var(--box-shadow-1)}.placard__grommet::before{content:"";position:absolute;left:50%;bottom:45%;width:1.6px;height:1.35rem;translate:-50% 0;background:#9d8d70;border-radius:1px}.placard__art{order:-2;position:relative;height:6.6rem;margin:0 -0.15rem 0.95rem;border-radius:3px;background-color:var(--sea-800);background-image:var(--grain);background-size:256px 256px;box-shadow:inset 1px 2px 2px rgb(0 0 0 / 0.5),inset 2px 6px 10px rgb(0 0 0 / 0.35),0.75px 0.75px 0 0 color-mix(in srgb,var(--paper) 60%,white);overflow:clip}.placard__svg{width:100%;height:100%;max-width:none}.placard__year{order:-1;align-self:flex-start;margin:0 0 0.45rem;padding:0.1rem 0.45rem 0.05rem;font-family:var(--font-mono);font-weight:600;font-size:0.78rem;letter-spacing:0.2em;line-height:1.4;color:var(--broken-ink);border:1.5px solid currentColor;border-radius:2px;rotate:-2.5deg}.placard__name{margin:0 0 0.55rem;font-size:min(clamp(1.3rem,1.05rem + 0.55vw,1.72rem),22cqi);line-height:1.05;color:var(--ink)}.placard__primitive{margin:0 -0.35rem 0.8rem;padding:0.4rem 0.55rem 0.35rem;font-family:var(--font-mono);font-size:0.8rem;line-height:1.4;color:var(--ink);background-color:color-mix(in srgb,var(--parchment-300) 55%,var(--parchment-100));background-image:var(--grain);background-size:256px 256px;box-shadow:-0.6px -0.6px 0 0 color-mix(in srgb,var(--parchment-300) 30%,white),var(--box-shadow-1);rotate:-0.5deg}.placard__consequence{margin:0 0 0.9rem;font-size:var(--step--1);line-height:1.48;color:var(--ink)}.placard__fix{margin:-0.35rem 0 0.9rem;font-size:var(--step--1);line-height:1.48;color:var(--ink)}.placard__fix-label{display:block;margin-bottom:0.1rem;font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:color-mix(in srgb,var(--fixed-ink) 82%,black)}.placard__links{margin:auto 0 0;padding-top:0.35rem;display:flex;flex-wrap:wrap;align-items:center;column-gap:0.45rem;font-size:0.95rem;color:var(--ink-soft);border-top:1px dashed color-mix(in srgb,var(--ink) 30%,transparent)}.placard__links a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}@media(min-width:47.5em)and (max-width:68.74em){.haul__list{--cols: 3}.placard{--placard-min: 29rem}.placard:nth-child(3n+1){--drop: 0.35rem}.placard:nth-child(3n+2){--drop: 3.3rem}.placard:nth-child(3n+3){--drop: 1.4rem}.placard:nth-child(3n+1):nth-last-child(2),.placard:nth-child(3n+1):last-child{grid-column-start:2}}@media(min-width:32.5em)and (max-width:47.49em){.haul__list{--cols: 2}.placard{--placard-min: 27rem}.placard:nth-child(2n+2){--drop: 2.6rem}.placard:nth-child(2n+1):last-child{grid-column-start:2}}@media(max-width:32.49em){.haul__list{--cols: 1;row-gap:4.75rem}.placard{--placard-min: 0}.placard__art{height:7.5rem}}.no-js .placard__card{padding-top:1.1rem}.no-js .placard__art{display:none}}@layer sections{.section--course{--seal: clamp(2.85rem, 2.45rem + 0.8vw, 3.3rem)}.course__content{padding-bottom:calc(var(--space-2xl) + var(--space-xl))}.course__content>header{max-width:46rem}.course__art{overflow:clip}.course__gear{position:absolute;left:0;top:0;max-width:none;pointer-events:none}.chart-wrap{position:relative;isolation:isolate;max-width:58rem;margin-top:var(--space-xl)}.chart-wrap::before{content:"";position:absolute;inset:0;z-index:-1;translate:-1px -1px;border-radius:3px;background:color-mix(in srgb,var(--parchment-100) 70%,white);box-shadow:var(--box-shadow-3)}.chart{padding:clamp(2rem,1.2rem + 2.2vw,3.25rem) clamp(1.1rem,-1.6rem + 7vw,5.75rem) clamp(2.4rem,1.2rem + 3vw,4rem);border-radius:3px;box-shadow:none;clip-path:var(--cut, none)}.chart__art{position:absolute;inset:0;pointer-events:none;overflow:clip}.chart__layer{position:absolute;inset:0}.chart__layer--ink{will-change:transform}.chart__svg,.chart__ink{position:absolute;inset:0;width:100%;height:100%;max-width:none}.route{position:relative;list-style:"​";margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);row-gap:clamp(2.1rem,1.4rem + 1.6vw,3rem)}.island{position:relative;min-height:calc(var(--seal) + 1.5rem);max-width:44rem;padding:0.1rem 0 0 calc(var(--seal) + 1.5rem)}.island__title{margin:0 0 0.35em;font-size:var(--step-2);color:var(--ink)}.island p{margin:0;color:var(--ink)}.island__todo{margin:0.55em 0 0;padding:0 0 0 1.1em;list-style:disc outside;color:var(--ink)}.island__todo li{margin:0 0 0.3em}.island__todo li::marker{color:var(--fixed-ink)}.island code{font-family:var(--font-mono);font-size:0.88em;overflow-wrap:anywhere}.island p .nowrap{white-space:nowrap}.island var{font-family:var(--font-display);font-weight:700}.island__seal{--wax: 0;--pop: 0;position:absolute;left:0.1rem;top:0;z-index:1;isolation:isolate;display:grid;place-items:center;width:var(--seal);aspect-ratio:1;font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 0;font-weight:800;font-size:calc(var(--seal) * 0.3);letter-spacing:0.05em;line-height:1;color:color-mix(in srgb,var(--ink) 90%,transparent);-webkit-user-select:none;user-select:none}.island__seal::after{content:"";position:absolute;inset:8%;z-index:-2;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--ink) 42%,transparent);background:color-mix(in srgb,var(--parchment-300) 72%,var(--sand-400))}.island__seal::before{content:"";position:absolute;inset:-4%;z-index:-1;background-color:var(--fixed-ink);background-image:radial-gradient(circle at 30% 26%,rgb(255 255 255 / 0.16),transparent 36%),var(--grain);background-size:100% 100%,256px 256px;box-shadow:inset 0 0 0 calc(var(--seal) * 0.075) color-mix(in srgb,var(--fixed-ink) 72%,black),inset 0 0 0 calc(var(--seal) * 0.11) color-mix(in srgb,var(--fixed) 88%,white);clip-path:var(--wax-cut, circle(48%));opacity:var(--wax);scale:calc(1 + var(--pop) * 0.5);rotate:calc(-6deg - var(--pop) * 16deg)}.island__seal.is-stamped{color:var(--on-fixed);filter:var(--shadow-1)}@media(max-width:43.74em){.section--course{--seal: 2.7rem}.chart{padding:1.9rem 1rem 2.4rem 0.85rem}.route{row-gap:2.1rem}.island{padding-left:calc(var(--seal) + 1.2rem)}.island__title{font-size:var(--step-1)}}@media(max-width:15em){.section--course{--seal: 2.1rem}.chart{padding-inline:0.5rem}.island{padding-left:calc(var(--seal) + 0.55rem);overflow-wrap:break-word}}@media(max-width:10.5em){.island__title{font-size:1.1rem}}.no-js .island__seal::before{opacity:1}.no-js .island__seal{color:var(--on-fixed)}}@layer sections{.section--about{--lantern-w: clamp(96px, 10.8vw, 160px);--lantern-top: clamp(1.5rem, 5vw, 4.75rem);--lantern-x: 36%;--lantern-col: clamp(10rem, 21vw, 18rem);--halo-size: clamp(360px, 44vw, 640px);--glow-size: clamp(620px, 72vw, 1100px)}.about__content{padding-block:clamp(3.5rem,7vw,6.5rem) clamp(4.5rem,9vw,8rem)}.about__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--lantern-col);gap:clamp(1rem,2.5vw,2.5rem);align-items:start;position:relative}.about__sheet{--sheet-paper: #eadec2;--sheet-glow-peak: #ffd696;--sheet-glow-alpha: 0.62;--sheet-shade: #1a2a44;--sheet-shade-alpha: 0.2;position:relative;isolation:isolate;max-width:52rem;padding:clamp(2.2rem,4.2vw,3.6rem) clamp(1.5rem,4.6vw,4.2rem) clamp(2.4rem,4.6vw,3.8rem);color:var(--ink);font-size:var(--step-0);line-height:1.62;container-type:inline-size}.about__sheet.is-cut{background:none;box-shadow:none;clip-path:none}.about__paper{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible;pointer-events:none}.about__sheet-light{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.about__sheet-shade{position:absolute;inset:0;background:radial-gradient(130% 110% at 100% 12%,transparent 45%,var(--sheet-shade) 100%);mix-blend-mode:multiply;opacity:var(--sheet-shade-alpha)}.about__sheet-glow{position:absolute;left:0;top:0;width:var(--glow-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 214 150 / var(--sheet-glow-alpha)),rgb(255 200 128 / calc(var(--sheet-glow-alpha) * 0.46)) 34%,rgb(255 190 110 / calc(var(--sheet-glow-alpha) * 0.12)) 66%,rgb(255 190 110 / 0) 100%);mix-blend-mode:screen;opacity:0;will-change:translate,opacity}.about__sheet>:not(.about__paper,.about__sheet-light){position:relative}.about__kicker{margin-bottom:0.4rem}.about__title{font-size:var(--step-3);color:var(--ink);max-width:20ch;margin-bottom:0.6em;text-shadow:0.6px 0.6px 0 rgb(255 250 235 / 0.6)}.about__title{hyphens:none}@container (max-width: 12em){.about__title{hyphens:auto}}.about__sheet p{max-width:44rem}.about__sheet em{font-style:italic;color:var(--kraken-700)}.about__brands{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0.55rem;overflow-wrap:anywhere}.about__brands li{position:relative;padding-left:1.6rem}.about__brands li::before{content:"";position:absolute;left:0.2rem;top:0.55em;width:0.62em;height:0.62em;background:var(--kraken-700);clip-path:polygon(50% 0,100% 46%,54% 100%,0 54%);rotate:7deg}.about__brands a{font-weight:700}.about__brands strong{font-weight:700}.about__lantern{position:relative;align-self:stretch;min-height:calc(var(--lantern-w) * 250 / 120 + var(--lantern-top) + 2rem);pointer-events:none}.about__lantern-anchor,.lantern{position:absolute;left:calc(var(--lantern-x) - var(--lantern-w) / 2);top:var(--lantern-top);width:var(--lantern-w);aspect-ratio:120 / 250}.about__lantern-anchor{pointer-events:none}.about__wreck{position:absolute;left:0;top:0;pointer-events:none}.lantern{transform-origin:50% 5.8%;will-change:translate,rotate}.lantern__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lantern__light{position:absolute;left:18%;top:36.5%;width:64%;height:38.4%;border-radius:12% / 8%;background:radial-gradient(60% 55% at 50% 62%,rgb(255 214 140 / 0.95),rgb(255 170 80 / 0.55) 48%,rgb(200 110 40 / 0) 100%);mix-blend-mode:screen;will-change:opacity}.lantern__flame{position:absolute;left:37.5%;top:46.4%;width:25%;height:20%;transform-origin:50% 94%;will-change:rotate,scale}.lantern__flame-svg{width:100%;height:100%;overflow:visible}.about__halo{position:absolute;left:0;top:0;width:var(--halo-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 200 120 / 0.3),rgb(255 176 92 / 0.13) 36%,rgb(255 160 80 / 0.04) 70%,rgb(255 160 80 / 0) 100%);mix-blend-mode:screen;opacity:0;will-change:translate,opacity}.about__lantern:not(.is-lit){display:none}.js .section--about:not([data-mounted]) .about__lantern:not(.is-lit){display:block}.stats{list-style:none;margin:clamp(3rem,6vw,5rem) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.4rem,2.6vw,2.2rem) clamp(1rem,2vw,1.6rem);align-items:start}@media(min-width:30em)and (max-width:47.99em){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{grid-column:span 2}.stat:nth-child(odd):last-child{grid-column:2 / span 2}}@media(min-width:48em)and (max-width:71.99em){.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{grid-column:span 2}.stat:nth-child(3n+1):nth-last-child(2){grid-column:2 / span 2}.stat:nth-child(3n+2):last-child{grid-column:4 / span 2}.stat:nth-child(3n+1):last-child{grid-column:3 / span 2}}@media(min-width:72em){.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr))}}.stat{--label: var(--parchment-200);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0.45rem;padding:1.9rem 1.15rem 1.25rem;color:var(--ink);filter:var(--shadow-2);rotate:var(--tilt, 0deg);translate:0 var(--drop, 0)}.stat:nth-child(5n+1){--tilt: -1.1deg}.stat:nth-child(5n+2){--tilt: 0.9deg;--drop: 0.7rem}.stat:nth-child(5n+3){--tilt: -0.5deg;--drop: 0.25rem}.stat:nth-child(5n+4){--tilt: 1.2deg;--drop: 0.95rem}.stat:nth-child(5n+5){--tilt: -0.8deg;--drop: 0.15rem}.stat::after{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--label);background-image:linear-gradient(color-mix(in srgb,var(--label) 55%,white),color-mix(in srgb,var(--label) 55%,white)),var(--grain);background-size:100% 1px,256px 256px;background-repeat:no-repeat,repeat;clip-path:polygon(0.6% 2.4%,12% 0.4%,48% 1.6%,87% 0,99.4% 1.8%,100% 36%,99.2% 71%,100% 98.6%,62% 99.6%,30% 98.8%,1.2% 100%,0 64%,0.8% 30%)}.stat::before{content:"";position:absolute;top:0.55rem;left:50%;width:0.72rem;height:0.72rem;margin-left:-0.36rem;border-radius:50%;background:radial-gradient(circle at 36% 32%,#e8c46e 0 22%,#b28a3c 42%,#6f5220 100%);box-shadow:0.5px 1.5px 1px rgb(0 0 0 / 0.5),1px 3px 4px rgb(0 0 0 / 0.25)}.stat__num{position:relative;display:block;font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:640;font-size:var(--step-4);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums lining-nums;color:var(--kraken-700);text-shadow:0.6px 0.6px 0 rgb(255 250 235 / 0.55)}.stat__tick{position:absolute;left:0;top:0;white-space:nowrap}.stat__num.is-armed .stat__value,.stat__num.is-counting .stat__value{color:transparent;text-shadow:none}.stat__num.is-landed{animation:stat-land 520ms var(--ease-spring) both}@keyframes stat-land{from{scale:1.07}to{scale:1}}.stat__label{font-size:var(--step--1);line-height:1.45;color:var(--ink-soft)}@media(max-width:1023.98px){.section--about{--lantern-col: clamp(9.5rem, 24vw, 14rem)}}@media(max-width:47.99em){.section--about{--lantern-w: clamp(78px, 21vw, 104px);--lantern-top: 0.25rem}.about__layout{grid-template-columns:minmax(0,1fr);gap:0}.about__lantern{order:-1;min-height:calc(var(--lantern-w) * 250 / 120 * 0.78);margin-bottom:calc(var(--lantern-w) * -0.62);z-index:1}.about__lantern-anchor,.lantern{left:auto;right:clamp(0.5rem,9vw,3rem)}.about__sheet{padding-top:clamp(3.2rem,14vw,4.4rem)}.about__title{max-width:none;padding-right:calc(var(--lantern-w) * 0.55)}}@media(max-width:18.5em){.about__sheet{padding-top:max(clamp(3.2rem,14vw,4.4rem),calc(var(--lantern-w) * 1.08 + 0.85rem))}}@media(max-width:12.5em){.about__title{padding-right:0;font-size:min(var(--step-3),1.6rem);hyphens:auto}}@media(max-width:11.5em){.about__title{font-size:min(var(--step-3),1.4rem)}}@media(max-width:10.5em){.about__title{font-size:min(var(--step-3),1.25rem)}}@media print{.stat__tick,.about__lantern,.about__paper,.about__sheet-light{display:none!important}.stat__value{color:inherit!important}}}@layer sections{.section--dispatches{--net-h: clamp(440px, 39vw, 580px);--bw: clamp(50px, 4.4vw, 64px)}.dispatches__content{padding-block:clamp(3rem,6vw,5.5rem) clamp(5rem,10vw,8.5rem)}.dispatches__layout{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:center;margin-top:clamp(1.25rem,3vw,2.5rem)}.dispatches__rocks{position:absolute;left:0;top:0;pointer-events:none}.net{position:relative;height:var(--net-h)}.no-js .net{display:none}.no-js .dispatches__layout{display:block}.bottle{--tilt: 0deg;--bx: 50%;--by: 0%;position:absolute;left:calc(var(--bx) - 5.25rem);top:var(--by);width:10.5rem;display:flex;flex-direction:column;align-items:center;margin:0;padding:0 0 0.25rem;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1}.bottle:nth-child(1){--bx: 14%;--by: 3%;--tilt: -16deg}.bottle:nth-child(2){--bx: 38%;--by: 36%;--tilt: 11deg}.bottle:nth-child(3){--bx: 62%;--by: 1%;--tilt: -7deg}.bottle:nth-child(4){--bx: 86%;--by: 38%;--tilt: 18deg}.bottle__float{position:relative;display:block;width:var(--bw);aspect-ratio:60 / 170;will-change:translate,rotate}.bottle__glass{position:absolute;inset:0;rotate:var(--tilt);transition:translate var(--dur-med) var(--ease-out)}.bottle__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bottle__inside{transition:opacity var(--dur-med) var(--ease-out)}.bottle.is-uncorked .bottle__inside{opacity:0}.bottle__cork{position:absolute;aspect-ratio:20 / 26;will-change:translate,rotate,opacity}.bottle__cork-svg{width:100%;height:100%;overflow:visible}.net:not(.is-rigged) .bottle:hover .bottle__glass,.net:not(.is-rigged) .bottle:focus-visible .bottle__glass{translate:0 -4px}.bottle__label{--label-bg: var(--parchment-200);--label-ink: var(--ink);position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:0.45em;min-height:2.5rem;max-width:10.5rem;margin-top:clamp(0.6rem,1.4vw,1rem);padding:0.4em 0.85em 0.42em 0.75em;font-family:var(--font-body);font-weight:700;font-size:var(--step--1);line-height:1.15;letter-spacing:0.01em;text-align:left;color:var(--label-ink);filter:var(--shadow-2);rotate:calc(var(--tilt) * -0.12);transition:translate var(--dur-quick) var(--ease-out),filter var(--dur-quick) var(--ease-out)}.bottle__label::after{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--label-bg);background-image:linear-gradient(color-mix(in srgb,var(--label-bg) 60%,white),color-mix(in srgb,var(--label-bg) 60%,white)),var(--grain);background-size:100% 1px,256px 256px;background-repeat:no-repeat,repeat;clip-path:polygon(7px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,7px 100%,0 50%)}.bottle__label::before{content:"";flex:none;width:0.45em;height:0.45em;border-radius:50%;background:color-mix(in srgb,var(--label-ink) 55%,transparent);box-shadow:inset 0.5px 1px 1px rgb(0 0 0 / 0.5)}.bottle:hover .bottle__label{translate:0 -2px;filter:var(--shadow-3)}.bottle:active .bottle__label{translate:0 1px;filter:var(--shadow-1)}.bottle[aria-pressed=true] .bottle__label{--label-bg: var(--sea-700);--label-ink: var(--parchment-100)}.bottle[aria-pressed=true] .bottle__label::before{width:0.7em;height:0.7em;background:radial-gradient(circle at 38% 34%,#c65a4f 0 20%,var(--broken) 55%,#6e1f19 100%);box-shadow:0.5px 1px 1px rgb(0 0 0 / 0.55)}.bottle:focus-visible{outline:none}.bottle:focus-visible .bottle__label{outline:var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 7px var(--ink)}.bottle:focus-visible .bottle__float::after{content:"";position:absolute;inset:-12% -38%;border-radius:46% / 30%;outline:3px dashed var(--gold-300);outline-offset:0;rotate:var(--tilt);pointer-events:none}.dispatch-scroll{position:relative;padding-top:20px;align-self:center}.dispatch-panel,.dispatch-scroll__measure{padding:clamp(1.9rem,3.4vw,2.8rem) clamp(1.5rem,3.4vw,2.8rem) clamp(2rem,3.6vw,2.9rem)}.dispatch-scroll.is-scroll{display:grid;grid-template-columns:minmax(0,1fr)}.dispatch-scroll.is-scroll>.dispatch-panel,.dispatch-scroll__measure,.dispatch-scroll__measure>.note{grid-area:1 / 1}.dispatch-scroll.is-scroll .dispatch-panel{--paper: var(--parchment-100);display:grid;grid-template-columns:minmax(0,1fr);align-content:center}.dispatch-scroll__rod{position:absolute;left:-22px;right:-22px;top:0;height:40px;z-index:2;pointer-events:none}.dispatch-scroll__roll{position:absolute;left:-8px;right:-8px;top:calc(20px - 13px);height:26px;z-index:2;transform-origin:50% 50%;pointer-events:none;will-change:translate,scale}.dispatch-scroll__rod svg,.dispatch-scroll__roll svg{display:block;overflow:visible}.dispatch-scroll__measure{display:grid;grid-template-columns:minmax(0,1fr);visibility:hidden;pointer-events:none}.note{margin:0}.note p,.note__quote{margin:0;font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:480;font-size:var(--step-2);line-height:1.28;letter-spacing:-0.005em;color:var(--ink);text-wrap:pretty;hyphens:none}@media(max-width:19.5em){.note p,.note__quote{hyphens:manual}}@media(max-width:12.5em){.note p,.note__quote{hyphens:auto}}@media(max-width:11.5em){.note p,.note__quote{font-size:min(var(--step-2),1.4rem)}}@media(max-width:10.5em){.note p,.note__quote{font-size:min(var(--step-2),1.3rem)}}.note footer{margin-top:1.1rem;font-size:var(--step--1);line-height:1.45;color:var(--ink-soft)}.no-js .note[hidden],.js .net:not(.is-rigged)~.dispatch-scroll .note[hidden]{display:block;margin-top:1.75rem}.js #dispatches:not([data-mounted]) .dispatch-panel{display:grid;grid-template-columns:minmax(0,1fr)}.js #dispatches:not([data-mounted]) .dispatch-panel>.note{grid-area:1 / 1}.js #dispatches:not([data-mounted]) .dispatch-panel>.note[hidden]{display:block;margin-top:0;visibility:hidden}.dispatch-fly{position:absolute;left:0;top:0;width:56px;height:20px;margin:-10px 0 0 -28px;opacity:0;z-index:5;pointer-events:none;will-change:translate,rotate,scale,opacity}.dispatch-fly svg{width:100%;height:100%;overflow:visible}@media(max-width:63.99em){.section--dispatches{--net-h: clamp(340px, 46vw, 420px);--bw: clamp(44px, 6vw, 56px)}.dispatches__layout{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem)}.dispatch-scroll{width:min(100%,40rem);justify-self:center}.bottle:nth-child(1){--bx: 13%;--by: 2%}.bottle:nth-child(2){--bx: 38%;--by: 20%}.bottle:nth-child(3){--bx: 62%;--by: 1%}.bottle:nth-child(4){--bx: 87%;--by: 22%}}@media(max-width:37.49em){.section--dispatches{--net-h: clamp(470px, 128vw, 520px);--bw: clamp(40px, 11vw, 48px)}.bottle{left:calc(var(--bx) - 4.6rem);width:9.2rem}.bottle__label{max-width:9rem}.dispatch-scroll__rod{left:-12px;right:-12px}.bottle:nth-child(1){--bx: 25%;--by: 1%;--tilt: -13deg}.bottle:nth-child(2){--bx: 75%;--by: 5%;--tilt: 10deg}.bottle:nth-child(3){--bx: 25%;--by: 51%;--tilt: -6deg}.bottle:nth-child(4){--bx: 75%;--by: 55%;--tilt: 15deg}}@media(forced-colors:active){.bottle__label{border:1px solid ButtonText}}@media(max-width:19.75em){.section--dispatches{--net-h: calc(4 * (var(--bw) * 170 / 60 + 4.2rem))}.bottle:nth-child(n){--bx: 50%}.bottle:nth-child(1){--by: 0%}.bottle:nth-child(2){--by: 25%}.bottle:nth-child(3){--by: 50%}.bottle:nth-child(4){--by: 75%}.bottle__label{overflow-wrap:break-word}}@media print{.net,.dispatch-scroll__measure,.dispatch-scroll__rod,.dispatch-scroll__roll,.dispatch-fly{display:none!important}.dispatch-panel{clip-path:none!important}.note[hidden]{display:block!important;margin-top:1.5rem}}}@layer sections{.section--contact{--letter-max: 44rem}.contact__content{display:grid;justify-items:center;padding-block:clamp(3.5rem,2.5rem + 4vw,6rem) clamp(4.5rem,3rem + 5vw,7.5rem)}.contact__desk{position:relative;width:min(100%,var(--letter-max));container:desk / inline-size}.contact__sheet{position:absolute;inset:0;z-index:0;rotate:1.6deg;translate:0.55rem 0.6rem;border-radius:2px}.letter{z-index:1;padding:clamp(1.6rem,1.1rem + 2.2vw,2.9rem) clamp(1.25rem,0.7rem + 2.6vw,3rem) clamp(1.6rem,1.2rem + 1.6vw,2.5rem);box-shadow:-0.75px -0.75px 0 0 var(--paper-lit),var(--box-shadow-3);background-image:linear-gradient(90deg,transparent calc(clamp(0.8rem,0.4rem + 1.6vw,1.9rem) - 1px),color-mix(in srgb,var(--kraken-600) 26%,transparent) calc(clamp(0.8rem,0.4rem + 1.6vw,1.9rem) - 1px) clamp(0.8rem,0.4rem + 1.6vw,1.9rem),transparent clamp(0.8rem,0.4rem + 1.6vw,1.9rem)),var(--grain);background-size:100% 100%,256px 256px}.letter__stamp{position:absolute;top:clamp(0.9rem,0.6rem + 1vw,1.5rem);right:clamp(0.9rem,0.5rem + 1.2vw,1.6rem);width:clamp(3.1rem,2.5rem + 2vw,4.3rem);aspect-ratio:64 / 78;rotate:4deg;pointer-events:none}.letter__stamp svg{width:100%;height:100%;overflow:visible}.letter__kicker{margin-bottom:0.4rem}.letter__title{font-size:clamp(1.85rem,1.45rem + 1.35vw,2.55rem);color:var(--ink);padding-right:clamp(3.4rem,2.8rem + 2.4vw,5rem);margin-bottom:0.45em;text-shadow:0.4px 0.5px 0 color-mix(in srgb,var(--ink) 35%,transparent)}.letter__intro{max-width:36rem;color:var(--ink);margin-bottom:1.6rem}.letter__fields{display:grid;gap:0 1.5rem}@container desk (min-width: 34rem){.letter__fields{grid-template-columns:1fr 1fr}}.letter__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1.4rem;margin-top:0.4rem}.letter__alt{margin:0;color:var(--ink-soft);font-size:var(--step--1)}.letter__alt a{display:inline-block;overflow-wrap:anywhere;padding-block:0.7rem;margin-block:-0.7rem}.letter.is-rolling{pointer-events:none;-webkit-user-select:none;user-select:none}.letter.is-sent{visibility:hidden}.letter.is-fresh{animation:letter-fresh 520ms var(--ease-out) both}@keyframes letter-fresh{0%{opacity:0;translate:0 -1.6rem;rotate:-1.2deg}22%{opacity:1}100%{opacity:1;translate:none;rotate:none}}.contact__received{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(3.75rem,3rem + 3vw,5.5rem) clamp(1.4rem,0.8rem + 2.8vw,3.2rem) clamp(1.8rem,1.2rem + 2vw,3rem);color:var(--ink);rotate:1.6deg;translate:0.55rem 0.6rem}.contact__received[hidden]{display:none}.contact__received.is-under{z-index:0}.contact__received.is-under .received__tag,.contact__received.is-under .received__ink:not(.is-inked){opacity:0}.received__ink.is-inked{animation:ink-in 700ms var(--ease-out) backwards}.received__art{position:relative;flex:1 1 0;min-height:0;align-self:stretch;margin:0 0 1.2rem}.received__art>svg{position:absolute;inset:0;width:100%;height:100%;max-width:19rem;max-height:13rem;margin:auto;overflow:visible}.received__tag{--tag-bg: var(--gold-300);position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:0.6em;max-width:100%;margin:0 0 1.4rem;padding:0.5em 1.3em 0.5em 1.9em;font-size:min(var(--step-2),10.5cqi);color:var(--ink);text-shadow:none;filter:var(--shadow-2);rotate:-3deg;transform-origin:1.45em -3.2rem}.received__tag::after{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--tag-bg);background-image:linear-gradient(color-mix(in srgb,var(--tag-bg) 60%,white),color-mix(in srgb,var(--tag-bg) 60%,white)),var(--grain);background-size:100% 1px,256px 256px;background-repeat:no-repeat,repeat;clip-path:polygon(12px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,12px 100%,0 50%)}.received__tag::before{content:"";position:absolute;left:1.05em;top:50%;width:0.36em;height:0.36em;margin-top:-0.18em;border-radius:50%;background:color-mix(in srgb,var(--ink) 70%,transparent);box-shadow:inset 0.5px 1px 1px rgb(0 0 0 / 0.5),0 0 0 0 transparent}.received__string{position:absolute;left:calc(1.23em - 0.75px);bottom:calc(50% + 0.1em);width:1.5px;height:60rem;background:var(--rope);box-shadow:0.5px 1.5px 1px rgb(0 0 0 / 0.4);pointer-events:none}.received__tag:focus,.received__tag:focus-visible{outline:none;box-shadow:none}.contact__received.is-dropping .received__tag{animation:tag-drop var(--tag-drop, 900ms) var(--ease-out) both}@keyframes tag-drop{0%{translate:0 var(--tag-lift, -14rem);rotate:-9deg;opacity:0}18%{opacity:1}55%{translate:0 0.45rem;rotate:4deg}75%{translate:0 -0.15rem;rotate:-4.5deg}100%{translate:none;rotate:-3deg}}.contact__received.is-swaying .received__tag{animation:tag-sway 6.3s var(--ease-in-out) infinite alternate}.section--contact.is-idle .received__tag{animation-play-state:paused}@keyframes tag-sway{from{rotate:-3deg}to{rotate:-0.8deg}}.received__note{max-width:30rem;font-size:var(--step-1);line-height:1.45;margin-bottom:0.9rem}.received__alt{max-width:30rem;color:var(--ink-soft);font-size:var(--step--1);margin-bottom:1.4rem}.received__alt a{display:inline-block;padding-block:0.7rem;margin-block:-0.7rem}@keyframes ink-in{from{opacity:0;translate:0 0.3rem}to{opacity:1;translate:none}}.contact__lift{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-section-content);overflow:clip;pointer-events:none}.letter-roll{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform}.letter-roll svg{display:block;width:100%;height:100%;overflow:visible}.contact__art svg{position:absolute;inset:0;width:100%;height:100%}@media(max-width:47.99em){.contact__content{width:min(100% - 2 * 0.9rem,var(--content-max))}.contact__sheet,.contact__received{rotate:1deg;translate:0.3rem 0.45rem}}@media(max-width:19.5em){.letter__kicker{display:block;padding-top:3.3rem}.letter__title{padding-right:0}}@media(max-width:17em){.received__tag{padding-inline:1.65em 0.6em}}@media(max-width:12.5em){.contact__received{padding-inline:0.7rem}.received__tag{font-size:min(var(--step-2),10.5cqi,1.1rem)}}@media(forced-colors:active){.letter .field textarea{border:1px solid CanvasText}}}@layer sections{.section--floor{--chest-w: clamp(8.75rem, 6rem + 6.4vw, 12.75rem);--chest-x: 36%;--chest-light: 0.55}.section--floor.is-chest-peek{--chest-light: 0.82}.section--floor.is-chest-open{--chest-light: 1}.section--floor>.section__divider{color:var(--floor-horizon, var(--backdrop))}.floor__near,.floor__mid,.floor__fore{position:absolute;inset:0;pointer-events:none}.floor__near{z-index:var(--z-section-back)}.floor__mid{z-index:var(--z-section-content)}.floor__fore{z-index:var(--z-section-front)}.floor__plane{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.floor__life{position:absolute;overflow:visible;transform-origin:50% 100%}.floor__life--fan,.floor__life--pen{animation:floor-sway 9s var(--ease-in-out) infinite alternate}.floor__life--crown{animation:floor-pulse 5.5s var(--ease-in-out) infinite}@keyframes floor-sway{from{transform:rotate(calc(var(--sway, 2deg) * -1))}to{transform:rotate(var(--sway, 2deg))}}@keyframes floor-pulse{0%,100%{transform:scale(1,1)}40%{transform:scale(0.84,0.74)}58%{transform:scale(0.86,0.77)}}.floor__spill{position:absolute;background:radial-gradient(ellipse 50% 50% at 50% 46%,rgb(255 210 128 / 0.62),rgb(255 180 80 / 0.26) 40%,rgb(255 178 74 / 0) 72%);mix-blend-mode:screen;opacity:var(--chest-light);transition:opacity 600ms var(--ease-out);pointer-events:none}.floor__content{display:grid;grid-template-columns:minmax(0,0.64fr) minmax(0,1.36fr);grid-template-areas:"hoard tablet";align-items:end;--floor-gap: clamp(1rem, 2.4vw, 3rem);column-gap:var(--floor-gap);min-height:clamp(24rem,15rem + 20vw,36rem);padding-block:clamp(5rem,3rem + 6vw,9rem) clamp(4.5rem,3rem + 3.8vw,7rem);pointer-events:none}.floor__content>.tablet{pointer-events:auto}.floor__hoard{grid-area:hoard;position:relative;align-self:stretch;min-height:calc(var(--chest-w) * 0.8 + 5.5rem)}.chest{--lid: 9deg;--glow: 0.55;position:absolute;left:var(--chest-x);bottom:0;width:var(--chest-w);aspect-ratio:200 / 160;translate:-50% 0;padding:0;border:0;border-radius:6px;background:none;color:inherit;pointer-events:auto;container-type:inline-size;-webkit-tap-highlight-color:transparent}.chest:hover,.chest:focus-visible{--lid: 30deg;--glow: 0.82}.chest[aria-expanded=true]{--lid: 132deg;--glow: 1}.chest:focus-visible{outline:var(--focus-ring);outline-offset:8px}.chest__art{position:absolute;inset:0;display:block;pointer-events:none}.chest__art>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chest__glow{position:absolute;left:-46%;right:-46%;top:-52%;height:132%;background:radial-gradient(ellipse 50% 50% at 50% 66%,rgb(255 230 160 / 1),rgb(255 190 90 / 0.55) 30%,rgb(255 178 74 / 0.18) 55%,rgb(255 178 74 / 0) 74%);mix-blend-mode:screen;opacity:var(--glow);transition:opacity 500ms var(--ease-out)}.chest__lid{position:absolute;left:0;right:0;top:16.25%;height:31.25%;transform-style:preserve-3d;transform-origin:50% 100% -27cqw;transform:perspective(320cqw) rotateX(var(--lid));transition:transform 720ms var(--ease-spring)}.chest__face{position:absolute;inset:0;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.chest__face>svg{display:block;width:100%;height:100%;overflow:visible}.chest__face--in{transform:rotateX(180deg)}.chest__face--out{visibility:visible;transition:visibility 0s linear 65ms}.chest__face--in{visibility:hidden;transition:visibility 0s linear 65ms}.chest[aria-expanded=true] .chest__face--out{visibility:hidden;transition-delay:120ms}.chest[aria-expanded=true] .chest__face--in{visibility:visible;transition-delay:120ms}html.reduced-motion .chest .chest__face{transition-delay:0s}@media(prefers-reduced-motion:reduce){.section--floor .chest .chest__face{transition-delay:0s}}.chest__seam{position:absolute;left:6%;right:6%;top:38%;height:16%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgb(255 238 186 / 0.95),rgb(255 200 110 / 0.5) 38%,rgb(255 178 74 / 0) 72%);mix-blend-mode:screen;opacity:calc(var(--glow) * 0.9);transition:opacity 500ms var(--ease-out);pointer-events:none}.chest__sparkles{position:absolute;inset:0;display:block;mix-blend-mode:screen;pointer-events:none}.chest__sparkle{position:absolute;display:block;opacity:0;transform:scale(0.2);animation:chest-sparkle 7s linear infinite}.chest__sparkle>svg{display:block;width:100%;height:100%;overflow:visible}@keyframes chest-sparkle{0%,86%,100%{opacity:0;transform:scale(0.2) rotate(0deg)}90%{opacity:1;transform:scale(1) rotate(35deg)}95%{opacity:0.5;transform:scale(0.55) rotate(60deg)}}.section--floor.is-idle :is(.floor__life,.chest__sparkle){animation-play-state:paused}.pearl{position:absolute;left:var(--chest-x);right:calc(-1.35rem - var(--floor-gap));width:fit-content;bottom:calc(var(--chest-w) * 0.6);z-index:2;display:inline-flex;align-items:center;gap:0.55rem;min-height:var(--tap);padding:0.2rem 0.3rem 0.2rem 0;translate:-1.35rem 0;color:var(--ink);text-decoration:none;pointer-events:auto;border-radius:999px 6px 6px 999px}.pearl[hidden]{display:none}.js .pearl:not([hidden]){animation:pearl-rise 900ms var(--ease-spring) both}@keyframes pearl-rise{0%{opacity:0;transform:translateY(2.6rem) scale(0.55)}18%{opacity:1}100%{opacity:1;transform:none}}.pearl__gem{position:relative;flex:none;width:2.7rem;aspect-ratio:1;border-radius:50%;background-color:#e8e1d3;box-shadow:inset 3px 3px 0 0 #fbf8f0,inset -4px -5px 0 0 #c5bba8,inset -7px -8px 0 0 #d7cfbf,var(--box-shadow-2)}.pearl__gem::before{content:"";position:absolute;inset:-1.3rem;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 246 222 / 0.55),rgb(255 226 170 / 0.16) 55%,rgb(255 226 170 / 0));mix-blend-mode:screen;pointer-events:none}.pearl__gem::after{content:"";position:absolute;left:24%;top:20%;width:22%;height:16%;border-radius:50%;background:#fffdf8;rotate:-30deg}.pearl__label{display:inline-block;padding:0.5em 0.9em 0.45em 0.8em;line-height:1.2;font-weight:700;min-width:0;font-size:var(--step--1);letter-spacing:0.02em;color:var(--ink);background-color:var(--parchment-100);background-image:var(--grain);background-size:256px 256px;border-radius:2px;box-shadow:-0.75px -0.75px 0 0 #fffaf0,var(--box-shadow-2);rotate:-2deg;transition:translate var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.pearl:hover .pearl__label,.pearl:focus-visible .pearl__label{translate:0 -2px;box-shadow:-0.75px -0.75px 0 0 #fffaf0,var(--box-shadow-3);text-decoration:underline;text-underline-offset:0.2em}.pearl:focus-visible{outline:var(--focus-ring);outline-offset:4px}.tablet{--paper: #2b333d;--stone: #1d242c;--paper-lit: #46505c;grid-area:tablet;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;grid-template-areas:"brand nav eco" "meta meta meta" "legal legal legal";gap:0.2rem clamp(1rem,2.2vw,2.4rem);margin-bottom:calc(var(--chest-w) * 0.03);padding:clamp(1.6rem,1.1rem + 1.8vw,2.5rem) clamp(1.4rem,1rem + 2vw,2.7rem) clamp(1.3rem,1rem + 1.2vw,2rem);color:var(--text);background:none;box-shadow:none;border-radius:0;filter:var(--shadow-3)}.tablet::before,.tablet::after{content:"";position:absolute;pointer-events:none;background-image:var(--grain);background-size:256px 256px}.tablet::before{inset:0;z-index:-2;background-color:var(--stone);clip-path:polygon(0.6% 3.2%,3% 0.4%,22% 1.2%,24% 0%,57% 0.8%,59.5% 2.4%,61% 0.6%,96.5% 0.2%,100% 3.5%,99.4% 34%,100% 37%,99.6% 71%,100% 96.4%,97% 100%,70% 99.2%,67.5% 100%,30% 99.4%,3.2% 100%,0% 96%,0.4% 62%,0% 58%,0.5% 28%)}.tablet::after{inset:0.55rem 0.65rem 0.7rem 0.55rem;z-index:-1;background-color:var(--paper);background-image:linear-gradient(var(--paper-lit),var(--paper-lit)),linear-gradient(var(--paper-lit),var(--paper-lit)),var(--grain);background-size:100% 1px,1px 100%,256px 256px;background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat;clip-path:polygon(0.4% 1.6%,2.4% 0%,40% 0.6%,42% 0%,97.8% 0.4%,100% 2.4%,99.6% 48%,100% 97.6%,98% 100%,55% 99.4%,53% 100%,1.8% 99.6%,0% 97.4%,0.4% 50%)}.tablet__brand{grid-area:brand}.tablet__logo{display:flex;align-items:center;gap:0.55rem;margin:0 0 0.7rem;font-family:var(--font-display);font-variation-settings:var(--display-settings);font-weight:640;font-size:clamp(1.2rem,1.05rem + 0.5vw,1.45rem);line-height:1.1;flex-wrap:wrap;overflow-wrap:break-word;color:var(--parchment-100);text-shadow:-0.6px -0.6px 0 #10151b,0.6px 0.8px 0 #56606d}.tablet__eye{display:block;width:2.6rem;flex:none;aspect-ratio:56 / 40}.tablet__eye svg{display:block;width:100%;height:auto;overflow:visible}@media(min-width:80em){.tablet__logo{flex-direction:column;align-items:flex-start;gap:0.5rem}}.tablet__blurb{max-width:22rem;margin:0 0 0.9rem;color:var(--text);font-size:var(--step--1);line-height:1.5}.tablet__label{margin:0 0 0.25rem;font-weight:700;font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-300)}.tablet__nav{grid-area:nav}.tablet__nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:1.4rem;list-style:none;margin:0;padding:0}@media(max-width:15em){.tablet__nav ul{grid-template-columns:minmax(0,1fr)}}.tablet__eco{grid-area:eco}.tablet__brands{list-style:none;margin:0;padding:0}.tablet__brands li a{white-space:normal}.tablet__brands li a,.tablet__meta a{overflow-wrap:anywhere}:is(.tablet__nav,.tablet__brands) a{display:inline-flex;white-space:nowrap;align-items:center;min-height:var(--tap);color:var(--parchment-100);font-weight:500;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--gold-300) 55%,transparent);text-decoration-thickness:1px;text-underline-offset:0.28em}:is(.tablet__nav,.tablet__brands) a:hover,:is(.tablet__nav,.tablet__brands) a:focus-visible{color:var(--gold-300);text-decoration-color:currentColor;text-decoration-thickness:2px}.tablet__meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:0 0.7rem;margin:0.7rem 0 0;padding-top:0.55rem;border-top:1px solid color-mix(in srgb,var(--paper-lit) 70%,transparent);font-size:var(--step--1)}.tablet__meta a{display:inline-flex;flex-wrap:wrap;align-items:center;min-height:var(--tap);color:var(--gold-300)}.tablet__knot{color:var(--text-muted)}@media(max-width:59.99em){.tablet__knot{display:none}.tablet__meta{gap:0 1.2rem}}.tablet__legal{grid-area:legal;margin:0.1rem 0 0;font-size:0.85rem;color:var(--text-muted)}@media(max-width:79.99em){.section--floor{--chest-x: 50%}.tablet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand brand" "nav eco" "meta meta" "legal legal"}.tablet__blurb{max-width:30rem}}@media(max-width:47.99em){.section--floor{--chest-x: 44%}.floor__content{grid-template-columns:minmax(0,1fr);grid-template-areas:"tablet" "hoard";row-gap:0;min-height:0;padding-block:clamp(3rem,2rem + 6vw,5rem) 3.6rem}.floor__hoard{min-height:calc(var(--chest-w) * 0.8 + 6.5rem)}.pearl{right:calc(-1.35rem - var(--gutter) + 0.25rem);flex-wrap:wrap-reverse}.pearl__label{flex:1 1 7em;max-width:max-content}.tablet{margin-bottom:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "nav" "eco" "meta" "legal"}.tablet__eco{margin-top:0.5rem}}.no-js .pearl[hidden]{display:inline-flex}.no-js .pearl{position:static;translate:none;margin:0 0 1rem}.no-js .tablet__eye{display:none}.no-js .floor__hoard{min-height:0;display:flex;align-items:flex-end}}