.strips { position: relative; z-index: 2; grid-column: 1 / span var(--t-cols); grid-row: 2; margin-top: var(--sp6-6); min-width: 0;
  max-width: calc(5 * (var(--col) + var(--gut)) - var(--gut)); }
.strips .ticker { margin: 0; border: 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); height: var(--strip-row-h);
  max-width: none; grid-column: auto; grid-row: auto; padding-right: 28px; font-size: var(--strip-size); letter-spacing: var(--strip-track); }
.strips .tk-item { padding: 0 var(--sp6-4); }
.strips .tk-item::after { top: calc(50% - var(--strip-sep-h) / 2); bottom: auto; height: var(--strip-sep-h); background: var(--hairline-strong); }
.strips .tk-pause { position: absolute; right: 0; top: 0; bottom: 0; width: 28px; height: auto; border: 0; background: none; color: var(--faint); display: grid; place-items: center; }
.strips .tk-pause svg { width: 8px; height: 8px; }
.strips .tk-pause:hover, .strips .tk-pause[aria-pressed="true"] { color: var(--ink); }
.strips .tk-pause:focus { outline: none; }
.strips .tk-pause:focus-visible { outline: 1px solid var(--accent); outline-offset: -4px; }

.strips .tk-v, .strips .tk-c, .gp-card .gc-score, .gp-card .gc-chg, .gp-card .gc-src, .gp-card .gc-meta, .tk-src { font-variant-numeric: tabular-nums lining-nums; font-feature-settings: var(--num-features); }

.tk-go { display: flex; align-items: center; gap: 8px; height: 100%; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit;
  letter-spacing: inherit; text-transform: inherit; cursor: pointer; white-space: nowrap; }
.tk-go:hover .tk-l { color: var(--ink); }
.tk-go:focus { outline: none; }
.tk-go:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }

.tk-src { display: flex; align-items: center; gap: var(--sp6-3); height: 24px; margin: 0; font-family: var(--mono); font-size: var(--label-size);
  letter-spacing: 0.04em; color: var(--faint); white-space: nowrap; overflow: hidden; }
.tk-retry { margin: 0; padding: 0 var(--sp6-1); border: 0; background: none; color: var(--accent); font: inherit; letter-spacing: 0.08em; cursor: pointer; }
.tk-retry:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }

.rm .strips .ticker { height: calc(2 * var(--strip-row-h)); }
.rm .strips .tk-track { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, var(--strip-row-h)); align-items: center; }
.rm .strips .tk-item { height: var(--strip-row-h); }
.rm .strips .ticker { padding-right: 0; }
.rm .strips .tk-pause { display: none; }   

.gp-card .gc-meta { margin: var(--sp6-2) 0 0; font-family: var(--mono); font-size: var(--label-size); letter-spacing: 0.04em; line-height: 1.5; color: var(--faint); }
.gp-card .gc-meta:empty { display: none; }
@media (max-width: 720px) {
  
  .strips { order: 3; margin: 0 calc(-1 * var(--edge)); padding-top: var(--sp6-3); max-width: none; background: var(--surface-0); }
  .strips .ticker { order: 0; margin: 0; border-inline: 0; }
  .tk-src { padding: 0 var(--edge); }
}

.gp-focus { position: fixed; left: -15px; top: -15px; z-index: 3; width: 30px; height: 30px; border: 2px solid var(--accent); border-radius: 50%;
  box-shadow: 0 0 0 4px var(--accent-a24); pointer-events: none; }
.gp-focus[hidden] { display: none; }

.strips .tk-view { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 48px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 48px), transparent 100%); }
.rm .strips .tk-view { -webkit-mask-image: none; mask-image: none; }
.rm .strips .tk-view[data-fade="r"] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent 100%); }
.rm .strips .tk-view[data-fade="l"] { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px); mask-image: linear-gradient(90deg, transparent 0, #000 40px); }
.rm .strips .tk-view[data-fade="lr"] { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 48px), transparent 100%); }

.mainnav { gap: var(--sp6-5); }
.caret { margin-left: var(--sp6-1); }
.masthead .btn, .hero .btn { padding: 0 var(--sp6-4); }
.hero .btns { margin-top: var(--sp6-6); }
.strips .ticker { padding-right: var(--sp6-6); }
.strips .tk-pause { width: var(--sp6-6); }
.strips .tri, .gp-card .tri { margin-right: var(--sp6-1); }
.globe-kb:focus { padding: var(--sp6-2) var(--sp6-3); }

.hero-only .stage { position: relative; top: auto; height: 100%; }
.hero-only .slot { height: 100%; }

.run.hero-only { --h0: 0px; }
.run.hero-only .stage { position: relative; top: auto; height: 100%; }
.run.hero-only .slot { height: 100%; }
.run.hero-only .story-svg-wrap, .run.hero-only .story-pins { display: none; }

.skip { font-family: var(--font6-text); font-size: var(--type-label); letter-spacing: var(--tr6-text); }
.navlink { font-family: var(--font6-text); font-weight: var(--w6-text); font-size: var(--nav6-size); letter-spacing: var(--nav6-track); text-transform: var(--nav6-case); }
.masthead .btn, .hero .btn { font-family: var(--font6-text); font-weight: var(--w6-text); font-size: var(--type-ui); letter-spacing: var(--tr6-text); text-transform: none; }
.hero .d-hero { font-family: var(--font6-head); font-weight: var(--w6-head); font-size: var(--type-display); line-height: var(--lh6-display); letter-spacing: var(--tr6-display); text-wrap: balance; }
.hero .hero-sub { font-family: var(--font6-text); font-size: var(--type-lead); line-height: var(--lh6-body); text-wrap: pretty; }
.strips .ticker { font-family: var(--font6-text); font-size: var(--strip-size); letter-spacing: var(--strip-track); text-transform: none; }
.strips .tk-l, .strips .tk-pend, .strips .tk-note { font-family: var(--font6-text); font-weight: var(--w6-text); color: var(--label-ink); }
.strips .tk-v, .strips .tk-c { font-family: var(--font6-num); font-weight: var(--w6-num-strong); letter-spacing: var(--num-track-s); font-variant-numeric: tabular-nums lining-nums; }
.strips .tk-v { color: var(--ink); }
.tk-src { font-family: var(--font6-text); font-size: var(--label-size); letter-spacing: var(--label-track); color: var(--label-ink); }
.tk-retry { font-family: var(--font6-text); font-weight: var(--w6-text); letter-spacing: var(--tr6-text); }
.gp-card { font-family: var(--font6-text); font-size: var(--type-label); letter-spacing: var(--tr6-text); }
.gp-card .gc-name { font-size: var(--type-body); font-weight: var(--w6-text); color: var(--ink-strong); }
.gp-card .gc-n { font-family: var(--font6-text); font-size: var(--type-label); letter-spacing: var(--tr6-text); text-transform: none; }
.gp-card .gc-score { font-family: var(--font6-num); font-weight: var(--w6-num); font-size: var(--ty-28); letter-spacing: var(--num-track-l); line-height: var(--num-lh); }
.gp-card .gc-chg { font-family: var(--font6-num); }
.gp-card .gc-k, .gp-card .gc-src, .gp-card .gc-meta { font-family: var(--font6-text); font-size: var(--label-size); letter-spacing: var(--label-track); text-transform: none; color: var(--label-ink); }
.gp-card .gc-hl, .gp-card .gc-none { font-size: var(--type-ui); line-height: var(--lh6-label); }
.gp-card .gc-x { font-size: var(--type-body); }
.mono6 { font-family: var(--font6-num); font-weight: var(--w6-num); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--num-track-s); text-transform: none; }

