:root {
    --lgv-main: #43eea7;
    --lgv-brand-hot: #ff8f46;
    --lgv-key-active: #fe6917;
    --lgv-back: #002452;
    --lgv-above: #063a74;
    --lgv-deep: #001a3e;
    --lgv-front: #FFFFFF;
    --lgv-faint: #c2c2c2;
    --lgv-rule: rgba(255, 255, 255, 0.16);
    --lgv-edge-hard: rgba(255, 255, 255, 0.38);
    --lgv-gradient-light: #ffd8b7;
    --lgv-blend-b: #ffa572;
    --lgv-advisory: #8b1e3f;
    --lgv-hair: 4px;
    --lgv-tiny: 12px;
    --lgv-snug: 20px;
    --lgv-base: 36px;
    --lgv-wide: 56px;
    --lgv-roomy: 84px;
    --lgv-vast: 120px;
    --lgv-huge: 180px;
    --lgv-capsule: 9999px;
    --lgv-orb: 50%;
    --r-hair: 0;
    --r-tiny: 0;
    --r-snug: 4px;
    --r-base: 12px;
    --r-wide: 24px;
    --r-roomy: 32px;
    --r-vast: 40px;
    --r-huge: 56px;
    --lgv-head: 'Passion One', 'Arial Black', 'Helvetica Neue', sans-serif;
    --lgv-reading: 'Golos Text', 'Segoe UI', 'Helvetica Neue', sans-serif;
    --lgv-display-1: 34px;
    --lgv-h2: 26px;
    --lgv-h3: 20px;
    --lgv-md-2: 16px;
    --lgv-sm-2: 14px;
    --lgv-h6: 12px;
    --lgv-copy: 15px;
    --lgv-fine: 12px;
    --lgv-mini: 10px;
    --lgv-tight: 1.05;
    --lgv-even: 1.4;
    --lgv-airy: 1.6;
    --lgv-regular: 500;
    --lgv-medium: 700;
    --lgv-bold: 900;
    --e-tight: -0.02em;
    --lgv-normal: 0.02em;
    --e-airy: 0.1em;
    --d-hair: 0 1px 0 rgba(0, 0, 0, 0.1);
    --d-tiny: 0 1px 2px rgba(0, 0, 0, 0.12);
    --d-snug: 0 2px 8px rgba(0, 0, 0, 0.18);
    --d-base: 0 6px 16px rgba(0, 0, 0, 0.24);
    --d-wide: 0 12px 32px rgba(0, 0, 0, 0.3);
    --d-roomy: 0 18px 44px rgba(0, 0, 0, 0.34);
    --d-vast: 0 24px 60px rgba(0, 0, 0, 0.38);
    --d-huge: 0 32px 80px rgba(0, 0, 0, 0.42);
    --lgv-quick: 118ms;
    --t-normal: 260ms;
    --lgv-easy: 458ms;
    --lgv-land: cubic-bezier(0.27, 0.66, 0.49, 0.93);
    --lgv-take-off: cubic-bezier(0.58, 0.08, 0.52, 0.98);
    --lgv-in-out: cubic-bezier(0.58, 0.08, 0.52, 0.98);
    --lgv-overshoot: cubic-bezier(0.29, 1.15, 0.64, 0.95);
    --v-main: 1320px;
    --lgv-column: 540px;
    --lgv-inset-desktop: 24px;
    --lgv-pad-md: 32px;
    --lgv-edge-narrow: 16px;
    --lgv-light: 1px;
    --b-medium: 2px;
    --b-wide: 4px;
    --lgv-tall: 60px;
    --lgv-h-sm: 52px;
    --lgv-shell: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    --lgv-edge: var(--lgv-edge-narrow);
}

