/* ==========================================================================
   Pass 05 — Thursday Website (`05-noravale`)
   100% Faithful to https://noravale.framer.website/
   Strictly scoped under html[data-edition="05-noravale"] / .ed-05-noravale
   Zero @import rules. Zero foreign styling from other days.
   ========================================================================== */

html[data-edition="05-noravale"],
.ed-05-noravale {
  --nv-bg: #FFFFFF;
  --nv-surface: #F5F5F5;
  --nv-ink: #000000;
  --nv-muted: #8E8E8E;
  --nv-subtle: #B0B0B0;
  --nv-pad: 24px;
  --nv-col2: 21%;
  --nv-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --nv-clock-serif: Georgia, "Times New Roman", Times, serif;
}

html[data-edition="05-noravale"] body {
  margin: 0;
  background-color: var(--nv-bg);
  color: var(--nv-ink);
  font-family: var(--nv-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.ed-05-noravale {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--nv-bg);
  color: var(--nv-ink);
  font-family: var(--nv-sans);
  box-sizing: border-box;
  position: relative;
}

.ed-05-noravale.nv-theme-home-stage {
  height: 100vh;
  overflow: hidden;
  background-color: #3B2514;
  color: #FFFFFF;
}

.ed-05-noravale *,
.ed-05-noravale *::before,
.ed-05-noravale *::after {
  box-sizing: border-box;
}

/* ==========================================================================
   1. TOP BAR (Identical to noravale.framer.website)
   Full-width, padding: 20px 24px, no bottom border line.
   Left (x: 24px): Cube mark (14px) + Pietro Consavari (15px, 500, -0.02em)
   Col 2 (left: 21%): Venice, San Francisco + (HH:MM:SS) in 15px light serif
   Right: Home, Essays, About, Qfwfq + compact rectangular [THURSDAY ▾] [EN ▾]
   ========================================================================== */
.ed-05-noravale .nv-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  padding: 20px var(--nv-pad);
  display: grid;
  grid-template-columns: 21% 29% 1fr;
  align-items: center;
  border: 0;
}

.ed-05-noravale .nv-topbar--dark {
  color: #FFFFFF;
  background: transparent;
}

.ed-05-noravale .nv-topbar--light {
  color: #000000;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
}

.ed-05-noravale .nv-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.ed-05-noravale .nv-brand__mark {
  width: 14px;
  height: 15px;
  flex-shrink: 0;
}

.ed-05-noravale .nv-topbar__center {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  font-size: 15px;
  line-height: 18px;
  white-space: nowrap;
}

.ed-05-noravale .nv-location-label {
  font-weight: 500;
  letter-spacing: -0.02em;
}

.ed-05-noravale .nv-clock-paren {
  font-family: var(--nv-clock-serif);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.01em;
  opacity: 0.82;
}

.ed-05-noravale .nv-topbar__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.ed-05-noravale .nv-inline-nav {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ed-05-noravale .nv-inline-nav__link {
  text-decoration: none;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  transition: color 160ms ease;
}

.ed-05-noravale .nv-topbar--light .nv-inline-nav__link {
  color: rgba(0, 0, 0, 0.45);
}

.ed-05-noravale .nv-topbar--light .nv-inline-nav__link:hover,
.ed-05-noravale .nv-topbar--light .nv-inline-nav__link.is-active {
  color: #000000;
}

.ed-05-noravale .nv-topbar--dark .nv-inline-nav__link {
  color: rgba(255, 255, 255, 0.5);
}

.ed-05-noravale .nv-topbar--dark .nv-inline-nav__link:hover,
.ed-05-noravale .nv-topbar--dark .nv-inline-nav__link.is-active {
  color: #FFFFFF;
}

.ed-05-noravale .nv-topbar__actions {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ed-05-noravale .nv-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.ed-05-noravale .nv-badge-btn {
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 0;
  font-family: var(--nv-sans);
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: none;
  transition: color 160ms ease;
}

.ed-05-noravale .nv-topbar--light .nv-badge-btn {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.45);
}

.ed-05-noravale .nv-topbar--light .nv-badge-btn:hover,
.ed-05-noravale .nv-topbar--light .nv-badge-btn[aria-expanded="true"] {
  color: #000000;
}

.ed-05-noravale .nv-topbar--dark .nv-badge-btn {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
}

.ed-05-noravale .nv-topbar--dark .nv-badge-btn:hover,
.ed-05-noravale .nv-topbar--dark .nv-badge-btn[aria-expanded="true"] {
  color: #FFFFFF;
}

/* Switcher Dropdown Popovers */
.ed-05-noravale .nv-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 248px;
  max-height: 340px;
  overflow-y: auto;
  background-color: rgba(12, 12, 12, 0.94);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
  padding: 8px;
  display: none;
  z-index: 120;
}

