@font-face {
    font-display: swap;
    font-family: "Roboto Slab Head";
    font-style: normal;
    font-weight: 700;
    src: url("/typeface/roboto-latin-700-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Roboto Slab Head";
    font-style: normal;
    font-weight: 900;
    src: url("/typeface/roboto-latin-900-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Casinoly Text";
    font-style: normal;
    font-weight: 400;
    src: url("/typeface/roboto-condensed-latin-400-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Casinoly Text";
    font-style: normal;
    font-weight: 500;
    src: url("/typeface/roboto-condensed-latin-500-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Casinoly Text";
    font-style: normal;
    font-weight: 700;
    src: url("/typeface/roboto-condensed-latin-700-normal.woff2") format("woff2");
}

:root {
    --k-base: #e8bf1c;
    --k-punch: #eb5152;
    --k-action-down: #e83237;
    --k-base-plane: #202020;
    --k-layer: #2a2a2a;
    --k-copy: #ffffff;
    --k-faint: #bebdbd;
    --k-edge: rgba(255, 255, 255, 0.12);
    --k-line-strong: rgba(255, 255, 255, 0.3);
    --k-fade-top: #252525;
    --k-grad-2: #39362b;
    --k-caution: #7f1d1d;
    --k-ink-on-gold: #322a05;

    --s-hair: 4px;
    --s-tiny: 7px;
    --s-snug: 11px;
    --s-base: 17px;
    --s-wide: 26px;
    --s-roomy: 40px;
    --s-vast: 60px;
    --s-huge: 90px;

    --r-hair: 2px 2px 0 0;
    --r-tiny: 4px 4px 0 0;
    --r-snug: 6px 6px 0 0;
    --r-base: 12px 12px 0 0;
    --r-wide: 20px 20px 0 0;
    --r-roomy: 28px 28px 0 0;
    --r-vast: 34px 34px 0 0;
    --r-huge: 44px 44px 0 0;
    --r-stadium: 9999px 9999px 0 0;
    --r-round-full: 50%;

    --f-title: "Roboto Slab Head", "Trebuchet MS", sans-serif;
    --f-text: "Casinoly Text", "Arial Narrow", Arial, sans-serif;

    --z-title: 36px;
    --z-head: 26px;
    --z-sub: 20px;
    --z-h4: 17px;
    --z-sm-2: 14px;
    --z-xs-2: 12px;
    --z-copy: 14px;
    --z-small: 12px;
    --z-micro: 11px;

    --l-snug: 1.15;
    --l-regular: 1.45;
    --l-open: 1.6;

    --w-base: 400;
    --w-semi: 500;
    --w-strong: 700;

    --e-packed: -0.01em;
    --e-base: 0;
    --e-loose: 0.06em;

    --d-hair: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
    --d-tiny: 0 1px 2px rgba(0, 0, 0, 0.22);
    --d-snug: 0 2px 4px rgba(0, 0, 0, 0.28);
    --d-base: 0 4px 12px rgba(0, 0, 0, 0.34);
    --d-wide: 0 10px 28px rgba(0, 0, 0, 0.42);
    --d-roomy: 0 16px 38px rgba(0, 0, 0, 0.46);
    --d-vast: 0 24px 58px rgba(0, 0, 0, 0.5);
    --d-huge: 0 32px 78px rgba(0, 0, 0, 0.55);

    --t-snap: 220ms;
    --t-regular: 380ms;
    --t-calm: 650ms;
    --x-settle: cubic-bezier(0.34, 0.88, 0.37, 0.92);
    --x-in: cubic-bezier(0.54, 0.06, 0.47, 0.99);
    --x-swing: cubic-bezier(0.54, 0.06, 0.47, 0.99);
    --x-overshoot: cubic-bezier(0.33, 1.45, 0.71, 1);

    --v-outer: 1420px;
    --v-inner: 440px;
    --v-inset-desktop: 56px;
    --v-edge-mid: 24px;
    --v-edge-right: 24px;
    --v-padding-mobile: 16px;

    --b-thin: 1px;
    --b-medium: 2px;
    --b-wide: 3px;

    --h-tall: 94px;
    --h-short: 68px;

    --shell-max: calc(var(--v-outer) + 2 * var(--v-inset-desktop));
    --bar-h: 80px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    overflow-x: clip;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--k-base-plane);
    color: var(--k-copy);
    font-family: var(--f-text);
    font-size: var(--z-copy);
    font-weight: var(--w-base);
    line-height: var(--l-regular);
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
    margin: 0;
}

h1,
h2 {
    font-family: var(--f-title);
    font-weight: var(--w-strong);
    letter-spacing: var(--e-packed);
    line-height: var(--l-snug);
}

h1 {
    font-size: var(--z-title);
}

h2 {
    font-size: var(--z-head);
}

h3 {
    font-family: var(--f-text);
    font-size: var(--z-h4);
    font-weight: var(--w-strong);
    letter-spacing: var(--e-base);
    line-height: var(--l-snug);
}

h6 {
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-semi);
    letter-spacing: var(--e-loose);
    margin: 0;
    text-transform: uppercase;
}

p {
    margin: 0;
}

img {
    max-width: 100%;
}

a {
    color: var(--k-base);
    text-decoration: none;
}

[id] {
    scroll-margin-top: calc(var(--h-tall) + var(--s-wide));
}

.sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.skip-jump {
    background: var(--k-base);
    color: var(--k-base-plane);
    font-weight: var(--w-strong);
    left: var(--s-base);
    padding: var(--s-snug) var(--s-base);
    position: fixed;
    top: var(--s-base);
    z-index: 220;
}

.skip-jump:not(:focus) {
    top: -200px !important;
}

.shell {
    display: block;
    margin-block-start: var(--h-tall);
}

.g16-inner,
.s89-inner,
.t51-inner,
.d14-inner,
.p06-inner,
.f26-inner,
.z39-inner,
.l65-inner,
.f80-inner,
.t43-inner,
.f95-inner,
.i99-inner,
.m33-inner,
.b61-inner,
.y97-inner,
.f62-inner,
.m52-inner,
.s89-strip,
.rg-banner-inner {
    margin-inline-end: auto;
    margin-inline-start: max(0px, min(160px, calc((100% - var(--shell-max)) * 0.4)));
    max-width: calc(var(--v-outer) + 2 * var(--v-inset-desktop));
    padding-inline: var(--v-inset-desktop) var(--v-edge-right);
    width: 100%;
}

/* ── header: HEAD-SPLIT ─────────────────────────────────────────────── */
.g16 {
    background: var(--k-base-plane);
    inset-block-start: 0;
    inset-inline: 0;
    position: fixed;
    transition: transform var(--t-regular) var(--x-settle), box-shadow var(--t-snap) var(--x-settle);
    z-index: 120;
}

.g16.is-cast {
    box-shadow: var(--d-wide);
}

.g16.is-away {
    transform: translateY(-100%);
}

.g16-inner {
    align-items: center;
    display: flex;
    gap: var(--s-base);
    height: 94px;
    padding-inline: var(--v-edge-mid);
}

.g16-crest {
    align-items: center;
    background: var(--k-fade-top);
    border-radius: var(--r-snug);
    display: inline-flex;
    flex-shrink: 0;
    padding: var(--s-tiny) var(--s-snug);
}

.g16-pic {
    display: block;
    flex-shrink: 0;
    height: 70px;
    width: auto;
}

.rg-banner-mark {
    background: var(--k-caution);
    border-radius: var(--r-round-full);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--z-micro);
    font-weight: var(--w-strong);
    letter-spacing: var(--e-base);
    line-height: 1;
    padding: 9px 9px;
}

.g16-index {
    flex: 0 1 auto;
    margin-inline: auto;
    min-width: 0;
    overflow: hidden;
}

.g16-set {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--s-wide);
    list-style: none;
    margin: 0;
    padding: 0;
}