@font-face {
    font-display: swap;
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 500;
    src: url('/panel/golos-text-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 700;
    src: url('/panel/golos-text-latin-700-normal.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Golos Text';
    font-style: normal;
    font-weight: 900;
    src: url('/panel/golos-text-latin-900-normal.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Passion One';
    font-style: normal;
    font-weight: 700;
    src: url('/panel/passion-one-latin-700-normal.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Passion One';
    font-style: normal;
    font-weight: 900;
    src: url('/panel/passion-one-latin-900-normal.woff2') format('woff2');
}

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

html,
body {
    overflow-x: clip;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--lgv-back);
    color: var(--lgv-front);
    font-family: var(--lgv-reading);
    font-size: var(--lgv-copy);
    font-weight: var(--lgv-regular);
    line-height: var(--lgv-even);
    margin: 0;
    padding: 0;
}

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

h1,
h2 {
    font-family: var(--lgv-head);
    letter-spacing: var(--e-tight);
    line-height: var(--lgv-tight);
    text-transform: uppercase;
}

h1 {
    font-size: clamp(30px, 5.4vw, 56px);
    font-weight: var(--lgv-bold);
}

h2 {
    font-size: clamp(24px, 3.3vw, 38px);
    font-weight: var(--lgv-medium);
}

h3 {
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--lgv-normal);
    line-height: var(--lgv-even);
}

p {
    margin: 0;
}

img {
    max-width: 100%;
}

ul,
ol,
dl,
dd {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: inherit;
}

button,
input,
textarea {
    font: inherit;
}

::selection {
    background: var(--lgv-main);
    color: var(--lgv-deep);
}

.skipJump {
    background: var(--lgv-main);
    border-radius: 0 0 var(--r-base) 0;
    color: var(--lgv-deep);
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    inset-inline-start: 0;
    padding: var(--lgv-tiny) var(--lgv-snug);
    position: fixed;
    text-decoration: none;
    top: 0;
    z-index: 300;
}

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

.srOnly {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.pageShell {
    display: flow-root;
    min-height: 100vh;
}

.mainFlow {
    counter-reset: proseTick;
    display: block;
}

/* ── author card (AUTH-01) ─────────────────────────────────────────── */
.meshSet {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.meshSet-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.meshSet-plate {
    background: var(--lgv-above);
    border-radius: var(--r-wide);
    box-shadow: var(--d-snug);
    color: var(--lgv-front);
    display: grid;
    gap: var(--lgv-snug);
    grid-template-columns: 1fr;
    justify-items: center;
    padding: var(--lgv-base) var(--lgv-snug);
    text-align: center;
}

.meshSet-portrait {
    block-size: 120px;
    border: var(--b-medium) solid var(--lgv-main);
    border-radius: var(--lgv-orb);
    display: block;
    flex: 0 0 auto;
    inline-size: 120px;
    overflow: hidden;
}

.meshSet-media {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 48% 24%;
    width: 100%;
}

.meshSet-stuff {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
}

.meshSet-job {
    color: var(--lgv-brand-hot);
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    text-transform: uppercase;
}

.meshSet-who {
    font-family: var(--lgv-head);
    font-size: var(--lgv-h2);
    font-weight: var(--lgv-bold);
    letter-spacing: var(--e-tight);
    line-height: var(--lgv-tight);
    text-transform: uppercase;
}

.meshSet-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
}

.meshSet-chain {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-hair);
    justify-content: center;
}

.meshSet-cell {
    background: var(--lgv-deep);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-front);
    font-size: var(--lgv-mini);
    letter-spacing: var(--e-airy);
    padding: var(--lgv-hair) var(--lgv-tiny);
    text-transform: uppercase;
}

.meshSet-articles {
    background: var(--lgv-deep);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    margin-block-start: var(--lgv-snug);
    padding: var(--lgv-snug);
}

.meshSet-hdr {
    color: var(--lgv-main);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

.meshSet-art-chain {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    margin-block-start: var(--lgv-tiny);
}

.meshSet-art-cell {
    border-block-start: var(--lgv-light) solid var(--lgv-rule);
    padding-block-start: var(--lgv-tiny);
}

.meshSet-anchor {
    color: var(--lgv-main);
    text-decoration: none;
}

.meshSet-anchor:hover {
    background: transparent;
    color: var(--lgv-front);
    text-decoration: underline;
}

/* ── breadcrumbs (BREAD-04) ────────────────────────────────────────── */
.annexSlider {
    background: var(--lgv-back);
    color: var(--lgv-faint);
    display: block;
    padding-block: var(--lgv-snug) 0;
}

.annexSlider-hold {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-hair);
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.annexSlider-step {
    align-items: baseline;
    display: inline-flex;
    font-size: var(--lgv-fine);
    gap: var(--lgv-hair);
    letter-spacing: var(--e-airy);
    text-transform: uppercase;
}

.annexSlider-num {
    color: var(--lgv-brand-hot);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h6);
    font-weight: var(--lgv-bold);
}

.annexSlider-anchor {
    color: var(--lgv-faint);
    text-decoration: none;
}

.annexSlider-anchor:hover {
    background: transparent;
    color: var(--lgv-main);
}

.annexSlider-here {
    color: var(--lgv-front);
}

.annexSlider-gap {
    color: var(--lgv-faint);
    margin-inline: var(--lgv-tiny);
}

/* ── items grid (GRID-08) ──────────────────────────────────────────── */
.annexModule {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.annexModule-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.annexModule-top {
    margin-block-end: var(--lgv-snug);
}

.annexModule-chain {
    display: grid;
    gap: var(--lgv-snug);
    grid-template-columns: 1fr;
}

.annexModule-plate {
    background: var(--lgv-above);
    border-block-start: var(--b-wide) solid var(--lgv-brand-hot);
    border-radius: 0 0 var(--r-base) var(--r-base);
    box-shadow: var(--d-snug);
    color: var(--lgv-front);
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    padding: var(--lgv-snug);
}

.annexModule-mark {
    align-items: center;
    background: var(--lgv-deep);
    border-radius: var(--r-snug);
    color: var(--lgv-main);
    display: inline-flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.annexModule-glyph {
    fill: currentColor;
    height: 22px;
    width: 22px;
}

.annexModule-hdr {
    color: var(--lgv-front);
}

.annexModule-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
}

.annexModule-cta {
    align-items: center;
    background: var(--lgv-deep);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    justify-content: center;
    padding: var(--lgv-snug);
    text-align: center;
}

.annexModule-copy {
    color: var(--lgv-front);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

/* ── reviews (REV-01) ──────────────────────────────────────────────── */
.caseBlock {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.caseBlock-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.caseBlock-score {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-tiny);
    margin-block: var(--lgv-tiny) var(--lgv-snug);
}

.caseBlock-figure {
    background: var(--lgv-main);
    border-radius: var(--r-snug);
    color: var(--lgv-deep);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    font-weight: var(--lgv-bold);
    padding: var(--lgv-hair) var(--lgv-tiny);
}

.caseBlock-info {
    color: var(--lgv-faint);
    font-size: var(--lgv-fine);
}

.caseBlock-chain {
    display: grid;
    gap: var(--lgv-snug);
    grid-template-columns: 1fr;
}

.caseBlock-plate {
    background: var(--lgv-above);
    border: var(--lgv-light) solid var(--lgv-rule);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    padding: var(--lgv-snug);
}

.caseBlock-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-tiny);
    justify-content: space-between;
}

.caseBlock-who {
    color: var(--lgv-front);
    font-weight: var(--lgv-medium);
}

.caseBlock-stars {
    display: inline-block;
    line-height: 0;
    position: relative;
}

.caseBlock-dim {
    color: var(--lgv-edge-hard);
    display: inline-flex;
    gap: 2px;
}

.caseBlock-lit {
    color: var(--lgv-brand-hot);
    display: inline-flex;
    gap: 2px;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
}

.caseBlock-glyph {
    fill: currentColor;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.caseBlock-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
}

.caseBlock-cta {
    align-items: center;
    background: var(--lgv-deep);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    justify-content: center;
    padding: var(--lgv-snug);
    text-align: center;
}

.caseBlock-copy {
    color: var(--lgv-front);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

/* ── cta block (CTA-05) ────────────────────────────────────────────── */
.componentPanel {
    background: var(--lgv-deep);
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.componentPanel-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
    text-align: center;
}

.componentPanel-top {
    color: var(--lgv-front);
}

.componentPanel-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    margin-block-start: var(--lgv-tiny);
    margin-inline: auto;
    max-width: var(--lgv-column);
}

.componentPanel-tools {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-tiny);
    justify-content: center;
    margin-block-start: var(--lgv-snug);
}