.ed-05-noravale [dir="rtl"] .nv-popover {
  right: auto;
  left: 0;
}

.ed-05-noravale .nv-popover.is-open,
.ed-05-noravale .nv-switcher.is-open .nv-popover {
  display: block;
}

.ed-05-noravale .nv-popover__header {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.45);
  padding: 4px 8px 6px;
}

.ed-05-noravale .nv-popover__search-wrap {
  padding-bottom: 6px;
}

.ed-05-noravale .nv-popover__search {
  width: 100%;
  background: rgba(255, 255, 255, 0.08);
  border: 0;
  color: #FFFFFF;
  padding: 6px 8px;
  font-family: var(--nv-sans);
  font-size: 12px;
  outline: none;
}

.ed-05-noravale .nv-popover__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ed-05-noravale .nv-popover__option,
.ed-05-noravale .lang-option {
  width: 100%;
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  text-align: left;
  padding: 7px 8px;
  font-family: var(--nv-sans);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  transition: color 140ms ease, background-color 140ms ease;
}

.ed-05-noravale .nv-popover__option:hover,
.ed-05-noravale .nv-popover__option.is-active,
.ed-05-noravale .lang-option:hover,
.ed-05-noravale .lang-option.is-active {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

.ed-05-noravale .nv-popover__option-main {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.ed-05-noravale .nv-popover__option-title {
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.ed-05-noravale .nv-popover__option-sub {
  font-size: 10px;
  color: #8E8E8E;
}

.ed-05-noravale .nv-popover__option-badge {
  font-size: 10px;
  color: #8E8E8E;
  text-transform: uppercase;
}

/* ==========================================================================
   2. HOME VIEW (`pageId === 'home'`) — Matches ref-home-1440.png 1:1
   Locked 100vh Full-Bleed Atmospheric Canvas + Borderless 5-Column Strip at top: 46%
   ========================================================================== */
.ed-05-noravale .nv-home-stage {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #5C3D21;
  color: #FFFFFF;
}

.ed-05-noravale .nv-home-stage__backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
  background: #141210;
}

/* 5 Distinct Atmospheric Scene Plates when Hovering Columns 1-5 */
.ed-05-noravale .nv-home-stage__scenes {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ed-05-noravale .nv-home-scene-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 720ms cubic-bezier(0.22, 1, 0.36, 1), transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ed-05-noravale .nv-home-stage[data-nv-scene="0"] .nv-home-scene-img.is-scene-0,
.ed-05-noravale .nv-home-stage[data-nv-scene="1"] .nv-home-scene-img.is-scene-1,
.ed-05-noravale .nv-home-stage[data-nv-scene="2"] .nv-home-scene-img.is-scene-2,
.ed-05-noravale .nv-home-stage[data-nv-scene="3"] .nv-home-scene-img.is-scene-3,
.ed-05-noravale .nv-home-stage[data-nv-scene="4"] .nv-home-scene-img.is-scene-4 {
  opacity: 1;
  transform: scale(1);
}

.ed-05-noravale .nv-home-stage__arch-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ed-05-noravale .nv-stage-sculpture {
  transition: transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: center;
}

.ed-05-noravale .nv-home-stage[data-nv-scene="1"] .nv-stage-sculpture {
  transform: scale(1.03) translate(-14px, 6px);
}
.ed-05-noravale .nv-home-stage[data-nv-scene="2"] .nv-stage-sculpture {
  transform: scale(1.05) translate(12px, -8px);
}
.ed-05-noravale .nv-home-stage[data-nv-scene="3"] .nv-stage-sculpture {
  transform: scale(1.02) translate(-18px, -10px);
}
.ed-05-noravale .nv-home-stage[data-nv-scene="4"] .nv-stage-sculpture {
  transform: scale(1.06) translate(6px, 4px);
}

.ed-05-noravale .nv-cube-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: crosshair;
}

/* Borderless 5-Column Horizontal Strip Suspended at `top: 46%` */
.ed-05-noravale .nv-strip-grid {
  position: absolute;
  top: 46%;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 0 var(--nv-pad);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  border: 0;
  background: transparent;
  pointer-events: none;
}

.ed-05-noravale .nv-strip-col {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.42);
  transition: color 220ms ease;
}

.ed-05-noravale .nv-strip-col.is-active,
.ed-05-noravale .nv-strip-col:hover,
.ed-05-noravale .nv-strip-col:focus-visible {
  color: #FFFFFF;
}

.ed-05-noravale .nv-strip-col__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-weight: 600;
  color: inherit;
  margin-bottom: 4px;
}