@media (min-width: 721px) {
  
  .gp-card:not(.gc-sheet) { width: var(--gc-w, 560px); display: grid; grid-template-columns: minmax(0, 16em) minmax(0, 1fr); grid-template-rows: auto auto 1fr auto; column-gap: var(--sp6-5); row-gap: var(--sp6-2); padding: var(--sp6-4) var(--sp6-5); height: var(--gc-h, 176px); box-sizing: border-box; }
  .gp-card:not(.gc-sheet) .gc-hl { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
  .gp-card:not(.gc-sheet) .gc-h { grid-column: 1 / -1; }
  .gp-card:not(.gc-sheet) .gc-n { grid-column: 1; margin: 0; flex-wrap: wrap; row-gap: var(--sp6-1); }
  .gp-card:not(.gc-sheet) > .gc-k { grid-column: 1; margin: 0; }
  .gp-card:not(.gc-sheet) .gc-ev { grid-column: 2; grid-row: 2 / span 2; border-top: 0; padding: 0 0 0 var(--sp6-5); border-left: 1px solid var(--hairline); }
  .gp-card:not(.gc-sheet) .gc-meta { grid-column: 1 / -1; grid-row: 4; margin: 0; }
  
  .gp-card:not(.gc-sheet) .gc-ev > .gc-k { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0; }
}

.reticle-ro { padding: 0; background: none; border: 0; font-family: var(--font6-text); font-size: var(--type-label); letter-spacing: var(--tr6-text); text-transform: none; color: var(--ink);
  text-shadow: 0 0 2px #000, 0 0 4px #000, 0 1px 6px rgba(0, 0, 0, 0.9); }
.globe-kb:focus { font-family: var(--font6-text); font-size: var(--type-label); letter-spacing: var(--tr6-text); text-transform: none; }
.gp-card .gc-h { gap: var(--sp6-2); }
.gp-card .gc-k { margin: 0 0 var(--sp6-1); }
.gp-card .gc-src { margin: var(--sp6-1) 0 0; }

.navtoggle { padding: var(--sp6-3); }
.navtoggle span { margin: var(--sp6-1) 0; }
@media (max-width: 720px) {
  .tk-src { height: auto; min-height: calc(2 * var(--lh6-label) * var(--label-size)); align-items: flex-start; white-space: normal; overflow: visible; padding-top: var(--sp6-1); }
  .tk-src-t { text-wrap: pretty; }
}

.gp-card.gc-sheet { padding: var(--sp6-4) var(--edge) var(--sp6-5); gap: var(--sp6-2); }
.gp-card .gc-ev { padding-top: var(--sp6-2); }

.globe-kb:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-color: var(--hairline-strong); }


.gp-card.gp-card[hidden] { display: none; }

.masthead { background: var(--surface-0); }


.gp-card .gc-name { font-weight: var(--w6-title); }

.strips .tk-v { font-weight: var(--w6-value); }
.strips .tk-c { font-size: var(--change-size); font-weight: var(--change-weight); }
.strips .tk-item { column-gap: var(--value-gap); }
.gp-card .gc-score { font-weight: var(--w6-value); }
.gp-card .gc-chg { font-size: var(--change-size-l); font-weight: var(--change-weight); }

.tk-src, .gp-card .gc-src, .gp-card .gc-meta { font-family: var(--font6-text); font-variant-numeric: tabular-nums lining-nums; font-feature-settings: var(--num-features); }

.gp-card .gc-n { align-items: baseline; column-gap: var(--value-gap); }

.gp-card .gc-vc { display: inline-flex; align-items: baseline; column-gap: var(--value-gap); }

.gp-card .gc-chg { font-family: var(--font6-text); font-variant-numeric: tabular-nums lining-nums; font-feature-settings: var(--num-features); }



.tk-go:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

.strips { container-type: inline-size; container-name: strips6; }
@container strips6 (max-width: 360px) {
  .tk-src { height: auto; min-height: calc(2 * var(--lh6-label) * var(--label-size)); align-items: flex-start; white-space: normal; overflow: visible; }
  .tk-src-t { text-wrap: pretty; }
}
.tk-src:focus { outline: none; }
.tk-src:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }

.strips .tk-view[data-still="1"] { -webkit-mask-image: none; mask-image: none; }

.globe-kb, .globe-skip { position: absolute; left: var(--edge); bottom: var(--sp6-2); z-index: 5; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  font-family: var(--font6-text); font-size: var(--label-size); letter-spacing: var(--label-track); text-transform: none; color: var(--ink); background: var(--surface-1); }
.globe-kb:focus, .globe-skip:focus { width: auto; height: auto; margin: 0; clip-path: none; overflow: visible; padding: var(--sp6-2) var(--sp6-3); border: 1px solid var(--accent); outline: none;
  font-family: var(--font6-text); font-size: var(--label-size); letter-spacing: var(--label-track); text-transform: none; text-decoration: none; }
.globe-kb:focus::after { content: ': left and right arrows rotate, Enter moves to the next event'; color: var(--secondary); }
.globe-kb:focus-visible, .globe-skip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