.componentPanel-quiet {
    align-items: center;
    background: var(--lgv-deep);
    border: var(--lgv-light) solid var(--lgv-edge-hard);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-front);
    display: inline-flex;
    font-family: var(--lgv-head);
    font-size: var(--lgv-sm-2);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    min-height: 48px;
    padding-inline: var(--lgv-base);
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color var(--t-normal) var(--lgv-land), color var(--t-normal) var(--lgv-land);
}

.componentPanel-quiet:hover {
    background: var(--lgv-front);
    border-color: var(--lgv-front);
    color: var(--lgv-deep);
}

.componentPanel-info {
    color: var(--lgv-faint);
    display: block;
    font-size: var(--lgv-fine);
    margin-block-start: var(--lgv-tiny);
}

/* ── inline cta (INLINE-CTA-01) ────────────────────────────────────── */
.courtRegion {
    background: var(--lgv-brand-hot);
    color: var(--lgv-deep);
    display: block;
    padding-block: var(--lgv-snug);
}

.courtRegion-hold {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
    text-align: center;
}

.courtRegion-note {
    color: var(--lgv-deep);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    font-weight: var(--lgv-bold);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

/* ── contact form (FORM-07) ────────────────────────────────────────── */
.crateSpan {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.crateSpan-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.crateSpan-intro {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    margin-block-end: var(--lgv-snug);
}

.crateSpan-plate {
    background: var(--lgv-above);
    border-radius: var(--r-wide);
    box-shadow: var(--d-snug);
    color: var(--lgv-front);
    overflow: hidden;
}

.crateSpan-crest {
    background: var(--lgv-brand-hot);
    height: 8px;
}

.crateSpan-body {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-snug);
    padding: var(--lgv-base) var(--lgv-snug);
}

.crateSpan-control {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-hair);
}

.crateSpan-tag {
    color: var(--lgv-faint);
    font-size: var(--lgv-fine);
    letter-spacing: var(--e-airy);
    text-transform: uppercase;
}

.crateSpan-input {
    background: var(--lgv-deep);
    border: var(--lgv-light) solid var(--lgv-rule);
    border-radius: var(--r-tiny);
    color: var(--lgv-front);
    padding: var(--lgv-tiny);
    width: 100%;
}

.crateSpan-input:focus {
    background: var(--lgv-deep);
    border-color: var(--lgv-main);
    color: var(--lgv-front);
    outline: none;
}

.crateSpan-press {
    align-self: center;
    background: var(--lgv-main);
    border: none;
    border-radius: var(--lgv-capsule);
    color: var(--lgv-deep);
    cursor: pointer;
    font-family: var(--lgv-head);
    font-size: var(--lgv-sm-2);
    font-weight: var(--lgv-bold);
    letter-spacing: var(--e-airy);
    min-height: 48px;
    padding-inline: var(--lgv-base);
    text-transform: uppercase;
    transition: background var(--t-normal) var(--lgv-land), color var(--t-normal) var(--lgv-land);
}

.crateSpan-press:hover {
    background: var(--lgv-front);
    color: var(--lgv-deep);
}

.crateSpan-done {
    background: var(--lgv-deep);
    border-radius: var(--r-base);
    color: var(--lgv-main);
    margin: var(--lgv-snug);
    padding: var(--lgv-snug);
}

.crateSpan-note {
    color: var(--lgv-faint);
    font-size: var(--lgv-fine);
    margin-block-start: var(--lgv-tiny);
}

/* ── hero (HERO-02) ────────────────────────────────────────────────── */
.hubFooter {
    padding-block: var(--lgv-base);
}

.hubFooter-wrap {
    display: grid;
    gap: var(--lgv-snug);
    grid-template-columns: 1fr;
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.hubFooter-stuff {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hubFooter-brow {
    color: var(--lgv-brand-hot);
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    margin-block-end: var(--lgv-tiny);
    text-transform: uppercase;
}

.hubFooter-top {
    color: var(--lgv-front);
}

.hubFooter-deck {
    color: var(--lgv-faint);
    font-size: var(--lgv-md-2);
    line-height: var(--lgv-even);
    margin-block-start: var(--lgv-tiny);
    max-width: var(--lgv-column);
}

.hubFooter-tools {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-tiny);
    margin-block-start: var(--lgv-snug);
}

.hubFooter-quiet {
    align-items: center;
    background: var(--lgv-back);
    border: var(--lgv-light) solid var(--lgv-edge-hard);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-front);
    display: inline-flex;
    font-family: var(--lgv-head);
    font-size: var(--lgv-sm-2);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    min-height: 48px;
    padding-inline: var(--lgv-base);
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color var(--t-normal) var(--lgv-land), color var(--t-normal) var(--lgv-land);
}

.hubFooter-quiet:hover {
    background: var(--lgv-front);
    border-color: var(--lgv-front);
    color: var(--lgv-deep);
}

.hubFooter-info {
    color: var(--lgv-faint);
    display: block;
    font-size: var(--lgv-fine);
    margin-block-start: var(--lgv-tiny);
}

.hubFooter-figure {
    border-radius: var(--r-base);
    margin: 0;
    overflow: hidden;
}

.hubFooter-media {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    object-fit: cover;
    transition: transform var(--lgv-easy) var(--lgv-land);
    width: 100%;
}