.g16-unit {
    flex: 0 0 auto;
    position: relative;
}

.g16-unit + .g16-unit::before {
    color: var(--k-line-strong);
    content: "\00b7";
    inset-inline-start: calc(var(--s-wide) / -2);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.g16-hop {
    color: var(--k-faint);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: var(--e-base);
    padding-block: var(--s-snug);
    transition: color var(--t-snap) var(--x-settle), transform var(--t-snap) var(--x-settle);
    white-space: nowrap;
}

.g16-hop:hover,
.g16-hop:focus-visible {
    color: var(--k-copy);
    transform: translateY(-2px);
}

.g16-unit.is-here .g16-hop {
    color: var(--k-base);
    padding-inline-start: var(--s-snug);
}

.g16-unit.is-here .g16-hop::before {
    background: var(--k-base);
    content: "";
    height: 16px;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
}

.g16-spill {
    flex: 0 0 auto;
    position: relative;
}

.g16-more {
    align-items: center;
    background: rgba(232, 191, 28, 0.12);
    border: 0;
    border-radius: var(--r-snug);
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 38px;
}

.g16-more-bars,
.g16-more-bars::before,
.g16-more-bars::after {
    background: var(--k-base);
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    width: 16px;
}

.g16-more-bars {
    position: relative;
}

.g16-more-bars::before {
    position: absolute;
    top: -5px;
}

.g16-more-bars::after {
    position: absolute;
    top: 5px;
}

.g16-pane {
    background: var(--k-layer);
    border: var(--b-thin) solid var(--k-edge);
    border-radius: var(--r-snug);
    box-shadow: var(--d-wide);
    inset-block-start: calc(100% + var(--s-snug));
    inset-inline-end: 0;
    list-style: none;
    margin: 0;
    max-height: 66vh;
    min-width: 200px;
    overflow-y: auto;
    padding: var(--s-snug);
    position: absolute;
    z-index: 10;
}

.g16-pane[hidden] {
    display: none;
}

.g16-pane .g16-unit {
    display: block;
}

.g16-pane .g16-unit + .g16-unit::before {
    content: none;
}

.g16-pane .g16-hop {
    display: block;
    padding: var(--s-tiny) var(--s-snug);
}

.g16-keys {
    display: flex;
    flex-shrink: 0;
    gap: var(--s-snug);
}

.g16-hit {
    align-items: center;
    border-radius: var(--r-roomy);
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    padding-inline: var(--s-wide);
    text-transform: uppercase;
    white-space: nowrap;
}

.g16-hit-quiet {
    border: var(--b-thin) solid var(--k-base);
    color: var(--k-base);
    min-height: 44px;
}

.g16-toggle {
    align-items: center;
    background: rgba(232, 191, 28, 0.12);
    border: 0;
    border-radius: var(--r-snug);
    cursor: pointer;
    display: none;
    height: 44px;
    justify-content: center;
    margin-inline-start: auto;
    order: 5;
    width: 46px;
}

.g16-bars,
.g16-bars::before,
.g16-bars::after {
    background: var(--k-base);
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    width: 20px;
}

.g16-bars {
    position: relative;
}

.g16-bars::before {
    position: absolute;
    top: -6px;
}

.g16-bars::after {
    position: absolute;
    top: 6px;
}

.g16-slide {
    background: var(--k-layer);
    border-block-start: var(--b-thin) solid var(--k-edge);
    display: none;
    inset-block-start: var(--h-short);
    inset-inline: 0;
    max-height: calc(100vh - var(--h-short));
    overflow-y: auto;
    padding: var(--s-base) var(--v-padding-mobile) var(--s-wide);
    position: fixed;
    z-index: 119;
}

.g16-slide.is-open {
    display: block;
}

.g16-slide-set {
    list-style: none;
    margin: 0;
    padding: 0;
}

.g16-slide-hop {
    border-block-end: var(--b-thin) solid var(--k-edge);
    color: var(--k-copy);
    display: block;
    font-size: var(--z-h4);
    font-weight: var(--w-semi);
    min-height: 48px;
    padding-block: var(--s-snug);
}

.g16-slide-unit.is-here .g16-slide-hop {
    color: var(--k-base);
}

/* ── hero: HERO-09 ──────────────────────────────────────────────────── */
.t51 {
    background: linear-gradient(160deg, var(--k-fade-top) 0%, var(--k-base-plane) 55%, var(--k-grad-2) 100%);
    padding-block: var(--s-roomy);
}

.t51-inner {
    align-items: start;
    display: grid;
    gap: var(--s-vast);
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
}

.t51-fill {
    padding-block: var(--s-base);
}

.t51-lede-main {
    font-size: clamp(28px, 3.6vw, 44px);
    margin-block-end: var(--s-base);
}

.t51-subtitle {
    color: var(--k-faint);
    font-size: var(--z-h4);
    line-height: var(--l-open);
    margin-block-end: var(--s-wide);
}

.t51-hit {
    align-items: center;
    border-radius: var(--r-roomy);
    display: inline-flex;
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    padding-inline: var(--s-roomy);
    text-transform: uppercase;
}

.t51-set {
    display: flex;
    flex-direction: column;
    gap: var(--s-base);
    list-style: none;
    margin: 0;
    padding: 0;
}

.t51-unit {
    align-items: center;
    background: var(--k-layer);
    border-radius: var(--r-base);
    display: flex;
    gap: var(--s-base);
    padding: var(--s-base) var(--s-wide);
    transition: transform var(--t-snap) var(--x-settle);
}

.t51-unit:hover {
    transform: translateY(-4px);
}

.t51-rank {
    color: var(--k-punch);
    flex-shrink: 0;
    font-family: var(--f-title);
    font-size: var(--z-sub);
    font-weight: var(--w-strong);
    line-height: 1;
}

.t51-lede {
    font-size: var(--z-copy);
    font-weight: var(--w-strong);
    line-height: var(--l-snug);
}

/* ── page-header: PHEAD-01 ──────────────────────────────────────────── */
.d14 {
    background: var(--k-base-plane);
    border-block-end: var(--b-thin) solid rgba(255, 255, 255, 0.05);
    padding-block: var(--s-huge) var(--s-roomy);
}

.d14-inner {
    display: flex;
    flex-direction: column;
    gap: var(--s-base);
}

.d14-eyebrow {
    color: var(--k-base);
    font-size: var(--z-small);
    font-weight: var(--w-semi);
    letter-spacing: var(--e-loose);
    text-transform: uppercase;
}

.d14-lede {
    font-family: var(--f-title);
    font-size: clamp(28px, 3.4vw, 40px);
    font-weight: var(--w-strong);
    letter-spacing: var(--e-packed);
    line-height: var(--l-snug);
}

.d14-rule {
    background: var(--k-punch);
    height: 2px;
    width: 60px;
}

.d14-words {
    color: var(--k-faint);
    font-size: var(--z-sm-2);
    line-height: var(--l-regular);
}

/* ── prose: PROSE-15 ────────────────────────────────────────────────── */
.f80 {
    padding-block: var(--s-base);
}

.f80-heading {
    margin-block: var(--s-snug) var(--s-base);
}

.f80-words {
    color: var(--k-faint);
    line-height: var(--l-open);
    margin-block-end: var(--s-base);
}

.f80-lead {
    color: var(--k-copy);
    font-weight: var(--w-strong);
}

.f80-hop {
    border-block-end: var(--b-thin) solid rgba(232, 191, 28, 0.5);
    color: var(--k-base);
}

.f80-hop:hover,
.f80-hop:focus-visible {
    background: var(--k-base);
    color: var(--k-base-plane);
}

.f80-set {
    color: var(--k-faint);
    line-height: var(--l-open);
    margin-block: 0 var(--s-base);
    padding-inline-start: var(--s-wide);
}

.f80-unit {
    margin-block-end: var(--s-tiny);
}

.f80-set-num {
    list-style: decimal;
}

.f80-figure {
    margin: 0 0 var(--s-base);
}

.f80-pic {
    border-radius: var(--r-base);
    display: block;
    height: auto;
    max-height: 460px;
    object-fit: cover;
    width: 100%;
}

.f80-figure-detail {
    float: inline-end;
    margin-block-end: var(--s-base);
    margin-inline-start: var(--s-wide);
    max-width: 360px;
}

/* ── items-grid: GRID-12 ────────────────────────────────────────────── */
.p06 {
    padding-block: var(--s-roomy);
}

.p06-heading {
    margin-block-end: var(--s-wide);
}

.p06-set {
    display: flex;
    flex-direction: column;
}

.p06-unit {
    align-items: flex-start;
    border-block-end: var(--b-thin) solid rgba(255, 255, 255, 0.08);
    display: flex;
    gap: var(--s-wide);
    padding: var(--s-wide) 0;
    transition: transform var(--t-snap) var(--x-settle);
}

.p06-unit:hover {
    transform: translateY(-4px);
}

.p06-glyph {
    align-items: center;
    aspect-ratio: 1 / 1;
    background: var(--k-base);
    border-radius: var(--r-base);
    color: var(--k-base-plane);
    display: flex;
    flex-shrink: 0;
    font-family: var(--f-title);
    font-size: var(--z-title);
    font-weight: var(--w-strong);
    justify-content: center;
    width: 120px;
}

.p06-lede {
    margin-block-end: var(--s-tiny);
}

.p06-words {
    color: var(--k-faint);
    line-height: var(--l-regular);
}

.p06-hop {
    color: var(--k-base);
}

/* ── reviews: REV-05 ────────────────────────────────────────────────── */
.z39 {
    padding-block: var(--s-roomy);
}

.z39-heading {
    margin-block-end: var(--s-wide);
}

.z39-set {
    border-inline-start: var(--b-thin) solid var(--k-punch);
    padding-inline-start: var(--s-hair);
}

.z39-unit {
    margin-block-end: var(--s-roomy);
    padding-inline-start: var(--s-vast);
    position: relative;
}

.z39-unit:last-child {
    margin-block-end: 0;
}

.z39-pin {
    background: var(--k-punch);
    border-radius: var(--r-round-full);
    height: 16px;
    inset-inline-start: -8px;
    position: absolute;
    top: 8px;
    width: 16px;
}

.z39-info {
    color: var(--k-faint);
    display: flex;
    font-size: var(--z-small);
    gap: var(--s-snug);
}

.z39-author {
    font-weight: var(--w-semi);
}

.z39-marks {
    color: var(--k-base);
    font-size: var(--z-sm-2);
    letter-spacing: var(--e-loose);
}

.z39-words {
    border: 0;
    color: var(--k-copy);
    line-height: var(--l-open);
    margin: var(--s-tiny) 0 0;
    padding: 0;
}

/* ── faq: FAQ-09 ────────────────────────────────────────────────────── */
.f26 {
    padding-block: var(--s-roomy);
}

.f26-heading {
    margin-block-end: var(--s-wide);
}

.f26-unit {
    padding-block: var(--s-wide);
}

.f26-unit + .f26-unit {
    border-block-start: var(--b-thin) solid rgba(255, 255, 255, 0.06);
}

.f26-ask {
    align-items: baseline;
    cursor: pointer;
    display: grid;
    gap: var(--s-snug);
    grid-template-columns: auto 1fr auto;
    list-style: none;
}

.f26-ask::after {
    color: var(--k-base);
    content: "+";
    font-family: var(--f-title);
    font-size: var(--z-sub);
    line-height: 1;
    transition: transform var(--t-snap) var(--x-settle);
}

.f26-unit[open] .f26-ask::after {
    transform: rotate(45deg);
}

.f26-ask::-webkit-details-marker {
    display: none;
}

.f26-mark {
    color: var(--k-punch);
    font-family: var(--f-title);
    font-size: var(--z-sm-2);
    font-weight: var(--w-strong);
}

.f26-lede {
    font-family: var(--f-title);
    font-size: var(--z-sm-2);
    font-style: italic;
    font-weight: var(--w-strong);
    transition: color var(--t-snap) var(--x-settle);
}

.f26-ask:hover .f26-lede {
    color: var(--k-base);
}

.f26-fill {
    display: grid;
    gap: var(--s-snug);
    grid-template-columns: auto 1fr;
    margin-block-start: var(--s-snug);
}

.f26-words {
    color: var(--k-faint);
    line-height: var(--l-open);
}

.f26-unit[open] .f26-mark {
    transform: none;
}

/* ── table: TABLE-03 ────────────────────────────────────────────────── */
.t43 {
    padding-block: var(--s-roomy);
}

.t43-scroll {
    width: 100%;
}

.t43-grid {
    border-collapse: collapse;
    width: 100%;
}

.t43-grid th {
    background: var(--k-grad-2);
    color: var(--k-base);
    font-size: var(--z-small);
    letter-spacing: var(--e-loose);
    padding: var(--s-base);
    text-align: start;
    text-transform: uppercase;
}

.t43-grid td {
    background: var(--k-layer);
    border-block-start: var(--b-thin) solid var(--k-edge);
    color: var(--k-faint);
    line-height: var(--l-regular);
    padding: var(--s-base);
    vertical-align: top;
}

.t43-grid tbody tr:hover td {
    color: var(--k-copy);
}

/* ── cta-block: CTA-06 (sticky bottom banner) ───────────────────────── */
.l65 {
    background: var(--k-punch);
    border-block-start: var(--b-medium) solid var(--k-action-down);
    bottom: 0;
    box-shadow: var(--d-wide);
    min-height: var(--bar-h);
    padding-block: var(--s-base);
    position: sticky;
    z-index: 90;
}

.l65.is-shut {
    display: none;
}

.l65-inner {
    align-items: center;
    display: flex;
    gap: var(--s-base);
}

.l65-lede {
    color: var(--k-base-plane);
    flex: 1 1 auto;
    font-family: var(--f-title);
    font-size: var(--z-h4);
    font-weight: var(--w-strong);
    line-height: var(--l-snug);
}

.l65-hit {
    align-items: center;
    border-radius: var(--r-roomy);
    display: inline-flex;
    flex-shrink: 0;
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    padding-inline: var(--s-wide);
    text-transform: uppercase;
}

.l65-shut {
    background: transparent;
    border: 0;
    color: var(--k-base-plane);
    cursor: pointer;
    flex-shrink: 0;
    font-size: var(--z-sub);
    line-height: 1;
    min-height: 44px;
    min-width: 44px;
}

/* ── inline-cta: INLINE-CTA-07 ──────────────────────────────────────── */
.m52 {
    background: var(--k-fade-top);
    border-block: var(--b-thin) solid var(--k-edge);
    display: block;
    padding-block: var(--s-vast);
}

.m52-fill {
    margin-inline: auto;
    max-width: var(--v-inner);
    text-align: center;
}

.m52-sign {
    color: var(--k-punch);
    display: block;
    margin-block-end: var(--s-base);
}

.m52-sign svg {
    height: 40px;
    width: 40px;
}

.m52-heading {
    font-family: var(--f-title);
    font-size: var(--z-sub);
    margin-block-end: var(--s-snug);
}

.m52-words {
    color: var(--k-faint);
    line-height: var(--l-open);
    margin-block-end: var(--s-base);
}

.m52-hit {
    align-items: center;
    border-radius: var(--r-base);
    display: inline-flex;
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    padding-inline: var(--s-roomy);
    text-transform: uppercase;
}

.m52-info {
    color: var(--k-faint);
    font-size: var(--z-micro);
    margin-block-start: var(--s-snug);
}

/* ── contact-form: FORM-04 ──────────────────────────────────────────── */
.i99 {
    padding-block: var(--s-roomy);
}

.i99-words {
    color: var(--k-faint);
    line-height: var(--l-open);
    margin-block-end: var(--s-base);
}

.i99-rank {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-snug);
}