@media (min-width: 721px) {
  .gp-card.gc-compact:not(.gc-sheet) { grid-template-columns: minmax(0, 17em) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; row-gap: var(--sp6-1); padding: var(--sp6-2) var(--sp6-4); }
  .gp-card.gc-compact:not(.gc-sheet) .gc-h { grid-column: 1; grid-row: 1; }
  .gp-card.gc-compact:not(.gc-sheet) .gc-n { grid-column: 1; grid-row: 2; flex-wrap: nowrap; white-space: nowrap; }
  .gp-card.gc-compact:not(.gc-sheet) > .gc-k { grid-column: 1; grid-row: 3; margin: 0; }
  .gp-card.gc-compact:not(.gc-sheet):not(:has(.gc-ev)) > .gc-k { grid-column: 1 / -1; }   
  .gp-card.gc-compact:not(.gc-sheet) .gc-ev { grid-column: 2; grid-row: 1 / span 3; padding: 0 var(--sp6-5) 0 var(--sp6-4); }
  .gp-card.gc-compact:not(.gc-sheet) .gc-hl { -webkit-line-clamp: 2; line-clamp: 2; }
  .gp-card.gc-compact:not(.gc-sheet) .gc-meta { grid-column: 1 / -1; grid-row: 4; align-self: end; white-space: nowrap; }
  .gp-card.gc-compact:not(.gc-sheet) .gc-x { position: absolute; top: var(--sp6-1); right: var(--sp6-2); }
}

.tk-step { display: none; }
.rm .strips .tk-step { display: grid; place-items: center; position: absolute; top: 0; bottom: 0; width: var(--sp6-6); margin: 0; padding: 0; border: 0; background: none; color: var(--secondary); cursor: pointer; transition: color var(--dur-fast, 0.15s) var(--ease-out, ease); }
.rm .strips .tk-step svg { width: 8px; height: 8px; fill: currentColor; }
.rm .strips .tk-prev { right: var(--sp6-6); }
.rm .strips .tk-next { right: 0; }
.rm .strips .tk-step:hover { color: var(--ink); }
.rm .strips .tk-step:disabled { color: var(--hairline-strong); cursor: default; }
.rm .strips .tk-step:focus { outline: none; }
.rm .strips .tk-step:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
.rm .strips .ticker { padding-right: calc(2 * var(--sp6-6)); }

.strips .tk-view { --fade-l: 40px; --fade-r: 48px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%); }
@container strips6 (max-width: 360px) { .strips .tk-view { --fade-l: 16px; --fade-r: 20px; } }
.rm .strips .tk-view, .strips .tk-view[data-still="1"] { -webkit-mask-image: none; mask-image: none; }



:root:not(.rm) .strips .tk-view:not([data-still="1"]) { -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent var(--fade-d, 24px), #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, transparent var(--fade-d, 24px), #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%); }
.poster { transition: opacity 0.9s var(--ease-out), visibility 0s linear 0.9s; }
.globe-on .poster { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .poster { transition: none; } }




html { scroll-padding-top: var(--nav-h); }
.masthead { position: fixed; background: transparent; border-bottom: 1px solid transparent; transition: background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out); }
.masthead[data-scrolled="1"], .masthead[data-open="1"] { background: var(--surface-0); border-bottom-color: var(--hairline); }
.brand { display: inline-flex; align-items: flex-start; text-decoration: none; }
.masthead .wordmark { height: 34px; }

.brand-tm { display: block; flex: none; width: 9px; height: 4.5px; margin: 4px 0 0 4px; fill: none; stroke: var(--secondary); stroke-width: 0.75; stroke-linecap: round; stroke-linejoin: round; }
.masthead .navlink { font-family: var(--mono); font-weight: 600; font-size: 12px; letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--ink); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
.masthead .navlink:hover, .masthead .navlink[aria-current="page"] { color: var(--ink-strong); text-decoration: none; }
.masthead .navlink:not([aria-current="page"]) { color: var(--ink-soft); }
.masthead .navlink:not([aria-current="page"]):hover { color: var(--ink-strong); }
.masthead .navlink .caret { width: 7px; height: 5px; margin-left: 8px; fill: currentColor; opacity: 0.7; }
.masthead .btn { font-family: var(--mono); font-weight: 600; font-size: 12px; letter-spacing: var(--tr-label); text-transform: uppercase; background: var(--ink-strong); color: var(--surface-0); border-color: var(--ink-strong); height: 40px; padding: 0 16px; }
.masthead .btn:hover { background: #fff; border-color: #fff; }
.masthead .mainnav { gap: 32px; }
@media (min-width: 1920px) { .masthead .navlink, .masthead .btn { font-size: 13px; } .masthead .wordmark { height: 40px; } .masthead .btn { height: 44px; } }
@media (max-width: 960px) {
  .mainnav { display: none; } .navtoggle { display: block; }
  .masthead .wordmark { height: 26px; }
  .masthead[data-open="1"] .mainnav { display: flex; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; padding: 4px var(--edge) 32px; background: var(--surface-0); border-bottom: 1px solid var(--hairline); max-height: calc(100vh - var(--nav-h)); max-height: calc(100svh - var(--nav-h)); overflow-y: auto; }
  .masthead[data-open="1"] .navlink { min-height: 54px; border-bottom: 1px solid var(--hairline); font-size: 13px; }
  .masthead[data-open="1"] .mainnav .btn { margin-top: 24px; height: 50px; justify-content: center; font-size: 13px; }
  .navtoggle span { transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-fast) var(--ease-out); transform-origin: 50% 50%; }
  .navtoggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .navtoggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .navtoggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}
@media (prefers-reduced-motion: reduce) { .masthead, .navtoggle span { transition: none; } }

.globe-canvas { opacity: 0; transition: opacity 0.9s var(--ease-out); }
.globe-on .globe-canvas { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .globe-canvas { transition: none; } }

#gp-list button { font-family: var(--font6-text, var(--sans)); font-size: 13px; }
@media (max-width: 720px) { .footer .footer-tag, .footer a { font-size: 15px; } }

@media (min-width: 721px) and (max-width: 1180px) { .hero-grid { --g-d: min(76svh, 52vw); } }

.hero-grid { --g-d: min(calc(100svh - var(--nav-h) - 88px), 58vw); }
@media (min-width: 1920px) { .hero-grid { --g-d: min(calc(100svh - var(--nav-h) - 100px), 50vw); } }
@media (min-width: 721px) and (max-width: 1180px) { .hero-grid { --g-d: min(calc(100svh - var(--nav-h) - 88px), 76svh, 52vw); } }
@media (max-width: 720px) { .hero-grid { --g-d: 96vw; } }


