@font-face {
    font-family: 'Montserrat Site';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/gallery/mont-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat Site';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/gallery/mont-700.woff2') format('woff2');
}

:root {
    --f-title: 'Montserrat Site', 'Trebuchet MS', sans-serif;
    --f-prose: 'Montserrat Site', 'Trebuchet MS', sans-serif;

    --c-primary: #061d38;
    --c-vivid: #93d058;
    --c-spot-deep: #7ebe33;
    --c-canvas: #081d3f;
    --c-bg-elevated: #0d2851;
    --c-letters: #ffffff;
    --c-soft-text: #c0bfbf;
    --c-divider: #1b3a68;
    --c-rule-bold: #2b5288;
    --c-gradient-light: #ffd541;
    --c-fade-bottom: #f98100;
    --c-rg-banner: #a71e34;
    --c-plate: #04142a;
    --c-warm-slot: #132b41;
    --c-cool-slot: #081c3d;

    --z-title: clamp(26px, 3.6vw, 36px);
    --z-xl-2: clamp(22px, 2.6vw, 26px);
    --z-lg-2: clamp(18px, 1.9vw, 20px);
    --z-sub-2: 17px;
    --z-minor: 14px;
    --z-micro-head: 12px;
    --z-normal: 14px;
    --z-fine: 12px;
    --z-xs: 11px;

    --l-dense: 1.15;
    --l-base: 1.45;
    --l-loose: 1.6;

    --w-regular: 400;
    --w-medium: 500;
    --w-bold: 700;

    --e-narrow: -0.01em;
    --e-default: 0;
    --e-wide: 0.06em;

    --g-step-0: 4px;
    --g-step-1: 8px;
    --g-step-2: 12px;
    --g-step-3: 16px;
    --g-step-4: 24px;
    --g-step-5: 40px;
    --g-step-6: 64px;
    --g-step-7: 96px;

    --r-step-1: 2px;
    --r-step-2: 6px;
    --r-step-3: 8px;
    --r-step-4: 14px;
    --r-pill: 9999px;
    --r-circle: 50%;

    --d-step-1: 0 1px 2px rgba(0, 0, 0, 0.05);
    --d-step-2: 0 2px 4px rgba(0, 0, 0, 0.08);
    --d-step-3: 0 4px 10px rgba(0, 0, 0, 0.10);
    --d-step-4: 0 8px 20px rgba(0, 0, 0, 0.14);

    --b-hair: 1px;
    --b-medium: 2px;
    --b-bold: 3px;

    --t-brisk: 165ms;
    --t-regular: 280ms;
    --t-slow: 460ms;
    --x-land: cubic-bezier(0.16, 0.62, 0.49, 0.98);
    --x-launch: cubic-bezier(0.37, 0, 0.42, 0.9);
    --x-in-out: cubic-bezier(0.37, 0, 0.42, 0.9);
    --x-bounce: cubic-bezier(0.2, 1.7, 0.74, 1.3);

    --v-page: 1300px;
    --v-column: 1300px;
    --v-brief: 550px;
    --v-pad-lg: 48px;
    --v-edge-mid: 24px;
    --v-inset-mobile: 16px;

    --h-size-desktop: 78px;
    --h-short: 62px;

    --sec-y: 44px;
    --edge: var(--v-inset-mobile);
}

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

html,
body {
    overflow-x: clip;
}

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

body {
    margin: 0;
    background: var(--c-canvas);
    color: var(--c-letters);
    font-family: var(--f-prose);
    font-size: var(--z-normal);
    font-weight: var(--w-regular);
    line-height: var(--l-base);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
    margin: 0 0 var(--g-step-2);
}

h1,
h2 {
    font-family: var(--f-title);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-narrow);
    line-height: var(--l-dense);
}

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

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

h3 {
    font-family: var(--f-prose);
    font-size: var(--z-lg-2);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-default);
    line-height: var(--l-dense);
}

h4 {
    font-family: var(--f-prose);
    font-size: var(--z-sub-2);
    font-weight: var(--w-bold);
}

h5 {
    font-family: var(--f-prose);
    font-size: var(--z-minor);
    font-weight: var(--w-medium);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
}

h6 {
    font-family: var(--f-prose);
    font-size: var(--z-micro-head);
    font-weight: var(--w-medium);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
}

p {
    margin: 0 0 var(--g-step-3);
}

a {
    color: var(--c-vivid);
    text-decoration: none;
}

img {
    max-width: 100%;
}

table {
    border-collapse: collapse;
}

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

.skip-hop {
    position: absolute;
    left: var(--g-step-3);
    z-index: 200;
    background: var(--c-vivid);
    color: var(--c-primary);
    padding: var(--g-step-1) var(--g-step-3);
    border-radius: var(--r-step-2);
    font-size: var(--z-fine);
    font-weight: var(--w-bold);
}

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

.skip-hop:focus {
    top: var(--g-step-1);
}

