@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/source/montserrat-latin-ext-500-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/source/montserrat-latin-500-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/source/montserrat-latin-ext-600-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/source/montserrat-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/source/inter-latin-ext-400-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/source/inter-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/source/inter-latin-ext-500-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/source/inter-latin-500-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/source/inter-latin-ext-600-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/source/inter-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --c-primary: #6bc400;
    --c-accent: #07070b;
    --c-accent-strong: #000000;
    --c-ground: #111314;
    --c-card: #1b1e1f;
    --c-reading: #ffffff;
    --c-quiet: #c0bebe;
    --c-border: #2c3132;
    --c-line-strong: #3f4547;
    --c-fade-top: #3d3759;
    --c-grad-2: #1f1a2e;
    --c-age-band: #c1272d;

    --s-hair: 5px;
    --s-tiny: 10px;
    --s-snug: 15px;
    --s-base: 25px;
    --s-wide: 40px;
    --s-roomy: 60px;
    --s-vast: 90px;
    --s-huge: 140px;

    --r-hair: 1px;
    --r-tiny: 2px;
    --r-snug: 8px;
    --r-base: 14px;
    --r-wide: 22px;
    --r-roomy: 30px;
    --r-vast: 40px;
    --r-huge: 56px;
    --r-stadium: 9999px;
    --r-orb: 50%;

    --f-banner: "Montserrat", "Trebuchet MS", sans-serif;
    --f-text: "Inter", "Segoe UI", sans-serif;

    --z-xxl: 38px;
    --z-xl-2: 30px;
    --z-display-3: 24px;
    --z-sub-2: 20px;
    --z-sm-2: 17px;
    --z-micro-head: 15px;
    --z-reading: 17px;
    --z-small: 15px;
    --z-legal: 13px;

    --l-tight: 1.25;
    --l-regular: 1.6;
    --l-roomy: 1.8;

    --w-regular: 400;
    --w-medium: 500;
    --w-black: 600;

    --e-tight: 0;
    --e-regular: 0;
    --e-airy: 0.01em;

    --d-hair: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    --d-tiny: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    --d-snug: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    --d-base: 0 8px 24px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    --d-wide: 0 16px 48px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
    --d-roomy: 0 22px 60px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.13) inset;
    --d-vast: 0 30px 80px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.14) inset;
    --d-huge: 0 40px 110px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16) inset;

    --t-short: 184ms;
    --t-normal: 360ms;
    --t-easy: 565ms;

    --x-release: cubic-bezier(0.27, 0.94, 0.28, 0.96);
    --x-enter: cubic-bezier(0.65, 0.04, 0.45, 0.92);
    --x-swing: cubic-bezier(0.65, 0.04, 0.45, 0.92);
    --x-pop: cubic-bezier(0.39, 0.9, 0.75, 1.2);

    --v-max: 1340px;
    --v-inner: 1340px;
    --v-pad-lg: 56px;
    --v-inset-tablet: 32px;
    --v-edge-narrow: 16px;

    --b-light: 1px;
    --b-even: 2px;
    --b-heavy: 3px;

    --h-height-desktop: 70px;
    --h-size-mobile: 62px;

    --pv-narrow: 580px;
    --pv-sec-y: var(--s-wide);
    --pv-shell: 96px;
}

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

html,
body {
    overflow-x: clip;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background: var(--c-ground);
    color: var(--c-reading);
    font-family: var(--f-text);
    font-size: var(--z-reading);
    font-weight: var(--w-regular);
    line-height: var(--l-roomy);
    letter-spacing: var(--e-regular);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

img {
    max-width: 100%;
}

a {
    color: var(--c-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color var(--t-short) var(--x-release), text-decoration-thickness var(--t-short) var(--x-release);
}

a:hover {
    color: var(--c-primary);
    text-decoration-thickness: 3px;
}

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

h1,
h2,
h3 {
    font-family: var(--f-banner);
    font-weight: var(--w-black);
    line-height: var(--l-tight);
    letter-spacing: var(--e-regular);
}

h4,
h5,
h6 {
    font-family: var(--f-text);
    font-weight: var(--w-medium);
    letter-spacing: var(--e-regular);
    line-height: var(--l-regular);
}

h1 {
    font-size: clamp(28px, 4.4vw, var(--z-xxl));
}

h2 {
    font-size: clamp(24px, 3.2vw, var(--z-xl-2));
}

h3 {
    font-size: clamp(20px, 2.4vw, var(--z-display-3));
}

h4 {
    font-size: var(--z-sub-2);
}

h5 {
    font-size: var(--z-sm-2);
}

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

p {
    margin: 0 0 var(--s-snug);
}

p:last-child {
    margin-bottom: 0;
}

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

button {
    font: inherit;
}

table {
    border-collapse: collapse;
}

main {
    flex: 1 0 auto;
}

.skipLane {
    position: absolute;
    inset-inline-start: var(--s-snug);
    z-index: 300;
    padding: var(--s-tiny) var(--s-base);
    background: var(--c-primary);
    color: var(--c-accent);
    border-radius: var(--r-snug);
    font-weight: var(--w-medium);
    text-decoration: none;
}

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

.skipLane:focus {
    top: var(--s-snug);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[data-anim] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity var(--t-easy) var(--x-release), transform var(--t-easy) var(--x-release);
}

[data-anim].is-in {
    opacity: 1;
    transform: translateY(0);
}

.vault-grand-inner,
.porte-dark-inner,
.lozenge-crisp-inner,
.piedestal-bold-inner,
.planche-refined-inner,
.socle-grave-inner,
.secteur-noble-inner,
.spandrel-apex-inner,
.seuil-plus-inner,
.linteau-refined-inner,
.balcony-fluid-inner,
.module-edge-inner,
.portico-apex-inner,
.pave-core-inner {
    display: block;
    width: 100%;
    max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--v-pad-lg);
}

.age-band {
    display: block;
    text-align: center;
    background: var(--c-ground);
    color: var(--c-reading);
    border-bottom: var(--b-heavy) solid var(--c-age-band);
    font-family: var(--f-text);
    font-size: var(--z-legal);
    line-height: var(--l-regular);
    letter-spacing: var(--e-airy);
    padding: var(--s-tiny) var(--s-snug);
    margin: 0;
}

.age-band-sign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 20px;
    margin-inline-end: var(--s-hair);
    padding-inline: var(--s-hair);
    border-radius: var(--r-tiny);
    background: var(--c-age-band);
    color: var(--c-reading);
    font-weight: var(--w-black);
    font-size: var(--z-legal);
}