.masthead-in .mainnav { order: 2; } .masthead-in .navtoggle { order: 3; }

.strips .tk-view[data-still="1"] .tk-item::after { display: none; }
.strips .tk-pause[hidden] { display: none; }

.tk-stamp { white-space: nowrap; }

.tk-go { padding: 0 8px; margin: 0 -8px; }

.rm .strips .tk-view[data-fade="r"] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--fade-r)), transparent 100%); mask-image: linear-gradient(90deg, #000 calc(100% - var(--fade-r)), transparent 100%); }
.rm .strips .tk-view[data-fade="l"] { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-l)); mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-l)); }
.rm .strips .tk-view[data-fade="lr"] { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%); }
@container strips6 (max-width: 360px) {
  .rm .strips .ticker { padding-right: 0; }
  .rm .strips .tk-step { top: 100%; bottom: auto; height: 42px; }
  
}

.hero-page main > section, .hero-page .footer { display: none !important; }



html.g-over { cursor: grab; }
html.g-drag, html.g-drag * { cursor: grabbing !important; -webkit-user-select: none; user-select: none; }

.poster { -webkit-mask-image: radial-gradient(closest-side, #000 84%, transparent 99%); mask-image: radial-gradient(closest-side, #000 84%, transparent 99%); }


.hero-grid { --t-cols: 5; --g-fit: calc((12 - var(--t-cols) - var(--g-gap)) * var(--col) + (12 - var(--t-cols)) * var(--gut)); --g-d: min(calc(100svh - var(--nav-h) - 88px), var(--g-fit)); }
@media (min-width: 1920px) { .hero-grid { --g-d: min(calc(100svh - var(--nav-h) - 100px), var(--g-fit)); } }
@media (min-width: 961px) and (max-width: 1180px) { .hero-grid { --t-cols: 5; --g-d: min(calc(100svh - var(--nav-h) - 88px), var(--g-fit)); } }

.hero .d-hero { font-size: var(--ty-56); }
@media (min-width: 1440px) { .hero .d-hero { font-size: var(--ty-64); } }
@media (min-width: 2400px) { .hero .d-hero { font-size: var(--ty-88); } }
@media (min-width: 961px) and (max-width: 1180px) { .hero .d-hero { font-size: var(--ty-44); } .strips { margin-top: var(--sp6-5); } .ix-cells { padding: 8px 0; row-gap: 8px; } }


@media (min-width: 721px) and (max-width: 960px) {
  .hero { height: auto; min-height: 100svh; }
  .hero-grid { flex: 1 0 auto; display: flex; flex-direction: column; align-items: stretch; --g-d: min(88vw, 52svh, 560px); }
  .g-anchor { position: relative; left: auto; top: auto; order: 0; width: 100%; height: calc(var(--g-d) * 1.02); flex: none; }
  .poster { left: 50%; top: calc(var(--g-d) * 0.51); }
  .hero-text { order: 1; flex: 0 0 auto; align-self: stretch; margin-inline: calc(-1 * var(--edge)); padding: 0 var(--edge) var(--sp6-6); background: linear-gradient(180deg, var(--surface-0-a90) 0, var(--surface-0) 40px); }
  .hero .d-hero { font-size: var(--ty-56); }
  .hero .hero-sub { max-width: 34em; }
  .hero .btns { flex-wrap: nowrap; }
}
@media (max-width: 720px) { .hero-grid { --g-d: 70vw; } .hero .d-hero { font-size: var(--ty-36); } }
@media (max-width: 960px) {
  .strips { order: 3; margin: 0 calc(-1 * var(--edge)); padding: 0 var(--edge) var(--sp6-7); max-width: none; background: var(--surface-0); }
  .tk-src { padding-inline: 0; }
  
  .ix-cells { row-gap: 12px; }
}


.ix { border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); font-family: var(--font6-text); font-size: var(--strip-size); letter-spacing: var(--strip-track); }
.ix-cells { list-style: none; margin: 0; padding: 12px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sp6-5); row-gap: 12px; }
@container strips6 (min-width: 480px) { .ix-cells { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ix-cell { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ix-l { font-weight: var(--w6-text); color: var(--label-ink); line-height: 18px; white-space: nowrap; }
.ix-n { display: flex; align-items: baseline; gap: var(--value-gap); min-height: 22px; line-height: 22px; white-space: nowrap; }
.ix .tk-v { font-size: var(--type-ui); color: var(--ink-strong); }
.ix .tk-pend { font-family: var(--font6-text); font-size: var(--strip-size); font-weight: var(--w6-text); color: var(--label-ink); }
.ix-move { display: block; padding: 8px 0 0; border-top: 1px solid var(--hairline); }
.ix-move > .ix-l { display: block; }
.ix-mv { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--sp6-6); min-width: 0; min-height: 44px; }
@container strips6 (min-width: 600px) {
  .ix-move { display: flex; align-items: center; column-gap: var(--sp6-5); padding: 0; }
  .ix-move > .ix-l { flex: none; }
}
.ix .tk-go { display: inline-flex; align-items: center; height: auto; min-height: var(--mv-row, 44px); padding: 0; margin: 0; min-width: 0; text-decoration: none; }
.ix .tk-go .tk-l { color: var(--ink); overflow: hidden; text-overflow: ellipsis; }
.ix .tk-go:hover .tk-l { color: var(--ink-strong); text-decoration: underline; text-underline-offset: 3px; }
.ix .tk-go .tk-v { font-size: var(--strip-size); }
.ix .tk-note { color: var(--label-ink); }



.navdrop { position: relative; display: flex; align-items: center; }
.navdrop-b { display: inline-flex; align-items: center; height: 44px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; }
.navdrop-b .caret { transition: transform var(--dur-fast) var(--ease-out); }
.navdrop[data-open="1"] .navdrop-b { color: var(--ink-strong); }
.navdrop[data-open="1"] .caret { transform: rotate(180deg); }
.navdrop-m { display: none; position: absolute; left: -16px; top: 100%; z-index: 20; min-width: 216px; padding: 8px 0; background: var(--surface-1); border: 1px solid var(--hairline-strong); box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5); }
.navdrop[data-open="1"] .navdrop-m { display: block; }
.navdrop-m .navlink { display: flex; align-items: center; min-height: 44px; padding: 0 16px; white-space: nowrap; }
.navdrop-m .navlink:hover, .navdrop-m .navlink:focus-visible { background: var(--surface-2); }
@media (min-width: 961px) and (max-width: 1180px) { .masthead .mainnav { gap: 24px; } .masthead .wordmark { height: 30px; } .masthead .btn { padding: 0 16px; } }
@media (max-width: 960px) {
  .masthead[data-open="1"] .navdrop { display: block; }
  .masthead[data-open="1"] .navdrop-b { width: 100%; height: auto; justify-content: space-between; }
  .masthead[data-open="1"] .navdrop-m { position: static; min-width: 0; padding: 0 0 0 var(--sp6-4); border: 0; background: none; box-shadow: none; }
  .masthead[data-open="1"] .navdrop-m .navlink { padding: 0; }
  .masthead[data-open="1"] .navdrop-m .navlink:hover { background: none; }
  
  .masthead[data-open="1"] .mainnav { height: calc(100vh - var(--nav-h)); height: calc(100dvh - var(--nav-h)); max-height: none; padding-bottom: 48px; }
  html.menu-open, html.menu-open body { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) { .navdrop-b .caret { transition: none; } }




.ix-link { display: block; color: inherit; text-decoration: none; }
.ix-link:hover { text-decoration: none; }
.ix-link:hover .ix-l { color: var(--ink); }
.ix-link:focus { outline: none; }
.ix-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.ix-of { font-family: var(--font6-text); font-size: var(--strip-size); font-weight: var(--w6-text); color: var(--label-ink); }

.masthead .btn.navdemo { display: none; background: transparent; color: var(--ink-strong); border-color: var(--hairline-strong); }
@media (max-width: 960px) {
  .masthead[data-open="1"] .mainnav .btn.navdemo { display: inline-flex; }
  .masthead[data-open="1"] .mainnav .btn.navdemo + .btn { margin-top: var(--sp6-3); }
}

@media (min-width: 961px) and (max-width: 1180px) { .hero .d-hero { font-size: var(--ty-56); width: calc(100% + var(--g-gap) * var(--col) + 64px); } }

@media (min-width: 2400px) {
  .ix .tk-v { font-size: var(--ty-20); }
  .ix-n { min-height: 28px; line-height: 28px; }
  .hero .btn { height: 52px; }
}


@media (min-width: 961px) and (max-width: 1180px) { .ix-cells { grid-template-columns: minmax(0, 1.21fr) minmax(0, 0.98fr) minmax(0, 1.12fr); column-gap: var(--sp6-2); } }
@media (hover: hover) and (pointer: fine) { .ix { --mv-row: 28px; } }


.tk-stamp { font-family: var(--mono); font-size: 12px; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }

.ix-mv { min-height: var(--mv-row, 44px); }
@container strips6 (max-width: 479px) { .ix-mv { flex-direction: column; align-items: flex-start; flex-wrap: nowrap; min-height: calc(2 * var(--mv-row, 44px)); } }
.ix .tk-go:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }


.sw { display: inline-grid; }
.sw > .sw-a, .sw > .sw-b { grid-area: 1 / 1; white-space: nowrap; }
.sw > .sw-b { visibility: hidden; }
[data-busy="1"] > .sw > .sw-a { visibility: hidden; }
[data-busy="1"] > .sw > .sw-b { visibility: visible; }


.ix-band { font-family: var(--font6-text); font-size: var(--strip-size); font-weight: var(--w6-text); color: var(--ink); }
.ix-n { flex-wrap: wrap; }

@media (min-width: 961px) and (max-width: 1180px) {
  .tk-src { height: auto; min-height: calc(2 * var(--lh6-label) * var(--label-size)); align-items: flex-start; white-space: normal; overflow: visible; padding-top: var(--sp6-1); }
  .tk-src-t { text-wrap: pretty; }
}

.skip { padding: var(--sp6-2) var(--sp6-4); }

@media (max-width: 720px), (min-width: 961px) and (max-width: 1180px) { .tk-src { line-height: 20px; min-height: 40px; } }


.ix-cells.ix-under { visibility: hidden; }


.bf-card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; width: min(364px, 100%); height: var(--bf-card-h, 164px);
  background: color-mix(in srgb, var(--surface-1) 72%, transparent); -webkit-backdrop-filter: blur(18px) saturate(1.25); backdrop-filter: blur(18px) saturate(1.25);
  border: 1px solid var(--hairline-strong); box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5); pointer-events: auto; font-family: var(--font6-text, var(--sans)); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .bf-card { background: var(--surface-1-a94); } }
