.ues-page { overflow: hidden; }
.ues-page .ues-hero { position: relative; min-height: 42rem; overflow: hidden; background: var(--color-abyss); }
.ues-page .ues-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; }
.ues-page .ues-hero__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgb(9 7 18 / .98) 0%, rgb(9 7 18 / .82) 36%, rgb(9 7 18 / .26) 65%, rgb(9 7 18 / .08) 100%); }
.ues-page .ues-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.ues-page .ues-hero__shell { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); min-height: 42rem; align-items: center; }
.ues-page .ues-hero__copy { grid-column: 2 / span 5; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; }
.ues-page .ues-hero__copy > * { min-width: 0; margin: 0; }
.ues-page .ues-hero h1 { max-width: 24rem; font-size: clamp(3rem, 5.4vw, 4rem); }
.ues-page .ues-hero .lead { max-width: 35rem; }
.ues-page .ues-hero__note { max-width: 26rem; }
.ues-page .ues-hero__note p { margin: 0; }
.ues-page .ues-hero__rule { width: min(100%, 19rem); height: 2px; background: var(--color-amber); }
.ues-page .ues-section-intro { min-width: 0; }
.ues-page .ues-section-intro > :last-child { margin-bottom: 0; }
.ues-page .ues-threshold__intro { max-width: 40rem; }
.ues-page .ues-status-grid, .ues-page .ues-compass-grid, .ues-page .ues-ledger-grid, .ues-page .ues-principle-grid, .ues-page .ues-door-grid, .ues-page .ues-checklist-grid { display: grid; min-width: 0; gap: var(--space-5); margin-top: var(--space-6); }
.ues-page .ues-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ues-page .ues-status-grid > *, .ues-page .ues-compass-grid > *, .ues-page .ues-ledger-grid > *, .ues-page .ues-principle-grid > *, .ues-page .ues-door-grid > *, .ues-page .ues-checklist-grid > * { min-width: 0; width: 100%; }
.ues-page .ues-status-card, .ues-page .ues-compass-card, .ues-page .ues-door { color: inherit; text-decoration: none; transition: transform var(--transition-fast), border-color var(--transition-fast); }
.ues-page .ues-status-card:hover, .ues-page .ues-compass-card:hover, .ues-page .ues-door:hover { border-color: var(--color-amber); color: inherit; transform: translateY(-2px); }
.ues-page .ues-status-card .panel-body, .ues-page .ues-compass-card .panel-body, .ues-page .ues-door .panel-body { display: flex; flex-direction: column; min-height: 100%; gap: var(--space-4); }
.ues-page .ues-status-card .panel-body > *, .ues-page .ues-compass-card .panel-body > *, .ues-page .ues-door .panel-body > * { min-width: 0; margin: 0; }
.ues-page .ues-status-card h3, .ues-page .ues-compass-card h3, .ues-page .ues-door h3 { font-size: var(--text-24); }
.ues-page .ues-status-card p:not(.eyebrow), .ues-page .ues-compass-card p:not(.eyebrow), .ues-page .ues-door p:not(.eyebrow) { color: var(--color-lilac-muted); }
.ues-page .ues-index, .ues-page .ues-principle__number { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-14); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ues-page .ues-status-card > .ues-index { position: absolute; top: var(--space-4); right: var(--space-4); }
.ues-page .ues-card-link, .ues-page .ues-inline-link { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; margin-top: auto; color: var(--color-amber); font-family: var(--font-heading); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ues-page .ues-card-link b, .ues-page .ues-inline-link b { transition: transform var(--transition-fast); }
.ues-page a:hover .ues-card-link b, .ues-page a:hover .ues-inline-link b { transform: translateX(4px); }
.ues-page .ues-feature__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-5); align-items: center; }
.ues-page .ues-feature__image { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; }
.ues-page .ues-feature__image img { width: 100%; aspect-ratio: 3 / 2; object-position: 70% center; }
.ues-page .ues-feature__plate { grid-column: 1; grid-row: 1; z-index: 1; min-width: 0; margin-right: calc(var(--space-5) * -1); }
.ues-page .ues-feature__plate .panel-body { display: flex; flex-direction: column; gap: var(--space-4); }
.ues-page .ues-feature__plate .panel-body > * { min-width: 0; margin: 0; }
.ues-page .ues-relic-index { color: var(--color-amber); font-family: var(--font-heading); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ues-page .ues-facet-list { display: grid; grid-template-columns: 1fr; gap: var(--space-2); }
.ues-page .ues-facet-list > div { display: grid; grid-template-columns: minmax(8rem, .8fr) minmax(0, 1.5fr); gap: var(--space-3); padding: var(--space-3); background: var(--color-reliquary-deep); border-left: 2px solid var(--color-frame); }
.ues-page .ues-facet-list span { color: var(--color-lilac-muted); font-size: var(--text-14); line-height: 1.43; }
.ues-page .ues-feature__caveat { padding-top: var(--space-4); border-top: 1px solid var(--color-frame); color: var(--color-lilac-muted); font-size: var(--text-14); }
.ues-page .ues-compass__intro { max-width: 41rem; }
.ues-page .ues-compass-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ues-page .ues-compass-card .panel-body { min-height: 18rem; }
.ues-page .ues-index--ember { color: var(--color-ember); }
.ues-page .ues-ledger__intro { max-width: 42rem; }
.ues-page .ues-ledger-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ues-page .ues-ledger-card .panel-body { display: flex; flex-direction: column; gap: var(--space-4); min-height: 100%; }
.ues-page .ues-ledger-card .panel-body > * { min-width: 0; margin: 0; }
.ues-page .ues-ledger-card p:last-child { color: var(--color-lilac-muted); }
.ues-page .ues-frame-status, .ues-page .ues-watch-status { display: inline-flex; align-self: flex-start; min-height: 1.5rem; padding: .25rem .5rem; border: 1px solid var(--color-frame); color: var(--color-lilac-muted); font-family: var(--font-heading); font-size: var(--text-12); font-weight: 700; letter-spacing: .06em; line-height: 1; text-transform: uppercase; }
.ues-page .ues-watch-status { background: var(--color-reliquary-deep); }
.ues-page .ues-ledger-note { max-width: none; margin-top: var(--space-5); border-left-width: 2px; }
.ues-page .ues-ledger-note p { max-width: 58ch; margin: 0; }
.ues-page .ues-method__intro { max-width: 43rem; }
.ues-page .ues-principle-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ues-page .ues-principle .panel-body { display: flex; flex-direction: column; gap: var(--space-4); }
.ues-page .ues-principle .panel-body > * { margin: 0; min-width: 0; }
.ues-page .ues-principle p { color: var(--color-lilac-muted); }
.ues-page .ues-doors__intro { max-width: 39rem; }
.ues-page .ues-door-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ues-page .ues-door .panel-body { min-height: 18rem; }
.ues-page .ues-atmosphere__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 4fr); gap: var(--space-5); align-items: center; }
.ues-page .ues-atmosphere__copy { grid-column: 1; grid-row: 1; min-width: 0; }
.ues-page .ues-atmosphere__image { grid-column: 3; grid-row: 1; min-width: 0; width: 100%; }
.ues-page .ues-atmosphere__image img { width: 100%; aspect-ratio: 2 / 3; object-position: center center; }
.ues-page .ues-atmosphere__rule { grid-column: 2; grid-row: 1; justify-self: center; width: 2px; height: 45%; min-height: 14rem; background: var(--color-amber); }
.ues-page .ues-atmosphere__copy .panel-body { display: flex; flex-direction: column; gap: var(--space-4); }
.ues-page .ues-atmosphere__copy .panel-body > * { min-width: 0; margin: 0; }
.ues-page .ues-atmosphere__copy > .panel-body > p:not(.chamber-marker):not(.ues-editorial-label) { max-width: 35rem; }
.ues-page .ues-atmosphere blockquote { max-width: 25rem; padding: var(--space-5); font-family: var(--font-heading); font-size: var(--text-32); font-weight: 700; line-height: 1.08; }
.ues-page .ues-editorial-label { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-12); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ues-page .ues-lore-action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-frame); }
.ues-page .ues-lore-action > * { margin: 0; min-width: 0; }
.ues-page .ues-lore-action p { max-width: 27rem; color: var(--color-lilac-muted); }
.ues-page .ues-checklist__intro { max-width: 40rem; }
.ues-page .ues-checklist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ues-page .ues-check { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding: var(--space-5); border: var(--border-frame); background: var(--color-reliquary); }
.ues-page .ues-check > span { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-24); line-height: 1; }
.ues-page .ues-check > div { min-width: 0; }
.ues-page .ues-check h3 { margin-bottom: var(--space-2); font-size: var(--text-24); }
.ues-page .ues-check p { margin-bottom: var(--space-3); color: var(--color-lilac-muted); }
.ues-page .ues-closing { padding-bottom: var(--space-9); }
.ues-page .ues-closing__plate { width: min(100%, 38.75rem); margin-inline: auto; }
.ues-page .ues-closing__plate .panel-body { display: flex; flex-direction: column; align-items: center; gap: var(--space-4); text-align: center; }
.ues-page .ues-closing__plate .panel-body > * { min-width: 0; margin: 0; }
.ues-page .ues-closing__plate p:not(.chamber-marker) { max-width: 50ch; color: var(--color-lilac-muted); }
.ues-page .ues-closing__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); min-width: 0; }
.ues-page .ues-closing__actions > * { min-width: 0; }
@media (max-width: 74.9375rem) { .ues-page .ues-hero__shell { min-height: 35rem; } .ues-page .ues-hero { min-height: 35rem; } .ues-page .ues-hero__copy { grid-column: 1 / span 6; } .ues-page .ues-feature__plate { margin-right: 0; } }
@media (max-width: 56.1875rem) { .ues-page .ues-hero { min-height: 0; display: flex; flex-direction: column; } .ues-page .ues-hero__media { position: relative; height: auto; aspect-ratio: 16 / 9; } .ues-page .ues-hero__media::after { display: none; } .ues-page .ues-hero__media img { object-position: 58% center; } .ues-page .ues-hero__shell { display: block; min-height: 0; width: 100%; padding: var(--space-6) 0; background: var(--color-blueberry); } .ues-page .ues-hero__copy { max-width: 36rem; } .ues-page .ues-hero h1 { font-size: var(--text-48); } .ues-page .ues-feature__grid { grid-template-columns: 1fr; gap: var(--space-5); } .ues-page .ues-feature__image { grid-column: 1; grid-row: 1; } .ues-page .ues-feature__plate { grid-column: 1; grid-row: 2; } .ues-page .ues-feature__plate .panel-body { padding: var(--space-5); } .ues-page .ues-atmosphere__grid { grid-template-columns: 1fr; gap: var(--space-5); } .ues-page .ues-atmosphere__image { grid-column: 1; grid-row: 1; } .ues-page .ues-atmosphere__copy { grid-column: 1; grid-row: 2; } .ues-page .ues-atmosphere__rule { display: none; } .ues-page .ues-status-grid, .ues-page .ues-ledger-grid, .ues-page .ues-principle-grid, .ues-page .ues-door-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ues-page .ues-status-grid > :nth-child(3), .ues-page .ues-ledger-grid > :nth-child(3), .ues-page .ues-principle-grid > :nth-child(3), .ues-page .ues-door-grid > :nth-child(3) { grid-column: span 1; } }
@media (max-width: 52.4375rem) { .ues-page .ues-compass-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 47.4375rem) { .ues-page .ues-checklist-grid { grid-template-columns: 1fr; } }
@media (max-width: 39.9375rem) { .ues-page .ues-hero__shell { padding: var(--space-5) 0; } .ues-page .ues-hero h1 { font-size: var(--text-32); line-height: 1.125; } .ues-page .ues-hero .button { width: 100%; } .ues-page .ues-hero__note { max-width: none; } .ues-page .ues-status-grid, .ues-page .ues-compass-grid, .ues-page .ues-ledger-grid, .ues-page .ues-principle-grid, .ues-page .ues-door-grid { grid-template-columns: 1fr; } .ues-page .ues-status-grid > :nth-child(3), .ues-page .ues-ledger-grid > :nth-child(3), .ues-page .ues-principle-grid > :nth-child(3), .ues-page .ues-door-grid > :nth-child(3) { grid-column: 1; } .ues-page .ues-compass-card .panel-body, .ues-page .ues-door .panel-body { min-height: 0; } .ues-page .ues-facet-list > div { grid-template-columns: 1fr; gap: var(--space-1); } .ues-page .ues-atmosphere blockquote { font-size: var(--text-24); } .ues-page .ues-check { padding: var(--space-4); } .ues-page .ues-closing { padding-bottom: var(--space-7); } .ues-page .ues-closing__actions { width: 100%; flex-direction: column; } .ues-page .ues-closing__actions > * { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .ues-page .ues-status-card:hover, .ues-page .ues-compass-card:hover, .ues-page .ues-door:hover { transform: none; } .ues-page a:hover .ues-card-link b, .ues-page a:hover .ues-inline-link b { transform: none; } }