.age-band-route {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    color: var(--c-reading);
    background: var(--c-ground);
    text-decoration: underline;
    text-decoration-color: var(--c-age-band);
    text-decoration-thickness: 2px;
}

.age-band-route:hover {
    color: var(--c-reading);
    background: var(--c-ground);
    text-decoration-thickness: 4px;
}

.pave-prime {
    position: sticky;
    top: var(--s-tiny);
    z-index: 120;
    padding-inline: var(--s-snug);
    margin-block: var(--s-tiny) 0;
}

.pave-prime-rank {
    display: flex;
    align-items: center;
    gap: var(--s-snug);
    width: 100%;
    max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
    min-height: 70px;
    margin-inline: auto;
    padding-inline: var(--s-wide);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-base);
    box-shadow: var(--d-base);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: min-height var(--t-normal) var(--x-release), padding-inline var(--t-normal) var(--x-release);
}

.pave-prime.is-shrunk .pave-prime-rank {
    min-height: 54px;
}

.pave-prime-crest {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.pave-prime-crest img {
    display: block;
    flex-shrink: 0;
    height: 60px;
    width: auto;
    transition: height var(--t-normal) var(--x-release);
}

.pave-prime.is-shrunk .pave-prime-crest img {
    height: 46px;
}

.pave-prime-menu-trigger {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-inline-start: auto;
    padding-inline: var(--s-snug);
    background: var(--c-ground);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-snug);
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-medium);
    letter-spacing: var(--e-airy);
    cursor: pointer;
    white-space: nowrap;
}

.pave-prime-menu-trigger:hover {
    background: var(--c-border);
    color: var(--c-reading);
}

.pave-prime-menu {
    flex: 0 0 auto;
    margin-inline: auto;
    overflow: visible;
}

.pave-prime-chain {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--s-tiny);
    list-style: none;
}

.pave-prime-entry {
    display: flex;
    align-items: center;
    position: relative;
}

.pave-prime-entry[hidden] {
    display: none;
}

.pave-prime-chain > .pave-prime-entry + .pave-prime-entry::before {
    content: "\00b7";
    color: var(--c-line-strong);
    margin-inline-end: var(--s-tiny);
}

.pave-prime-href {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--c-reading);
    background: var(--c-card);
    font-family: var(--f-text);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: var(--e-regular);
    text-transform: none;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: var(--b-even) solid transparent;
}

.pave-prime-href:hover {
    color: var(--c-primary);
    background: var(--c-card);
    border-bottom-color: var(--c-primary);
}

.pave-prime-href[aria-current="page"] {
    color: var(--c-primary);
    background: var(--c-card);
    border-bottom-color: var(--c-primary);
}

.pave-prime-more-opener {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding-inline: var(--s-tiny);
    background: var(--c-card);
    color: var(--c-reading);
    border: 0;
    border-radius: var(--r-snug);
    cursor: pointer;
}

.pave-prime-more-opener:hover {
    background: var(--c-border);
    color: var(--c-reading);
}

.pave-prime-dots {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: var(--r-orb);
    background: currentColor;
    box-shadow: -8px 0 0 currentColor, 8px 0 0 currentColor;
}

.pave-prime-more-pane {
    display: none;
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + var(--s-hair));
    z-index: 130;
    min-width: 210px;
    max-height: 62vh;
    overflow-y: auto;
    list-style: none;
    padding: var(--s-tiny);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-snug);
    box-shadow: var(--d-wide);
}

.pave-prime-more-pane.is-open {
    display: block;
}

.pave-prime-more-pane .pave-prime-entry {
    display: block;
}

.pave-prime-more-pane .pave-prime-entry::before {
    content: none;
}

.pave-prime-more-pane .pave-prime-href {
    display: flex;
    width: 100%;
    padding-inline: var(--s-tiny);
    border-bottom: 0;
}

.pave-prime-nodeMore {
    display: flex;
    align-items: center;
    position: relative;
}