.hubFooter-figure:hover .hubFooter-media {
    transform: scale(1.03);
}

/* ── footer (FOOT-09) ──────────────────────────────────────────────── */
.huskWrapper {
    background: var(--lgv-main);
    color: var(--lgv-deep);
    padding-block: var(--lgv-base);
}

.huskWrapper-hold {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--lgv-snug);
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
    text-align: center;
}

.huskWrapper-emblem {
    display: inline-block;
    flex-shrink: 0;
    line-height: 0;
}

.huskWrapper-media {
    display: block;
    height: 36px;
    width: auto;
}

.huskWrapper-chain,
.huskWrapper-rule-chain {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.huskWrapper-chain {
    gap: var(--lgv-snug);
}

.huskWrapper-rule-chain {
    gap: var(--lgv-tiny);
}

.huskWrapper-anchor {
    color: var(--lgv-deep);
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.huskWrapper-anchor:hover {
    background: transparent;
    color: var(--lgv-deep);
    text-decoration: underline;
}

.huskWrapper-rule-anchor {
    color: var(--lgv-deep);
    font-size: var(--lgv-mini);
    letter-spacing: var(--e-airy);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.huskWrapper-rule-anchor:hover {
    background: transparent;
    color: var(--lgv-deep);
    text-decoration: underline;
}

.huskWrapper-info {
    color: var(--lgv-deep);
    display: block;
    font-size: var(--lgv-mini);
}

/* ── faq (FAQ-02) ──────────────────────────────────────────────────── */
.knobBar {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.knobBar-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.knobBar-chain {
    margin-block-start: var(--lgv-snug);
}

.knobBar-ask {
    border-block-start: var(--lgv-light) solid var(--lgv-rule);
    padding-block-start: var(--lgv-snug);
}

.knobBar-hdr {
    color: var(--lgv-front);
    font-family: var(--lgv-reading);
    font-size: var(--lgv-h3);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--lgv-normal);
    line-height: var(--lgv-even);
}

.knobBar-reply {
    margin-block: var(--lgv-hair) var(--lgv-snug);
}

.knobBar-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
}

.knobBar-cta {
    align-items: center;
    background: var(--lgv-above);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    margin-block-end: var(--lgv-snug);
    padding: var(--lgv-snug);
    text-align: center;
}

.knobBar-copy {
    color: var(--lgv-front);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

/* ── page header (PHEAD-05) ────────────────────────────────────────── */
.labelSpan {
    padding-block: var(--lgv-base) var(--lgv-snug);
}

.labelSpan-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.labelSpan-crumbs {
    color: var(--lgv-faint);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--lgv-mini);
    gap: var(--lgv-hair);
    letter-spacing: var(--e-airy);
    margin-block-end: var(--lgv-tiny);
    text-transform: uppercase;
}

.labelSpan-anchor {
    color: var(--lgv-faint);
    text-decoration: none;
}

.labelSpan-anchor:hover {
    background: transparent;
    color: var(--lgv-brand-hot);
}

.labelSpan-gap {
    color: var(--lgv-faint);
}

.labelSpan-here {
    color: var(--lgv-front);
}

.labelSpan-top {
    color: var(--lgv-front);
}

.labelSpan-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    margin-block-start: var(--lgv-tiny);
}

/* ── prose (PROSE-27) ──────────────────────────────────────────────── */
.precinctSet {
    counter-increment: proseTick;
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.precinctSet-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.precinctSet-stuff {
    padding-block-end: 2.4em;
    position: relative;
}

.precinctSet-stuff::after {
    color: var(--lgv-main);
    content: counter(proseTick, decimal-leading-zero);
    font-family: var(--lgv-head);
    font-size: 2.2em;
    font-weight: var(--lgv-bold);
    inset-block-end: 0;
    inset-inline-end: 0;
    line-height: 1;
    opacity: 0.1;
    pointer-events: none;
    position: absolute;
}

.precinctSet-top {
    color: var(--lgv-front);
    margin-block-end: var(--lgv-tiny);
}

.precinctSet-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    margin-block-end: var(--lgv-tiny);
}

.precinctSet-anchor {
    background-image: linear-gradient(var(--lgv-main), var(--lgv-main));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    color: var(--lgv-main);
    text-decoration: none;
    transition: background-size var(--t-normal) var(--lgv-land);
}

.precinctSet-anchor:hover {
    background-size: 100% 2px;
    color: var(--lgv-main);
}

.precinctSet-chain {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-hair);
    margin-block-end: var(--lgv-tiny);
}

.precinctSet-cell {
    border-inline-start: var(--b-medium) solid var(--lgv-brand-hot);
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    padding-inline-start: var(--lgv-tiny);
}

.precinctSet-shots {
    display: grid;
    gap: var(--lgv-tiny);
    grid-template-columns: 1fr;
    margin-block-end: var(--lgv-snug);
}

.precinctSet-shot {
    border-radius: var(--r-base);
    margin: 0;
    overflow: hidden;
}

.precinctSet-media {
    aspect-ratio: 4 / 3;
    display: block;
    height: auto;
    object-fit: cover;
    transition: transform var(--lgv-easy) var(--lgv-land);
    width: 100%;
}

.precinctSet-shot:hover .precinctSet-media {
    transform: scale(1.03);
}