.bf-card[data-state="empty"] { visibility: hidden; }

.bf-body { display: block; flex: 1 1 auto; min-height: 0; padding: 12px 16px 0; color: inherit; text-decoration: none; cursor: default; }
.bf-body:hover { text-decoration: none; }
.bf-body[href] { cursor: pointer; }
.bf-body:focus { outline: none; }
.bf-body:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.bf-body > * { transition: opacity 0.18s var(--ease-out); }
.bf-body.bf-out > * { opacity: 0; transition: opacity 0.11s linear; }
.bf-card[data-state="loading"] .bf-body > *, .bf-card[data-state="failed"] .bf-body > * { opacity: 0; }
.bf-card[data-state="failed"] .bf-body { visibility: hidden; }
.bf-meta { display: flex; align-items: center; gap: 8px; height: 20px; }
.bf-who { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; }
.bf-ic { flex: none; width: 18px; height: 18px; color: var(--accent); }
.bf-ic svg { display: block; width: 18px; height: 18px; }
.bf-type { flex: none; font-size: 13px; line-height: 20px; letter-spacing: 0.01em; color: var(--ink); white-space: nowrap; }
.bf-place { flex: 0 1 auto; min-width: 0; font-size: 13px; line-height: 20px; font-weight: 600; color: var(--ink-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bf-place[hidden] { display: none; }
.bf-ago { flex: none; min-width: 14ch; text-align: right; font-family: var(--mono); font-size: 12px; letter-spacing: 0.02em; line-height: 20px; color: var(--secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.bf-h { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 42px; margin-top: 8px; font-size: 15px; line-height: 21px; color: var(--ink); text-wrap: pretty; }
.bf-src { display: flex; align-items: center; gap: 8px; height: 18px; margin-top: 8px; font-size: 13px; line-height: 18px; color: var(--secondary); }
.bf-src[data-none="1"] { visibility: hidden; }
.bf-src-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }   
.bf-arrow { flex: none; width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.bf-body[href]:hover .bf-h, .bf-body[href]:hover .bf-src { color: var(--ink-strong); }

.bf-ticks { flex: none; display: flex; gap: 4px; height: 2px; margin: 0 16px; }
.bf-ticks:empty { background: var(--hairline); }
.bf-ticks i { position: relative; flex: 1 1 0; overflow: hidden; background: var(--hairline-strong); }
.bf-ticks b { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--accent); transform-origin: 0 50%; transform: scaleX(0); }
.bf-ticks i[data-s="done"] b { transform: scaleX(1); opacity: 0.5; }

.bf-ctl { flex: none; display: flex; align-items: center; height: 44px; padding: 0 0 0 16px; font-size: var(--type-label); line-height: 20px; color: var(--secondary); }
.bf-ctl-l { color: var(--ink-soft); white-space: nowrap; }
.bf-ctl-n { margin: 0 auto 0 12px; font-family: var(--mono); font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bf-b { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: none; color: var(--ink-soft); cursor: pointer; transition: color var(--dur-fast) var(--ease-out); }
.bf-b svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.bf-b:hover { color: var(--ink-strong); }
.bf-b:disabled { color: var(--hairline-strong); cursor: default; }
.bf-b:focus { outline: none; }
.bf-b:focus-visible { outline: 2px solid var(--accent); outline-offset: -8px; }

.bf-fail { position: absolute; left: 16px; right: 4px; top: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--sp6-3); margin: 0; min-height: 44px; font-family: var(--font6-text); font-size: var(--label-size); color: var(--label-ink); }
.bf-fail[hidden] { display: none; }

.bf-kb .bf-card { outline: 2px solid var(--accent); outline-offset: 4px; }

.bf-port { position: absolute; left: 13px; width: 5px; height: 5px; background: var(--accent); pointer-events: none; }
.bf-lead { position: fixed; left: 0; top: 0; z-index: 4; width: 0; height: 0; pointer-events: none; visibility: hidden; transition: opacity 0.15s linear; }
.bf-lead.bf-lead-off { opacity: 0; }
.bf-l { position: fixed; left: 0; top: 0; width: 0; height: 0; background: var(--accent); }
.bf-node { position: fixed; left: 0; top: 0; display: none; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }

.bf-mvc { position: fixed; left: 0; top: 0; z-index: 4; box-sizing: border-box; padding: 12px 16px; background: var(--surface-1); border: 1px solid var(--hairline-strong); border-top-color: var(--accent); box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5); font-family: var(--font6-text, var(--sans)); pointer-events: none; }
.bf-mvc[hidden] { display: none; }
.bf-mvc .bf-h { height: auto; }

.bf-slot { z-index: 4; }
@media (min-width: 961px) {
  .hero-grid { --bf-card-h: 164px; --bf-zone: calc(var(--bf-card-h) + 24px);
    --g-d: min(calc(100svh - var(--nav-h) - 48px - var(--bf-zone)), var(--g-fit));
    --bf-top: calc(var(--nav-h) + 4px + (100% - var(--nav-h) - 48px - var(--bf-zone) - var(--g-d)) / 2); }
  .g-anchor { left: calc(100% - var(--edge) - var(--g-d) / 2); top: calc(var(--bf-top) + var(--bf-zone) + var(--g-d) / 2); }
  .bf-slot { position: absolute; left: calc(100% - var(--edge) - var(--g-fit)); right: var(--edge); top: var(--bf-top); height: var(--bf-zone); display: flex; align-items: flex-start; justify-content: flex-end; }
  .bf-card { border-top-color: var(--accent); }
  .bf-port { bottom: -3px; }
}

@media (max-width: 960px) {
  .g-anchor { height: round(up, calc(var(--g-d) * 1.02), 1px); }
  .bf-slot { position: relative; order: 0; flex: none; padding-top: 16px; margin-bottom: 24px; }
  .bf-card { width: 100%; border-bottom-color: var(--accent); }
  .bf-port { top: -3px; }
}

@media (min-width: 721px) and (max-width: 960px) { .bf-card { width: min(100%, 464px); margin-inline: auto; } }

@media (min-width: 1920px) {
  .hero-grid { --bf-card-h: 192px; }
  .bf-card { width: 432px; }
  .bf-body { padding: 16px 24px 0; }
  .bf-meta { height: 24px; gap: 12px; } .bf-who { gap: 12px; } .bf-ic, .bf-ic svg { width: 20px; height: 20px; }
  .bf-type, .bf-place { font-size: 15px; line-height: 24px; } .bf-ago { font-size: 13px; line-height: 24px; }
  .bf-h { height: 48px; margin-top: 12px; font-size: 17px; line-height: 24px; }
  .bf-src { height: 20px; margin-top: 12px; font-size: 15px; line-height: 20px; }
  .bf-ticks { margin: 0 24px; } .bf-ctl { height: 48px; padding-left: 24px; } .bf-ctl-n { font-size: 13px; } .bf-b { width: 48px; height: 48px; }
  .bf-port { left: 21px; } .bf-fail { left: 24px; top: 12px; }
}
@media (min-width: 2400px) {
  .hero-grid { --bf-card-h: 200px; }
  .bf-card { width: 464px; }
  .bf-h { height: 56px; font-size: var(--ty-20); line-height: 28px; }
}

.globe-canvas { -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 44px), transparent 100%); mask-image: linear-gradient(180deg, #000 calc(100% - 44px), transparent 100%); }
@media (prefers-reduced-motion: reduce) { .bf-body > *, .bf-lead, .bf-b { transition: none; } }
.rm .bf-body > *, .rm .bf-lead { transition: none; }



@media (min-width: 961px) {
  .hero-grid { --bf-zone: 0px; --g-d: min(calc(100svh - var(--nav-h) - 116px), var(--g-fit)); padding-bottom: 52px; }
  .g-anchor { left: calc(100% - var(--edge) - var(--g-d) / 2); top: calc(var(--nav-h) + (100% - var(--nav-h) - 52px) / 2); }
}
@media (min-width: 721px) and (max-width: 960px) { .hero-grid { --g-d: min(92vw, 56svh, 620px); } }
@media (max-width: 720px) { .hero-grid { --g-d: 88vw; } }
@media (max-width: 960px) { .hero-text { padding-top: var(--sp6-5); } }

.tape { display: block; position: relative; z-index: 2; height: 36px; overflow: hidden; border-top: 1px solid var(--hairline); color: inherit; text-decoration: none; white-space: nowrap;
  font-family: var(--font6-text); font-size: 13px; line-height: 35px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); }
.tape:hover { text-decoration: none; }
.tape:focus { outline: none; }
.tape:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; -webkit-mask-image: none; mask-image: none; }
.tape-run { display: inline-flex; opacity: 0; transition: opacity 0.4s var(--ease-out); animation: tape-go var(--tape-s, 240s) linear infinite; will-change: transform; }
.tape[data-state="live"] .tape-run { opacity: 1; }
.tape:hover .tape-run, .tape:focus-visible .tape-run { animation-play-state: paused; }
@keyframes tape-go { to { transform: translate3d(-50%, 0, 0); } }
.tape-h { display: inline-flex; }
.tape-i { display: inline-flex; align-items: baseline; gap: 8px; padding: 0 16px; }
.tape-n { color: var(--label-ink); }
.tape-lb { color: var(--secondary); font-size: 12px; }
.tape .tk-v { font-family: var(--mono); font-size: 12px; font-variant-numeric: tabular-nums; color: var(--ink); }
.tape .tk-c { font-size: 12px; }
@media (prefers-reduced-motion: reduce) { .tape-run { animation: none; transition: none; } .tape-h + .tape-h { display: none; } }
@media (min-width: 961px) { .tape { position: absolute; left: var(--edge); right: var(--edge); bottom: 16px; } }
@media (max-width: 960px) { .tape { flex: none; margin: 0 var(--edge) 16px; } }