.pave-prime-nodeMore[hidden] {
    display: none;
}

.pave-prime-geo-mark {
    display: block;
    flex-shrink: 0;
    width: 26px;
    height: 17px;
    border-radius: var(--r-tiny);
    border: var(--b-light) solid var(--c-line-strong);
    background: linear-gradient(to bottom, #fdb913 0 33.3%, #006a44 33.3% 66.6%, #c1272d 66.6% 100%);
}

.pave-prime-sheet {
    display: none;
    position: absolute;
    inset-inline: var(--s-snug);
    top: calc(100% + var(--s-hair));
    z-index: 125;
    max-height: 68vh;
    overflow-y: auto;
    padding: var(--s-tiny) 0;
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-base);
    box-shadow: var(--d-wide);
}

.pave-prime-sheet.is-open {
    display: block;
}

.pave-prime-sheet-chain {
    list-style: none;
}

.pave-prime-sheet-entry {
    display: block;
    border-bottom: var(--b-light) solid var(--c-border);
}

.pave-prime-sheet-entry:last-child {
    border-bottom: 0;
}

.pave-prime-sheet-href {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding-inline: var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    font-size: var(--z-reading);
    text-decoration: none;
}

.pave-prime-sheet-href:hover {
    background: var(--c-border);
    color: var(--c-primary);
}

.pave-prime-sheet-href[aria-current="page"] {
    background: var(--c-card);
    color: var(--c-primary);
}

.vault-grand,
.secteur-noble,
.socle-grave,
.seuil-plus-part {
    scroll-margin-top: 96px;
}

.vault-grand {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: clamp(540px, calc(100vh - 150px), 800px);
    background-color: var(--c-ground);
    background-image: linear-gradient(105deg, rgba(17, 19, 20, 0.94) 0%, rgba(31, 26, 46, 0.86) 52%, rgba(61, 55, 89, 0.72) 100%), url("/source/motif-modern.webp");
    background-size: cover;
    background-position: center;
    color: var(--c-reading);
}

.vault-grand-mark {
    position: absolute;
    top: 0;
    inset-inline-start: max(var(--v-pad-lg), calc((100vw - var(--v-max)) / 2));
    height: 100%;
    width: 30%;
    max-width: calc(var(--v-max) * 0.3);
    display: flex;
    align-items: center;
    font-family: var(--f-banner);
    font-weight: var(--w-black);
    font-size: 60vh;
    line-height: 1;
    color: var(--c-reading);
    opacity: 0.05;
    pointer-events: none;
    user-select: none;
}

.vault-grand-inner {
    position: relative;
    z-index: 2;
    padding-block: var(--s-roomy);
}

.vault-grand-shift {
    padding-left: 34%;
}

.vault-grand-eye {
    display: block;
    font-family: var(--f-text);
    font-size: var(--z-legal);
    font-weight: var(--w-medium);
    letter-spacing: var(--e-airy);
    text-transform: uppercase;
    color: var(--c-primary);
    margin-bottom: var(--s-snug);
}

.vault-grand h1 {
    color: var(--c-reading);
    margin-bottom: var(--s-snug);
}

.vault-grand-subtitle {
    max-width: var(--pv-narrow);
    color: var(--c-quiet);
    font-size: var(--z-sm-2);
    line-height: var(--l-roomy);
    margin-bottom: var(--s-base);
}

.vault-grand-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-snug);
    margin-bottom: var(--s-snug);
}

.vault-grand-terms {
    display: block;
    max-width: var(--pv-narrow);
    color: var(--c-quiet);
    background: transparent;
    font-size: var(--z-legal);
    line-height: var(--l-regular);
}

.porte-dark {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.porte-dark-inner {
    text-align: center;
}

.porte-dark h1 {
    font-size: clamp(30px, 6vw, 62px);
    line-height: var(--l-tight);
    color: var(--c-reading);
}

.porte-dark-dot {
    display: block;
    color: var(--c-primary);
    background: var(--c-ground);
    font-family: var(--f-banner);
    font-size: var(--z-xl-2);
    line-height: 1;
    margin-block: var(--s-snug);
}

.porte-dark-subtitle {
    max-width: calc(var(--pv-narrow) * 1.1);
    margin-inline: auto;
    color: var(--c-quiet);
    font-style: italic;
    font-size: var(--z-sub-2);
    line-height: var(--l-regular);
}

.porte-dark-tag {
    display: block;
    margin-top: var(--s-snug);
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-legal);
    letter-spacing: var(--e-airy);
}

.pave-core {
    display: block;
    background: var(--c-card);
    color: var(--c-reading);
    padding-block: var(--s-roomy);
}

.pave-core-words {
    display: block;
    max-width: var(--pv-narrow);
    margin-inline: auto;
    margin-bottom: var(--s-base);
    font-family: var(--f-banner);
    font-size: var(--z-display-3);
    font-style: italic;
    line-height: var(--l-regular);
    text-align: center;
    color: var(--c-reading);
    background: var(--c-card);
}

.pave-core-go {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    align-items: center;
    justify-content: center;
}

.secteur-noble {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
    counter-reset: pvsection;
}

.secteur-noble-block {
    display: block;
}