.i99-slot {
    display: flex;
    flex: 1 1 240px;
    flex-direction: column;
    gap: var(--s-hair);
}

.i99-slot-wide {
    flex: 1 1 100%;
}

.i99-note {
    color: var(--k-faint);
    font-size: var(--z-small);
    letter-spacing: var(--e-loose);
    text-transform: uppercase;
}

.i99-slot input,
.i99-slot textarea {
    background: var(--k-layer);
    border: var(--b-thin) solid var(--k-edge);
    border-radius: var(--r-snug);
    color: var(--k-copy);
    font-family: var(--f-text);
    font-size: var(--z-copy);
    min-height: 44px;
    padding: var(--s-snug);
    width: 100%;
}

.i99-hit {
    background: var(--k-base);
    border: 0;
    border-radius: var(--r-roomy);
    color: var(--k-base-plane);
    cursor: pointer;
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    min-height: 46px;
    padding-inline: var(--s-roomy);
    text-transform: uppercase;
    transition: background var(--t-snap) var(--x-settle);
}

.i99-hit:hover {
    background: var(--k-copy);
    color: var(--k-base-plane);
}

.i99-done {
    background: var(--k-grad-2);
    border-radius: var(--r-snug);
    color: var(--k-copy);
    margin-block-start: var(--s-base);
    padding: var(--s-base);
}