.sheet {
    flex: 1 0 auto;
    display: block;
}

/* ---------- island header (HEAD-INSET) ---------- */

.window {
    position: relative;
    z-index: 100;
    height: 78px;
    padding: var(--g-step-1) var(--g-step-1) 0;
    background: var(--c-canvas);
    transition: box-shadow var(--t-regular) var(--x-land);
}

.window.is-lifted {
    box-shadow: var(--d-step-4);
}

.window-hold {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--g-step-2);
    height: 100%;
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--g-step-2);
    background: var(--c-primary);
    border: var(--b-hair) solid var(--c-divider);
    border-radius: var(--r-step-3);
}

.window-mark {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: var(--g-step-0) var(--g-step-1);
    background: var(--c-plate);
    border-radius: var(--r-step-2);
    color: var(--c-letters);
}

.window-art {
    display: block;
    flex-shrink: 0;
    height: 48px;
    width: auto;
}

.window-flag {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 3px var(--g-step-1);
    background: var(--c-rg-banner);
    color: var(--c-letters);
    border-radius: var(--r-pill);
    font-size: var(--z-xs);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
}

.window-menu-lever {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 42px;
    height: 38px;
    flex-shrink: 0;
    background: var(--c-primary);
    color: var(--c-letters);
    border: var(--b-hair) solid var(--c-rule-bold);
    border-radius: var(--r-step-2);
    cursor: pointer;
}

.window-lines {
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    background: var(--c-letters);
}

.window-lines::before,
.window-lines::after {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 2px;
    background: var(--c-letters);
}

.window-lines::before {
    top: -6px;
}

.window-lines::after {
    top: 6px;
}

.window-links {
    display: none;
    position: absolute;
    top: calc(100% + var(--g-step-0));
    left: 0;
    right: 0;
    z-index: 120;
    max-height: 70vh;
    overflow-y: auto;
    padding: var(--g-step-2);
    background: var(--c-primary);
    border: var(--b-hair) solid var(--c-divider);
    border-radius: var(--r-step-3);
    box-shadow: var(--d-step-4);
}

.window-links.is-open {
    display: block;
}

.window-queue {
    display: flex;
    flex-direction: column;
    gap: var(--g-step-0);
    list-style: none;
    margin: 0;
    padding: 0;
}

.window-slot {
    display: flex;
    align-items: center;
    position: relative;
}

.window-slot[hidden] {
    display: none;
}

.window-route {
    position: relative;
    display: block;
    width: 100%;
    padding: var(--g-step-1) var(--g-step-1);
    background: var(--c-primary);
    color: var(--c-letters);
    font-size: 13px;
    font-weight: 400;
    line-height: var(--l-base);
    white-space: nowrap;
    border-radius: var(--r-step-1);
}

.window-route::after {
    content: '';
    position: absolute;
    left: var(--g-step-1);
    right: auto;
    bottom: 2px;
    width: 0;
    height: 2px;
    background: var(--c-vivid);
    transition: width var(--t-brisk) var(--x-land), left var(--t-brisk) var(--x-land), right var(--t-brisk) var(--x-land);
}

.window-route:hover::after,
.window-route:focus-visible::after {
    width: 28px;
}

.window-route[aria-current='page'] {
    color: var(--c-vivid);
    background: var(--c-primary);
}

.window-route[aria-current='page']::after {
    width: 28px;
}

.window-more {
    position: relative;
    display: none;
}

.window-more.is-shown {
    display: flex;
}

.window-more-lever {
    display: inline-flex;
    align-items: center;
    gap: var(--g-step-0);
    padding: var(--g-step-1) var(--g-step-2);
    background: var(--c-primary);
    color: var(--c-letters);
    border: var(--b-hair) solid var(--c-rule-bold);
    border-radius: var(--r-step-1);
    font-family: var(--f-prose);
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
}

.window-more-lever:hover {
    background: var(--c-primary);
    color: var(--c-vivid);
}

.window-more-queue {
    display: none;
    position: absolute;
    top: calc(100% + var(--g-step-0));
    right: 0;
    z-index: 130;
    min-width: 210px;
    max-height: 60vh;
    overflow-y: auto;
    margin: 0;
    padding: var(--g-step-0);
    list-style: none;
    background: var(--c-primary);
    border: var(--b-hair) solid var(--c-divider);
    border-radius: var(--r-step-2);
    box-shadow: var(--d-step-4);
}

.window-more-queue.is-open {
    display: block;
}

/* ---------- hero (HERO-06) ---------- */

.crest {
    position: relative;
    padding-block: 0;
    background: var(--c-canvas);
    overflow: hidden;
}

