:root {
  --y: #FDD509;
  --k: #0B0B0A;
  --ink: #141311;
  --ink-2: #3A3731;
  --ink-3: #6B655A;
  --paper: #F3EEE2;
  --paper-2: #EAE3D2;
  --card: #FBF8F0;
  --cream: #EFEADC;
  --hair: rgba(20, 19, 17, .18);
  --hair-light: rgba(239, 234, 220, .16);
  --red: #B3261E;

  --serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --display: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --wrap: 1480px;
  --pad: clamp(16px, 2.6vw, 40px);
  --gap: clamp(18px, 1.7vw, 26px);
  --sec: clamp(52px, 5.4vw, 88px);
  --frame: 1.5px solid var(--ink);
  --gold-line: 1.5px solid rgba(253, 213, 9, .5);

  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .07 0 0 0 0 .06 0 0 0 .5 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --grunge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3.4 0 0 0 2.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 64px; }
body { margin: 0; background: var(--paper) var(--grain); color: var(--ink); font: 400 17px/1.5 var(--serif); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
::selection { background: var(--y); color: var(--k); }
img, svg, canvas { max-width: 100%; }
img { display: block; height: auto; }
p, h1, h2, h3, figure, ol, ul, fieldset { margin: 0; }
ol, ul { padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
a { color: inherit; }
b, strong { font-weight: 700; }
:focus-visible { outline: 3px solid var(--k); outline-offset: 3px; box-shadow: 0 0 0 7px var(--y); }
.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 2000; padding: 10px 14px; background: var(--y); color: var(--k); font: 800 14px/1 var(--display); text-decoration: none; }
.skip:focus { top: 12px; }

.kick { display: inline-flex; align-items: center; gap: 8px; font: 800 11.5px/1 var(--display); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-2); }
.kick::before { content: ""; width: 18px; height: 4px; background: var(--y); box-shadow: 0 0 0 1px var(--ink); }
.kick--light { color: #CFC9B8; }
.kick--light::before { box-shadow: none; }
.kick--chip { padding: 6px 10px; background: var(--y); color: var(--k); }
.kick--chip::before { background: var(--k); box-shadow: none; }

.h { margin: 8px 0 12px; font: 900 clamp(28px, 2.3vw, 38px)/.92 var(--display); font-stretch: 64%; letter-spacing: -.004em; text-transform: uppercase; text-wrap: balance; }
.band__h { margin-top: 12px; font: 900 clamp(40px, 4.6vw, 76px)/.88 var(--display); font-stretch: 62%; letter-spacing: -.008em; text-transform: uppercase; text-wrap: balance; }
.band__lede { max-width: 30em; font: italic 400 clamp(17px, 1.3vw, 20px)/1.45 var(--serif); color: var(--ink-2); }
.band__head { margin-bottom: 22px; }
.band__head--row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 40px; }
.band__head--row .band__lede { text-align: right; }
.band__head--center { display: flex; flex-direction: column; align-items: center; text-align: center; }
.band__head--center .band__lede { margin-top: 12px; }
.outline { color: transparent; -webkit-text-stroke: 2px currentColor; }

.hl { background: var(--y); color: var(--k); padding: 0 .08em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ink-y { text-shadow: .045em .045em 0 var(--y); }
.mark { padding: 0 .06em; background: linear-gradient(transparent 58%, var(--y) 58%, var(--y) 92%, transparent 92%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 13px 18px 12px; border: var(--frame); background: var(--ink); color: var(--y);
  font: 900 13.5px/1 var(--display); font-stretch: 86%; letter-spacing: .08em; text-transform: uppercase;
  text-decoration: none; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s;
}
.btn:hover { background: var(--y); color: var(--k); }
.btn--y { background: var(--y); color: var(--k); }
.btn--y:hover { background: var(--ink); color: var(--y); }
.btn--ghost { background: transparent; color: var(--ink); }
.btn--ghost:hover { background: var(--ink); color: var(--y); }
.btn--light { background: #E8EBEF; color: var(--k); border-color: #E8EBEF; }
.btn--big { padding: 17px 24px 16px; font-size: 15.5px; }
.woke .btn--y, .band--vows .btn--y, .band--flag .btn--y { border-color: var(--y); }
.woke .btn--y:hover, .band--vows .btn--y:hover, .band--flag .btn--y:hover { background: var(--cream); border-color: var(--cream); color: var(--k); }

.card { position: relative; padding: 16px 18px 18px; background: var(--card); color: var(--ink); border: var(--frame); }
.card__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding-bottom: 9px; border-bottom: var(--frame); }
.card__title { font: 900 19px/1.05 var(--display); font-stretch: 72%; letter-spacing: .05em; text-transform: uppercase; }
.card__meta { flex: none; font: 600 10px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); white-space: nowrap; }
.card__foot { margin-top: 12px; font: italic 400 14.5px/1.4 var(--serif); color: var(--ink-2); }

.strip { background: var(--k); color: #D9D2C1; }
.strip__in { max-width: var(--wrap); min-height: 34px; margin: 0 auto; padding: 0 var(--pad); display: flex; align-items: center; justify-content: space-between; gap: 18px; font: 600 11px/1.2 var(--display); letter-spacing: .14em; text-transform: uppercase; }
.strip__cell { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; white-space: nowrap; }
.strip__cell b { color: var(--y); font-weight: 800; }
.strip__cell i { font-style: normal; color: #6E6A61; }
.strip__boot { display: none; }

.mast__in { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--pad); }
.plate { display: grid; grid-template-columns: 128px minmax(0, 1fr) 128px; border: 2px solid var(--ink); border-top: 0; border-bottom-width: 5px; }
.ear { display: flex; flex-direction: column; align-items: center; padding: 0 14px; background: var(--k); }
.mast__logo { display: block; width: auto; height: var(--cap, 86px); margin-top: var(--cap-top, 30px); }
.barcode { display: block; width: 100%; height: calc(var(--cap, 86px) * .55); margin: auto 0; background: repeating-linear-gradient(90deg, var(--cream) 0 2px, transparent 2px 4px, var(--cream) 4px 5px, transparent 5px 8px, var(--cream) 8px 11px, transparent 11px 12px, var(--cream) 12px 13px, transparent 13px 16px, var(--cream) 16px 17px, transparent 17px 19px, var(--cream) 19px 22px, transparent 22px 23px); }
.mast__mobile-logo { display: none; }

.wordmark { min-width: 0; margin: 0; padding: 18px clamp(16px, 2vw, 30px) 20px; text-align: center; align-self: center; }
.wordmark__fit { display: inline-block; white-space: nowrap; color: var(--ink); font: 900 clamp(40px, 7vw, 132px)/.84 var(--display); font-stretch: 62%; letter-spacing: -.012em; text-transform: uppercase; }
.wordmark__a, .wordmark__b { color: var(--ink); text-shadow: .026em .026em 0 var(--y); }
.wordmark__fit.is-fit, .hero__fit.is-fit, .closing__fit.is-fit { white-space: nowrap; }

.folio { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 9px 16px 8px; border-top: 2px solid var(--ink); font: 700 10.5px/1.2 var(--display); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-2); }
.folio__mid { font: italic 500 14px/1.1 var(--serif); letter-spacing: 0; text-transform: none; color: var(--ink); }

.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(11, 11, 10, .97); color: var(--paper); border-bottom: 1px solid rgba(253, 213, 9, .3); transform: translateY(-105%); transition: transform .2s ease; }
.sticky.is-on { transform: none; }
.sticky__in { max-width: var(--wrap); height: 54px; margin: 0 auto; padding: 0 var(--pad); display: flex; align-items: center; gap: 16px; }
.sticky__brand { display: flex; align-items: center; gap: 10px; flex: none; text-decoration: none; font: 900 19px/1 var(--display); font-stretch: 64%; text-transform: uppercase; }
.sticky__brand b { color: var(--y); font-weight: 900; }
.sticky__q { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font: 800 13px/1 var(--display); letter-spacing: .08em; text-transform: uppercase; color: #CFC9B8; }
.sticky__q b { color: var(--y); }
.sticky__boot { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--y); color: var(--k); }
.sticky__boot svg { width: 58%; height: 58%; fill: none; stroke: currentColor; stroke-width: 11; stroke-linecap: round; }
.sticky__boot:hover { background: var(--cream); }