/* ── legal: LEGAL-03 ────────────────────────────────────────────────── */
.f95 {
    padding-block: var(--s-roomy);
}

.f95-inner {
    display: grid;
    gap: var(--s-vast);
    grid-template-columns: 240px 1fr;
}

.f95-index {
    background: var(--k-layer);
    border-radius: var(--r-base);
    font-size: var(--z-small);
    padding: var(--s-base);
    position: sticky;
    top: calc(var(--h-tall) + var(--s-base));
}

.f95-heading-toc {
    font-family: var(--f-text);
    font-size: var(--z-small);
    letter-spacing: var(--e-loose);
    margin-block-end: var(--s-snug);
    text-transform: uppercase;
}

.f95-toc {
    color: var(--k-faint);
    margin: 0;
    padding-inline-start: var(--s-base);
}

.f95-toc li {
    margin-block-end: var(--s-tiny);
}

.f95-hop {
    color: var(--k-faint);
}

.f95-hop:hover,
.f95-hop:focus-visible {
    color: var(--k-base);
}

.f95-part {
    margin-block-end: var(--s-roomy);
}

.f95-heading {
    margin-block-end: var(--s-snug);
}

.f95-words {
    color: var(--k-faint);
    line-height: var(--l-open);
    margin-block-end: var(--s-snug);
}