.ix .tk-go .tk-lb { margin-left: 8px; color: var(--secondary); font-size: 12px; }

@media (prefers-reduced-motion: reduce) { .tape { overflow-x: auto; scrollbar-width: none; } .tape::-webkit-scrollbar { display: none; } }


@media (min-width: 961px) {
  .hero { height: auto; min-height: 100svh; }
  .hero-grid { flex: 1 0 auto; min-height: auto; padding-top: 24px; }
}
@media (min-width: 961px) and (max-width: 1180px) {
  .hero-grid { padding-bottom: 84px; }
  
  .ix-cells { grid-template-columns: minmax(0, 1fr) 99px 113px; }   
}

@media (prefers-reduced-motion: reduce) { .tape { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent 100%); } }


.tape, .tape:focus-visible { overflow: visible; -webkit-mask-image: none; mask-image: none; }
.tape-view { display: block; height: 100%; overflow: hidden; white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); }
.tape:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .tape { overflow: visible; -webkit-mask-image: none; mask-image: none; }
  .tape-view { overflow-x: auto; scrollbar-width: none; }
  .tape-view::-webkit-scrollbar { display: none; }
  .tape-run { padding: 0 48px; }
}


.run.hero-only .slot { background: radial-gradient(ellipse 62% 78% at 71% 52%, rgba(13, 20, 33, 0.85) 0, rgba(7, 11, 18, 0.6) 46%, rgba(0, 0, 0, 0) 82%); }
@media (max-width: 960px) { .run.hero-only .slot { background: radial-gradient(ellipse 120% 46% at 50% 22%, rgba(13, 20, 33, 0.85) 0, rgba(7, 11, 18, 0.6) 48%, rgba(0, 0, 0, 0) 84%); } }