/* ── data table (TABLE-02) ─────────────────────────────────────────── */
.chipBar {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.chipBar-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.chipBar-scroll {
    overflow-x: auto;
}

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

.chipBar-grid-wide {
    min-width: 620px;
}

.chipBar-track {
    border-block-end: var(--b-medium) solid var(--lgv-brand-hot);
    color: var(--lgv-front);
    font-family: var(--lgv-head);
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    padding-block: var(--lgv-tiny);
    padding-inline: var(--lgv-tiny);
    text-align: start;
    text-transform: uppercase;
}

.chipBar-lead {
    border-block-end: var(--lgv-light) solid var(--lgv-rule);
    color: var(--lgv-front);
    font-weight: var(--lgv-medium);
    padding: var(--lgv-tiny);
    vertical-align: top;
}

.chipBar-box {
    border-block-end: var(--lgv-light) solid var(--lgv-rule);
    color: var(--lgv-faint);
    padding: var(--lgv-tiny);
    vertical-align: top;
}

.chipBar-grid tbody tr:last-child .chipBar-lead,
.chipBar-grid tbody tr:last-child .chipBar-box {
    border-block-end: none;
}

/* ── cookie banner (COOK-07) ───────────────────────────────────────── */
.plateCarousel {
    background: var(--lgv-back);
    border-inline-start: var(--b-wide) solid var(--lgv-brand-hot);
    border-radius: var(--r-snug);
    box-shadow: var(--d-base);
    color: var(--lgv-front);
    display: none;
    inset-block-end: var(--lgv-tiny);
    inset-inline-end: var(--lgv-tiny);
    inset-inline-start: var(--lgv-tiny);
    max-width: 320px;
    position: fixed;
    z-index: 90;
}

.plateCarousel.is-open {
    display: block;
}

.plateCarousel-hold {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    padding: var(--lgv-tiny);
}

.plateCarousel-copy {
    color: var(--lgv-front);
    font-size: var(--lgv-fine);
    line-height: var(--lgv-even);
}

.plateCarousel-tools {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lgv-hair);
}

.plateCarousel-approve {
    background: var(--lgv-main);
    border: none;
    border-radius: var(--lgv-capsule);
    color: var(--lgv-deep);
    cursor: pointer;
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    min-height: 36px;
    padding-inline: var(--lgv-snug);
}

.plateCarousel-approve:hover {
    background: var(--lgv-front);
    color: var(--lgv-deep);
}

.plateCarousel-deny {
    background: var(--lgv-back);
    border: var(--lgv-light) solid var(--lgv-edge-hard);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-front);
    cursor: pointer;
    font-size: var(--lgv-fine);
    min-height: 36px;
    padding-inline: var(--lgv-snug);
}

.plateCarousel-deny:hover {
    background: var(--lgv-front);
    color: var(--lgv-deep);
}

/* ── error block (ERR-07) ──────────────────────────────────────────── */
.stubSlider {
    background-color: var(--lgv-back);
    background-image: linear-gradient(rgba(255, 143, 70, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 143, 70, 0.08) 1px, transparent 1px);
    background-size: 40px 40px;
    padding-block: var(--lgv-roomy);
}

.stubSlider-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
    text-align: center;
}

.stubSlider-code {
    color: var(--lgv-brand-hot);
    display: block;
    font-family: var(--lgv-head);
    font-size: 64px;
    font-weight: var(--lgv-bold);
    letter-spacing: var(--e-airy);
    line-height: 1;
}

.stubSlider-top {
    color: var(--lgv-front);
    margin-block-start: var(--lgv-tiny);
    margin-inline: auto;
    max-width: var(--lgv-column);
}

.stubSlider-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    margin-block-start: var(--lgv-tiny);
    margin-inline: auto;
    max-width: var(--lgv-column);
}

.stubSlider-press {
    align-items: center;
    background: var(--lgv-main);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-deep);
    display: inline-flex;
    font-family: var(--lgv-head);
    font-size: var(--lgv-sm-2);
    font-weight: var(--lgv-bold);
    letter-spacing: var(--e-airy);
    margin-block-start: var(--lgv-snug);
    min-height: 48px;
    padding-inline: var(--lgv-base);
    text-decoration: none;
    text-transform: uppercase;
}

.stubSlider-press:hover {
    background: var(--lgv-front);
    color: var(--lgv-deep);
}

/* ── author byline (BYLINE-05) ─────────────────────────────────────── */
.tagList {
    background: var(--lgv-main);
    color: var(--lgv-deep);
    display: block;
    padding-block: var(--lgv-snug);
}