.f95-set {
    color: var(--k-faint);
    line-height: var(--l-open);
    padding-inline-start: var(--s-wide);
}

.f95-unit {
    margin-block-end: var(--s-tiny);
}

.f95-info {
    border-block-start: var(--b-thin) solid var(--k-edge);
    color: var(--k-faint);
    font-size: var(--z-small);
    line-height: var(--l-regular);
    padding-block-start: var(--s-base);
}

/* ── author-card: AUTH-01 ───────────────────────────────────────────── */
.m33 {
    padding-block: var(--s-roomy);
}

.m33-box {
    background: var(--k-layer);
    border-radius: var(--r-wide);
    box-shadow: var(--d-snug);
    display: grid;
    gap: var(--s-roomy);
    grid-template-columns: 160px 1fr;
    padding: var(--s-roomy) var(--s-wide);
}

.m33-avatar {
    border-radius: var(--r-round-full);
    display: block;
    height: 160px;
    overflow: hidden;
    width: 160px;
}

.m33-avatar img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.m33-fill {
    display: flex;
    flex-direction: column;
    gap: var(--s-snug);
}

.m33-post {
    color: var(--k-base);
    font-size: var(--z-small);
    font-weight: var(--w-semi);
    letter-spacing: var(--e-loose);
    text-transform: uppercase;
}