.crest-hold {
    position: relative;
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.crest-meat {
    position: relative;
    z-index: 2;
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.crest-eyebrow {
    display: inline-block;
    margin-bottom: var(--g-step-2);
    padding: var(--g-step-0) var(--g-step-2);
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    border-radius: var(--r-pill);
    font-size: var(--z-xs);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
}

.crest-tagline {
    max-width: var(--v-brief);
    color: var(--c-soft-text);
    font-size: var(--z-minor);
    line-height: var(--l-loose);
}

.crest-controls {
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-step-2);
    margin-bottom: var(--g-step-3);
}

.crest-quiet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--g-step-2) var(--g-step-4);
    background: var(--c-canvas);
    color: var(--c-letters);
    border: var(--b-medium) solid var(--c-vivid);
    border-radius: var(--r-step-3);
    font-size: var(--z-fine);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
    transition: transform var(--t-brisk) var(--x-land);
}

.crest-quiet:hover {
    background: var(--c-primary);
    color: var(--c-vivid);
    transform: scale(1.035);
}

.crest-terms {
    display: block;
    max-width: 640px;
    color: var(--c-soft-text);
    background: var(--c-canvas);
    font-size: var(--z-xs);
    line-height: var(--l-base);
}

.crest-age {
    display: inline-flex;
    align-items: center;
    margin-right: var(--g-step-0);
    padding: 1px var(--g-step-0);
    background: var(--c-rg-banner);
    color: var(--c-letters);
    border-radius: var(--r-step-1);
    font-size: var(--z-xs);
    font-weight: var(--w-bold);
}

.crest-figure {
    position: relative;
    margin: 0 0 var(--sec-y);
}

.crest-figure .crest-art {
    display: block;
    width: 100%;
    height: auto;
    max-height: 44vh;
    object-fit: cover;
    border-radius: var(--r-step-4);
    box-shadow: var(--d-step-4);
}

/* ---------- page header (PHEAD-03) ---------- */

.cartouche {
    padding-block: var(--sec-y);
    background: var(--c-primary);
}

.cartouche-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.cartouche-eyebrow {
    display: inline-block;
    margin-bottom: var(--g-step-2);
    padding: var(--g-step-0) var(--g-step-2);
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    border-radius: var(--r-pill);
    font-size: var(--z-xs);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
}

.cartouche h1 {
    font-size: clamp(26px, 5.2vw, 52px);
    color: var(--c-letters);
}

.cartouche-tagline {
    margin: 0;
    max-width: 70ch;
    background: var(--c-primary);
    color: var(--c-soft-text);
    font-size: var(--z-minor);
    line-height: var(--l-loose);
}

.cartouche-detail {
    display: block;
    margin-top: var(--g-step-2);
    color: var(--c-soft-text);
    background: var(--c-primary);
    font-size: var(--z-fine);
}

.cartouche-controls {
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-step-2);
    margin-top: var(--g-step-3);
}

/* ---------- prose (PROSE-06, centred, tight) ---------- */

.slab {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.slab-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.slab-meat {
    text-align: center;
}

.slab-meat h2 {
    margin-block: var(--g-step-5) var(--g-step-2);
    font-size: var(--z-lg-2);
    font-weight: var(--w-bold);
}

.slab-meat h2:first-child {
    margin-block-start: 0;
}

.slab-meat h3 {
    margin-block: var(--g-step-4) var(--g-step-1);
}

.slab-meat p {
    margin-block: 0 var(--g-step-2);
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

.slab-meat strong {
    color: var(--c-letters);
}

.slab-meat a {
    color: var(--c-vivid);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.slab-meat a:hover {
    color: var(--c-gradient-light);
    background: var(--c-canvas);
}

.slab-queue {
    display: flex;
    flex-direction: column;
    gap: var(--g-step-1);
    margin: 0 0 var(--g-step-3);
    padding: 0;
    list-style: none;
}

.slab-queue li {
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

.slab-queue li::before {
    content: '\25C6';
    margin-right: var(--g-step-0);
    color: var(--c-vivid);
}

ol.slab-queue {
    counter-reset: step;
}

ol.slab-queue li::before {
    counter-increment: step;
    content: counter(step) '.';
    font-weight: var(--w-bold);
}

.slab-figure {
    margin: var(--g-step-4) 0 0;
}

.slab-figure .slab-art {
    display: block;
    width: 100%;
    height: auto;
    max-height: 52vh;
    object-fit: cover;
    border-radius: var(--r-step-3);
}

.slab-figure figcaption {
    margin-top: var(--g-step-1);
    color: var(--c-soft-text);
    font-size: var(--z-fine);
    font-style: italic;
}

.slab-pair {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--g-step-4);
    margin-top: var(--g-step-4);
}

/* ---------- items grid (GRID-05) ---------- */

.frame {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.frame-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.frame-lead {
    padding: var(--g-step-4);
    margin-bottom: var(--g-step-5);
    background: var(--c-vivid);
    color: var(--c-primary);
    border-radius: var(--r-step-4);
}

.frame-lead h3 {
    margin: 0 0 var(--g-step-2);
    font-family: var(--f-title);
    font-size: var(--z-xl-2);
    font-weight: var(--w-bold);
    line-height: var(--l-dense);
    color: var(--c-primary);
}

.frame-lead-copy {
    margin: 0;
    max-width: var(--v-brief);
    background: var(--c-vivid);
    color: var(--c-primary);
    font-size: var(--z-minor);
    line-height: var(--l-base);
}

.frame-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: var(--g-step-2);
    background: var(--c-primary);
    color: var(--c-vivid);
    border-radius: var(--r-step-2);
}

.frame-glyph svg {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.frame-stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--g-step-4);
}

.frame-slot {
    position: relative;
    padding: var(--g-step-3);
    background: var(--c-canvas);
    border-top: var(--b-medium) solid var(--c-vivid);
}

.frame-slot::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 0;
    height: 5px;
    background: var(--c-gradient-light);
    transition: width var(--t-regular) var(--x-land);
}

.frame-slot:hover::after {
    width: 64px;
}

.frame-slot h3 {
    margin: 0 0 var(--g-step-1);
    font-size: var(--z-minor);
    font-weight: var(--w-bold);
    color: var(--c-letters);
}

.frame-slot-copy {
    margin: 0;
    background: var(--c-canvas);
    color: var(--c-soft-text);
    font-size: var(--z-fine);
    line-height: var(--l-base);
}

.frame-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: var(--g-step-1);
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    border: var(--b-hair) solid var(--c-rule-bold);
    border-radius: var(--r-step-2);
}