.tagList-hold {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.tagList-who-box {
    align-items: center;
    display: flex;
    gap: var(--lgv-tiny);
}

.tagList-portrait {
    block-size: 56px;
    border-radius: var(--lgv-orb);
    display: block;
    flex: 0 0 auto;
    inline-size: 56px;
    overflow: hidden;
}

.tagList-media {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 48% 24%;
    width: 100%;
}

.tagList-stuff {
    display: flex;
    flex-direction: column;
}

.tagList-kicker {
    color: var(--lgv-deep);
    font-size: var(--lgv-mini);
    letter-spacing: var(--e-airy);
    text-transform: uppercase;
}

.tagList-who {
    color: var(--lgv-deep);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    font-weight: var(--lgv-bold);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

.tagList-anchor {
    color: var(--lgv-deep);
    text-decoration: none;
}

.tagList-anchor:hover {
    background: transparent;
    color: var(--lgv-deep);
    text-decoration: underline;
}

.tagList-job {
    color: var(--lgv-deep);
    font-size: var(--lgv-fine);
}

.tagList-more {
    align-items: center;
    background: var(--lgv-main);
    border: var(--lgv-light) solid var(--lgv-deep);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-deep);
    display: inline-flex;
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    min-height: 44px;
    padding-inline: var(--lgv-snug);
    text-decoration: none;
}

.tagList-more:hover {
    background: var(--lgv-deep);
    color: var(--lgv-main);
}

/* ── legal section (LEGAL-05) ──────────────────────────────────────── */
.zoneBody {
    padding-block: var(--lgv-wide) var(--lgv-base);
}

.zoneBody-wrap {
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.zoneBody-intro {
    color: var(--lgv-front);
    font-size: var(--lgv-md-2);
    line-height: var(--lgv-airy);
}

.zoneBody-term {
    color: var(--lgv-front);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--lgv-normal);
    margin-block: var(--lgv-base) var(--lgv-hair);
}

.zoneBody-term::before {
    background: var(--lgv-brand-hot);
    content: '';
    display: block;
    height: 2px;
    margin-block-end: var(--lgv-tiny);
    width: 30px;
}

.zoneBody-def {
    margin-block-end: var(--lgv-snug);
    margin-inline-start: 0;
}

.zoneBody-note {
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    margin-block-end: var(--lgv-tiny);
}

.zoneBody-help {
    background: var(--lgv-above);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    margin-block-start: var(--lgv-base);
    padding: var(--lgv-snug);
}

.zoneBody-hdr {
    color: var(--lgv-main);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

.zoneBody-help-chain {
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    margin-block-start: var(--lgv-tiny);
}

.zoneBody-help-cell {
    border-inline-start: var(--b-medium) solid var(--lgv-main);
    color: var(--lgv-faint);
    line-height: var(--lgv-airy);
    padding-inline-start: var(--lgv-tiny);
}

.zoneBody-fine {
    color: var(--lgv-faint);
    font-size: var(--lgv-fine);
    line-height: var(--lgv-airy);
    margin-block-start: var(--lgv-base);
}

/* ── header (HEAD-UTIL) ────────────────────────────────────────────── */
.stubDisplay {
    background: var(--lgv-back);
    display: block;
    position: sticky;
    top: 0;
    transition: box-shadow var(--t-normal) var(--lgv-land);
    z-index: 100;
}

.stubDisplay.is-shrunk {
    box-shadow: var(--d-base);
}

.stubDisplay-strip {
    background: var(--lgv-deep);
    color: var(--lgv-faint);
    font-size: var(--lgv-mini);
}

.stubDisplay-hold {
    align-items: center;
    display: flex;
    gap: var(--lgv-tiny);
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding-inline: var(--lgv-edge);
}

.stubDisplay-strip .stubDisplay-hold {
    justify-content: space-between;
    min-height: 30px;
}

.stubDisplay-geo {
    background: var(--lgv-main);
    border-radius: var(--r-snug);
    color: var(--lgv-deep);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--e-airy);
    padding: 2px var(--lgv-hair);
}

.stubDisplay-desk {
    color: var(--lgv-faint);
    letter-spacing: var(--lgv-normal);
    white-space: nowrap;
}

.stubDisplay-rank {
    background: var(--lgv-back);
    min-height: 52px;
}

.stubDisplay-rank .stubDisplay-hold {
    gap: var(--lgv-tiny);
    min-height: 52px;
    padding-block: var(--lgv-hair);
    transition: padding-block var(--t-normal) var(--lgv-land);
}

.stubDisplay.is-shrunk .stubDisplay-rank .stubDisplay-hold {
    padding-block: 0;
}

.stubDisplay-lever {
    align-items: center;
    background: rgba(67, 238, 167, 0.14);
    border: none;
    border-radius: var(--r-snug);
    color: var(--lgv-front);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    gap: var(--lgv-hair);
    min-height: 44px;
    order: 1;
    padding-inline: var(--lgv-hair);
}

.stubDisplay-lever svg {
    fill: currentColor;
    height: 20px;
    width: 20px;
}

.stubDisplay-word {
    display: none;
    font-size: var(--lgv-fine);
    letter-spacing: var(--lgv-normal);
    white-space: nowrap;
}

.stubDisplay-emblem {
    display: inline-block;
    flex-shrink: 0;
    line-height: 0;
    order: 2;
    text-decoration: none;
}

.stubDisplay-plate {
    background: var(--lgv-front);
    border-radius: var(--r-snug);
    display: inline-flex;
    flex-shrink: 0;
    padding: 3px var(--lgv-hair);
}

.stubDisplay-media {
    display: block;
    flex-shrink: 0;
    height: 36px;
    transition: height var(--t-normal) var(--lgv-land);
    width: auto;
}

.stubDisplay.is-shrunk .stubDisplay-media {
    height: 30px;
}

.stubDisplay-links {
    display: none;
    order: 3;
}

.stubDisplay-chain {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--lgv-tiny);
    overflow: hidden;
}

.stubDisplay-cell {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--lgv-tiny);
}

.stubDisplay-cell + .stubDisplay-cell::before {
    color: var(--lgv-edge-hard);
    content: '\00b7';
    font-size: var(--lgv-fine);
}

.stubDisplay-anchor {
    border-block-start: var(--b-medium) solid transparent;
    color: var(--lgv-front);
    font-size: 13px;
    font-variant-caps: small-caps;
    font-weight: 400;
    letter-spacing: var(--lgv-normal);
    padding-block: var(--lgv-hair);
    text-decoration: none;
    white-space: nowrap;
}

.stubDisplay-anchor:hover {
    background: transparent;
    color: var(--lgv-main);
    text-decoration: underline;
}

.stubDisplay-anchor[aria-current='page'] {
    border-block-start-color: var(--lgv-main);
    color: var(--lgv-main);
}

.stubDisplay-extra {
    margin-inline-start: var(--lgv-tiny);
    position: relative;
}

.stubDisplay-more-lever {
    background: transparent;
    border: var(--lgv-light) solid var(--lgv-edge-hard);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-front);
    cursor: pointer;
    font-size: 13px;
    font-variant-caps: small-caps;
    min-height: 32px;
    padding-inline: var(--lgv-tiny);
    white-space: nowrap;
}

.stubDisplay-more-lever:hover {
    background: var(--lgv-front);
    color: var(--lgv-deep);
}

.stubDisplay-more-menu {
    background: var(--lgv-above);
    border-radius: var(--r-base);
    box-shadow: var(--d-wide);
    display: none;
    inset-block-start: calc(100% + 6px);
    inset-inline-end: 0;
    max-height: 60vh;
    min-width: 200px;
    overflow-y: auto;
    padding: var(--lgv-hair);
    position: absolute;
    z-index: 210;
}

.stubDisplay-more-menu.is-open {
    display: block;
}