.m33-author {
    font-family: var(--f-title);
    font-size: var(--z-head);
    font-weight: var(--w-strong);
}

.m33-words {
    color: var(--k-faint);
    line-height: var(--l-open);
}

.m33-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-tiny);
}

.m33-tag {
    background: var(--k-grad-2);
    border-radius: var(--r-roomy);
    color: var(--k-copy);
    font-size: var(--z-micro);
    letter-spacing: var(--e-loose);
    padding: var(--s-hair) var(--s-snug);
    text-transform: uppercase;
}

.m33-shelf {
    margin-block-start: var(--s-roomy);
}

.m33-heading {
    margin-block-end: var(--s-snug);
}

.m33-set {
    list-style: none;
    margin: 0;
    padding: 0;
}

.m33-set li {
    border-block-end: var(--b-thin) solid var(--k-edge);
}

.m33-hop {
    color: var(--k-copy);
    display: block;
    padding-block: var(--s-snug);
}

.m33-hop:hover,
.m33-hop:focus-visible {
    color: var(--k-base);
}

/* ── author-byline: BYLINE-06 ───────────────────────────────────────── */
.b61 {
    display: block;
    padding-block: var(--s-base);
}

.b61-inner {
    align-items: center;
    border-block-start: var(--b-thin) solid var(--k-edge);
    display: flex;
    gap: var(--s-base);
    padding-block-start: var(--s-base);
}

.b61-words {
    color: var(--k-faint);
    flex: 1 1 auto;
    font-size: var(--z-small);
    font-style: italic;
}

.b61-author {
    color: var(--k-base);
    text-decoration: underline;
}

.b61-author:hover,
.b61-author:focus-visible {
    text-decoration-thickness: 2px;
}

.b61-avatar {
    border-radius: var(--r-round-full);
    display: block;
    flex-shrink: 0;
    height: 44px;
    object-fit: cover;
    width: 44px;
}

/* ── error: ERR-04 ──────────────────────────────────────────────────── */
.f62 {
    align-items: center;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.8)), url("/assets/artwork.webp");
    background-position: center;
    background-size: cover;
    display: flex;
    min-height: 78vh;
    padding-block: var(--s-vast);
}

.f62-lede {
    font-size: clamp(30px, 5vw, 56px);
    margin-block-end: var(--s-base);
    max-width: var(--v-inner);
}

.f62-words {
    color: var(--k-faint);
    line-height: var(--l-open);
    margin-block-end: var(--s-wide);
    max-width: var(--v-inner);
}

.f62-home {
    align-items: center;
    background: var(--k-base);
    border-radius: var(--r-roomy);
    color: var(--k-base-plane);
    display: inline-flex;
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    min-height: 46px;
    padding-inline: var(--s-roomy);
    text-transform: uppercase;
}

.f62-home:hover,
.f62-home:focus-visible {
    background: var(--k-copy);
    color: var(--k-base-plane);
}

/* ── footer: FOOT-05 ────────────────────────────────────────────────── */
.s89 {
    background: var(--k-base);
    color: var(--k-ink-on-gold);
    margin-block-start: var(--s-roomy);
    padding-block-start: var(--s-vast);
}

.s89-inner {
    display: grid;
    gap: var(--s-roomy);
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    padding-block-end: var(--s-roomy);
}

.s89-band {
    min-width: 0;
}

.s89-pic {
    display: block;
    height: 80px;
    margin-block-end: var(--s-snug);
    width: auto;
}

.s89-words {
    color: var(--k-ink-on-gold);
    font-size: var(--z-small);
    line-height: var(--l-regular);
    margin-block-end: var(--s-base);
}

.s89-heading {
    color: var(--k-base-plane);
    font-family: var(--f-title);
    font-weight: var(--w-strong);
    margin-block-end: var(--s-base);
}

.s89-set {
    list-style: none;
    margin: 0;
    padding: 0;
}

.s89-hop {
    color: var(--k-ink-on-gold);
    display: block;
    font-size: var(--z-small);
    padding-block: var(--s-hair);
}

.s89-hop:hover,
.s89-hop:focus-visible {
    background: var(--k-base-plane);
    color: var(--k-base);
}

.s89-hit {
    align-items: center;
    border-radius: var(--r-roomy);
    display: inline-flex;
    font-weight: var(--w-strong);
    letter-spacing: var(--e-loose);
    padding-inline: var(--s-wide);
    text-transform: uppercase;
}