.frame-mini svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.frame-controls {
    margin-top: var(--g-step-5);
    text-align: center;
}

/* ---------- data table (TABLE-06) ---------- */

.shelf {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.shelf-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.shelf-cap {
    position: relative;
    margin: 0 auto var(--g-step-3);
    padding-top: var(--g-step-2);
    max-width: 60ch;
    background: var(--c-canvas);
    color: var(--c-soft-text);
    font-family: var(--f-title);
    font-size: var(--z-sub-2);
    font-style: italic;
    text-align: center;
}

.shelf-cap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: var(--c-vivid);
}

.shelf-scroll {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--c-vivid) var(--c-bg-elevated);
    padding-bottom: var(--g-step-0);
}

.shelf-board {
    width: 100%;
    background: var(--c-canvas);
    font-size: var(--z-fine);
}

.shelf-board th,
.shelf-board td {
    padding: var(--g-step-2);
    text-align: left;
    border-bottom: var(--b-hair) solid var(--c-divider);
}

.shelf-board th {
    background: var(--c-primary);
    color: var(--c-letters);
    font-family: var(--f-prose);
    font-size: var(--z-xs);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
    white-space: nowrap;
}

.shelf-board td {
    background: var(--c-canvas);
    color: var(--c-soft-text);
}

.shelf-board tbody tr:hover td {
    background: var(--c-bg-elevated);
    color: var(--c-letters);
}

.shelf-board td:first-child {
    background: var(--c-canvas);
    color: var(--c-letters);
    font-weight: var(--w-bold);
}

/* ---------- reviews (REV-07) ---------- */

.mantle {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.mantle-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.mantle-stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--g-step-4);
}

.mantle-panel {
    margin: 0;
    padding: var(--g-step-4);
    background: var(--c-bg-elevated);
    border-radius: var(--r-step-3);
}

.mantle-panel--high {
    background: var(--c-warm-slot);
}

.mantle-panel--mid {
    background: var(--c-bg-elevated);
}

.mantle-panel--low {
    background: var(--c-cool-slot);
    border: var(--b-hair) solid var(--c-divider);
}

.mantle-score {
    display: flex;
    align-items: baseline;
    gap: var(--g-step-1);
    margin-bottom: var(--g-step-2);
}

.mantle-figure {
    font-family: var(--f-title);
    font-size: var(--z-xl-2);
    font-weight: var(--w-bold);
    color: var(--c-vivid);
    background: transparent;
}

.mantle-bar {
    display: inline-flex;
    gap: 3px;
}

.mantle-pip {
    display: block;
    width: 14px;
    height: 5px;
    background: var(--c-rule-bold);
    border-radius: var(--r-step-1);
}

.mantle-pip.is-on {
    background: var(--c-vivid);
}

.mantle-copy {
    margin: 0 0 var(--g-step-2);
    color: var(--c-letters);
    font-size: var(--z-minor);
    line-height: var(--l-loose);
}

.mantle-panel--high .mantle-copy {
    background: var(--c-warm-slot);
}

.mantle-panel--mid .mantle-copy {
    background: var(--c-bg-elevated);
}

.mantle-panel--low .mantle-copy {
    background: var(--c-cool-slot);
}

.mantle-who {
    display: block;
    color: var(--c-soft-text);
    font-size: var(--z-fine);
    font-style: normal;
    font-weight: var(--w-bold);
}

.mantle-panel--high .mantle-who {
    background: var(--c-warm-slot);
}

.mantle-panel--mid .mantle-who {
    background: var(--c-bg-elevated);
}