.secteur-noble-block + .secteur-noble-block {
    margin-top: var(--s-wide);
}

.secteur-noble-hdr {
    counter-increment: pvsection;
    display: flex;
    align-items: baseline;
    gap: var(--s-snug);
    font-family: var(--f-banner);
    font-size: clamp(24px, 3vw, var(--z-xl-2));
    font-weight: var(--w-regular);
    line-height: var(--l-tight);
    color: var(--c-reading);
    margin-block: 0 var(--s-snug);
}

.secteur-noble-hdr::before {
    content: counter(pvsection) ".";
    flex-shrink: 0;
    color: var(--c-primary);
    font-family: var(--f-banner);
    font-weight: var(--w-black);
}

.secteur-noble-para {
    color: var(--c-quiet);
    font-size: var(--z-reading);
    line-height: var(--l-roomy);
    margin-bottom: var(--s-snug);
}

.secteur-noble-para strong {
    color: var(--c-reading);
    font-weight: var(--w-black);
}

.secteur-noble-para a {
    color: var(--c-primary);
    background: var(--c-ground);
}

.secteur-noble-para a:hover {
    color: var(--c-primary);
    background: var(--c-ground);
}

.secteur-noble-chain {
    list-style: none;
    margin-bottom: var(--s-snug);
}

.secteur-noble-chain li {
    position: relative;
    padding-left: var(--s-base);
    color: var(--c-quiet);
    line-height: var(--l-roomy);
    margin-bottom: var(--s-hair);
}

.secteur-noble-chain li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 7px;
    height: 7px;
    border-radius: var(--r-tiny);
    background: var(--c-primary);
}

.secteur-noble-ranked {
    list-style: none;
    margin-bottom: var(--s-snug);
    counter-reset: pvstep;
}

.secteur-noble-ranked li {
    position: relative;
    counter-increment: pvstep;
    padding-left: var(--s-wide);
    color: var(--c-quiet);
    line-height: var(--l-roomy);
    margin-bottom: var(--s-hair);
}

.secteur-noble-ranked li::before {
    content: counter(pvstep) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--c-primary);
    font-family: var(--f-banner);
    font-weight: var(--w-black);
}

.secteur-noble-figureWide,
.secteur-noble-figureTall,
.secteur-noble-figureSquare {
    display: block;
    margin: var(--s-base) 0;
}

.secteur-noble-figureWide {
    max-width: 760px;
}

.secteur-noble-figureTall {
    max-width: 380px;
}

.secteur-noble-figureSquare {
    max-width: 520px;
}

.secteur-noble-figure {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-base);
    border: var(--b-light) solid var(--c-border);
    object-fit: contain;
}

.lozenge-crisp {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.lozenge-crisp-hdr {
    margin-bottom: var(--s-base);
    color: var(--c-reading);
}

.lozenge-crisp-chain {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: var(--s-snug);
    list-style: none;
}

.lozenge-crisp-tile {
    display: flex;
    flex-direction: column;
    min-height: 180px;
    padding: var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-snug);
    box-shadow: var(--d-tiny);
    transition: transform var(--t-normal) var(--x-release), border-color var(--t-normal) var(--x-release);
}

.lozenge-crisp-tile:hover {
    transform: scale(1.035);
    border-color: var(--c-primary);
}

.lozenge-crisp-sigil {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    margin-bottom: var(--s-snug);
    padding: var(--s-hair);
    border-radius: var(--r-snug);
    background: var(--c-ground);
    color: var(--c-primary);
    border: var(--b-light) solid var(--c-line-strong);
}

.lozenge-crisp-sigil svg {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.lozenge-crisp-hd {
    font-size: var(--z-sm-2);
    font-weight: var(--w-black);
    line-height: var(--l-tight);
    color: var(--c-reading);
    margin-bottom: var(--s-tiny);
}

.lozenge-crisp-para {
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-small);
    line-height: var(--l-regular);
}

.spandrel-apex {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.spandrel-apex-hdr {
    margin-bottom: var(--s-base);
    color: var(--c-reading);
}

.spandrel-apex-scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.spandrel-apex-grid {
    width: 100%;
    background: var(--c-ground);
    color: var(--c-reading);
}

.spandrel-apex-grid th {
    text-align: start;
    padding-block: var(--s-snug);
    padding-inline: var(--s-tiny);
    background: var(--c-ground);
    color: var(--c-reading);
    font-family: var(--f-banner);
    font-weight: var(--w-black);
    font-size: var(--z-small);
    text-transform: uppercase;
    letter-spacing: var(--e-airy);
    border-bottom: var(--b-even) solid var(--c-primary);
}

.spandrel-apex-grid td {
    padding: var(--s-snug) var(--s-tiny);
    background: var(--c-ground);
    color: var(--c-quiet);
    font-size: var(--z-reading);
    border-bottom: var(--b-light) solid var(--c-border);
}

.spandrel-apex-grid td:first-child {
    color: var(--c-reading);
    font-weight: var(--w-medium);
}

.spandrel-apex-grid tr:last-child td {
    border-bottom: 0;
}

.planche-refined {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.planche-refined-hdr {
    margin-bottom: var(--s-base);
    color: var(--c-reading);
}

.planche-refined-chain {
    list-style: none;
}

.planche-refined-entry {
    padding-block: var(--s-snug);
    border-bottom: var(--b-light) dotted var(--c-line-strong);
}

.planche-refined-entry:last-child {
    border-bottom: 0;
}

.planche-refined-lede {
    display: block;
    margin-bottom: var(--s-hair);
}

.planche-refined-person {
    color: var(--c-reading);
    background: var(--c-ground);
    font-size: var(--z-reading);
    font-weight: var(--w-medium);
}

.planche-refined-score {
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-small);
}

.planche-refined-on {
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-small);
}