.rg-banner {
    background: var(--k-caution);
    color: #ffffff;
    padding-block: var(--s-base);
}

.rg-banner-inner {
    align-items: center;
    display: flex;
    gap: var(--s-base);
}

.rg-banner-flag {
    background: rgba(255, 255, 255, 0.16);
    border-radius: var(--r-snug);
    color: #ffffff;
    flex-shrink: 0;
    font-size: var(--z-small);
    padding: var(--s-hair) var(--s-snug);
}

.rg-banner-words {
    color: #ffffff;
    font-size: var(--z-small);
    line-height: var(--l-regular);
}

.rg-banner-hop {
    color: #ffffff;
    text-decoration: underline;
}

.s89-strip {
    align-items: center;
    background: var(--k-base);
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-snug);
    justify-content: space-between;
    padding-block: var(--s-base);
}

.s89-info {
    color: var(--k-ink-on-gold);
    font-size: var(--z-micro);
}

.s89-top {
    color: var(--k-ink-on-gold);
    font-size: var(--z-micro);
    letter-spacing: var(--e-loose);
    text-transform: uppercase;
}

/* ── cookie: COOK-13 ────────────────────────────────────────────────── */
.y97 {
    display: block;
    inset-block-end: calc(var(--bar-h) + var(--s-wide));
    inset-inline-end: var(--s-wide);
    max-width: 320px;
    opacity: 1;
    position: fixed;
    transition: opacity var(--t-regular) var(--x-settle);
    z-index: 95;
}

.y97[hidden] {
    display: none;
}

.y97.is-gone {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.y97-inner {
    background: var(--k-base-plane);
    border: var(--b-thin) solid rgba(255, 255, 255, 0.08);
    border-radius: var(--r-wide);
    box-shadow: var(--d-base);
    display: grid;
    gap: var(--s-snug);
    grid-template-columns: 20px 1fr;
    padding: var(--s-base);
}

.y97-sign {
    color: var(--k-punch);
    grid-row: span 2;
    height: 20px;
    width: 20px;
}

.y97-line {
    color: var(--k-faint);
    font-size: var(--z-micro);
    line-height: var(--l-regular);
}

.y97-keys {
    display: flex;
    gap: var(--s-snug);
    grid-column: 2;
}

.y97-approve {
    background: var(--k-base);
    border: 0;
    border-radius: var(--r-snug);
    color: var(--k-base-plane);
    cursor: pointer;
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-strong);
    min-height: 36px;
    padding-inline: var(--s-base);
}

.y97-dismiss {
    background: transparent;
    border: 0;
    color: var(--k-faint);
    cursor: pointer;
    font-family: var(--f-text);
    font-size: var(--z-small);
    min-height: 36px;
    text-decoration: underline;
}

/* ── reveal ─────────────────────────────────────────────────────────── */
[data-anim] {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity var(--t-calm) var(--x-settle), transform var(--t-calm) var(--x-settle);
}

[data-anim].is-shown {
    opacity: 1;
    transform: none;
}

/* ── desktop-first breakpoints ──────────────────────────────────────── */
@media (max-width: 1279px) {
    .t51-inner {
        gap: var(--s-roomy);
    }

    .s89-inner {
        grid-template-columns: 1.4fr 1fr 1fr;
    }

    .s89-band-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1080px) {
    .g16-index {
        display: none;
    }

    .g16-toggle {
        display: flex;
    }

    .g16-keys {
        margin-inline-start: auto;
    }

    .g16-toggle {
        margin-inline-start: 0;
    }

    .t51-inner {
        grid-template-columns: 1fr;
    }

    .f95-inner {
        grid-template-columns: 1fr;
        gap: var(--s-wide);
    }

    .f95-index {
        position: static;
    }
}

@media (max-width: 1079px) {
    .g16-inner {
        padding-inline: var(--v-edge-mid);
    }
}