.ed-05-noravale .nv-strip-col__deck {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-weight: 500;
  color: inherit;
  max-width: 240px;
}

.ed-05-noravale .nv-strip-col__cat {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.015em;
  font-weight: 400;
  color: inherit;
}

.ed-05-noravale .nv-strip-col__year {
  display: block;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.015em;
  font-weight: 400;
  color: inherit;
  opacity: 0.65;
}

/* ==========================================================================
   3. ESSAYS INDEX VIEW (`pageId === 'essays'`) — Matches ref-work-1440.png 1:1
   Pure #FFFFFF background, `↳ Essays (02)` at margin-top: 140px,
   borderless VIEW ⊞ ☰ + 8 tags, 5-column 4:5 portrait card grid
   ========================================================================== */
.ed-05-noravale .nv-essays-page {
  padding: 140px var(--nv-pad) 40px;
  background-color: #FFFFFF;
}

.ed-05-noravale .nv-essays-heading {
  margin: 0;
  font-size: 26px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: #000000;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.ed-05-noravale .nv-essays-heading__arrow {
  font-weight: 400;
  color: #8E8E8E;
  font-size: 20px;
}

.ed-05-noravale .nv-essays-heading__count {
  font-weight: 600;
  color: #000000;
}

/* Borderless Filter Bar (`margin: 48px 0 32px`) */
.ed-05-noravale .nv-essays-toolbar {
  margin: 48px 0 32px;
  padding: 0;
  border: 0;
  display: grid;
  grid-template-columns: 21% 1fr;
  align-items: center;
}