@media (min-width: 961px) and (max-width: 1180px) {
  .hero-grid { padding-top: 24px; padding-bottom: 52px; }
  .hero .d-hero { font-size: var(--ty-44); width: auto; }
  .ix-cells { grid-template-columns: minmax(0, 1fr) 98px 112px; column-gap: 24px; }
  .tk-src { white-space: nowrap; overflow: visible; min-height: 20px; }
  .tk-src .tk-src-t { white-space: nowrap; text-wrap: nowrap; }
  
  .strips { margin-right: -48px; max-width: none; }
  .hero-grid { --g-d: min(calc(100svh - var(--nav-h) - 116px), calc(var(--g-fit) - 48px)); }
}

@media (min-width: 1920px) { .hero-grid { align-content: space-between; padding-top: 12svh; padding-bottom: calc(52px + 5svh); } }

.tape .tk-c { font-family: var(--mono); font-weight: 400; }

.tk-stamp { margin-left: 0.3em; }

.ix-link:hover .tk-v { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }

@media (max-width: 720px) { .hero .btns .btn { min-width: 200px; } }
@media (max-width: 960px) { .g-anchor { margin-top: 12px; } .hero-text { padding-top: var(--sp6-6); } }


@media (max-width: 960px) { .hero-text { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, var(--surface-0) 96px); } }

.tk-stamp { margin-left: 0; }


@media (min-width: 1920px) { .hero-grid { align-content: center; padding-top: 24px; padding-bottom: 52px; } }

.strips:has(#tk-src[data-state="loading"]) .ix .tk-pend { display: inline-block; width: 4ch; height: 1em; overflow: hidden; color: transparent; background: rgba(255, 255, 255, 0.1); vertical-align: middle; -webkit-user-select: none; user-select: none; }
.tape:not([data-state="live"]) { visibility: hidden; }

@media (min-width: 1440px) {
  .hero .btns { column-gap: 24px; }
  .hero .btns .btn { box-sizing: border-box; justify-content: space-between; margin: 0; }
  .hero .btns .btn:nth-child(1) { width: calc((100% - 48px) / 3); padding-inline: 15px; }
  .hero .btns .btn:nth-child(2) { width: calc((100% - 48px) / 3 + 24px); padding-inline: 13px; }
}

@media (min-width: 961px) and (max-width: 1180px) { .hero .hero-sub { width: calc(100% + 48px); max-width: none; font-size: 18px; line-height: 28px; } }

@media (max-width: 720px) { .hero .btns .btn { width: 100%; min-width: 0; box-sizing: border-box; justify-content: space-between; } .ix { --mv-row: 44px; } .hero .hero-sub { text-wrap: pretty; } }

.tape-n { color: var(--ink); }
@media (max-width: 480px) {
  .tape-view { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%); }
}
@media (max-width: 480px) and (prefers-reduced-motion: reduce) { .tape-run { padding: 0 20px; } }

.ix .tk-go:focus-visible { outline-offset: 0; }


