/* Horizontal scenes fit the viewport; document flow handles very short windows.
   Readers, catalogues and settings are deliberately outside this scope. */
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap {
  --scene-top: max(100px, 7vh);
  --scene-bottom: 28px;
  --scene-height: calc(100dvh - var(--scene-top) - var(--scene-bottom));
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #site-stage .horizontal-strip > .panel[data-panel] {
  padding-top: var(--scene-top) !important;
  padding-bottom: var(--scene-bottom) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  overflow: clip !important;
  scrollbar-gutter: auto !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #site-stage #top.panel { padding: 0 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .dp-hero-v6 {
  min-height: 0 !important;
  padding-top: max(112px, 12vh) !important;
  padding-bottom: 32px !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .living-fold-art {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(34vh, 370px) !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .living-fold-art__image { max-height: none !important; }

/* Give media the flexible space while copy and actions retain their natural size. */
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-layout {
  width: 100% !important;
  height: min(var(--scene-height), 780px) !important;
  min-height: 0 !important;
  max-height: 100% !important;
  grid-template-rows: 62px minmax(0, 1fr) !important;
  gap: 12px !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-tabs {
  min-height: 0 !important;
  height: 62px !important;
  overflow-y: clip !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-tabs button { min-height: 44px !important; padding-block: 8px !important; }
html body.visual-refresh.editorial-v1.living-fold:is(.horizontal-snap, .vertical-fallback) #work .project-tabs button :is(b, small) { height: auto !important; min-height: 0 !important; max-height: none !important; line-height: 1.3 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-stage {
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 64px) !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work :is(.project-media-frame, .project-media) {
  height: min(100%, 46vh, 520px) !important;
  min-height: 0 !important;
  max-height: 100% !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy {
  min-height: 0 !important;
  height: auto !important;
  padding: 24px 0 !important;
  grid-template-rows: repeat(5, auto) !important;
  align-content: center !important;
  overflow: clip !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy blockquote {
  font-size: clamp(15px, 1.18vw, 19px) !important;
  line-height: 1.6 !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy h3 { font-size: clamp(36px, 3.6vw, 60px) !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-controls { align-self: start !important; min-height: 52px !important; margin-top: 20px !important; }

/* Three places remain one composition, including tablet-width desktop windows. */
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .places-stage {
  width: 100% !important;
  height: min(var(--scene-height), 760px) !important;
  min-height: 0 !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-content: center !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-grid {
  height: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: clamp(12px, 1.6vw, 24px) !important;
  padding: 0 !important;
  translate: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-story {
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(90px, 1fr) auto !important;
  gap: 0 !important;
  padding: clamp(12px, 1.3vw, 22px) !important;
  align-items: stretch !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-art {
  height: 100% !important;
  min-height: 0 !important;
  align-items: end !important;
  overflow: clip !important;
  translate: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-art svg {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  transform: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-copy {
  min-height: 0 !important;
  height: auto !important;
  padding: 18px 8px 12px !important;
  gap: 10px !important;
  align-content: start !important;
  translate: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-copy p { font-size: clamp(14px, 1.1vw, 18px) !important; line-height: 1.55 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #journey .landmark-copy h3 { font-size: clamp(28px, 2.8vw, 46px) !important; }

/* Keep selection beside the artwork, with its caption directly below. */
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-browser {
  width: 100% !important;
  height: min(var(--scene-height), 900px) !important;
  min-height: 0 !important;
  max-height: 100% !important;
  grid-template-columns: minmax(170px, .32fr) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 18px 32px !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive :is(.archive-tabs, .archive-feature, .archive-meta) { height: 100% !important; min-height: 0 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs { grid-area: 1 / 1 / 3 / 2 !important; overflow-y: clip !important; padding: 0 !important; gap: 6px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs button { min-height: 44px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-feature { grid-area: 1 / 2 !important; grid-template-rows: minmax(0, 1fr) 82px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-media { min-height: 0 !important; height: 100% !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-filmstrip { height: 82px !important; min-height: 0 !important; overflow-y: clip !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta { grid-area: 2 / 2 !important; height: auto !important; padding: 0 !important; overflow: visible !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 6px 24px !important; align-items: center !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta > p { grid-area: 1 / 1 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta h3 { grid-area: 2 / 1 !important; margin: 0 !important; font-size: clamp(24px, 2.4vw, 36px) !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-counter { grid-area: 1 / 2 !important; border: 0 !important; padding: 0 !important; gap: 20px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta .archive-catalog-button { grid-area: 2 / 2 !important; }
/* Keep the legacy decorative pseudo-element inside its own hit target. */
html body.visual-refresh.editorial-v1.living-fold #archive .archive-catalog-button { position: relative !important; overflow: clip !important; }

/* The biography leads; the optional feed and tool rail form a compact aside. */
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76 {
  width: 100% !important;
  height: min(var(--scene-height), 900px) !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 24px clamp(36px, 5vw, 80px) !important;
  overflow: visible !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__body { display: contents !important; min-height: 0 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__story {
  grid-area: 1 / 1 / 3 / 2 !important;
  min-height: 0 !important;
  padding: 12px 8px !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 22px !important;
  border-bottom: 0 !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__intro { row-gap: 12px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__intro h2 strong { font-size: clamp(44px, 4.8vw, 74px) !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__note { font-size: clamp(14px, 1.1vw, 17px) !important; line-height: 1.6 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__actions { padding-block: 0 !important; margin: 0 !important; grid-template-columns: repeat(2, minmax(0, 154px)) !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__actions a { min-height: 44px !important; width: 100% !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method { padding: 0 !important; gap: 10px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row { min-height: 0 !important; gap: 16px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row article { min-height: 0 !important; padding: 10px 0 0 !important; gap: 8px !important; align-content: start !important; align-self: stretch !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row b { position: static !important; font-size: 36px !important; line-height: 1 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row span { padding: 0 !important; gap: 6px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row strong { font-size: 18px !important; line-height: 1.2 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row small { font-size: 12px !important; line-height: 1.5 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__instagram {
  grid-area: 1 / 2 !important;
  min-height: 0 !important;
  padding: 12px 8px 0 !important;
  gap: 12px !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__instagram > header { flex-wrap: wrap !important; gap: 12px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__feed { min-height: 0 !important; overflow: clip !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__toolkit { grid-area: 2 / 2 !important; padding: 12px 8px 8px !important; min-height: 0 !important; gap: 8px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__toolkit > header > div { display: flex !important; flex-wrap: wrap !important; gap: 6px 12px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__tools { min-height: 0 !important; padding: 0 !important; grid-template-columns: repeat(8, minmax(0, 1fr)) !important; gap: 4px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__tools .tool-link { width: 44px !important; height: 44px !important; }

html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .reviews-layout {
  height: min(var(--scene-height), 640px) !important;
  min-height: 0 !important;
  max-height: 100% !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) 50px !important;
  gap: 12px !important;
}
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-tabs { min-height: 0 !important; height: 100% !important; overflow: clip !important; padding: 20px 0 !important; gap: 0 !important; justify-content: flex-start !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-tabs { grid-area: 1 / 1 !important; flex-direction: column !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-nav { grid-area: 2 / 1 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-card { grid-area: 1 / 2 / 3 / 3 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-tabs button { min-height: 52px !important; padding-block: 9px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-card { min-height: 0 !important; height: 100% !important; padding: 24px 0 24px clamp(28px, 4vw, 64px) !important; grid-template-rows: auto minmax(0, 1fr) auto !important; gap: 28px !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-card blockquote { align-self: center !important; font-size: clamp(20px, 1.7vw, 30px) !important; line-height: 1.5 !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #contact .contact-layout { max-height: var(--scene-height) !important; }
html body.visual-refresh.editorial-v1.living-fold.horizontal-snap.a11y-reading-mode #about .about76__note { line-height: 1.9 !important; }

/* Larger scenes can give the words the same presence as their artwork. Compact
   scenes keep the established fitting rules below. */
@media (min-width: 1100px) and (min-height: 800px) {
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy { align-content: safe center !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .review-card blockquote { max-width: 38ch !important; font-size: clamp(26px, 2.15vw, 36px) !important; line-height: 1.45 !important; letter-spacing: -.025em !important; }
}

@media (min-width: 701px) and (max-width: 900px) {
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-stage { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(100px, 1fr) auto !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy { height: auto !important; padding: 20px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy blockquote { max-width: 65ch !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-browser { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 96px minmax(0, 1fr) auto !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs { grid-area: 1 / 1 !important; flex-flow: row nowrap !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs [data-archive-tab] { flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs .archive-catalog-button { flex: 0 0 126px !important; width: 126px !important; min-width: 0 !important; white-space: normal !important; text-align: center !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-feature { grid-area: 2 / 1 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta { grid-area: 3 / 1 !important; height: auto !important; min-height: 0 !important; padding: 14px 16px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta h3 { margin-block: 8px !important; font-size: 26px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76 { gap: 18px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__tools { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #reviews .reviews-layout { grid-template-columns: 210px minmax(0, 1fr) !important; }
}
@media (min-width: 701px) and (max-height: 700px) {
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .dp-hero-v6 { padding-top: 96px !important; padding-bottom: 20px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .dp-hero-v6__kicker { margin-bottom: 14px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .dp-hero-v6__heading { font-size: clamp(42px, 5.3vw, 78px) !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .editorial-hero-intro { margin: 18px auto !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #top .living-fold-art { margin-top: 10px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__story { padding-block: 0 !important; gap: 14px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__intro h2 { display: flex !important; align-items: baseline !important; gap: 12px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__intro h2 strong { font-size: 44px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row b { font-size: 28px !important; }
}
@media (min-width: 701px) and (max-width: 900px) and (max-height: 700px) {
  /* Compact screens keep the selected artwork larger than its thumbnail rail. */
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-browser { grid-template-rows: 64px minmax(0, 1fr) auto !important; gap: 12px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs { height: 64px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs [data-archive-tab] { height: 64px !important; min-height: 44px !important; padding: 6px 4px !important; display: grid !important; grid-template-columns: 16px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; align-content: center !important; gap: 2px 4px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs [data-archive-tab] > span { grid-area: 1 / 1 / 3 / 2 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs [data-archive-tab] > b { grid-area: 1 / 2 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-tabs [data-archive-tab] > small { grid-area: 2 / 2 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-feature { padding: 0 !important; grid-template-rows: minmax(0, 1fr) 68px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-filmstrip { height: 68px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-filmstrip button { height: 56px !important; min-height: 56px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta { padding: 0 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #archive .archive-meta h3 { margin-block: 0 !important; font-size: 24px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-layout { grid-template-rows: 52px minmax(0, 1fr) !important; gap: 8px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-tabs { height: 52px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-tabs button { height: 52px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-stage { grid-template-rows: minmax(80px, 1fr) auto !important; gap: 8px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important;
    grid-template-rows: repeat(4, auto) !important;
    gap: 8px !important;
    padding: 12px !important;
  }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy > p { grid-area: 1 / 2 !important; margin: 0 !important; align-self: center !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy > h3 { grid-area: 1 / 1 !important; margin: 0 !important; font-size: 28px !important; align-self: center !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-copy > blockquote { grid-area: 2 / 1 / 3 / -1 !important; margin: 0 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-tags { grid-area: 3 / 1 / 4 / -1 !important; padding: 0 !important; margin: 0 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-controls { grid-area: 4 / 1 / 5 / -1 !important; margin: 0 !important; padding-top: 8px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-thumbnail { padding: 10px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #work .project-play { width: 44px !important; height: 44px !important; min-height: 44px !important; }
}
/* Short medium-width scenes also need the compact story and feed spacing. */
@media (min-width: 701px) and (max-width: 1100px) and (max-height: 700px) {
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row article { display: block !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row b { position: absolute !important; top: 10px !important; left: 0 !important; font-size: 18px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row span { padding-left: 24px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row strong { font-size: 16px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__method-row small { line-height: 1.35 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__instagram { padding: 0 !important; gap: 8px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__instagram > header { padding: 0 !important; gap: 6px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__instagram > header strong { font-size: 16px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__toolkit { padding: 8px 0 !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__toolkit > header > div { display: block !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__toolkit > header small { display: inline !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .about76__toolkit > header span { margin-right: 10px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .instagram-feed { height: 100% !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .instagram-fallback { padding: 0 !important; gap: 8px !important; }
  html body.visual-refresh.editorial-v1.living-fold.horizontal-snap #about .instagram-fallback p { margin: 0 !important; font-size: 14px !important; line-height: 1.4 !important; }
}

/* At short zoomed desktop heights, a document is more usable than clipped
   horizontal scenes. The navigation controller owns this explicit fallback. */
html:has(body.vertical-fallback),
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
}
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback {
  --editorial-header: 88px;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
}
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #portfolioNavigation.sidebar { position: fixed !important; height: 88px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #site-stage.stage-shell {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 88px 0 0 !important;
  overflow: visible !important;
  transform: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #site-stage .horizontal-strip {
  display: flex !important;
  flex-flow: column nowrap !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  transform: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #site-stage .horizontal-strip > .panel[data-panel] {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 48px clamp(24px, 5vw, 80px) !important;
  overflow: visible !important;
  scroll-margin-top: 100px !important;
  transform: none !important;
}
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #top .dp-hero-v6 { height: auto !important; min-height: 0 !important; padding: 48px 0 24px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #top .editorial-hero-line { white-space: normal !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #top .living-fold-art { height: clamp(140px, 28vw, 300px) !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback .title-panel .chapter-shell { height: auto !important; min-height: 0 !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback .title-panel .living-fold-chapter-art { height: clamp(140px, 28vw, 260px) !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #site-stage :is(.project-layout, .project-stage, .project-copy, .places-stage, .landmark-grid, .landmark-story, .landmark-copy, .archive-browser, .archive-feature, .archive-meta, .about76, .about76__body, .about76__story, .about76__instagram, .about76__toolkit, .reviews-layout, .review-card, .contact-layout) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #site-stage :is(.project-tabs, .archive-tabs, .review-tabs, .archive-filmstrip) { overflow-y: clip !important; height: auto !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #work .project-tabs button { padding-block: 8px !important; grid-template-rows: auto auto !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #work .project-stage { grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr) !important; grid-template-rows: auto !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #work :is(.project-media-frame, .project-media) { height: 340px !important; min-height: 0 !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #work .project-copy { grid-template-rows: auto auto auto auto auto !important; padding: 22px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .places-stage { display: block !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-rows: auto !important; padding: 0 !important; translate: none !important; align-items: stretch !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-story { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 150px auto !important; padding: 16px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-art { display: grid !important; grid-area: 1 / 1 !important; height: 150px !important; overflow: clip !important; translate: none !important; position: relative !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-art svg { height: 100% !important; width: 100% !important; max-height: 100% !important; margin: 0 !important; transform: none !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-copy { grid-area: 2 / 1 !important; padding: 16px 0 0 !important; translate: none !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-copy :is(small, h3, p, footer) { grid-area: auto !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #journey .landmark-copy :is(small, footer) { display: block !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #archive .archive-browser { grid-template-rows: auto minmax(0, 1fr) auto !important; grid-template-columns: minmax(0, 1fr) !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #archive .archive-tabs { flex-flow: row wrap !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #archive .archive-feature { height: 420px !important; grid-template-rows: minmax(0, 1fr) 92px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #about .about76__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #about .about76__tools { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #reviews .reviews-layout { grid-template-columns: 230px minmax(0, 1fr) !important; grid-template-rows: auto 50px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #reviews .review-tabs { grid-area: 1 / 1 !important; flex-direction: column !important; overflow: visible !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #reviews .review-nav { grid-area: 2 / 1 !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #reviews .review-card { grid-area: 1 / 2 / 3 / 3 !important; grid-template-rows: auto auto auto !important; gap: 22px !important; padding: 24px !important; }
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #contact .contact-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) !important; }
@media (max-width: 900px) {
  html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #work .project-stage { grid-template-columns: minmax(0, 1fr) !important; }
  html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #work :is(.project-media-frame, .project-media) { height: 300px !important; }
  html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #about .about76__body { grid-template-columns: minmax(0, 1fr) !important; }
  html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #about .about76__tools { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  html body.visual-refresh.editorial-v1.living-fold.vertical-fallback #contact .contact-layout { grid-template-columns: minmax(0, 1fr) !important; }
}
html:has(body.vertical-fallback:is(.project-open, .cv-open)),
html body.visual-refresh.editorial-v1.living-fold.vertical-fallback:is(.project-open, .cv-open) { overflow: hidden !important; }