@media (max-width: 900px) {
    .s89-inner {
        grid-template-columns: 1fr 1fr;
    }

    .m33-box {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .m33-avatar {
        height: 120px;
        width: 120px;
    }

    .m33-tags {
        justify-content: center;
    }

    .f80-figure-detail {
        float: none;
        margin-inline-start: 0;
        max-width: none;
    }
}

@media (max-width: 760px) {
    :root {
        --z-title: 26px;
        --z-head: 22px;
        --z-sub: 18px;
        --z-h4: 16px;
        --z-sm-2: 13px;
        --z-xs-2: 11px;
        --z-copy: 14px;
        --z-small: 12px;
        --z-micro: 10px;
        --bar-h: 64px;
    }

    .g16-inner,
    .s89-inner,
    .t51-inner,
    .d14-inner,
    .p06-inner,
    .f26-inner,
    .z39-inner,
    .l65-inner,
    .f80-inner,
    .t43-inner,
    .f95-inner,
    .i99-inner,
    .m33-inner,
    .b61-inner,
    .y97-inner,
    .f62-inner,
    .m52-inner,
    .s89-strip,
    .rg-banner-inner {
        padding-inline: var(--v-padding-mobile);
    }

    .g16-inner {
        gap: var(--s-snug);
        height: var(--h-short);
    }

    .g16-pic {
        height: 46px;
    }

    .g16-crest {
        padding: var(--s-hair) var(--s-tiny);
    }

    .g16-hit {
        font-size: var(--z-micro);
        padding-inline: var(--s-base);
    }

    .shell {
        margin-block-start: var(--h-short);
    }

    [id] {
        scroll-margin-top: calc(var(--h-short) + var(--s-base));
    }

    .t51,
    .p06,
    .z39,
    .f26,
    .t43,
    .i99,
    .f95,
    .m33 {
        padding-block: var(--s-wide);
    }

    .d14 {
        padding-block: var(--s-roomy) var(--s-wide);
    }

    .m52 {
        padding-block: var(--s-roomy);
    }

    .p06-unit {
        flex-direction: column;
        gap: var(--s-snug);
    }

    .p06-glyph {
        font-size: var(--z-head);
        width: 80px;
    }

    .z39-unit {
        padding-inline-start: var(--s-wide);
    }

    .l65-inner {
        gap: var(--s-snug);
    }

    .l65-lede {
        font-size: var(--z-small);
    }

    .l65-hit {
        padding-inline: var(--s-base);
    }

    .s89-inner {
        grid-template-columns: 1fr;
        gap: var(--s-wide);
    }

    .s89-pic {
        height: 56px;
    }

    .rg-banner-inner {
        align-items: flex-start;
    }

    .t43-grid,
    .t43-grid thead,
    .t43-grid tbody,
    .t43-grid tr,
    .t43-grid td {
        display: block;
        width: 100%;
    }

    .t43-grid thead {
        display: none;
    }

    .t43-rank {
        background: var(--k-layer);
        border-radius: var(--r-base);
        margin-block-end: var(--s-base);
        padding: var(--s-base);
    }

    .t43-grid td {
        background: transparent;
        border: 0;
        padding: var(--s-tiny) 0;
    }

    .t43-grid td::before {
        color: var(--k-base);
        content: attr(data-note);
        display: block;
        font-size: var(--z-micro);
        letter-spacing: var(--e-loose);
        text-transform: uppercase;
    }

    .f26-ask,
    .f26-fill {
        grid-template-columns: auto 1fr;
    }

    .b61-inner {
        gap: var(--s-snug);
    }
}

@media (max-width: 700px) {
    .y97 {
        inset-inline: var(--s-snug);
        max-width: none;
    }

    .y97-keys {
        flex-wrap: wrap;
    }

    .y97-approve,
    .y97-dismiss {
        flex: 1 1 auto;
        min-width: 44px;
    }
}

@media (max-width: 520px) {
    .l65-lede {
        font-size: var(--z-micro);
    }

    .i99-rank {
        flex-direction: column;
        align-items: stretch;
    }

    .f62-lede {
        font-size: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }

    html {
        scroll-behavior: auto;
    }

    [data-anim] {
        opacity: 1;
        transform: none;
    }
}

/* offer buttons */
.litone-dive{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-roomy);min-height:46px;border-radius:var(--r-roomy);font-weight:var(--w-strong);letter-spacing:var(--e-loose)}
.litone-dive{
  background:#4F46E5;color:#FFFFFF;text-decoration:none;text-transform:uppercase;
  transition:background 0.14s ease-in-out;}
.litone-dive.litone-dive{color:#FFFFFF;text-decoration:none;}
.litone-dive:hover{background:#4338CA;color:#FFFFFF;animation:none}
.litone-dive.litone-dive:hover{color:#FFFFFF;text-decoration:none}
.litone-dive:hover::after{animation:none}
.litone-dive:active{background:#3730A3;color:#FFFFFF}
.litone-dive:focus-visible{outline:3px solid #202020;outline-offset:3px}
.litone-dive{animation:litone-wake 2.09s linear infinite}
@keyframes litone-wake{0%{transform:scale(1);animation-timing-function:cubic-bezier(.25,.8,.35,1)}19.139%{transform:scale(1.06);animation-timing-function:cubic-bezier(.45,.05,.55,.95)}49.761%,100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.litone-dive,.litone-dive::after{animation:none!important;transition:none!important}}

.g16-keys .litone-dive {
    font-size: var(--z-small);
    min-height: 46px;
    padding-inline: var(--s-wide);
}

@media (max-width: 1280px) {
    .g16-keys .litone-dive {
        padding-inline: var(--s-base);
    }
}

@media (max-width: 760px) {
    .g16-keys .litone-dive {
        font-size: var(--z-micro);
        min-height: 44px;
        padding-inline: var(--s-snug);
    }
}

@media (max-width: 520px) {
    .l65-inner .litone-dive {
        padding-inline: var(--s-base);
    }
}

/* ── leftovers wired up ─────────────────────────────────────────────── */
.p06-fill {
    min-width: 0;
}

.f26-set {
    display: block;
}

.z39-date {
    font-variant-numeric: tabular-nums;
}

.b61-note {
    letter-spacing: var(--e-loose);
    text-transform: uppercase;
}

.b61-slash {
    color: var(--k-faint);
}

.b61-post {
    font-style: normal;
}

.f80-figure-context {
    margin-block-end: var(--s-wide);
}

.f95-fill {
    min-width: 0;
}

/* sticky offer bar slides in once reading starts */
.l65 {
    opacity: 0;
    transform: translateY(110%);
    transition: transform var(--t-regular) var(--x-settle), opacity var(--t-snap) var(--x-settle);
}

.l65.is-live {
    opacity: 1;
    transform: none;
}

@media (max-width: 1112px) {
  .g16-index,
  .g16-set,
  .g16-hop { display: none !important; }
  .g16-toggle { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-anim],
html.no-js .l65{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}