@media (min-width: 961px) and (max-width: 1180px) {
  .ix-cells { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
  .strips { margin-right: -80px; max-width: none; }
  .hero .hero-sub { width: calc(100% + 80px); }
  .hero-grid { --g-d: min(calc(100svh - var(--nav-h) - 116px), calc(var(--g-fit) - 80px)); }
}

@media (max-width: 480px) {
  .tape { font-size: 12px; }
  .tape-i { padding: 0 8px; gap: 4px; }
}


#tk-src:empty { display: none; }
#tk-src[data-state="loading"] { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }


.hero .hero-sub { font-family: var(--font6-text); font-weight: 400; font-size: 20px; line-height: 1.45; }
@media (min-width: 961px) and (max-width: 1180px) { .hero .hero-sub { font-size: 20px; line-height: 1.45; } }

.ix-l, .ix-band, .tape-lb, .ix .tk-go .tk-lb, .ix .tk-note, #tk-src { font-family: var(--font6-text); font-weight: 400; font-size: 13px; letter-spacing: normal; }
.ix-l { line-height: 1.4; color: var(--secondary); }
.tape-lb, .ix .tk-go .tk-lb { color: var(--secondary); }

.tape, .tape-n, .ix .tk-go .tk-l { font-family: var(--font6-text); font-size: 13px; letter-spacing: normal; }
.tape-n, .ix .tk-go .tk-l { font-weight: 600; color: var(--secondary); }
@media (max-width: 480px) { .tape { font-size: 13px; } }

.tk-stamp { font-family: inherit; font-size: inherit; letter-spacing: inherit; }

.ix .tk-v, .tape .tk-v, .ix .tk-go .tk-v { font-family: var(--mono); font-weight: 600; font-size: 15px; letter-spacing: normal; font-variant-numeric: tabular-nums; }

.ix .tk-c, .tape .tk-c { font-family: var(--mono); font-weight: 400; font-size: 12px; letter-spacing: normal; font-variant-numeric: tabular-nums; }

.hero .btns .btn { font-family: var(--font6-text); font-weight: 500; font-size: 15px; letter-spacing: normal; text-transform: none; }

@media (min-width: 1920px) {
  .hero .hero-sub { font-size: 24px; line-height: 1.45; }
  .ix-l, .ix-band, .tape-lb, .ix .tk-go .tk-lb, .ix .tk-note, #tk-src { font-size: 15px; }
  .tape, .tape-n, .ix .tk-go .tk-l { font-size: 15px; }
  .ix .tk-v, .tape .tk-v, .ix .tk-go .tk-v { font-size: 17px; }
  .ix .tk-c, .tape .tk-c { font-size: 14px; }
  .tk-stamp { font-size: inherit; }
  .hero .btns .btn { font-size: 17px; }
}


@media (min-width: 1181px) and (max-width: 1439px) {
  .hero-grid { --s3-over: max(0px, 500px - (5 * var(--col) + 4 * var(--gut))); --g-d: min(calc(100svh - var(--nav-h) - 116px), calc(var(--g-fit) - var(--s3-over))); }
  .strips { margin-right: calc(-1 * var(--s3-over)); max-width: none; }
  .ix-cells { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
}

@media (min-width: 961px) {
  .hero-grid { --hx: clamp(0px, 100svh - 640px, 80px); padding-top: calc(8px + var(--hx) * 0.2); }
  .hero .d-hero { font-size: calc(44px + var(--hx) * 0.15); }
  .hero .hero-sub { margin-top: calc(16px + var(--hx) * 0.1); }
  .hero .btns { margin-top: calc(20px + var(--hx) * 0.15); }
  .strips { margin-top: calc(20px + var(--hx) * 0.15); }
}
@media (min-width: 961px) and (max-width: 1180px) { .hero .d-hero { font-size: calc(36px + var(--hx) * 0.1); } .strips { margin-top: calc(16px + var(--hx) * 0.1); } }
@media (min-width: 1181px) { .ix-cells { padding-block: calc(8px + var(--hx) * 0.05); row-gap: calc(8px + var(--hx) * 0.05); } }
@media (min-width: 1440px) { .hero .d-hero { font-size: calc(44px + var(--hx) * 0.25); } }
@media (min-width: 2400px) { .hero .d-hero { font-size: calc(44px + var(--hx) * 0.55); } }

@media (min-width: 1181px) and (max-width: 1439px) { .hero .hero-sub { width: calc(100% + var(--s3-over)); } }

@media (min-width: 961px) and (max-width: 1180px) {
  .hero-grid { --s3-over: max(80px, 457px - (5 * var(--col) + 4 * var(--gut))); --g-d: min(calc(100svh - var(--nav-h) - 116px), calc(var(--g-fit) - var(--s3-over))); }
  .strips { margin-right: calc(-1 * var(--s3-over)); margin-top: calc(12px + var(--hx) * 0.15); }
  .hero .hero-sub { width: calc(100% + var(--s3-over)); margin-top: calc(12px + var(--hx) * 0.15); }
  .hero .btns { margin-top: calc(16px + var(--hx) * 0.2); }
}

@media (min-width: 961px) and (max-width: 1023px) { .hero .d-hero, .hero .btns { width: calc(100% + var(--s3-over)); } }

@media (min-width: 961px) { .hero .d-hero { max-width: 12em; } }
@media (min-width: 1181px) and (max-width: 1439px) { .hero .d-hero { width: calc(100% + var(--s3-over)); } }
@media (min-width: 2400px) { .hero-grid { --hx: clamp(0px, (100svh - 640px) * 0.4, 80px); } }

@media (min-width: 1920px) {
  .hero-grid { --hx: clamp(0px, (100svh - 640px) * 0.5, 80px); }
  .hero .d-hero { font-size: calc(40px + var(--hx) * 0.3); }
  .hero .hero-sub { margin-top: calc(12px + var(--hx) * 0.15); }
  .hero .btns { margin-top: calc(16px + var(--hx) * 0.2); }
  .strips { margin-top: calc(16px + var(--hx) * 0.2); }
}
@media (min-width: 2400px) { .hero-grid { --hx: clamp(0px, (100svh - 640px) * 0.4, 80px); } .hero .d-hero { font-size: calc(40px + var(--hx) * 0.6); } }

@media (min-width: 1440px) and (max-width: 1919px) { .hero-grid { --hx: clamp(0px, (100svh - 640px) * 0.667, 80px); } }

@media (min-width: 1920px) and (max-width: 2399px) { .hero .d-hero { font-size: calc(36px + var(--hx) * 0.35); } .hero-grid { padding-top: calc(4px + var(--hx) * 0.25); } }