.planche-refined-words {
    display: block;
    margin: 0;
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-reading);
    line-height: var(--l-roomy);
}

.piedestal-bold {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.piedestal-bold-hdr {
    margin-bottom: var(--s-base);
    color: var(--c-reading);
}

.piedestal-bold-chain {
    list-style: none;
}

.piedestal-bold-entry {
    padding-block: var(--s-base);
    border-bottom: var(--b-light) solid var(--c-border);
}

.piedestal-bold-ask {
    display: block;
    cursor: pointer;
    list-style: none;
}

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

.piedestal-bold-quest {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-snug);
    font-family: var(--f-text);
    font-size: var(--z-sm-2);
    font-weight: var(--w-black);
    line-height: var(--l-regular);
    color: var(--c-reading);
}

.piedestal-bold-ask:hover .piedestal-bold-quest {
    color: var(--c-primary);
}

.piedestal-bold-chev {
    display: block;
    width: 11px;
    height: 11px;
    border-right: var(--b-even) solid var(--c-primary);
    border-bottom: var(--b-even) solid var(--c-primary);
    transform: rotate(45deg);
    transition: transform var(--t-normal) var(--x-release);
}

.piedestal-bold-entry[open] .piedestal-bold-chev {
    transform: rotate(225deg);
}

.piedestal-bold-reply {
    padding-top: var(--s-snug);
    color: var(--c-quiet);
    animation: pv-unfold var(--t-normal) var(--x-release) 1;
}

.piedestal-bold-reply p {
    color: var(--c-quiet);
    background: var(--c-ground);
    line-height: var(--l-roomy);
}

@keyframes pv-unfold {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.socle-grave {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.socle-grave-inner {
    text-align: center;
}

.socle-grave-statement {
    position: relative;
    max-width: calc(var(--pv-narrow) * 1.5);
    margin: 0 auto var(--s-base);
    padding-top: var(--s-wide);
    font-family: var(--f-banner);
    font-style: italic;
    font-size: clamp(26px, 4vw, var(--z-xxl));
    line-height: var(--l-tight);
    color: var(--c-reading);
    background: var(--c-ground);
}

.socle-grave-statement::before {
    content: "\201C";
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--f-banner);
    font-size: 84px;
    line-height: 1;
    color: var(--c-primary);
    opacity: 0.35;
}

.socle-grave-statement p {
    margin: 0;
}

.socle-grave-sub {
    max-width: var(--pv-narrow);
    margin: 0 auto var(--s-base);
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-reading);
    line-height: var(--l-roomy);
}

.socle-grave-actions {
    display: flex;
    justify-content: center;
}

.socle-grave-note {
    display: block;
    max-width: var(--pv-narrow);
    margin: var(--s-snug) auto 0;
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-legal);
    line-height: var(--l-regular);
}

.seuil-plus {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.seuil-plus-lede {
    color: var(--c-reading);
    background: var(--c-ground);
    font-size: var(--z-sm-2);
    line-height: var(--l-regular);
    margin-bottom: var(--s-wide);
}

.seuil-plus-on {
    display: block;
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-airy);
    margin-bottom: var(--s-base);
}

.seuil-plus-part {
    padding-top: var(--s-base);
    border-top: var(--b-light) solid var(--c-border);
}

.seuil-plus-part:first-of-type {
    padding-top: 0;
    border-top: 0;
}

.seuil-plus-hdr {
    font-family: var(--f-banner);
    font-size: var(--z-display-3);
    font-weight: var(--w-black);
    color: var(--c-reading);
    margin-block: var(--s-wide) var(--s-snug);
}

.seuil-plus-part:first-of-type .seuil-plus-hdr {
    margin-top: 0;
}

.seuil-plus-para {
    color: var(--c-quiet);
    background: var(--c-ground);
    line-height: var(--l-roomy);
    margin-bottom: var(--s-snug);
}

.seuil-plus-help {
    margin-top: var(--s-wide);
    padding: var(--s-wide);
    background: var(--c-card);
    color: var(--c-reading);
    border-radius: var(--r-base);
    border: var(--b-light) solid var(--c-border);
}

.seuil-plus-help-hdr {
    font-family: var(--f-banner);
    font-size: var(--z-display-3);
    font-weight: var(--w-black);
    color: var(--c-reading);
    margin-bottom: var(--s-snug);
}

.seuil-plus-chain {
    list-style: none;
}

.seuil-plus-chain li {
    color: var(--c-quiet);
    background: var(--c-card);
    line-height: var(--l-regular);
    padding-block: var(--s-hair);
}