.mantle-panel--low .mantle-who {
    background: var(--c-cool-slot);
}

.mantle-when {
    color: var(--c-soft-text);
    font-size: var(--z-xs);
    font-weight: var(--w-regular);
}

/* ---------- faq (FAQ-01) ---------- */

.deck {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.deck-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.deck-queue {
    margin: 0;
    padding: 0;
}

.deck-slot {
    border-bottom: var(--b-hair) solid var(--c-divider);
}

.deck-ask {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--g-step-2);
    padding-block: var(--g-step-3);
    cursor: pointer;
    list-style: none;
}

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

.deck-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--g-step-2);
    margin: 0;
    background: var(--c-canvas);
    color: var(--c-letters);
    font-family: var(--f-prose);
    font-size: var(--z-minor);
    font-weight: var(--w-bold);
    line-height: var(--l-base);
}

.deck-ask:hover .deck-heading {
    color: var(--c-vivid);
    background: var(--c-canvas);
}

.deck-sign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: var(--c-canvas);
    color: var(--c-vivid);
    font-size: var(--z-lg-2);
    font-weight: var(--w-bold);
    line-height: 1;
    transition: transform var(--t-regular) var(--x-land);
}

.deck-slot[open] .deck-sign {
    transform: rotate(45deg);
}

.deck-meat {
    padding-block: 0 var(--g-step-3);
    animation: deck-open var(--t-regular) var(--x-land) both;
}

.deck-meat p {
    margin: 0;
    background: var(--c-canvas);
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

@keyframes deck-open {
    from {
        opacity: 0;
        max-height: 0;
    }

    to {
        opacity: 1;
        max-height: 600px;
    }
}

/* ---------- cta block (CTA-03, mode A) ---------- */

.rotunda {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
    scroll-margin-top: 90px;
}

.rotunda-hold {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.rotunda-meat {
    padding: var(--g-step-4);
    background: var(--c-canvas);
    border: var(--b-hair) solid var(--c-divider);
    border-radius: var(--r-step-4) var(--r-step-4) 0 0;
}

.rotunda-meat h2 {
    margin: 0 0 var(--g-step-2);
}

.rotunda-copy {
    margin: 0 0 var(--g-step-3);
    background: var(--c-canvas);
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

.rotunda-note {
    display: block;
    margin-top: var(--g-step-2);
    background: var(--c-canvas);
    color: var(--c-soft-text);
    font-size: var(--z-xs);
}

.rotunda-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: var(--g-step-4);
    background: var(--c-vivid);
    border-radius: 0 0 var(--r-step-4) var(--r-step-4);
}

.rotunda-figure {
    background: var(--c-vivid);
    color: var(--c-primary);
    font-family: var(--f-title);
    font-size: clamp(40px, 9vw, 84px);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-narrow);
    line-height: var(--l-dense);
    text-align: center;
}

/* ---------- inline cta (INLINE-CTA-02) ---------- */

.canopy {
    display: block;
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.canopy-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.canopy-panel {
    max-width: var(--v-brief);
    margin-inline: auto;
    padding: var(--g-step-4);
    background: var(--c-bg-elevated);
    border: var(--b-hair) solid var(--c-divider);
    border-radius: var(--r-step-3);
    text-align: center;
}

.canopy-heading {
    margin: 0 0 var(--g-step-1);
    background: var(--c-bg-elevated);
    color: var(--c-letters);
    font-family: var(--f-title);
    font-size: var(--z-sub-2);
    font-weight: var(--w-bold);
}

.canopy-copy {
    margin: 0 0 var(--g-step-3);
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    line-height: var(--l-base);
}

/* ---------- author byline (BYLINE-04) ---------- */

.dormer {
    display: block;
    padding-block: var(--g-step-5);
    background: var(--c-canvas);
}

.dormer-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.dormer-quote {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    padding: var(--g-step-4) var(--g-step-4) var(--g-step-3);
    background: var(--c-bg-elevated);
    border-radius: var(--r-step-3);
    text-align: center;
}

.dormer-quote::before {
    content: '\201C';
    display: block;
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    font-family: var(--f-title);
    font-size: var(--z-title);
    font-weight: var(--w-bold);
    line-height: 0.7;
}

.dormer-quote p {
    margin: 0 0 var(--g-step-3);
    background: var(--c-bg-elevated);
    color: var(--c-letters);
    font-family: var(--f-title);
    font-size: var(--z-sub-2);
    font-style: italic;
    line-height: var(--l-base);
}

.dormer-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--g-step-1);
}

.dormer-face {
    width: 32px;
    height: 32px;
    border-radius: var(--r-circle);
    object-fit: cover;
    align-self: center;
}

.dormer-who {
    font-style: normal;
}

.dormer-route {
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    font-weight: var(--w-bold);
}

.dormer-job {
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    font-size: var(--z-fine);
    font-style: italic;
}

.dormer-when {
    display: block;
    width: 100%;
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    font-size: var(--z-xs);
}