.hero { max-width: var(--wrap); margin: 0 auto; padding: 22px var(--pad) 0; }
.hero__text { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-bottom: 22px; text-align: center; }
.hero__h { display: flex; justify-content: center; width: 100%; color: var(--ink); font: 900 clamp(30px, 4vw, 58px)/.9 var(--display); font-stretch: 62%; letter-spacing: -.012em; text-transform: uppercase; }
.hero__fit { display: inline-block; }
.hero__deck { max-width: 50em; font: 400 clamp(17px, 1.35vw, 21px)/1.4 var(--serif); color: var(--ink-2); text-wrap: balance; }
.hero__deck b { color: var(--ink); }

.hero__split { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: clamp(460px, calc(100svh - 410px), 600px); border: var(--frame); background: var(--k); }
.life { --lp: clamp(16px, 2vw, 32px); --seam: clamp(40px, 3.6vw, 56px); --wave: 0s; container-type: inline-size; position: relative; grid-row: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--lp); overflow: hidden; isolation: isolate; text-decoration: none; transition: filter .25s ease; }
.life--under { grid-column: 1; padding-right: var(--seam); }
.life--owner { grid-column: 2; padding-left: var(--seam); border-left: var(--frame); }
.life__bg { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; filter: blur(7px) saturate(.85); transform: scale(1.08); }
.life--owner .life__bg { filter: blur(7px) saturate(.85) brightness(.94); }
.life--under .life__bg { object-position: 62% 50%; }
.life--owner .life__bg { object-position: 58% 50%; }
.life__win { display: flex; flex-direction: column; width: min(100%, 440px); border-radius: 16px; overflow: hidden; -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2); }
.life--under .life__win { background: rgba(14, 17, 22, .84); color: #E8EBEF; box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 24px 60px rgba(0, 0, 0, .45); }
.life--owner .life__win { background: rgba(255, 255, 255, .88); color: var(--ink); box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 24px 60px rgba(20, 50, 70, .25); }
.life__bar { position: relative; display: flex; align-items: center; justify-content: center; height: 34px; padding: 0 64px; font: 700 10.5px/1 var(--display); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.life__bar > span { overflow: hidden; text-overflow: ellipsis; }
.life--under .life__bar { background: rgba(255, 255, 255, .05); border-bottom: 1px solid rgba(255, 255, 255, .08); color: #9AA4AF; }
.life--owner .life__bar { background: rgba(0, 0, 0, .035); border-bottom: 1px solid rgba(0, 0, 0, .07); color: var(--ink-3); }
.life__bar i { position: absolute; top: 50%; right: 46px; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; }
.life__bar i:nth-child(2) { right: 30px; }
.life__bar i:nth-child(3) { right: 14px; }
.life--under .life__bar i { background: #4A535E; }
.life--under .life__bar i:nth-child(3) { background: #D5DDE6; }
.life--owner .life__bar i { background: #D9D4C8; }
.life--owner .life__bar i:nth-child(3) { background: var(--y); }
.life__body { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 22px 22px 24px; text-align: center; }
.life__h { font: 900 clamp(34px, 3.2vw, 52px)/.9 var(--display); font-stretch: 64%; text-transform: uppercase; text-wrap: balance; }
.life__dock { position: absolute; bottom: var(--lp); left: 50%; z-index: 1; display: flex; gap: 10px; width: max-content; padding: 8px 10px; border-radius: 18px; transform: translateX(-50%); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.life--under .life__dock { left: calc(50% - var(--seam) / 2); background: rgba(14, 17, 22, .66); box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 14px 34px rgba(0, 0, 0, .4); }
.life--owner .life__dock { left: calc(50% + var(--seam) / 2); background: rgba(255, 255, 255, .64); box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 14px 34px rgba(20, 50, 70, .22); }
.life__dock img { --i: 0; width: clamp(30px, 7.4cqw, 44px); height: auto; animation: dock-wave 5s ease-in-out infinite; animation-delay: calc(var(--wave) + var(--i) * .16s); }
.life__dock img:nth-child(2) { --i: 1; }
.life__dock img:nth-child(3) { --i: 2; }
.life__dock img:nth-child(4) { --i: 3; }
.life__dock img:nth-child(5) { --i: 4; }
.life__dock img:nth-child(6) { --i: 5; }
.life--owner { --wave: 2.5s; }
@keyframes dock-wave { 0%, 14%, 100% { transform: translateY(0); } 6% { transform: translateY(-8px); } }
.life .btn { transition: background-color .15s, color .15s, border-color .15s, transform .15s, box-shadow .15s; }
.life .btn:hover, .life:focus-visible .btn { transform: translateY(-2px); }
.life--under .btn--light:hover, .life--under:focus-visible .btn--light { background: var(--y); border-color: var(--y); box-shadow: 0 10px 24px rgba(0, 0, 0, .45); }
.life--owner .btn--y:hover, .life--owner:focus-visible .btn--y { background: var(--ink); color: var(--y); box-shadow: 0 10px 24px rgba(20, 50, 70, .3); }
.btn__go { display: inline-block; transition: transform .15s ease; }
.life .btn:hover .btn__go, .life:focus-visible .btn__go { transform: translateX(4px); }
@media (hover: hover) {
  .hero__split:has(.life:hover) .life:not(:hover) { filter: brightness(.28) saturate(.5); }
}
.hero__split:has(.life:focus-visible) .life:not(:focus-visible) { filter: brightness(.28) saturate(.5); }
.hero__or { grid-column: 1 / -1; grid-row: 1; place-self: center; z-index: 3; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: var(--paper); border: var(--frame); font: italic 600 25px/1 var(--serif); color: var(--ink); pointer-events: none; }

.hexword { margin: 0; color: var(--y); font: 900 64px/1 var(--display); letter-spacing: .02em; }
.hexword svg { display: block; width: 100%; height: auto; }
.hexword .hx-on { fill: var(--y); }

.woke { margin-top: calc(var(--gap) * 1.5); background: var(--k); color: var(--cream); }
.woke__in { max-width: var(--wrap); margin: 0 auto; padding: 26px var(--pad); display: flex; align-items: center; gap: clamp(22px, 3vw, 48px); }
.hexword--woke { flex: none; width: clamp(170px, 16vw, 240px); }
.woke__copy { flex: 1; min-width: 0; padding-left: clamp(22px, 3vw, 48px); border-left: 1px solid var(--hair-light); }
.woke__h { font: 900 clamp(32px, 3.4vw, 56px)/.92 var(--display); font-stretch: 64%; text-transform: uppercase; text-wrap: balance; }
.woke__p { margin-top: 8px; font: italic 400 clamp(17px, 1.3vw, 21px)/1.4 var(--serif); color: #CFC9B8; }
.woke__cta { flex: none; }

.edition { max-width: var(--wrap); margin: 0 auto; padding: calc(var(--gap) * 1.5) var(--pad); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); align-items: stretch; }
.edition > .card { display: flex; flex-direction: column; }

.dep { flex: 1; display: flex; flex-direction: column; padding: 12px 16px 4px; background: var(--k); color: var(--cream); }
.dep__cols, .dep__rows li { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.dep__cols { padding-bottom: 9px; border-bottom: 1px solid rgba(239, 234, 220, .22); font: 700 9.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #8F897A; }
.dep__cols span:last-child { text-align: right; }
.dep__rows { flex: 1; display: flex; flex-direction: column; }
.dep__rows li { flex: 1; min-height: 46px; border-bottom: 1px solid rgba(239, 234, 220, .1); }
.dep__rows li:last-child { border-bottom: 0; }
.dep__yr { font: 600 17px/1 var(--mono); font-variant-numeric: tabular-nums; color: var(--y); }
.dep__to { font: 900 19px/1.05 var(--display); font-stretch: 72%; letter-spacing: .03em; text-transform: uppercase; }
.dep__rows .is-under .dep__yr { color: #FF8374; }
.dep__rows .st { justify-self: end; }
.st { display: inline-block; padding: 4px 7px 3px; font: 900 9.5px/1.1 var(--display); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.st--go { background: var(--y); color: var(--k); }
.st--last { background: #E8912D; color: var(--k); }
.st--shut { background: #3A3834; color: #A39E91; }
.st--never { background: var(--red); color: #fff; }

.mk .markets { flex: 1; height: 100%; }

.cols { max-width: var(--wrap); margin: 0 auto; padding: calc(var(--gap) * 1.6) var(--pad) var(--sec); column-count: 4; column-gap: calc(var(--gap) * 1.4); --n: 4; }
.cols > * { break-inside: avoid; margin-bottom: var(--gap); }
.cols.is-balanced { column-count: auto; display: flex; align-items: stretch; gap: calc(var(--gap) * 1.4); }
.cols.is-balanced > * { margin-bottom: 0; }
.col { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: var(--gap); }
.col + .col::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--gap) * -.7); border-left: 1px solid var(--hair); }
.cols.is-single { display: flex; flex-direction: column; gap: var(--gap); column-count: auto; }
.cols.is-single > * { margin-bottom: 0; }

.story { border-top: 3px solid var(--ink); padding-top: 12px; }
.story p { margin-bottom: .65em; font: 400 17px/1.52 var(--serif); }
.story p.bottom { margin-bottom: 0; font: 700 18px/1.42 var(--serif); }
.story__art { margin: 2px 0 14px; border: var(--frame); background: var(--card); }
.story__art img { width: 100%; }
.story--lead .h { font-size: clamp(34px, 2.8vw, 46px); }

.meme { margin: 0; }
.meme__frame { border: var(--frame); background: var(--card); }
.meme__setup { padding: 10px 12px 9px; border-bottom: var(--frame); font: 800 17px/1.2 var(--display); font-stretch: 94%; letter-spacing: -.005em; }
.meme__art { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: var(--y); container-type: inline-size; }
.meme--tall .meme__art { aspect-ratio: 301 / 900; }
.meme__art img { width: 100%; height: 100%; object-fit: cover; }
.meme figcaption { margin-top: 10px; font: 900 15px/1.16 var(--display); font-stretch: 84%; letter-spacing: .01em; text-transform: uppercase; }
.meme figcaption b { font-weight: 900; background: var(--y); padding: 0 .12em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.meme__tag { position: absolute; left: var(--x); top: var(--y); z-index: 1; max-width: 62%; padding: .42em .62em .36em; transform: translate(-50%, -50%); background: var(--k); color: #FFF; font: 800 clamp(10px, 4.1cqw, 15px)/1.12 var(--display); letter-spacing: .01em; text-align: center; text-wrap: balance; }
.meme__tag--bl { transform: translate(0, -100%); text-align: left; }
.meme__tag--tl { transform: none; text-align: left; }
.meme__tag--yes { background: #FFF; color: var(--k); box-shadow: inset 0 0 0 2px var(--k); }
.meme__tag--say { max-width: 84%; background: #FFF; color: var(--k); border-radius: 1em; box-shadow: inset 0 0 0 1.5px var(--k); font-weight: 700; }
.meme--tall .meme__tag { font-size: clamp(10px, 4.6cqw, 14px); }
.meme--card { display: flex; flex-direction: column; }
.meme--card .meme__frame { flex: 1; display: flex; flex-direction: column; }
.meme--card .meme__art { flex: 1 0 auto; }
.meme--card figcaption { margin: 0; padding: 11px 12px 12px; border-top: var(--frame); }

.markets { width: 100%; border-collapse: collapse; }
.markets th, .markets td { padding: 7px 0; border-bottom: 1px solid var(--hair); vertical-align: middle; }
.markets tr:last-child th, .markets tr:last-child td { border-bottom: 0; }
.markets th { text-align: left; font-weight: 400; }
.markets th b { display: block; font: 700 14px/1 var(--mono); }
.markets th span { display: block; margin-top: 3px; font: 500 11px/1.2 var(--display); color: var(--ink-3); white-space: nowrap; }
.markets td[data-spark] { width: 36%; padding: 0 10px; }
.markets td svg { display: block; width: 100%; height: 28px; overflow: visible; }
.markets .up, .markets .dn { font: 700 12.5px/1 var(--mono); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.markets .dn, .markets__labor th b { color: var(--red); }
.spark { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.spark--dn { stroke: var(--red); }
.spark-area { fill: rgba(253, 213, 9, .55); }

.prices li { display: flex; align-items: baseline; gap: 8px; padding: 6px 0; font: 400 15px/1.3 var(--serif); }
.prices li > span { flex: 1; display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.prices li > span::after { content: ""; flex: 1; min-width: 12px; border-bottom: 2px dotted var(--hair); transform: translateY(-4px); }
.prices b { font: 600 13.5px/1.2 var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.prices .is-hl { flex-direction: column; align-items: stretch; gap: 3px; margin-top: 8px; padding: 10px 12px 11px; background: var(--y); }
.prices .is-hl > span { font-weight: 700; }
.prices .is-hl > span::after { display: none; }
.prices .is-hl b { font: 900 21px/1 var(--display); font-stretch: 70%; text-transform: uppercase; white-space: normal; }

.things li { padding: 9px 0; border-bottom: 1px solid var(--hair); }
.things li:last-child { border-bottom: 0; padding-bottom: 0; }
.things q { display: block; font: italic 500 16px/1.3 var(--serif); color: var(--ink-2); }
.things span { display: block; margin-top: 4px; font: 900 19px/1.05 var(--display); font-stretch: 70%; text-transform: uppercase; }
.things span::before { content: "→ "; color: var(--ink-3); }

.fc__row { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--hair); }
.fc__row:last-child { border-bottom: 0; }
.fc__icon { flex: none; width: 44px; height: 44px; color: var(--ink); }
.fc p b { display: block; font: 900 19px/1 var(--display); font-stretch: 72%; text-transform: uppercase; }
.fc p span { font: 500 14.5px/1.3 var(--display); }

.cl__cat { margin: 12px 0 4px; padding: 4px 8px 3px; background: var(--ink); color: var(--card); font: 800 10.5px/1.2 var(--display); letter-spacing: .18em; text-transform: uppercase; }
.cl .card__head + .cl__cat { margin-top: 0; }
.cl__ad { padding: 6px 0 7px; font: 400 14.5px/1.4 var(--serif); hyphens: auto; }
.cl__ad + .cl__ad { border-top: 1px solid var(--hair); }
.cl__ad b { font: 900 14px/1 var(--display); font-stretch: 78%; letter-spacing: .04em; text-transform: uppercase; }
.cl__ad i { color: var(--ink-3); }
.cl__price { font: 700 13.5px/1 var(--mono); white-space: nowrap; font-variant-numeric: tabular-nums; }
.cl__box { margin-top: 14px; padding: 12px 12px 13px; border: 4px double var(--ink); text-align: center; font: 400 14.5px/1.35 var(--serif); }
.cl__box b { display: block; margin-bottom: 5px; font: 900 27px/1 var(--display); font-stretch: 64%; letter-spacing: .01em; text-transform: uppercase; }
.cl__box span { display: block; margin-top: 4px; font-weight: 700; }

.wire li { padding: 9px 0; border-bottom: 1px solid var(--hair); font: 600 14.5px/1.35 var(--display); font-stretch: 92%; }
.wire li:last-child { border-bottom: 0; padding-bottom: 0; }
.wire time { display: block; margin-bottom: 3px; font: 600 11px/1 var(--mono); color: var(--ink-3); }
.wire__item { display: block; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.wire__h { padding: 0 .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .2s ease; background: linear-gradient(transparent 58%, var(--y) 58%, var(--y) 92%, transparent 92%) no-repeat 0 0 / 0% 100%; }
.wire__item:hover .wire__h, .wire__item:focus-visible .wire__h { background-size: 100% 100%; }

.reader { width: min(560px, calc(100% - 32px)); max-height: calc(100% - 48px); margin: auto; padding: 26px 28px 28px; border: var(--frame); background: var(--card); color: var(--ink); overflow: auto; }
.reader::backdrop { background: rgba(11, 11, 10, .62); }
.reader[open] { animation: reader-in .2s ease-out; }
@keyframes reader-in { from { opacity: 0; transform: translateY(8px); } }
html:has(.reader[open]) { overflow: hidden; }
.reader__x { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; border: var(--frame); background: var(--card); color: var(--ink); cursor: pointer; }
.reader__x:hover { background: var(--ink); color: var(--y); }
.reader__x svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.reader__h { margin-top: 12px; padding-right: 34px; font: 900 clamp(28px, 3vw, 40px)/.94 var(--display); font-stretch: 64%; text-transform: uppercase; text-wrap: balance; }
.reader__body { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--hair); }
.reader__body p { font: 400 17px/1.55 var(--serif); }
.reader__body p + p { margin-top: .75em; }
.reader__body em { font-weight: 600; }

.tabs { display: inline-flex; border: var(--frame); }
.tab { padding: 8px 11px 7px; border: 0; background: transparent; cursor: pointer; font: 900 11.5px/1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.tab[aria-selected="true"] { background: var(--ink); color: var(--y); }
.letter { display: grid; margin-top: 12px; }
.letter__body { grid-area: 1 / 1; font: italic 400 16.5px/1.55 var(--serif); }
.letter__body[hidden] { display: block; visibility: hidden; }
.letter__body p + p { margin-top: .65em; }
.letter__body .sig { font-weight: 700; }

.quiz li { border-bottom: 1px solid var(--hair); }
.quiz label { display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: center; padding: 7px 0; cursor: pointer; font: 500 15px/1.3 var(--serif); }
.quiz input { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; margin: 0; display: grid; place-items: center; border: var(--frame); background: #fff; cursor: pointer; }
.quiz input:checked { background: var(--ink); }
.quiz input:checked::after { content: "✕"; color: var(--y); font: 900 13px/1 var(--display); }
.gauge-wrap { margin-top: 12px; text-align: center; }
.gauge { width: 100%; max-width: 220px; height: auto; color: var(--ink); }
.gauge__needle { transform-origin: 160px 170px; transform: rotate(-90deg); transition: transform .5s ease; }
.gauge__level { margin-top: 4px; font: 900 22px/1 var(--display); font-stretch: 70%; text-transform: uppercase; }
.gauge__text { margin-top: 6px; min-height: 4.2em; font: 400 15px/1.4 var(--serif); color: var(--ink-2); }

.theses { counter-reset: t; }
.theses li { display: grid; grid-template-columns: 38px 1fr; gap: 6px; padding: 8px 0; border-top: 1px solid var(--hair); font: 700 15.5px/1.32 var(--serif); }
.theses li:first-child { border-top: 0; padding-top: 0; }
.theses li::before { counter-increment: t; content: counter(t, upper-roman) "."; font: 900 19px/1.1 var(--display); font-stretch: 70%; color: var(--ink-3); }

.steps { counter-reset: s; }
.steps li { display: grid; grid-template-columns: 34px 1fr; column-gap: 10px; padding: 9px 0; border-top: 1px solid var(--hair); }
.steps li:first-child { border-top: 0; padding-top: 0; }
.steps li::before { counter-increment: s; content: counter(s); grid-row: span 2; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--y); font: 900 14px/1 var(--display); }
.steps b { font: 800 16.5px/1.2 var(--serif); }
.steps span { margin-top: 2px; font: 400 14.5px/1.4 var(--serif); color: var(--ink-2); }

.filler { display: flex; flex-direction: column; justify-content: center; gap: 12px; flex: 1 0 auto; min-height: 120px; text-decoration: none; }
.filler__k { font: 800 11px/1 var(--display); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-3); }
.filler__h { font: 900 clamp(24px, 2vw, 32px)/.92 var(--display); font-stretch: 64%; text-transform: uppercase; text-wrap: balance; }
.filler .btn { align-self: flex-start; }
a.filler:hover .filler__h { text-decoration: underline; text-decoration-color: var(--y); text-decoration-thickness: .1em; }

.band { padding: var(--sec) var(--pad); }

.band--choose { background: var(--paper-2); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.choose { max-width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(22px, 3vw, 48px); align-items: stretch; }
.choose__copy { display: flex; flex-direction: column; gap: 16px; }
.choose__h { font: 900 clamp(44px, 5.2vw, 90px)/.88 var(--display); font-stretch: 62%; letter-spacing: -.008em; text-transform: uppercase; text-wrap: balance; }
.choose__h .hl { padding: 0 .06em; }
.or { padding: 0 .04em; font: italic 500 .5em/1 var(--serif); letter-spacing: 0; text-transform: lowercase; vertical-align: .3em; color: var(--ink-2); }
.choose__p { max-width: 30em; font: 400 clamp(17px, 1.3vw, 20px)/1.45 var(--serif); color: var(--ink-2); }
.choose__p b { color: var(--ink); }
.choose__ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 6px; }
.choose__art { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.choose__cap { display: flex; justify-content: space-between; gap: 12px; font: 800 12px/1.2 var(--display); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }

.compare { position: relative; flex: 1 1 auto; min-height: 420px; overflow: hidden; background: var(--k); border: var(--frame); touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: ew-resize; }
.compare:has(.compare__range:focus-visible) { outline: 3px solid var(--k); outline-offset: 5px; }
.compare__layer { position: absolute; inset: 0; }
.compare__layer img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.compare__layer--owner { clip-path: inset(0 0 0 var(--pos)); }
.compare__handle { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 0; z-index: 3; pointer-events: none; }
.compare__handle::before { content: ""; position: absolute; top: 0; bottom: 0; left: -2px; width: 4px; background: var(--y); box-shadow: 0 0 0 1.5px var(--ink); }
.compare__knob { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; display: grid; place-items: center; transform: translate(-50%, -50%); border-radius: 50%; background: var(--y); border: var(--frame); }
.compare__knob svg { width: 24px; height: 24px; fill: none; stroke: var(--ink); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.compare__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; pointer-events: none; }
.compare__label { position: absolute; bottom: 12px; z-index: 2; max-width: calc(50% - 32px); padding: 7px 10px 6px; font: 700 11px/1.25 var(--display); letter-spacing: .06em; text-transform: uppercase; border: var(--frame); }
.compare__label b { display: block; font: 900 17px/1 var(--display); font-stretch: 72%; letter-spacing: .02em; }
.compare__label--under { left: 12px; background: var(--k); color: var(--cream); border-color: var(--k); }
.compare__label--owner { right: 12px; background: var(--y); color: var(--k); text-align: right; }

.band--road { background: var(--paper-2); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.road { max-width: var(--wrap); margin: 0 auto; }
.road .band__head { margin-bottom: 38px; }
.road__track { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.road__track::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--y) 0 33.3%, #E8912D 33.3% 66.6%, #8F897A 66.6% 83.3%, var(--red) 83.3%); }
.road__stop { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 36px 18px 2px; }
.road__stop + .road__stop { border-left: 1px solid var(--hair); }
.road__stop::before { content: ""; position: absolute; top: -9px; left: 18px; width: 22px; height: 22px; border-radius: 50%; background: var(--card); border: 3px solid var(--ink); }
.road__stop.is-now::before { background: var(--y); box-shadow: 0 0 0 6px rgba(253, 213, 9, .45); }
.road__stop.is-go::before { background: var(--y); }
.road__stop.is-last::before { background: #E8912D; }
.road__stop.is-shut::before { background: #8F897A; }
.road__stop.is-end::before { background: var(--red); }
.road__yr { font: 900 clamp(44px, 4.4vw, 72px)/.84 var(--display); font-stretch: 62%; letter-spacing: -.01em; color: var(--ink); }
.road__stop.is-now .road__yr { text-shadow: .05em .05em 0 var(--y); }
.road__stop.is-end .road__yr { color: var(--red); }
.road__h { margin-top: 4px; font: 900 21px/1.02 var(--display); font-stretch: 70%; text-transform: uppercase; text-wrap: balance; }
.road__stop p { font: 400 15.5px/1.45 var(--serif); color: var(--ink-2); }

.band--proj { background: var(--k); color: var(--cream); }
.band--proj .band__lede { color: #BDB7A8; }
.band--proj .hl { color: var(--k); }
.band--proj .band__lede .hl { white-space: nowrap; }
.band--proj .btn--y { border-color: var(--y); }
.band--proj .btn--y:hover { background: var(--cream); border-color: var(--cream); color: var(--k); }
.proj { max-width: var(--wrap); margin: 0 auto; }
.proj__body { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); margin-top: clamp(30px, 3vw, 48px); border-top: 3px solid var(--y); }
.proj__chart { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 22px clamp(20px, 2.2vw, 36px) 18px 0; border-right: 1px solid var(--hair-light); }
.proj__cap { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin-bottom: 14px; }
.proj__title { font: 900 19px/1.05 var(--display); font-stretch: 72%; letter-spacing: .05em; text-transform: uppercase; }
.proj__legend { display: flex; flex-wrap: wrap; gap: 8px 18px; font: 600 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #CFC9B8; }
.proj__key { display: inline-flex; align-items: center; gap: 8px; }
.proj__key::before { content: ""; width: 18px; height: 2px; border-radius: 1px; }
.proj__key--own::before, .proj__k--own { background: var(--y); }
.proj__key--rest::before, .proj__k--rest { background: #8E897D; }
.proj__plot { position: relative; flex: 1 1 auto; min-height: 290px; border-radius: 4px; outline: none; touch-action: pan-y; }
.proj__plot:focus-visible { box-shadow: 0 0 0 2px var(--y); }
.proj__svg { position: absolute; inset: 0; display: block; overflow: visible; }
.proj__grid { stroke: rgba(239, 234, 220, .12); stroke-width: 1; shape-rendering: crispEdges; }
.proj__tick { fill: #A39E91; font: 500 11px var(--mono); }
.proj__line { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.proj__line--own { stroke: var(--y); }
.proj__line--rest { stroke: #8E897D; }
.proj__dot { stroke: var(--k); stroke-width: 2; }
.proj__dot--own { fill: var(--y); }
.proj__dot--rest { fill: #8E897D; }
.proj__dot--x { fill: var(--cream); }
.proj__lead { stroke: rgba(239, 234, 220, .45); stroke-width: 1; }
.proj__ann { fill: var(--cream); font: 700 10.5px var(--display); letter-spacing: .12em; text-transform: uppercase; }
.proj__end-v { fill: var(--cream); font: 900 22px var(--display); font-stretch: 70%; }
.proj__end-l { fill: #A39E91; font: 500 11px var(--mono); }
.proj__cross { stroke: rgba(239, 234, 220, .5); stroke-width: 1; }
.proj__tip { position: absolute; top: 0; left: 0; z-index: 2; display: grid; gap: 6px; min-width: 170px; padding: 10px 12px; border: 1px solid var(--hair-light); background: #1B1A18; color: #BDB7A8; font: 500 12px/1.2 var(--mono); white-space: nowrap; pointer-events: none; }
.proj__tip[hidden] { display: none; }
.proj__tip-yr { color: var(--cream); letter-spacing: .08em; }
.proj__tip-row { display: flex; align-items: center; gap: 8px; }
.proj__tip-row b { color: var(--cream); font-size: 14px; }
.proj__k { flex: none; width: 14px; height: 2px; border-radius: 1px; }
.proj__foot { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin-top: 12px; }
.proj__note { margin: 0; font: italic 400 15px/1.4 var(--serif); color: #A39E91; }
.proj__data summary { cursor: pointer; font: 600 11px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #CFC9B8; }
.proj__data summary:hover { color: var(--y); }
.proj__data[open] { flex-basis: 100%; }
.proj__data table { width: 100%; margin-top: 12px; border-collapse: collapse; font: 500 12.5px/1 var(--mono); font-variant-numeric: tabular-nums; }
.proj__data th, .proj__data td { padding: 7px 10px 7px 0; border-bottom: 1px solid var(--hair-light); text-align: left; font-weight: 500; }
.proj__data thead th { font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #A39E91; }
.proj__side { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px 0 18px clamp(20px, 2.2vw, 36px); }
.proj__side-h { margin: 0; font: 900 clamp(28px, 2.4vw, 40px)/.92 var(--display); font-stretch: 64%; text-transform: uppercase; text-wrap: balance; color: var(--cream); }
.proj__points { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; font: 400 16px/1.45 var(--serif); color: #BDB7A8; }
.proj__points li { position: relative; padding-left: 20px; }
.proj__points li::before { content: ""; position: absolute; left: 0; top: .66em; width: 9px; height: 3px; background: var(--y); }
.proj__points b { color: var(--cream); }
.proj__chips { justify-content: flex-start; margin: 0; padding: 0; list-style: none; }
.proj__side .btn { margin-top: auto; }

.band--money { background: #0B0B0A; color: var(--cream); }
.money { max-width: var(--wrap); margin: 0 auto; }
.money__head { display: flex; flex-direction: column; align-items: center; text-align: center; }
.kick--red { color: #FF8A7F; }
.kick--red::before { background: #E5484D; box-shadow: none; }
.money__h { margin-top: 14px; font: 900 clamp(44px, 5.6vw, 96px)/.88 var(--display); font-stretch: 62%; letter-spacing: -.008em; text-transform: uppercase; text-wrap: balance; color: var(--cream); }
.money__h span { color: #FF5A4E; }
.money__lede { max-width: 34em; margin-top: 16px; text-wrap: balance; font: italic 400 clamp(17px, 1.35vw, 21px)/1.45 var(--serif); color: #BDB7A8; }
.money__body { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 4.4vw, 80px); align-items: center; margin-top: clamp(34px, 3.6vw, 56px); }
.money__steps li { display: grid; grid-template-columns: 58px minmax(0, 1fr); column-gap: 12px; padding: 16px 0; border-top: 1px solid var(--hair-light); counter-increment: money; }
.money__steps { counter-reset: money; }
.money__steps li:first-child { border-top: 0; padding-top: 0; }
.money__steps li::before { content: "0" counter(money); grid-row: span 2; font: 900 36px/.86 var(--display); font-stretch: 62%; color: #FF5A4E; }
.money__steps b { font: 900 clamp(21px, 1.7vw, 26px)/1 var(--display); font-stretch: 68%; text-transform: uppercase; color: var(--cream); }
.money__steps p { margin-top: 5px; font: 400 clamp(16px, 1.2vw, 18.5px)/1.5 var(--serif); color: #BDB7A8; }
.money__steps em { font-style: normal; font-weight: 600; color: var(--cream); }
.money__art { position: relative; display: grid; place-items: center; width: 100%; max-width: 520px; justify-self: center; aspect-ratio: 1; }
.money__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 1.5px solid rgba(255, 90, 78, .5); }
.receipt { --z: 9px; position: relative; width: min(100%, 360px); padding: 22px 22px calc(84px + var(--z)); background: #F4F1E8; color: #1A1916; font: 500 13px/1.55 var(--mono); transform: rotate(-3deg); box-shadow: 0 30px 70px rgba(0, 0, 0, .6);
  -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--z)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) var(--z) repeat-x;
          mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--z)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) var(--z) repeat-x; }
.receipt__head { padding-bottom: 10px; border-bottom: 1.5px dashed #9C978A; text-align: center; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.receipt__lines { padding: 9px 0; border-bottom: 1.5px dashed #9C978A; }
.receipt__lines li, .receipt__total, .receipt__min { display: flex; justify-content: space-between; gap: 12px; }
.receipt b { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.receipt__total { padding-top: 10px; font-size: 16px; font-weight: 700; }
.receipt__total b { font-weight: 800; }
.receipt__min { color: #6B655A; }
.receipt__stamp { position: absolute; left: 50%; bottom: calc(22px + var(--z)); translate: -50% 0; padding: 6px 12px 5px; border: 4px solid #D6332A; color: #D6332A; font: 900 32px/1 var(--display); font-stretch: 66%; letter-spacing: .08em; text-transform: uppercase; transform: rotate(-14deg); -webkit-mask-image: var(--grunge); mask-image: var(--grunge); }
.money__math { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(38px, 4vw, 64px); border-top: 3px solid #E5484D; }
.money__math li { display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 22px; border-right: 1px solid var(--hair-light); }
.money__math li:last-child { border-right: 0; }
.money__math b { font: 900 clamp(40px, 4vw, 66px)/.86 var(--display); font-stretch: 62%; color: var(--cream); font-variant-numeric: tabular-nums; }
.money__math span { font: 400 15.5px/1.4 var(--serif); color: #A39E91; }
.money__turn { margin-top: clamp(30px, 3.2vw, 48px); text-align: center; font: 900 clamp(26px, 2.6vw, 42px)/1.05 var(--display); font-stretch: 64%; text-transform: uppercase; text-wrap: balance; color: var(--cream); }
.money__turn .hl { color: var(--k); }

.band--tape { background: var(--paper); border-bottom: 3px solid var(--ink); }
.tape-wrap { max-width: var(--wrap); margin: 0 auto; }
.tape__h { margin: 0 0 24px; text-align: center; }
.tape { width: 100%; border-collapse: collapse; table-layout: fixed; border: var(--frame); background: var(--card); }
.tape th, .tape td { padding: 11px clamp(10px, 1.4vw, 22px); vertical-align: middle; border-top: 1px solid var(--hair); }
.tape thead th { border-top: 0; }
.tape__side { padding-top: 16px !important; padding-bottom: 14px !important; font: 900 clamp(22px, 2.4vw, 42px)/.9 var(--display); font-stretch: 64%; text-transform: uppercase; }
.tape__side small { display: block; margin-bottom: 5px; font: 800 11px/1 var(--display); letter-spacing: .2em; opacity: .7; }
.tape__side--under { background: #2B2A27; color: var(--cream); text-align: right; }
.tape__side--owner { background: var(--y); color: var(--k); text-align: left; }
.tape__vs { width: clamp(90px, 12vw, 190px); text-align: center; font: italic 600 clamp(20px, 1.8vw, 28px)/1 var(--serif); color: var(--ink-3); }
.tape tbody th { text-align: center; font: 800 11.5px/1.25 var(--display); font-stretch: 85%; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.tape tbody td { font: 500 clamp(15px, 1.2vw, 20px)/1.32 var(--serif); }
.tape tbody td:first-child { text-align: right; color: var(--ink-3); }
.tape tbody td:last-child { text-align: left; font-weight: 700; box-shadow: inset 5px 0 0 var(--y); }
.tape__same td { font-family: var(--display) !important; font-weight: 900 !important; font-stretch: 70%; text-transform: uppercase; font-size: clamp(20px, 1.8vw, 30px) !important; color: var(--ink) !important; }
.tape__eq { display: inline-block; margin-left: 6px; padding: 3px 5px 2px; background: var(--ink); color: var(--paper); letter-spacing: .12em; }
.tape__door td:last-child { background: var(--y); }
.tape-foot { margin-top: 16px; text-align: center; font: italic 400 clamp(15px, 1.1vw, 18px)/1.4 var(--serif); color: var(--ink-3); }
.tape-foot a { margin-left: 6px; font: 900 13px/1 var(--display); font-style: normal; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; border-bottom: 3px solid var(--y); color: var(--ink); }

.band--memes { background: var(--paper-2); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.wall { max-width: var(--wrap); margin: 0 auto; }
.wall__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(var(--gap) * 1.2) var(--gap); }
.wall__grid .meme__setup { min-height: calc(2 * 1.2em + 19px); display: flex; align-items: center; }

.band--billions { background: var(--k); color: var(--cream); }
.billions { max-width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: clamp(28px, 4vw, 64px); }
.billions .band__h { color: var(--cream); }
.billions .outline { -webkit-text-stroke-color: var(--cream); }
.billions p:not(.kick) { max-width: 36em; margin-top: 14px; font: 400 clamp(16.5px, 1.25vw, 20px)/1.55 var(--serif); color: #CFC9B8; }
.billions p.billions__bottom { margin-top: 20px; font: 900 clamp(24px, 2.2vw, 34px)/1.02 var(--display); font-stretch: 66%; text-transform: uppercase; color: var(--cream); }
.billions__bottom b { color: var(--y); }
.dotgrid__field { position: relative; aspect-ratio: 40 / 25; background: radial-gradient(circle closest-side, #57544C 60%, transparent 68%) 0 0 / 2.5% 4%; }
.dotgrid__owner { position: absolute; left: 67.5%; top: 44%; width: 2.5%; height: 4%; }
.dotgrid__owner::before { content: ""; position: absolute; inset: 14%; border-radius: 50%; background: var(--y); box-shadow: 0 0 14px 4px rgba(253, 213, 9, .7); }
.dotgrid__owner::after { content: ""; position: absolute; inset: -70%; border-radius: 50%; border: 2px solid var(--y); opacity: .7; }
.dotgrid figcaption { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 14px; font: 800 13px/1.2 var(--display); letter-spacing: .06em; text-transform: uppercase; color: #CFC9B8; }
.dotgrid figcaption i { display: inline-block; width: 12px; height: 12px; margin-right: 8px; border-radius: 50%; vertical-align: -1px; }
.k-gray { background: #57544C; }
.k-yellow { background: var(--y); }

.band--day { background: linear-gradient(90deg, #1B1A18 50%, var(--paper-2) 50%); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.day { max-width: 1240px; margin: 0 auto; }
.day__head { text-align: center; }
.split-ink { color: transparent; background: linear-gradient(90deg, #F3EEE2 50%, var(--ink) 50%); -webkit-background-clip: text; background-clip: text; }
.day__h { margin-top: 12px; font: 900 clamp(40px, 4.8vw, 80px)/.88 var(--display); font-stretch: 62%; text-transform: uppercase; }
.day__deck { margin-top: 10px; font: italic 500 clamp(17px, 1.35vw, 21px)/1.35 var(--serif); }
.day__cols { display: grid; grid-template-columns: 1fr 120px 1fr; margin-top: 26px; }
.day__who { font: 700 12px/1.3 var(--display); letter-spacing: .1em; text-transform: uppercase; }
.day__who b { display: block; margin-bottom: 3px; font: 900 clamp(22px, 2vw, 32px)/1 var(--display); font-stretch: 66%; letter-spacing: .01em; }
.day__who--under { grid-column: 1; text-align: right; color: #A39E91; }
.day__who--under b { color: #F3EEE2; }
.day__who--owner { grid-column: 3; color: var(--ink-3); }
.day__who--owner b { color: var(--ink); }
.day__rows { position: relative; margin-top: 12px; }
.day__rows::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; margin-left: -2px; background: var(--y); }
.day__rows li { position: relative; display: grid; grid-template-columns: 1fr 120px 1fr; align-items: center; padding: 10px 0; }
.day__rows time { position: relative; z-index: 1; grid-column: 2; grid-row: 1; justify-self: center; padding: 5px 8px 4px; background: var(--y); color: var(--k); font: 700 12px/1 var(--mono); white-space: nowrap; box-shadow: 0 0 0 3px var(--k); }
.day__rows .u { grid-column: 1; grid-row: 1; padding-right: 22px; text-align: right; font: 400 clamp(15.5px, 1.2vw, 18.5px)/1.4 var(--serif); color: #D7D1C2; }
.day__rows .o { grid-column: 3; grid-row: 1; padding-left: 22px; font: 600 clamp(15.5px, 1.2vw, 18.5px)/1.4 var(--serif); color: var(--ink); }
.day__foot { margin-top: 22px; text-align: center; font: 900 clamp(28px, 3vw, 48px)/1 var(--display); font-stretch: 64%; text-transform: uppercase; }
.day__foot .hl { color: var(--k); -webkit-text-fill-color: var(--k); }

.band--vows { background: var(--k); color: var(--cream); }
.vows { position: relative; max-width: 1320px; margin: 0 auto; }
.vows__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 32px; }
.vows__h { margin-top: 10px; font: 900 clamp(44px, 5vw, 84px)/.88 var(--display); font-stretch: 62%; text-transform: uppercase; color: var(--cream); }
.vows__deck { max-width: 22em; font: italic 400 clamp(17px, 1.35vw, 22px)/1.4 var(--serif); color: #BDB7A8; text-align: right; }
.vows__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 24px; border-top: 3px solid var(--y); }
.vows__list li { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px 22px; border-bottom: 1px solid var(--hair-light); border-right: 1px solid var(--hair-light); }
.vows__list li:nth-child(4n) { border-right: 0; }
.vows__n { font: 900 clamp(44px, 4vw, 66px)/.8 var(--display); font-stretch: 62%; color: transparent; -webkit-text-stroke: 1.6px var(--y); -webkit-mask-image: var(--grunge); mask-image: var(--grunge); }
.vows__t { font: 900 clamp(21px, 1.75vw, 28px)/1.02 var(--display); font-stretch: 66%; text-transform: uppercase; color: var(--cream); text-wrap: balance; }
.vows__list li.is-loud { background: var(--y); }
.vows__list li.is-loud .vows__n { color: var(--k); -webkit-text-stroke: 0; }
.vows__list li.is-loud .vows__t { color: var(--k); }
.vows__sign { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 28px; min-height: 96px; }
.vows__note { font: italic 400 18px/1.4 var(--serif); color: #A39E91; }
.vows__stamp { position: absolute; right: 2%; top: 50%; padding: 12px 22px 11px; border: 6px solid var(--y); color: var(--y); text-align: center; text-transform: uppercase; opacity: 0; transform: translateY(-50%) rotate(-11deg); -webkit-mask-image: var(--grunge); mask-image: var(--grunge); pointer-events: none; }
.vows__stamp b { display: block; font: 900 clamp(40px, 4vw, 58px)/.9 var(--display); font-stretch: 66%; letter-spacing: .06em; }
.vows__stamp span { display: block; margin-top: 6px; font: 700 13px/1 var(--mono); letter-spacing: .14em; }
.vows.is-sworn .vows__stamp { opacity: 1; }
.vows.is-stamping .vows__stamp { animation: stamp .3s cubic-bezier(.2, 1.4, .4, 1) both; }
@keyframes stamp { from { opacity: 0; transform: translateY(-50%) rotate(-11deg) scale(1.8); } to { opacity: 1; transform: translateY(-50%) rotate(-11deg) scale(1); } }
.vows.is-sworn [data-vow] { background: transparent; color: var(--y); }

.band--id { background: var(--paper-2); border-bottom: 3px solid var(--ink); }
.idgen { max-width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(28px, 4vw, 64px); }
.idgen .band__lede { margin-top: 12px; }
.idgen form { margin-top: 20px; display: grid; gap: 14px; }
.idgen__row { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 12px; }
.field { display: grid; gap: 7px; font: 900 12px/1 var(--display); letter-spacing: .14em; text-transform: uppercase; }
.field input { width: 100%; height: 50px; padding: 0 14px; border: var(--frame); background: #FFFDF6; color: var(--k); font: 700 19px/1 var(--display); }
.field input:focus { outline: none; box-shadow: 0 0 0 3px var(--y); }
.field input[type="file"] { height: auto; padding: 9px; font: 600 14px/1.2 var(--display); }
.field input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 12px 7px; border: 0; background: var(--k); color: var(--y); cursor: pointer; font: 900 12px/1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.seg { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; border: 0; }
.seg label { cursor: pointer; }
.seg input { position: absolute; opacity: 0; pointer-events: none; }
.seg span { display: inline-block; padding: 11px 15px 10px; border: var(--frame); background: var(--card); font: 900 13px/1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.seg input:checked + span { background: var(--k); color: var(--y); }
.seg input:focus-visible + span { outline: 3px solid var(--k); outline-offset: 3px; }
.idgen__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.idgen__msg { min-height: 1.4em; font: italic 500 15px/1.4 var(--serif); }
.idgen__preview canvas { display: block; width: 100%; height: auto; border-radius: 18px; }

.band--flag { background: var(--k); color: var(--cream); }
.flag { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); align-items: center; gap: clamp(28px, 4.6vw, 76px); }
.flag .band__h { color: var(--cream); }
.flag__left { width: min(100%, 470px); justify-self: center; display: flex; flex-direction: column; gap: 14px; }
.token { width: 100%; aspect-ratio: 16 / 10; display: grid; place-items: center; border-radius: 26px; background: #121210; border: var(--gold-line); }
.token .hexword { width: 80%; font-size: 90px; text-align: center; }
.ca { display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 22px; border-radius: 26px; border: var(--gold-line); background: #121210; }
.ca__label { font: 900 16px/1 var(--display); font-stretch: 80%; letter-spacing: .12em; color: var(--y); }
.ca__value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 15px/1 var(--mono); color: #CFC9B8; }
.ca__copy { flex: none; padding: 13px 20px 12px; border: 0; border-radius: 18px; background: var(--y); color: var(--k); cursor: pointer; font: 900 13px/1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.ca__copy:disabled { background: #2A2926; color: #6E6A61; cursor: not-allowed; }
.flag__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.flag__chips li { padding: 8px 14px 7px; border-radius: 999px; border: 1px solid rgba(242, 237, 225, .22); font: 600 12px/1 var(--mono); color: #A39E91; }
.flag__lead { margin-top: 16px; font: 900 clamp(24px, 2.2vw, 36px)/1.02 var(--display); font-stretch: 66%; text-transform: uppercase; text-wrap: balance; }
.flag__lead b { color: var(--y); }
.stands__h { margin-top: 24px; font: 900 12.5px/1 var(--display); letter-spacing: .2em; text-transform: uppercase; color: var(--y); }
.stands { max-width: 40em; margin-top: 10px; }
.stands li { position: relative; padding: 11px 0 11px 30px; border-top: 1px solid var(--hair-light); font: 400 clamp(16px, 1.15vw, 18.5px)/1.5 var(--serif); color: #BDB7A8; }
.stands li::before { content: ""; position: absolute; left: 0; top: 21px; width: 16px; height: 4px; background: var(--y); }
.stands b { color: var(--cream); font-weight: 700; }
.flag__text { max-width: 36em; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--hair-light); font: 400 clamp(17px, 1.25vw, 20px)/1.5 var(--serif); color: #CFC9B8; }
.flag__text b { color: var(--y); }
.flag__text em { color: var(--cream); font-weight: 600; }

.closing { max-width: var(--wrap); margin: 0 auto; padding: var(--sec) var(--pad); }
.closing__h { display: flex; margin-top: 12px; font: 900 clamp(56px, 10vw, 190px)/.82 var(--display); font-stretch: 62%; letter-spacing: -.012em; text-transform: uppercase; }
.closing__fit { display: inline-block; }
.closing__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; }
.countdown { display: flex; flex-wrap: wrap; gap: 8px; }
.countdown span { min-width: 84px; padding: 11px 12px 10px; background: var(--k); color: var(--y); text-align: center; }
.countdown b { display: block; font: 600 clamp(28px, 2.8vw, 42px)/1 var(--mono); font-variant-numeric: tabular-nums; }
.countdown small { display: block; margin-top: 5px; font: 900 10px/1 var(--display); letter-spacing: .18em; text-transform: uppercase; color: var(--paper); }
.closing__ctas { display: flex; flex-wrap: wrap; gap: 10px; }
.closing__sub { margin-top: 16px; font: italic 400 clamp(15px, 1.15vw, 18px)/1.4 var(--serif); color: var(--ink-2); }

.ftr { padding: 34px var(--pad) 42px; background: var(--k); color: var(--paper); }
.ftr__in { max-width: var(--wrap); margin: 0 auto; display: grid; justify-items: center; gap: 16px; text-align: center; }
.ftr__brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font: 900 26px/1 var(--display); font-stretch: 62%; text-transform: uppercase; }
.ftr__brand b { color: var(--y); font-weight: 900; }
.ftr__fine { max-width: 52em; font: 400 13px/1.5 var(--display); color: #8F897A; text-wrap: balance; }

.crt { position: fixed; inset: 0; z-index: 3000; display: grid; place-content: center; gap: 22px; padding: 24px; background: #050505; opacity: 0; visibility: hidden; pointer-events: none; }
.crt__t { margin: 0; font: 700 clamp(34px, 6.4vw, 92px)/1 var(--mono); letter-spacing: -.035em; text-transform: uppercase; color: var(--y); }
.crt__off { color: transparent; }
.crt__t i { display: inline-block; width: .56em; height: .8em; margin-left: .05em; vertical-align: -.02em; background: var(--y); }
.crt__bar { position: relative; display: block; height: 3px; background: rgba(253, 213, 9, .16); overflow: hidden; }
.crt__bar i { position: absolute; inset: 0; background: var(--y); transform: scaleX(0); transform-origin: left; transition: transform .12s linear; }
.is-booting .crt { visibility: visible; pointer-events: all; animation: crt-in .18s ease-out forwards; }
@keyframes crt-in { to { opacity: 1; } }

@media (max-width: 1200px) {
  .cols { column-count: 3; --n: 3; }
  .wall__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .plate { grid-template-columns: minmax(0, 1fr); }
  .ear { display: none; }
  .mast__mobile-logo { display: block; width: auto; height: 58px; margin: 0 auto 14px; }
  .choose { grid-template-columns: minmax(0, 1fr); }
  .compare { flex: none; aspect-ratio: 16 / 10; min-height: 0; }
  .billions, .idgen, .flag { grid-template-columns: minmax(0, 1fr); }
  .flag__left { width: min(100%, 400px); }
  .vows__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vows__list li:nth-child(4n) { border-right: 1px solid var(--hair-light); }
  .vows__list li:nth-child(2n) { border-right: 0; }
  .edition { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .edition .meme--card { grid-column: 1 / -1; }
  .edition .meme--card .meme__art { aspect-ratio: 16 / 9; flex: none; }
}

@media (max-width: 980px) {
  .road__track { grid-template-columns: minmax(0, 1fr); padding-left: 34px; }
  .road__track::before { top: 6px; bottom: 6px; left: 9px; right: auto; width: 4px; height: auto; background: linear-gradient(180deg, var(--y) 0 33.3%, #E8912D 33.3% 66.6%, #8F897A 66.6% 83.3%, var(--red) 83.3%); }
  .road__stop { padding: 0 0 28px; }
  .road__stop + .road__stop { border-left: 0; }
  .road__stop::before { top: 4px; left: -35px; }
  .road__stop:last-child { padding-bottom: 0; }
}

@media (max-width: 900px) {
  .cols { column-count: 2; --n: 2; }
  .wall__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero__split { grid-template-columns: minmax(0, 1fr); min-height: 0; border: 0; background: none; }
  .life { grid-column: 1; min-height: 500px; border: var(--frame); }
  .life--under { grid-row: 1; border-bottom: 0; padding: var(--lp) var(--lp) var(--seam); }
  .life--owner { grid-row: 2; padding: var(--seam) var(--lp) var(--lp); }
  .hero__or { grid-row: 1 / 3; grid-column: 1; }
  .life--under .life__dock, .life--owner .life__dock { left: 50%; }
  .life--under .life__dock { bottom: calc(var(--seam) + 8px); }
  .proj__body { grid-template-columns: minmax(0, 1fr); }
  .proj__chart { padding-right: 0; padding-bottom: 22px; border-right: 0; border-bottom: 1px solid var(--hair-light); }
  .proj__side { padding-left: 0; }
  .proj__plot { flex: none; height: clamp(250px, 64vw, 360px); min-height: 0; }
  .money__body { grid-template-columns: minmax(0, 1fr); }
  .money__art { max-width: 440px; }
  .money__math { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .money__math li:nth-child(2) { border-right: 0; }
  .money__math li:nth-child(-n+2) { border-bottom: 1px solid var(--hair-light); }
  .tape th, .tape td { padding: 9px 7px; }
  .tape tbody th { font-size: 9.5px; letter-spacing: .08em; }
  .tape tbody td { font-size: 14.5px; }
  .tape__eq { display: block; width: max-content; margin: 4px auto 0; }
  .woke__in { flex-wrap: wrap; }
  .woke__copy { flex: 1 1 60%; }
  .folio__mid { display: none; }
}

@media (max-width: 760px) {
  .edition { grid-template-columns: minmax(0, 1fr); }
  .edition .meme--card .meme__art { aspect-ratio: 1 / 1; }
  .day__cols { grid-template-columns: 1fr 1fr; }
  .day__who--under { text-align: left; padding-right: 12px; }
  .day__who--owner { grid-column: 2; padding-left: 12px; }
  .day__rows::before { display: none; }
  .day__rows li { grid-template-columns: 1fr 1fr; padding: 8px 0 12px; }
  .day__rows time { grid-column: 1 / -1; grid-row: 1; margin-bottom: 10px; }
  .day__rows .u { grid-column: 1; grid-row: 2; padding-right: 12px; text-align: left; font-size: 15px; }
  .day__rows .o { grid-column: 2; grid-row: 2; padding-left: 12px; font-size: 15px; }
  .band__head--row .band__lede { text-align: left; }
}

@media (max-width: 640px) {
  .strip__in { justify-content: flex-start; }
  .strip__cell + .strip__cell { margin-left: auto; }
  .strip__boot { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--y); color: var(--k); }
  .strip__boot svg { width: 62%; height: 62%; fill: none; stroke: currentColor; stroke-width: 12; stroke-linecap: round; }
  .folio { justify-content: center; }
  .folio span:last-child { display: none; }
  .wordmark__fit { white-space: normal; font-size: clamp(46px, 15vw, 76px); line-height: .84; }
  .wordmark__a, .wordmark__b { display: block; }
  .sticky__q, .sticky__brand span { display: none; }
  .sticky__in { justify-content: space-between; }
  .life { min-height: 470px; padding: 10px; }
  .life--under { padding-bottom: 40px; }
  .life--owner { padding-top: 40px; }
  .life__body { padding: 20px 16px 22px; }
  .money__math { grid-template-columns: minmax(0, 1fr); }
  .money__math li { border-right: 0 !important; border-bottom: 1px solid var(--hair-light); }
  .money__math li:last-child { border-bottom: 0; }
  .choose__h { font-size: clamp(42px, 13vw, 64px); }
  .choose__cap { flex-direction: column; gap: 4px; }
  .compare__label { padding: 6px 8px 5px; font-size: 10px; max-width: calc(50% - 26px); }
  .compare__label b { font-size: 14px; }
  .compare__label--under { top: 10px; bottom: auto; }
  .woke__in { flex-direction: column; align-items: flex-start; }
  .woke__copy { padding-left: 0; border-left: 0; }
  .cols { column-count: 1; --n: 1; }
  .wall__grid { grid-template-columns: minmax(0, 1fr); }
  .idgen__row { grid-template-columns: minmax(0, 1fr) 96px; }
  .countdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 360px; }
  .countdown span { min-width: 0; }
  .closing__row { flex-direction: column; align-items: flex-start; }
  .vows__deck { text-align: left; }
  .vows__list { grid-template-columns: minmax(0, 1fr); }
  .vows__list li { border-right: 0 !important; flex-direction: row; align-items: baseline; gap: 16px; padding: 14px 4px 16px; }
  .vows__list li.is-loud { padding-left: 12px; padding-right: 12px; }
  .vows__n { flex: none; width: 1.15em; }
  .vows__stamp { position: static; transform: rotate(-8deg); margin-left: 6px; }
  .vows.is-stamping .vows__stamp { animation-name: stamp-m; }
  @keyframes stamp-m { from { opacity: 0; transform: rotate(-8deg) scale(1.8); } to { opacity: 1; transform: rotate(-8deg) scale(1); } }
}

@media (prefers-reduced-motion: reduce) {
  .life__dock img { animation: none; }
  .life .btn:hover, .life:focus-visible .btn, .btn__go { transform: none !important; }
}