.seuil-plus-warn {
    margin-top: var(--s-wide);
    padding: var(--s-base);
    background: #2a1315;
    color: var(--c-quiet);
    border-left: var(--b-heavy) solid var(--c-age-band);
    border-radius: var(--r-tiny);
    font-size: var(--z-small);
    line-height: var(--l-regular);
}

.linteau-refined {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.linteau-refined-shell {
    display: block;
    overflow: hidden;
    padding: var(--s-wide);
    border-radius: var(--r-wide);
    border: var(--b-light) solid var(--c-border);
    border-top: 8px solid var(--c-primary);
    background: var(--c-card);
    color: var(--c-reading);
}

.linteau-refined-form {
    display: block;
}

.linteau-refined-lede {
    color: var(--c-quiet);
    background: var(--c-card);
    margin-bottom: var(--s-base);
    line-height: var(--l-roomy);
}

.linteau-refined-slot {
    display: block;
    margin-bottom: var(--s-base);
}

.linteau-refined-note {
    display: block;
    margin-bottom: var(--s-hair);
    color: var(--c-reading);
    background: var(--c-card);
    font-size: var(--z-small);
    font-weight: var(--w-medium);
}

.linteau-refined-input {
    display: block;
    width: 100%;
    min-height: 46px;
    padding: var(--s-tiny) var(--s-snug);
    background: var(--c-ground);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-line-strong);
    border-radius: var(--r-snug);
    font-family: var(--f-text);
    font-size: var(--z-reading);
}

.linteau-refined-input:focus {
    outline: var(--b-even) solid var(--c-primary);
    outline-offset: 2px;
}

textarea.linteau-refined-input {
    min-height: 150px;
    line-height: var(--l-regular);
    resize: vertical;
}

.linteau-refined-actions {
    display: flex;
    justify-content: center;
}

.linteau-refined-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding-inline: var(--s-wide);
    background: var(--c-primary);
    color: var(--c-accent);
    border: 0;
    border-radius: var(--r-snug);
    font-family: var(--f-text);
    font-size: var(--z-reading);
    font-weight: var(--w-medium);
    cursor: pointer;
    transition: transform var(--t-short) var(--x-release);
}

.linteau-refined-send:hover {
    background: var(--c-primary);
    color: var(--c-accent-strong);
    transform: translateY(-3px);
}

.linteau-refined-done {
    display: none;
    margin-top: var(--s-base);
    padding: var(--s-base);
    background: var(--c-ground);
    color: var(--c-primary);
    border: var(--b-light) solid var(--c-primary);
    border-radius: var(--r-snug);
    font-size: var(--z-small);
}

.linteau-refined-done.is-in {
    display: block;
}

.balcony-fluid {
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.balcony-fluid-slate {
    display: inline-flex;
    align-items: center;
    gap: var(--s-snug);
    padding: var(--s-snug) var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-base);
}

.balcony-fluid-mug {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: var(--r-orb);
    object-fit: cover;
    object-position: center top;
}

.balcony-fluid-person {
    display: block;
    color: var(--c-reading);
    background: var(--c-card);
    font-size: var(--z-reading);
    font-weight: var(--w-black);
}

.balcony-fluid-job {
    display: block;
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-legal);
    line-height: var(--l-regular);
}

.module-edge {
    display: block;
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--s-base);
}

.module-edge-band {
    display: flex;
    align-items: center;
    gap: var(--s-snug);
    padding: var(--s-snug) var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-border);
    border-radius: var(--r-base);
}

.module-edge-mug {
    display: flex;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: var(--r-orb);
}

.module-edge-mug img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: center top;
}

.module-edge-stack {
    display: block;
}

.module-edge-cred {
    display: block;
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-reading);
}

.module-edge-person {
    color: var(--c-primary);
    background: var(--c-card);
    text-decoration: underline;
}

.module-edge-person:hover {
    color: var(--c-primary);
    background: var(--c-card);
}

.module-edge-position {
    display: block;
    margin-top: var(--s-hair);
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-small);
    font-style: italic;
    line-height: var(--l-regular);
}

.module-edge-on {
    display: block;
    margin-top: var(--s-hair);
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-legal);
}

.portico-apex {
    display: flex;
    flex-direction: column;
    background: var(--c-ground);
    color: var(--c-reading);
    padding-block: var(--pv-sec-y);
}

.portico-apex-inner {
    width: 100%;
}

.portico-apex-hdr {
    max-width: var(--pv-narrow);
    font-family: var(--f-banner);
    font-size: clamp(28px, 5vw, 54px);
    font-weight: var(--w-black);
    line-height: var(--l-tight);
    color: var(--c-reading);
    margin-bottom: var(--s-snug);
}

.portico-apex-para {
    max-width: var(--pv-narrow);
    color: var(--c-quiet);
    background: var(--c-ground);
    line-height: var(--l-roomy);
    margin-bottom: var(--s-base);
}

.portico-apex-go {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding-inline: var(--s-base);
    background: var(--c-primary);
    color: var(--c-accent);
    border-radius: var(--r-snug);
    font-weight: var(--w-medium);
    text-decoration: none;
}

.portico-apex-go:hover {
    background: var(--c-primary);
    color: var(--c-accent-strong);
}

.portico-apex-hint {
    margin-top: var(--s-wide);
    padding: var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    border-radius: var(--r-base);
    border: var(--b-light) solid var(--c-border);
}