/* ---------- author card (AUTH-08) ---------- */

.tribune {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.tribune-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.tribune-panel {
    display: inline-flex;
    align-items: center;
    gap: var(--g-step-2);
    padding: var(--g-step-2) var(--g-step-4) var(--g-step-2) var(--g-step-2);
    background: var(--c-bg-elevated);
    border-radius: var(--r-pill);
}

.tribune-face {
    width: 40px;
    height: 40px;
    border-radius: var(--r-circle);
    object-fit: cover;
    align-self: center;
}

.tribune-who {
    display: block;
    background: var(--c-bg-elevated);
    color: var(--c-letters);
    font-size: var(--z-normal);
    font-weight: var(--w-bold);
}

.tribune-job {
    display: block;
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    font-size: var(--z-xs);
}

/* ---------- legal (LEGAL-04) ---------- */

.arch {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.arch-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.arch-box {
    position: relative;
    padding: var(--g-step-4);
    background: var(--c-bg-elevated);
    border: var(--b-hair) solid var(--c-divider);
    border-radius: var(--r-step-4);
    box-shadow: var(--d-step-2);
}

.arch-when {
    display: block;
    margin-bottom: var(--g-step-3);
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    font-size: var(--z-xs);
    text-align: right;
}

.arch-box h2 {
    margin-block: var(--g-step-5) var(--g-step-2);
    font-size: var(--z-lg-2);
}

.arch-box h2:first-of-type {
    margin-block-start: 0;
}

.arch-box p {
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

.arch-queue {
    margin: 0 0 var(--g-step-3);
    padding-left: var(--g-step-4);
}

.arch-queue li {
    margin-bottom: var(--g-step-1);
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

.arch-note {
    display: block;
    margin-top: var(--g-step-4);
    padding-top: var(--g-step-3);
    border-top: var(--b-hair) solid var(--c-divider);
    background: var(--c-bg-elevated);
    color: var(--c-soft-text);
    font-size: var(--z-fine);
    font-style: italic;
}

/* ---------- contact form (FORM-04) ---------- */

.barrow {
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.barrow-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.barrow-form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-step-2);
}

.barrow-control {
    display: flex;
    flex: 1 1 220px;
    flex-direction: column;
    gap: var(--g-step-0);
}

.barrow-control--wide {
    flex: 1 1 100%;
}

.barrow-cap {
    background: var(--c-canvas);
    color: var(--c-soft-text);
    font-size: var(--z-fine);
}

.barrow-form input,
.barrow-form textarea {
    padding: var(--g-step-2);
    background: var(--c-bg-elevated);
    color: var(--c-letters);
    border: var(--b-hair) solid var(--c-rule-bold);
    border-radius: var(--r-step-2);
    font-family: var(--f-prose);
    font-size: var(--z-normal);
}

.barrow-form textarea {
    min-height: 120px;
    resize: vertical;
}

.barrow-btn {
    align-self: flex-end;
    min-height: 44px;
    padding: var(--g-step-2) var(--g-step-4);
    background: var(--c-vivid);
    color: var(--c-primary);
    border: 0;
    border-radius: var(--r-step-2);
    font-family: var(--f-prose);
    font-size: var(--z-fine);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
    cursor: pointer;
    transition: transform var(--t-brisk) var(--x-land);
}

.barrow-btn:hover {
    background: var(--c-spot-deep);
    color: var(--c-primary);
    transform: scale(1.035);
}

.barrow-line {
    display: none;
    width: 100%;
    margin-top: var(--g-step-2);
    padding: var(--g-step-2);
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    border-radius: var(--r-step-2);
    font-size: var(--z-fine);
}

.barrow-line.is-open {
    display: block;
}

.barrow-band {
    margin-top: var(--g-step-4);
    padding: var(--g-step-3);
    background: var(--c-bg-elevated);
    border-radius: var(--r-step-3);
}

.barrow-band h3 {
    margin: 0 0 var(--g-step-1);
    background: var(--c-bg-elevated);
    color: var(--c-letters);
}

.barrow-band a {
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
}

/* ---------- error (ERR-05) ---------- */

.mast {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center;
    padding-block: var(--sec-y);
    background: var(--c-canvas);
}

.mast-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
    text-align: center;
}

.mast-caption {
    position: relative;
    display: inline-block;
    background: var(--c-canvas);
    color: var(--c-letters);
}

.mast-caption::before,
.mast-caption::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: var(--c-vivid);
    opacity: 0.6;
}

.mast-caption::before {
    transform: translate(2px, -2px);
}

.mast-caption::after {
    transform: translate(-2px, 2px);
    color: var(--c-spot-deep);
}

.mast-copy {
    max-width: var(--v-brief);
    margin-inline: auto;
    background: var(--c-canvas);
    color: var(--c-soft-text);
    line-height: var(--l-loose);
}

.mast-route {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--g-step-2) var(--g-step-4);
    background: var(--c-vivid);
    color: var(--c-primary);
    border-radius: var(--r-step-2);
    font-size: var(--z-fine);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
    transition: transform var(--t-brisk) var(--x-land);
}