.ed-05-noravale .nv-essays-toolbar__view {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ed-05-noravale .nv-essays-toolbar__label {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #8E8E8E;
}

.ed-05-noravale .nv-view-toggle {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 2px 3px;
  font-size: 12px;
  line-height: 1;
  color: #8E8E8E;
  cursor: pointer;
}

.ed-05-noravale .nv-view-toggle.is-active,
.ed-05-noravale .nv-view-toggle:hover {
  color: #000000;
}

.ed-05-noravale .nv-essays-toolbar__filters {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.ed-05-noravale .nv-tag-btn {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 2px 0;
  font-family: var(--nv-sans);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #8E8E8E;
  cursor: pointer;
  transition: color 140ms ease;
}

.ed-05-noravale .nv-tag-btn.is-active,
.ed-05-noravale .nv-tag-btn:hover {
  color: #000000;
  font-weight: 500;
}

/* Portrait Card Grid bound to Core Content (`essaysIndex.items`) */
.ed-05-noravale .nv-essays-collection[data-view-mode="grid"] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 28px;
}

.ed-05-noravale .nv-essay-card__link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.ed-05-noravale .nv-essay-card__plate {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background-color: #EAEAEA;
}

.ed-05-noravale .nv-essay-card__plate--01 {
  background: radial-gradient(circle at 48% 42%, #DDA477 0%, #B87B4C 54%, #7A4B26 100%);
}

.ed-05-noravale .nv-essay-card__plate--02 {
  background: linear-gradient(145deg, #27384C 0%, #152130 58%, #0C121B 100%);
}

.ed-05-noravale .nv-essay-card__plate--03 {
  background: linear-gradient(135deg, #DFA04E 0%, #C87B28 56%, #4E2D0E 100%);
}

.ed-05-noravale .nv-essay-card__plate--04 {
  background: #F3F3F3;
}

.ed-05-noravale .nv-essay-card__plate--05 {
  background: #EAEAEA;
}

.ed-05-noravale .nv-essay-card__badge {
  align-self: flex-start;
  background: rgba(0, 0, 0, 0.38);
  color: #FFFFFF;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 4px 7px;
  z-index: 2;
}

.ed-05-noravale .nv-essay-card__art {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ed-05-noravale .nv-essay-card:hover .nv-essay-card__art {
  transform: scale(1.03);
}

.ed-05-noravale .nv-monolith-object {
  width: 118px;
  height: 164px;
  background: #141414;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.16);
}

.ed-05-noravale .nv-essay-card__caption {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.ed-05-noravale .nv-essay-card__line1 {
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000000;
}

.ed-05-noravale .nv-essay-card__line2 {
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #8E8E8E;
}

/* List (☰) View Mode */
.ed-05-noravale .nv-essays-collection[data-view-mode="list"] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ed-05-noravale .nv-essays-collection[data-view-mode="list"] .nv-essay-card__plate {
  display: none;
}

.ed-05-noravale .nv-essays-collection[data-view-mode="list"] .nv-essay-card__caption {
  margin-top: 0;
  padding: 14px 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  gap: 24px;
}

/* ==========================================================================
   4. ESSAY READER VIEW (`essay-love-letter` & `essay-quadrant`)
   Matches ref-detail-1440.png 1:1
   ========================================================================== */
.ed-05-noravale .nv-reader {
  padding: 0 var(--nv-pad) 40px;
  background-color: #FFFFFF;
}

.ed-05-noravale .nv-reader-header,
.ed-05-noravale .nv-qfwfq-header {
  padding-top: 110px;
}

.ed-05-noravale .nv-reader-header__stack {
  margin: 0 0 64px;
  max-width: 980px;
  font-size: clamp(34px, 3.6vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  font-weight: 500;
}

.ed-05-noravale .nv-reader-header__title {
  color: #000000;
}

.ed-05-noravale .nv-reader-header__subtitle {
  color: #8E8E8E;
}

/* 3-Column Metadata Strip (`margin-bottom: 32px`, `font-size: 11.5px`) */
.ed-05-noravale .nv-reader-meta {
  margin-bottom: 32px;
  display: grid;
  grid-template-columns: 21% 1fr auto;
  align-items: start;
  font-size: 11.5px;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.ed-05-noravale .nv-reader-meta__key {
  display: block;
  color: #8E8E8E;
}

.ed-05-noravale .nv-reader-meta__val,
.ed-05-noravale .nv-reader-meta__link {
  display: block;
  color: #000000;
  font-weight: 500;
  text-decoration: none;
}

.ed-05-noravale .nv-reader-meta__col--3 {
  text-align: right;
}

/* Wide Studio Architectural Plate Below Metadata Row */
.ed-05-noravale .nv-reader-plate {
  width: 100%;
  height: 520px;
  background: radial-gradient(circle at 50% 52%, #F2F2F2 0%, #E7E7E7 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 72px;
}

.ed-05-noravale .nv-reader-plate__monolith {
  width: 280px;
  height: 380px;
  background: #141414;
  color: #FFFFFF;
  padding: 36px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.18);
}

.ed-05-noravale .nv-reader-plate__book-title {
  font-family: var(--nv-clock-serif);
  font-size: 26px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.9);
}

/* Calm Centered Reading Column (`max-width: 680px`, `margin: 0 auto`) */
.ed-05-noravale .nv-reader-body {
  max-width: 680px;
  margin: 0 auto;
}

.ed-05-noravale .nv-prose-flow {
  font-size: 18px;
  line-height: 1.65;
  letter-spacing: -0.015em;
  color: #111111;
}

.ed-05-noravale .nv-prose-flow p {
  margin: 0 0 1.35em;
}

.ed-05-noravale .nv-prose-flow h2 {
  margin: 2.2em 0 0.8em;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #000000;
}

.ed-05-noravale .nv-prose-flow ol,
.ed-05-noravale .nv-prose-flow ul {
  margin: 0 0 1.5em;
  padding-left: 1.4em;
}

.ed-05-noravale .nv-prose-flow li {
  margin-bottom: 0.75em;
}

/* Inline Triggers: subtle #8E8E8E underline */
.ed-05-noravale .inline-trigger {
  color: inherit;
  border-bottom: 1px solid #8E8E8E;
  cursor: pointer;
  transition: color 140ms ease, border-color 140ms ease;
}

.ed-05-noravale .inline-trigger:hover,
.ed-05-noravale .inline-trigger.is-active {
  color: #000000;
  border-bottom-color: #000000;
}

/* Clean Minimal #F5F5F5Floating Context Card (Zero borders, zero REF // headers) */
.ed-05-noravale .nv-floating-context {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 100;
  width: 240px;
  background: #F5F5F5;
  padding: 12px;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ed-05-noravale .nv-floating-context[hidden] {
  display: none !important;
}

.ed-05-noravale .nv-floating-context__media {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #EAEAEA;
  overflow: hidden;
}

.ed-05-noravale .nv-floating-context__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ed-05-noravale .nv-floating-context__title {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  color: #000000;
}

.ed-05-noravale .nv-floating-context__meta {
  font-size: 12px;
  line-height: 1.3;
  color: #8E8E8E;
}

.ed-05-noravale .nv-floating-context__link {
  display: inline-block;
  margin-top: 2px;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

/* Clean Minimal #F5F5F5 2x2 SVG Matrices (Cipolla & Sinek) */
.ed-05-noravale .nv-matrix-figure {
  margin: 44px 0;
  background: #F5F5F5;
  padding: 24px;
  border: 0;
}

.ed-05-noravale .nv-matrix-figure__head {
  margin-bottom: 16px;
}

.ed-05-noravale .nv-matrix-figure__title {
  margin: 0 0 2px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #000000;
}

.ed-05-noravale .nv-matrix-figure__sub {
  margin: 0;
  font-size: 12px;
  color: #8E8E8E;
}

.ed-05-noravale .nv-matrix-svg {
  width: 100%;
  height: auto;
  display: block;
}

.ed-05-noravale .nv-quad-cell {
  cursor: pointer;
}

.ed-05-noravale .nv-quad-cell rect {
  transition: fill 160ms ease;
}

.ed-05-noravale .nv-quad-cell:hover rect,
.ed-05-noravale .nv-quad-cell.is-active rect {
  fill: #000000;
}

.ed-05-noravale .nv-svg-coord {
  font-family: var(--nv-sans);
  font-size: 10px;
  font-weight: 500;
  fill: #8E8E8E;
  text-transform: uppercase;
}

.ed-05-noravale .nv-svg-title {
  font-family: var(--nv-sans);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.02em;
  fill: #000000;
}

.ed-05-noravale .nv-svg-sub {
  font-family: var(--nv-sans);
  font-size: 12px;
  fill: #8E8E8E;
}

.ed-05-noravale .nv-quad-cell:hover .nv-svg-title,
.ed-05-noravale .nv-quad-cell.is-active .nv-svg-title {
  fill: #FFFFFF;
}

.ed-05-noravale .nv-quad-cell:hover .nv-svg-coord,
.ed-05-noravale .nv-quad-cell.is-active .nv-svg-coord,
.ed-05-noravale .nv-quad-cell:hover .nv-svg-sub,
.ed-05-noravale .nv-quad-cell.is-active .nv-svg-sub {
  fill: rgba(255, 255, 255, 0.68);
}

.ed-05-noravale .nv-svg-axis {
  font-family: var(--nv-sans);
  font-size: 10px;
  font-weight: 500;
  fill: #8E8E8E;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ed-05-noravale .nv-matrix-readout {
  margin-top: 14px;
}

.ed-05-noravale .nv-matrix-readout strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 2px;
}

.ed-05-noravale .nv-matrix-readout p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #8E8E8E;
}

/* Clean noravale 4-Column Minimal References Index */
.ed-05-noravale .nv-references {
  margin-top: 88px;
}

.ed-05-noravale .nv-references--compact {
  margin-top: 56px;
}

.ed-05-noravale .nv-references__title {
  margin: 0 0 24px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #000000;
}

.ed-05-noravale .nv-references__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px 24px;
}

.ed-05-noravale .nv-references--compact .nv-references__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ed-05-noravale .nv-ref-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: #000000;
}

.ed-05-noravale .nv-ref-item__title {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  color: #000000;
}

.ed-05-noravale .nv-ref-item__meta {
  font-size: 12px;
  line-height: 1.3;
  color: #8E8E8E;
}

.ed-05-noravale .nv-ref-item:hover .nv-ref-item__title {
  text-decoration: underline;
}

/* Signature Giant 52px #B0B0B0 Previous / Next Links (ref-detail-1440.png) */
.ed-05-noravale .nv-reader-pager {
  margin-top: 96px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.ed-05-noravale .nv-reader-pager__link {
  text-decoration: none;
  font-size: clamp(34px, 3.6vw, 52px);
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #B0B0B0;
  transition: color 180ms ease;
}

.ed-05-noravale .nv-reader-pager__link:hover {
  color: #000000;
}

/* ==========================================================================
   5. ABOUT VIEW (`pageId === 'about'`) — Matches ref-about-1440.png 1:1
   Exact 50/50 asymmetric negative-space layout on pure #FFFFFF
   ========================================================================== */
.ed-05-noravale .nv-about {
  padding: 150px var(--nv-pad) 40px;
  background-color: #FFFFFF;
}

.ed-05-noravale .nv-about__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}

/* Left 50%: Pure empty white space at rest! Reveals borderless 4:5 portrait on trigger hover */
.ed-05-noravale .nv-about__left {
  position: sticky;
  top: 150px;
  min-height: 1px;
}

.ed-05-noravale .nv-about-reveal {
  width: 280px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 0;
  background: transparent;
  padding: 0;
}

.ed-05-noravale .nv-about-reveal[hidden] {
  display: none !important;
}

.ed-05-noravale .nv-about-reveal__media {
  width: 100%;
  aspect-ratio: 4 / 5;
  background: #F5F5F5;
  overflow: hidden;
}

.ed-05-noravale .nv-about-reveal__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ed-05-noravale .nv-about-reveal__caption {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.ed-05-noravale .nv-about-reveal__title {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  color: #000000;
}

.ed-05-noravale .nv-about-reveal__meta {
  font-size: 12px;
  line-height: 1.3;
  color: #8E8E8E;
}

.ed-05-noravale .nv-about-reveal__link {
  font-size: 11px;
  color: #8E8E8E;
  text-decoration: none;
  margin-top: 2px;
}

/* Right 50%: Giant Muted #8E8E8E Heading + Tight 18px Medium Grotesk Indented Biography */
.ed-05-noravale .nv-about__giant-heading {
  margin: 0 0 28px 36px;
  font-size: clamp(38px, 3.9vw, 56px);
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #8E8E8E;
}

.ed-05-noravale .nv-about__prose {
  font-size: 18px;
  line-height: 1.24;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #000000;
}

.ed-05-noravale .nv-about__p {
  margin: 0;
}

.ed-05-noravale .nv-about__p--indented {
  text-indent: 2.5em;
}

.ed-05-noravale .nv-about__p--stanza {
  margin-top: 22px;
}

/* 5 Simple Obsessions in Clean noravale Grotesk */
.ed-05-noravale .nv-obsessions {
  margin-top: 56px;
}

.ed-05-noravale .nv-obsessions__heading {
  margin: 0 0 18px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  color: #8E8E8E;
}

.ed-05-noravale .nv-obsessions__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ed-05-noravale .nv-obsession-item__title {
  display: flex;
  gap: 10px;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #000000;
}

.ed-05-noravale .nv-obsession-item__title span:first-child {
  color: #8E8E8E;
}

.ed-05-noravale .nv-obsession-item__copy {
  margin: 3px 0 0 26px;
  font-size: 13.5px;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: #8E8E8E;
}

/* Bottom-Right 2-Column Metadata Table (`margin-top: 64px`, `margin-left: auto`, `max-width: 260px`) */
.ed-05-noravale .nv-about__meta-table {
  margin: 64px 0 0 auto;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ed-05-noravale .nv-about__meta-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.ed-05-noravale .nv-about__meta-row dt {
  color: #8E8E8E;
}

.ed-05-noravale .nv-about__meta-row dd {
  margin: 0;
  color: #000000;
  font-weight: 500;
  text-align: right;
}

.ed-05-noravale .nv-about__meta-row a {
  color: inherit;
  text-decoration: none;
}

/* ==========================================================================
   6. QFWFQ VIEW (`pageId === 'qfwfq'`)
   Pure #FFFFFF page with stacked 52px grotesk header, full-bleed #141210
   cosmic canvas, minimal text controls, and 50/50 right-column story
   ========================================================================== */
.ed-05-noravale .nv-qfwfq {
  padding: 0 var(--nv-pad) 40px;
  background-color: #FFFFFF;
}

.ed-05-noravale .nv-qfwfq-stage {
  margin-bottom: 40px;
}

.ed-05-noravale .nv-qfwfq-canvas-wrap {
  position: relative;
  width: 100%;
  height: 480px;
  background: #141210;
  color: #FFFFFF;
  overflow: hidden;
}

.ed-05-noravale .nv-qfwfq-stage[data-state="simplified"] .nv-qfwfq-canvas-wrap {
  background: #F5F5F5;
  color: #000000;
}

.ed-05-noravale .nv-qfwfq-canvas {
  width: 100%;
  height: 100%;
  display: block;
  cursor: crosshair;
}

.ed-05-noravale .nv-qfwfq-prompt {
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  transition: opacity 200ms ease;
}

.ed-05-noravale .nv-qfwfq-prompt.is-hidden {
  opacity: 0;
}

.ed-05-noravale .nv-qfwfq-prompt__lead {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.ed-05-noravale .nv-qfwfq-prompt__sub {
  margin: 0;
  font-size: 13px;
  opacity: 0.6;
}

.ed-05-noravale .nv-qfwfq-bar {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}

.ed-05-noravale .nv-qfwfq-bar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.ed-05-noravale .nv-qfwfq-link-btn {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  font-family: var(--nv-sans);
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #8E8E8E;
  cursor: pointer;
  transition: color 150ms ease;
}

.ed-05-noravale .nv-qfwfq-link-btn:hover,
.ed-05-noravale .nv-qfwfq-link-btn.is-strong {
  color: #000000;
  font-weight: 500;
}

.ed-05-noravale .nv-qfwfq-bar__quote {
  font-size: 12px;
  line-height: 1.4;
  color: #8E8E8E;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ed-05-noravale .nv-qfwfq-bar__cite {
  color: #000000;
  font-weight: 500;
}

.ed-05-noravale .nv-qfwfq-story {
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}

/* ==========================================================================
   7. SHARED NORAVALE MINIMAL FOOTER (Inner Pages Only)
   Matches bottom of ref-work-1440.png, ref-about-1440.png, ref-detail-1440.png
   ========================================================================== */
.ed-05-noravale .nv-footer {
  margin-top: 140px;
  padding: 0 var(--nv-pad) 24px;
  background: #FFFFFF;
  border: 0;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: #8E8E8E;
}

.ed-05-noravale .nv-footer__columns {
  display: grid;
  grid-template-columns: 21% 1fr;
  margin-bottom: 56px;
}

.ed-05-noravale .nv-footer__col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ed-05-noravale .nv-footer__spacer {
  margin-top: 18px;
}

.ed-05-noravale .nv-footer a {
  color: #8E8E8E;
  text-decoration: none;
}

.ed-05-noravale .nv-footer a:hover {
  color: #000000;
}

.ed-05-noravale .nv-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.ed-05-noravale .nv-footer__bottom-right {
  display: flex;
  gap: 32px;
}

/* ==========================================================================
   8. RESPONSIVE BREAKPOINTS (`1024px` Tablet & `768px` / `375px` Mobile)
   ========================================================================== */
@media (max-width: 1080px) {
  .ed-05-noravale .nv-topbar {
    grid-template-columns: 1fr auto;
    row-gap: 8px;
  }
  .ed-05-noravale .nv-topbar__center {
    display: none;
  }
  .ed-05-noravale .nv-essays-collection[data-view-mode="grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ed-05-noravale .nv-about__split,
  .ed-05-noravale .nv-qfwfq-bar {
    grid-template-columns: 1fr;
  }
  .ed-05-noravale .nv-about__left {
    position: static;
  }
}

@media (max-width: 768px) {
  html[data-edition="05-noravale"],
  .ed-05-noravale {
    --nv-pad: 16px;
  }
  .ed-05-noravale.nv-theme-home-stage {
    height: auto;
    min-height: 100vh;
    overflow-y: auto;
  }
  .ed-05-noravale .nv-home-stage {
    height: auto;
    min-height: 100vh;
    padding: 120px 0 48px;
  }
  .ed-05-noravale .nv-strip-grid {
    position: relative;
    top: auto;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .ed-05-noravale .nv-topbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 14px var(--nv-pad);
  }
  .ed-05-noravale .nv-topbar__right {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .ed-05-noravale .nv-essays-toolbar,
  .ed-05-noravale .nv-essays-collection[data-view-mode="grid"],
  .ed-05-noravale .nv-reader-meta,
  .ed-05-noravale .nv-references__grid,
  .ed-05-noravale .nv-footer__columns {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ed-05-noravale .nv-reader-meta__col--3 {
    text-align: left;
  }
  .ed-05-noravale .nv-about__giant-heading {
    margin-left: 0;
  }
}