.portico-apex-hint-hdr {
    font-family: var(--f-text);
    font-size: var(--z-sm-2);
    font-weight: var(--w-black);
    color: var(--c-reading);
    margin-bottom: var(--s-snug);
}

.portico-apex-chain {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-base);
    list-style: none;
}

.portico-apex-href {
    color: var(--c-primary);
    background: var(--c-card);
    font-size: var(--z-reading);
    text-decoration: none;
}

.portico-apex-href:hover {
    color: var(--c-primary);
    background: var(--c-card);
    text-decoration: underline;
}

.strip-deep {
    position: relative;
    background: var(--c-ground);
    color: var(--c-reading);
    border-top: var(--b-light) solid var(--c-border);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.strip-deep-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-snug);
    width: 100%;
    max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
    min-height: 64px;
    margin-inline: auto;
    padding-inline: var(--v-pad-lg);
    padding-block: var(--s-tiny);
}

.strip-deep-note {
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-legal);
    line-height: var(--l-regular);
}

.strip-deep-menu {
    display: block;
}

.strip-deep-chain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-snug);
    list-style: none;
}

.strip-deep-entry {
    display: flex;
    align-items: center;
}

.strip-deep-entry + .strip-deep-entry {
    border-left: var(--b-light) solid var(--c-line-strong);
    padding-left: var(--s-snug);
}

.strip-deep-href {
    color: var(--c-quiet);
    background: var(--c-ground);
    font-size: var(--z-legal);
    letter-spacing: var(--e-airy);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

.strip-deep-href:hover {
    color: var(--c-reading);
    background: var(--c-ground);
}

.repere-zone {
    display: none;
    position: fixed;
    inset-inline: var(--s-snug);
    bottom: var(--s-snug);
    z-index: 200;
}

.repere-zone.is-open {
    display: block;
}

.repere-zone-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-snug);
    width: 100%;
    max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding: var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-line-strong);
    border-radius: var(--r-base);
    box-shadow: var(--d-wide);
    animation: pv-band-in var(--t-normal) var(--x-release) 1;
}

@keyframes pv-band-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.repere-zone-words {
    flex: 1 1 320px;
    margin: 0;
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-small);
    line-height: var(--l-regular);
}

.repere-zone-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-tiny);
}

.repere-zone-prefs {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding-inline: var(--s-tiny);
    color: var(--c-quiet);
    background: var(--c-card);
    font-size: var(--z-small);
    text-decoration: underline;
}

.repere-zone-prefs:hover {
    color: var(--c-reading);
    background: var(--c-card);
}

.repere-zone-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding-inline: var(--s-base);
    background: var(--c-card);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-line-strong);
    border-radius: var(--r-snug);
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-medium);
    cursor: pointer;
    white-space: nowrap;
}

.repere-zone-no:hover {
    background: var(--c-border);
    color: var(--c-reading);
}

.repere-zone-yes {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding-inline: var(--s-base);
    background: var(--c-primary);
    color: var(--c-accent);
    border: 0;
    border-radius: var(--r-snug);
    font-family: var(--f-text);
    font-size: var(--z-small);
    font-weight: var(--w-medium);
    cursor: pointer;
    white-space: nowrap;
}

.repere-zone-yes:hover {
    background: var(--c-primary);
    color: var(--c-accent-strong);
}

.pv-quiet-go {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding-inline: var(--s-base);
    background: var(--c-ground);
    color: var(--c-reading);
    border: var(--b-light) solid var(--c-line-strong);
    border-radius: var(--r-snug);
    font-family: var(--f-text);
    font-size: var(--z-reading);
    font-weight: var(--w-medium);
    text-decoration: none;
    white-space: nowrap;
    transition: transform var(--t-short) var(--x-release);
}

.pv-quiet-go:hover {
    background: var(--c-border);
    color: var(--c-reading);
    transform: translateY(-3px);
}

.secteur-noble-drive {
    display: flex;
    margin-block: var(--s-base);
}

.secteur-noble-para a:hover {
    text-decoration-thickness: 5px;
}

.secteur-noble-figure {
    transition: transform var(--t-normal) var(--x-release);
}

.secteur-noble-figureWide:hover .secteur-noble-figure,
.secteur-noble-figureTall:hover .secteur-noble-figure,
.secteur-noble-figureSquare:hover .secteur-noble-figure {
    transform: scale(1.035);
}

.balcony-fluid-stack {
    display: block;
}