.mast-route:hover {
    background: var(--c-spot-deep);
    color: var(--c-primary);
    transform: scale(1.035);
}

/* ---------- footer (FOOT-07) ---------- */

.banner {
    background: var(--c-primary);
    padding-block: var(--sec-y);
}

.banner-hold {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--g-step-4);
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--edge);
}

.banner-meat {
    display: flex;
    flex-direction: column;
    gap: var(--g-step-3);
}

.banner-mark {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: var(--g-step-0) var(--g-step-1);
    background: var(--c-plate);
    border-radius: var(--r-step-2);
}

.banner-art {
    display: block;
    height: 44px;
    width: auto;
    align-self: center;
}

.banner-heading {
    margin: 0 0 var(--g-step-1);
    background: var(--c-primary);
    color: var(--c-letters);
    font-family: var(--f-prose);
    font-size: var(--z-micro-head);
    font-weight: var(--w-medium);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
}

.banner-links {
    display: block;
}

.banner-queue {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--g-step-0) var(--g-step-3);
    margin: 0 0 var(--g-step-3);
    padding: 0;
    list-style: none;
}

.banner-slot {
    display: block;
}

.banner-route {
    position: relative;
    background: var(--c-primary);
    color: var(--c-soft-text);
    font-size: var(--z-fine);
}

.banner-route:hover {
    color: var(--c-vivid);
    background: var(--c-primary);
}

.banner-legal {
    display: block;
}

.banner-warn {
    display: block;
    padding: var(--g-step-2);
    background: var(--c-rg-banner);
    color: var(--c-letters);
    border-radius: var(--r-step-2);
    font-size: var(--z-fine);
    line-height: var(--l-base);
    text-align: center;
}

.banner-warn a {
    background: var(--c-rg-banner);
    color: var(--c-letters);
    font-weight: var(--w-bold);
    text-decoration: underline;
}

.banner-age {
    display: inline-flex;
    align-items: center;
    margin-right: var(--g-step-0);
    padding: 0 var(--g-step-0);
    background: var(--c-letters);
    color: var(--c-rg-banner);
    border-radius: var(--r-step-1);
    font-weight: var(--w-bold);
}

.banner-small {
    display: block;
    background: var(--c-primary);
    color: var(--c-soft-text);
    font-size: var(--z-xs);
}

.banner-side {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--g-step-4);
    background: var(--c-vivid);
    border-radius: var(--r-step-3);
}

.banner-cap {
    background: var(--c-vivid);
    color: var(--c-primary);
    font-family: var(--f-title);
    font-size: var(--z-xl-2);
    font-weight: var(--w-bold);
    letter-spacing: var(--e-narrow);
    text-transform: uppercase;
}

/* ---------- cookie banner (COOK-14) ---------- */

.foyer {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    background: var(--c-bg-elevated);
    border-top: var(--b-medium) solid var(--c-vivid);
    box-shadow: var(--d-step-4);
}

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

.foyer-hold {
    max-width: calc(var(--v-page) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding: var(--g-step-2) var(--edge);
}

.foyer.is-open .foyer-hold {
    animation: foyer-rise var(--t-slow) var(--x-land) both;
}

.foyer-line {
    margin: 0 0 var(--g-step-2);
    background: var(--c-bg-elevated);
    color: var(--c-letters);
    font-size: var(--z-fine);
    line-height: var(--l-base);
}

.foyer-controls {
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-step-2);
}

.foyer-agree,
.foyer-refuse,
.foyer-route {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: var(--g-step-1) var(--g-step-4);
    border: 0;
    border-radius: var(--r-step-2);
    font-family: var(--f-prose);
    font-size: var(--z-fine);
    font-weight: var(--w-bold);
    white-space: nowrap;
    cursor: pointer;
}

.foyer-agree {
    background: var(--c-vivid);
    color: var(--c-primary);
}

.foyer-agree:hover {
    background: var(--c-spot-deep);
    color: var(--c-primary);
}

.foyer-refuse {
    background: var(--c-primary);
    color: var(--c-letters);
    border: var(--b-hair) solid var(--c-rule-bold);
}

.foyer-refuse:hover {
    background: var(--c-canvas);
    color: var(--c-letters);
}

.foyer-route {
    background: var(--c-bg-elevated);
    color: var(--c-vivid);
    text-decoration: underline;
}

.foyer-route:hover {
    background: var(--c-bg-elevated);
    color: var(--c-gradient-light);
}