.stubDisplay-more-menu .stubDisplay-cell {
    display: block;
    padding-block: var(--lgv-hair);
}

.stubDisplay-more-menu .stubDisplay-cell + .stubDisplay-cell::before {
    content: none;
}

.stubDisplay-more-menu .stubDisplay-anchor {
    display: block;
    padding-inline: var(--lgv-hair);
}

.stubDisplay-tools {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--lgv-hair);
    margin-inline-start: auto;
    order: 4;
}

.stubDisplay-quiet {
    align-items: center;
    background: var(--lgv-back);
    border: var(--lgv-light) solid var(--lgv-edge-hard);
    border-radius: var(--lgv-capsule);
    color: var(--lgv-front);
    display: none;
    flex: 0 0 auto;
    font-family: var(--lgv-head);
    font-size: var(--lgv-fine);
    font-weight: var(--lgv-medium);
    letter-spacing: var(--lgv-normal);
    min-height: 38px;
    padding-inline: var(--lgv-snug);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.stubDisplay-quiet:hover {
    background: var(--lgv-front);
    color: var(--lgv-deep);
}

.stubDisplay-tray {
    background: var(--lgv-above);
    border-block-start: var(--lgv-light) solid var(--lgv-rule);
    box-shadow: var(--d-wide);
    display: none;
    inset-block-start: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    max-height: 70vh;
    overflow-y: auto;
    position: absolute;
    z-index: 120;
}

.stubDisplay-tray.is-open {
    display: block;
}

.stubDisplay-tray-chain {
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    padding: var(--lgv-tiny) var(--lgv-edge);
}

.stubDisplay-tray-anchor {
    border-block-end: var(--lgv-light) solid var(--lgv-rule);
    color: var(--lgv-front);
    display: block;
    font-size: var(--lgv-md-2);
    font-variant-caps: small-caps;
    padding-block: var(--lgv-tiny);
    text-decoration: none;
}

.stubDisplay-tray-anchor:hover {
    background: transparent;
    color: var(--lgv-main);
}

.stubDisplay-tray-anchor[aria-current='page'] {
    color: var(--lgv-main);
}

/* ── responsible gaming strip (RG-02) ──────────────────────────────── */
.rgStrip {
    background: var(--lgv-advisory);
    color: var(--lgv-front);
    display: block;
}

.rgStrip-hold {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--lgv-hair);
    margin-inline: auto;
    max-width: calc(var(--v-main) + 2 * var(--lgv-inset-desktop));
    min-height: 34px;
    padding-block: var(--lgv-hair);
    padding-inline: var(--lgv-edge);
}

.rgStrip-badge {
    background: var(--lgv-front);
    border-radius: var(--r-snug);
    color: var(--lgv-advisory);
    flex: 0 0 auto;
    font-size: var(--lgv-mini);
    font-weight: var(--lgv-bold);
    padding: 2px var(--lgv-hair);
}

.rgStrip-note {
    color: var(--lgv-front);
    font-size: var(--lgv-mini);
    line-height: var(--lgv-even);
}

.rgStrip-say {
    display: none;
}

.rgStrip-anchor {
    color: var(--lgv-front);
    flex: 0 0 auto;
    font-size: var(--lgv-mini);
    margin-inline-start: auto;
    text-decoration: underline;
    white-space: nowrap;
}

.rgStrip-anchor:hover {
    background: transparent;
    color: var(--lgv-gradient-light);
}

/* ── offer rail (in-flow offer strip) ──────────────────────────────── */
.offerRail {
    align-items: center;
    background: var(--lgv-deep);
    border-radius: var(--r-base);
    color: var(--lgv-front);
    display: flex;
    flex-direction: column;
    gap: var(--lgv-tiny);
    margin-block: var(--lgv-snug);
    padding: var(--lgv-snug);
    text-align: center;
}

.offerRail-copy {
    color: var(--lgv-front);
    font-family: var(--lgv-head);
    font-size: var(--lgv-h3);
    letter-spacing: var(--lgv-normal);
    text-transform: uppercase;
}

.offerRail-info {
    color: var(--lgv-faint);
    font-size: var(--lgv-mini);
}

/* ── motion ────────────────────────────────────────────────────────── */
[data-inview] {
    filter: blur(10px);
    opacity: 0;
    transform: translateY(16px);
    transition: filter var(--lgv-easy) var(--lgv-land), opacity var(--lgv-easy) var(--lgv-land), transform var(--lgv-easy) var(--lgv-land);
}

[data-inview].has-entered {
    filter: blur(0);
    opacity: 1;
    transform: translateY(0);
}

.pageShell {
    animation: shellFade var(--lgv-easy) var(--lgv-take-off) backwards;
}

@keyframes shellFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ── breakpoints (BP-05, mobile-first) ─────────────────────────────── */
@media (min-width: 460px) {
    .plateCarousel {
        inset-inline-start: auto;
        width: 320px;
    }

    .rgStrip-note {
        font-size: var(--lgv-fine);
    }
}

@media (min-width: 620px) {
    .rgStrip-say {
        display: inline;
    }

    .stubDisplay-word {
        display: inline;
    }

    .annexModule-chain,
    .caseBlock-chain,
    .precinctSet-shots {
        grid-template-columns: repeat(2, 1fr);
    }

    .huskWrapper-hold,
    .tagList-hold {
        flex-direction: row;
        justify-content: space-between;
        text-align: start;
    }

    .knobBar-cta,
    .offerRail {
        flex-direction: row;
        justify-content: space-between;
        text-align: start;
    }

    .meshSet-plate {
        grid-template-columns: 160px 1fr;
        justify-items: start;
        text-align: start;
    }

    .meshSet-portrait {
        block-size: 160px;
        inline-size: 160px;
    }

    .meshSet-chain {
        justify-content: flex-start;
    }
}