@media (max-width: 1100px) {
    .lozenge-crisp-chain {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .pave-prime-menu {
        display: none;
    }

    .pave-prime-menu-trigger {
        display: inline-flex;
    }

    .pave-prime-geo-mark {
        margin-inline-start: var(--s-tiny);
    }

    .vault-grand-shift {
        padding-left: var(--v-pad-lg);
    }

    .vault-grand-mark {
        inset-inline-start: var(--v-edge-narrow);
        width: 46%;
        max-width: none;
        font-size: 42vh;
    }
}

@media (max-width: 800px) {
    .lozenge-crisp-chain {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vault-grand-inner,
    .porte-dark-inner,
    .lozenge-crisp-inner,
    .piedestal-bold-inner,
    .planche-refined-inner,
    .socle-grave-inner,
    .secteur-noble-inner,
    .spandrel-apex-inner,
    .seuil-plus-inner,
    .linteau-refined-inner,
    .balcony-fluid-inner,
    .module-edge-inner,
    .portico-apex-inner,
    .pave-core-inner {
        padding-inline: var(--v-inset-tablet);
    }

    .vault-grand-shift {
        padding-left: var(--v-inset-tablet);
    }

    .strip-deep-band {
        flex-direction: column;
        align-items: flex-start;
        padding-inline: var(--v-inset-tablet);
    }

    .pave-prime-rank {
        padding-inline: var(--s-base);
    }
}

@media (max-width: 720px) {
    .repere-zone-inner {
        padding: 12px 14px !important;
        gap: 8px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .repere-zone-words {
        flex: 1 1 100%;
        font-size: 13px;
    }

    .repere-zone-actions {
        width: 100%;
    }

    .repere-zone-no,
    .repere-zone-yes,
    .repere-zone-prefs {
        padding: 8px 14px !important;
        font-size: 12px !important;
        min-height: 36px !important;
    }
}

@media (max-width: 500px) {
    :root {
        --z-xxl: 28px;
        --z-xl-2: 24px;
        --z-display-3: 20px;
        --z-sub-2: 18px;
        --z-sm-2: 16px;
        --z-micro-head: 14px;
        --z-reading: 16px;
        --z-small: 14px;
        --z-legal: 12px;
        --pv-sec-y: var(--s-base);
    }

    .lozenge-crisp-chain {
        grid-template-columns: minmax(0, 1fr);
    }

    .vault-grand-inner,
    .porte-dark-inner,
    .lozenge-crisp-inner,
    .piedestal-bold-inner,
    .planche-refined-inner,
    .socle-grave-inner,
    .secteur-noble-inner,
    .spandrel-apex-inner,
    .seuil-plus-inner,
    .linteau-refined-inner,
    .balcony-fluid-inner,
    .module-edge-inner,
    .portico-apex-inner,
    .pave-core-inner {
        padding-inline: var(--v-edge-narrow);
    }

    .vault-grand-shift {
        padding-left: var(--v-edge-narrow);
    }

    .vault-grand {
        min-height: clamp(480px, calc(100vh - 120px), 760px);
    }

    .pave-prime {
        padding-inline: var(--s-tiny);
    }

    .pave-prime-rank {
        min-height: 62px;
        padding-inline: var(--s-snug);
        gap: var(--s-tiny);
    }

    .pave-prime-crest img {
        height: 42px;
    }

    .pave-prime.is-shrunk .pave-prime-crest img {
        height: 36px;
    }

    .pave-prime-sheet {
        inset-inline: var(--s-tiny);
    }

    .strip-deep-band {
        padding-inline: var(--v-edge-narrow);
    }

    .linteau-refined-shell {
        padding: var(--s-base);
    }

    .seuil-plus-help {
        padding: var(--s-base);
    }

    .module-edge-band {
        flex-wrap: wrap;
        padding: var(--s-snug);
    }

    .secteur-noble-figureWide,
    .secteur-noble-figureTall,
    .secteur-noble-figureSquare {
        max-width: 100%;
    }

    .spandrel-apex-grid {
        min-width: 0;
        font-size: var(--z-small);
    }

    .spandrel-apex-grid th,
    .spandrel-apex-grid td {
        padding-inline: var(--s-hair);
        overflow-wrap: anywhere;
        hyphens: none;
    }

    .spandrel-apex-grid th {
        font-size: var(--z-legal);
        letter-spacing: 0;
    }

    .spandrel-apex-grid td {
        font-size: var(--z-small);
    }
}

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

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

.pave-prime-act {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--s-base);
    min-height: 48px;
    border-radius: var(--r-snug);
    border: var(--b-light) solid var(--c-line-strong);
    font-size: var(--z-reading);
    font-weight: var(--w-medium);
    background: #0D9488;
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--t-short) var(--x-release), transform var(--t-short) var(--x-release);
}

.pave-prime-act.pave-prime-act {
    color: #000000;
    text-decoration: none;
}

.pave-prime-act:hover {
    background: #0F766E;
    color: #FFFFFF;
    animation: none;
}

.pave-prime-act.pave-prime-act:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.pave-prime-act:hover::after {
    animation: none;
}

.pave-prime-act:active {
    background: #115E59;
    color: #FFFFFF;
}

.pave-prime-act:focus-visible {
    outline: 3px solid #FFFFFF;
    outline-offset: 3px;
}

@keyframes vitrail-wake {
    0% {
        transform: translateX(0);
    }

    23.333% {
        transform: translateX(6px);
    }

    46.667%,
    100% {
        transform: translateX(0);
    }
}

.pave-prime-act {
    animation: vitrail-wake 1.5s cubic-bezier(.15, .50, .70, 1) infinite;
}

@media (prefers-reduced-motion: reduce) {
    .pave-prime-act,
    .pave-prime-act::after {
        animation: none !important;
        transition: none !important;
    }
}

@media (max-width: 512px) {
  .pave-prime-menu,
  .pave-prime-chain,
  .pave-prime-href { display: none !important; }
  .pave-prime-more-opener { display: flex !important; }
}