@keyframes foyer-rise {
    from {
        clip-path: inset(100% 0 0 0);
        opacity: 0;
    }

    to {
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

/* ---------- tablet and up ---------- */

@media (min-width: 620px) {
    :root {
        --edge: var(--v-edge-mid);
        --sec-y: 48px;
    }

    .mantle-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .frame-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .banner-queue {
        grid-auto-flow: column;
        grid-template-columns: none;
        grid-template-rows: repeat(6, auto);
    }

    .foyer-hold {
        display: flex;
        flex-direction: column;
        gap: var(--g-step-1);
        padding-block: var(--g-step-2);
    }

    .foyer-line {
        margin: 0;
    }

    .slab-pair {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 940px) {
    :root {
        --edge: var(--v-pad-lg);
    }

    .window {
        padding-inline: var(--g-step-2);
    }

    .window-hold {
        padding-inline: var(--g-step-4);
        gap: var(--g-step-3);
    }

    .window-art {
        height: 60px;
    }

    .window-menu-lever {
        display: none;
    }

    .window-links {
        display: block;
        position: static;
        flex: 0 0 auto;
        max-height: none;
        overflow: visible;
        margin-inline: auto;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .window-more-queue .window-slot {
        width: 100%;
    }

    .window-more-queue .window-slot::before {
        display: none;
    }

    .window-more-queue .window-route {
        width: 100%;
        padding: var(--g-step-1) var(--g-step-2);
        white-space: nowrap;
    }

    .window-queue {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: var(--g-step-4);
    }

    .window-slot + .window-slot::before {
        content: '';
        position: absolute;
        left: calc(var(--g-step-4) / -2);
        width: 1px;
        height: 14px;
        background: var(--c-rule-bold);
    }

    .window-route {
        width: auto;
        padding-inline: 0;
    }

    .window-route::after {
        left: 50%;
        right: 50%;
        bottom: -4px;
        width: auto;
    }

    .window-route:hover::after,
    .window-route:focus-visible::after,
    .window-route[aria-current='page']::after {
        left: 0;
        right: 0;
        width: auto;
    }

    .crest-hold {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        align-items: center;
        min-height: 520px;
    }

    .crest-meat {
        padding-block: var(--g-step-6);
        padding-right: var(--g-step-5);
    }

    .crest-figure {
        position: absolute;
        top: -40px;
        right: 0;
        width: 56%;
        height: calc(100% + 80px);
        margin: 0;
        transform: rotate(2deg);
        transition: transform var(--t-slow) var(--x-land);
    }

    .crest-figure .crest-art {
        height: 100%;
        max-height: none;
    }

    .crest-figure:hover {
        transform: rotate(0deg) scale(1.02);
    }

    .frame-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--g-step-5);
    }

    .frame-lead {
        padding: var(--g-step-5);
    }

    .rotunda-hold {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .rotunda-meat {
        padding: var(--g-step-5);
        border-radius: var(--r-step-4) 0 0 var(--r-step-4);
    }

    .rotunda-panel {
        min-height: 320px;
        border-radius: 0 var(--r-step-4) var(--r-step-4) 0;
    }

    .banner-hold {
        grid-template-columns: 2fr 1fr;
    }

    .banner-side {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
    }

    .foyer-hold {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--g-step-4);
    }

    .foyer-line {
        flex: 1 1 auto;
    }

    .barrow-form {
        align-items: flex-end;
    }
}

@media (min-width: 1200px) {
    .frame-stack {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mantle-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .foyer-controls {
        flex-direction: column;
    }

    .foyer-agree,
    .foyer-refuse,
    .foyer-route {
        width: 100%;
        white-space: normal;
    }
}

@media (max-width: 430px) {
    .window-hold {
        gap: var(--g-step-1);
        padding-inline: var(--g-step-1);
    }

    .window-art {
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }

    .crest-figure:hover,
    .crest-quiet:hover,
    .barrow-btn:hover,
    .mast-route:hover {
        transform: none;
    }
}
/* Offer CTA */
.ysmm-act{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 28px;border:2px solid #04142A;border-radius:2px;
  background:#7C3AED;color:#FFFFFF;text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:2.2px;
  box-shadow:3px 3px 0 #04142A;transition:background .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}
.ysmm-act:hover{background:#6D28D9;color:#FFFFFF;box-shadow:1px 1px 0 #04142A;animation:none}
.ysmm-act:hover::after{animation:none}
.ysmm-act:active{background:#5B21B6;color:#FFFFFF}
.ysmm-act:focus-visible{outline:3px solid #04142A;outline-offset:3px}
.ysmm-act{animation:stamp_ysmm 3.32s ease-in-out infinite}
@keyframes stamp_ysmm{0%{transform:translate(0,0)}6.024%{transform:translate(2px,2px)}15.663%,100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.ysmm-act,.ysmm-act::after{animation:none!important;transition:none!important}}

@media (max-width: 502px) {
  .window-links,
  .window-queue,
  .window-route { display: none !important; }
  .window-more-lever { display: inline-flex !important; }
}



@media (max-width: 502px) {
  #window-tray.is-open,
  #window-tray .window-queue,
  #window-tray .window-route { display: revert !important; }
}