@media (min-width: 720px) {
    :root {
        --lgv-display-1: 56px;
        --lgv-h2: 38px;
        --lgv-h3: 24px;
        --lgv-md-2: 18px;
        --lgv-sm-2: 15px;
        --lgv-h6: 13px;
        --lgv-copy: 16px;
        --lgv-fine: 13px;
        --lgv-mini: 11px;
        --lgv-edge: var(--lgv-pad-md);
    }

    .hubFooter-media {
        aspect-ratio: 16 / 10;
    }

    .precinctSet-stuff {
        padding-block-end: 4.2em;
    }

    .precinctSet-stuff::after {
        font-size: 4em;
    }
}

@media (min-width: 1000px) {
    :root {
        --lgv-edge: var(--lgv-inset-desktop);
    }

    .annexModule-chain,
    .caseBlock-chain {
        grid-template-columns: repeat(3, 1fr);
    }

    .hubFooter-wrap {
        align-items: center;
        gap: var(--lgv-base);
        grid-template-columns: 55fr 45fr;
    }

    .hubFooter-media {
        aspect-ratio: 4 / 3.2;
    }

    .stubDisplay-lever {
        display: none;
    }

    .stubDisplay-links {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
    }

    .stubDisplay-quiet {
        display: inline-flex;
    }

    .stubDisplay-rank,
    .stubDisplay-rank .stubDisplay-hold {
        min-height: 60px;
    }

    .stubDisplay-tray {
        display: none;
    }

    .stubDisplay-tray.is-open {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }

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

/* ── offer button (cta-style.mjs: fuchsia #C026D3, breathe) ────────── */
.arctAct {
    align-items: center;
    background: #C026D3;
    border: var(--lgv-light) solid var(--lgv-edge-hard);
    border-radius: var(--lgv-capsule);
    color: #FFFFFF;
    display: inline-flex;
    font-family: var(--lgv-head);
    font-size: var(--lgv-sm-2);
    font-weight: var(--lgv-medium);
    justify-content: center;
    letter-spacing: var(--e-airy);
    min-height: 48px;
    padding: 0 var(--lgv-base);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background var(--lgv-quick) var(--lgv-land), border-color var(--lgv-quick) var(--lgv-land);
}

.arctAct {
    animation: arctActBeat 1.78s linear infinite;
}

.arctAct.arctAct {
    color: #FFFFFF;
    text-decoration: none;
}

.arctAct:hover {
    animation: none;
    background: #A21CAF;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.arctAct:active {
    background: #86198F;
    color: #FFFFFF;
}

.arctAct:focus-visible {
    outline: 3px solid #FFFFFF;
    outline-offset: 3px;
}

@keyframes arctActBeat {
    0% {
        animation-timing-function: cubic-bezier(0.25, 0.8, 0.35, 1);
        transform: scale(1);
    }

    23.596% {
        animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
        transform: scale(1.055);
    }

    55.056%,
    100% {
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .arctAct {
        animation: none !important;
        transition: none !important;
    }
}

.stubDisplay-press {
    font-size: var(--lgv-fine);
    min-height: 38px;
    padding: 0 var(--lgv-snug);
}

.offerRail-press,
.hubFooter-press,
.componentPanel-press,
.annexModule-press,
.caseBlock-press,
.knobBar-press,
.courtRegion-press {
    flex: 0 0 auto;
}

.courtRegion-press {
    background: var(--lgv-deep);
    border-color: var(--lgv-deep);
    color: #FFFFFF;
}

.courtRegion-press:hover {
    background: #A21CAF;
    border-color: #A21CAF;
    color: #FFFFFF;
}

/* ── structural wrappers ──────────────────────────────────────────── */
.caseBlock-top,
.knobBar-top {
    color: var(--lgv-front);
    margin-block-end: var(--lgv-tiny);
}

.caseBlock-rate {
    display: none;
}

.chipBar-rank {
    vertical-align: top;
}

.courtRegion-top {
    margin-block-end: var(--lgv-base);
}

.courtRegion-foot {
    margin-block: var(--lgv-base) 0;
}

.huskWrapper-links,
.huskWrapper-rule-links {
    display: block;
}

.huskWrapper-cell,
.huskWrapper-rule-cell {
    display: inline-flex;
}

.stubDisplay-tray-links {
    display: block;
}

.stubDisplay-tray-cell {
    display: block;
}

.zoneBody-chain {
    display: block;
}

/* ── narrow-screen header fit ─────────────────────────────────────── */
.stubDisplay-tools .arctAct {
    flex: 0 1 auto;
    line-height: 1.1;
    min-width: 0;
    text-align: center;
    white-space: normal;
}

@media (max-width: 459px) {
    .stubDisplay-press {
        font-size: 11px;
        letter-spacing: var(--lgv-normal);
        min-height: 36px;
        padding: 0 var(--lgv-hair);
    }

    .stubDisplay-lever {
        gap: 0;
    }
}

.annexModule-cta .arctAct,
.caseBlock-cta .arctAct,
.knobBar-cta .arctAct,
.offerRail .arctAct,
.courtRegion .arctAct {
    max-width: 100%;
    text-align: center;
    white-space: normal;
}

@media (min-width: 1000px) {
    .huskWrapper-chain {
        flex-wrap: nowrap;
    }
}

.chipBar-wrap {
    position: relative;
}

@media (max-width: 999px) {
    .chipBar-wrap::after {
        background: linear-gradient(90deg, rgba(0, 36, 82, 0) 0%, var(--lgv-back) 100%);
        content: '';
        inset-block: 0;
        inset-inline-end: 0;
        pointer-events: none;
        position: absolute;
        width: 36px;
    }

    .chipBar-scroll {
        scrollbar-width: thin;
    }
}

@media (max-width: 1033px) {
  .stubDisplay-links,
  .stubDisplay-chain,
  .stubDisplay-anchor,
  .stubDisplay-quiet { display: none !important; }
  .stubDisplay-lever { display: flex !important; }
}

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