/* Living Fold: one artwork and a shared motion rhythm, owned by native scenes. */
html body.visual-refresh.editorial-v1.living-fold {
  --fold-ease: cubic-bezier(.2, .8, .25, 1);
  --fold-space: clamp(24px, 4vw, 72px);
}
html body.living-fold .fixed-background { background: var(--paper) !important; }

/* The selected centered composition replaces the previous portrait layout. */
html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6 {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  justify-content: safe center !important;
  gap: 0 !important;
  width: min(1800px, 100%) !important;
  height: 100% !important;
  min-height: 760px !important;
  margin: 0 auto !important;
  padding: max(136px, 15.5vh) var(--fold-space) 96px !important;
  overflow: visible !important;
  transform: none !important;
  animation: none !important;
}
html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6__copy {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  order: 1 !important;
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  transform: none !important;
  z-index: 1 !important;
}
html body.living-fold #top .dp-hero-v11__copy-depth {
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
}
html body.living-fold #top .dp-hero-v6__kicker {
  display: block !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  color: var(--ink-2) !important;
  font: 500 12px/1.6 Arial, Helvetica, sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
html body.living-fold #top .dp-hero-v6__kicker > span { margin-inline: 12px; color: var(--accent-readable, var(--accent)); }
html body.living-fold #top .dp-hero-v6__kicker::before,
html body.living-fold #top .dp-hero-v6__kicker::after { display: none !important; }
html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6__heading {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
  font: 700 clamp(48px, 5.9vw, 104px)/1.04 Arial, Helvetica, sans-serif !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  justify-items: normal !important;
  align-content: normal !important;
  text-shadow: none !important;
  transform: none !important;
}
html body.living-fold #top .editorial-hero-line { display: block !important; width: 100% !important; text-align: center !important; white-space: nowrap; }
html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6__heading em {
  display: inline !important;
  margin: 0 !important;
  color: var(--accent-readable, var(--accent)) !important;
  font: italic 400 1em/1.04 Georgia, 'Times New Roman', serif !important;
  letter-spacing: -.055em !important;
  transform: none !important;
}
html body.living-fold #top .editorial-hero-intro {
  max-width: 46ch;
  margin: 28px auto 26px;
  color: var(--ink-2);
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.5;
  letter-spacing: 0;
}
html body.living-fold.a11y-large-text #top .editorial-hero-intro { font-size: 20px; }
html body.living-fold #top .editorial-hero-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 26px; }
html body.living-fold .living-fold-art {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-width: 1600px;
  margin: 20px auto 0;
  pointer-events: none;
  transform-origin: 50% 80%;
}
html body.living-fold .living-fold-art__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2146 / 733;
  object-fit: contain;
  transform-origin: 50% 80%;
}
html body.living-fold #top .living-fold-art { order: 2; height: clamp(230px, 34vh, 370px); overflow: hidden; overflow: clip; overflow-clip-margin: 8px; }
html body.living-fold #top .living-fold-art__image { margin-top: -7%; }

/* Each chapter uses the same material, typography and generous open surface. */
html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-shell {
  width: min(1500px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  gap: clamp(24px, 3vh, 40px) !important;
}
html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-index {
  grid-area: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  width: min(280px, 100%) !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
html body.living-fold .chapter-index strong { font: 500 12px/1.5 Arial, Helvetica, sans-serif !important; }
html body.living-fold .chapter-index > span { flex: 1; height: 1px !important; min-height: 0 !important; width: auto !important; background: var(--line-strong) !important; }
html body.living-fold .chapter-index small { font: 400 12px/1.5 Arial, Helvetica, sans-serif !important; }
html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-copy { grid-area: 2 / 1 !important; max-width: 100% !important; justify-items: center !important; text-align: center !important; }
html body.living-fold .chapter-label { justify-content: center; margin: 0 0 22px !important; font-size: 11px !important; font-weight: 500 !important; }
html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-copy h2 { max-width: 100%; font: 700 clamp(40px, 4.7vw, 80px)/1.07 Arial, Helvetica, sans-serif !important; letter-spacing: -.045em !important; text-wrap: balance; }
html body.living-fold .title-panel .chapter-line-primary { line-height: 1.07 !important; }
html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-line-accent { margin: .15em 0 0 !important; font-size: .88em !important; line-height: 1.1 !important; white-space: normal !important; }
html body.living-fold .title-panel .chapter-line-accent em { font: italic 400 1em/1.1 Georgia, 'Times New Roman', serif !important; white-space: normal !important; }
html body.living-fold .chapter-keywords { justify-content: center; margin-top: 24px !important; gap: 24px !important; }
html body.living-fold .chapter-keywords > span { font-size: 10px !important; font-weight: 500 !important; letter-spacing: .12em !important; padding-left: 0 !important; }
html body.living-fold .chapter-keywords > span::before { display: none !important; }
html body.visual-refresh.editorial-v1.living-fold .living-fold-chapter-art { grid-area: 3 / 1 !important; display: block !important; width: min(1200px, 90%) !important; margin: 0 auto !important; }
html body.living-fold .living-fold-chapter-art .living-fold-art__image { max-height: 28vh; }

/* One interaction rhythm across galleries, navigation and quieter settings. */
html body.living-fold :is(.project-tabs button, .review-tabs button, .archive-tabs button, .catalog-tabs button, .project-actions a, .editorial-primary, .editorial-secondary, .contact-links a, .contact-email, .portfolio-preferences summary) {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, text-decoration-color 180ms ease !important;
}
html body.living-fold :is(.editorial-secondary, .case76-jump a):hover { text-decoration-color: currentColor; }
html body.living-fold :is(.project-copy h3, .archive-meta h3, .contact-intro h2) { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: -.035em !important; }
html body.living-fold :is(.portfolio-preferences__panel, .colour-studio, .accessibility-panel, .catalog-dialog) { border-radius: 12px !important; }
html body.living-fold .portfolio-preferences__heading { letter-spacing: -.02em; }

@media (prefers-reduced-motion: no-preference) {
  html body.living-fold #top[data-current] :is(.dp-hero-v6__kicker, .editorial-hero-line, .editorial-hero-intro, .editorial-hero-actions) { animation: dp-fold-arrive 650ms var(--fold-ease) both !important; }
  html body.living-fold #top[data-current] .editorial-hero-line { animation-delay: 60ms !important; }
  html body.living-fold #top[data-current] .editorial-hero-line + .editorial-hero-line { animation-delay: 120ms !important; }
  html body.living-fold #top[data-current] .editorial-hero-intro { animation-delay: 180ms !important; }
  html body.living-fold #top[data-current] .editorial-hero-actions { animation-delay: 220ms !important; }
  html body.living-fold [data-panel][data-current] .living-fold-art { animation: dp-fold-unfold 900ms var(--fold-ease) 100ms both !important; }
  html body.living-fold .content-panel[data-current] :is(.project-copy > h3, .archive-meta > h3, .contact-intro > h2, .about76__intro, .review-card-head, .landmark-copy > h3) { animation: dp-fold-content 550ms var(--fold-ease) both !important; }
  html body.living-fold :is(.portfolio-preferences[open] .portfolio-preferences__panel, .colour-studio:not([hidden]), .accessibility-panel:not([hidden]), .catalog-dialog[open]) { animation: dp-fold-arrive 200ms var(--fold-ease) both !important; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  html body.living-fold [data-panel][data-current] .living-fold-art__image { animation: dp-fold-breathe 9s ease-in-out 1s infinite alternate; }
}
@keyframes dp-fold-arrive { from { opacity: .35; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
@keyframes dp-fold-content { from { opacity: .6; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes dp-fold-unfold { from { opacity: .2; transform: perspective(1200px) rotateX(9deg) scaleY(.88) translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes dp-fold-breathe { to { transform: translateY(-5px) rotate(-.25deg); } }
html body.visual-refresh.editorial-v1.living-fold:is(.is-page-hidden, .project-open, .cv-open) #site-stage [data-panel] * { animation-play-state: paused !important; }
html.performance-lite body.visual-refresh.editorial-v1.living-fold :is(#site-stage :is(.living-fold-art, .living-fold-art__image, .chapter-title-enter, .editorial-hero-line, .dp-hero-v6__kicker, .editorial-hero-intro, .editorial-hero-actions, .project-copy > h3, .archive-meta > h3, .contact-intro > h2, .about76__intro, .review-card-head, .landmark-copy > h3), .portfolio-preferences__panel, .colour-studio, .accessibility-panel, .catalog-dialog),
html body.visual-refresh.editorial-v1.living-fold.a11y-reduce-motion :is(#site-stage :is(.living-fold-art, .living-fold-art__image, .chapter-title-enter, .editorial-hero-line, .dp-hero-v6__kicker, .editorial-hero-intro, .editorial-hero-actions, .project-copy > h3, .archive-meta > h3, .contact-intro > h2, .about76__intro, .review-card-head, .landmark-copy > h3), .portfolio-preferences__panel, .colour-studio, .accessibility-panel, .catalog-dialog) {
  animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; translate: none !important;
}

@media (min-width: 701px) and (max-height: 800px) {
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6 { min-height: 620px !important; padding-top: 112px !important; padding-bottom: 72px !important; }
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6__heading { font-size: clamp(40px, 5.2vw, 80px) !important; }
  html body.living-fold #top .dp-hero-v6__kicker { margin-bottom: 20px !important; }
  html body.living-fold #top .editorial-hero-intro { margin-block: 20px; }
  html body.living-fold #top .living-fold-art { margin-top: 8px; }
}
@media screen and (max-width: 700px), screen and (max-width: 1000px) and (max-height: 700px) and (pointer: coarse) {
  html body.visual-refresh.editorial-v1.living-fold #top { padding: 0 24px !important; }
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6 { width: 100% !important; height: auto !important; min-height: min(760px, calc(100svh - 66px)) !important; padding: 120px 0 40px !important; justify-content: center !important; }
  html body.living-fold #top .dp-hero-v6__kicker { font-size: 10px !important; letter-spacing: .1em !important; margin-bottom: 24px !important; }
  html body.living-fold #top .dp-hero-v6__kicker > span { margin-inline: 5px; }
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6__heading { font-size: clamp(34px, 9.5vw, 64px) !important; line-height: 1.09 !important; letter-spacing: -.045em !important; }
  html body.living-fold #top .editorial-hero-line { white-space: normal; }
  html body.living-fold #top .editorial-hero-intro { max-width: 34ch; font-size: 15px; line-height: 1.6; margin: 24px auto; }
  html body.living-fold #top .editorial-desktop-break { display: none; }
  html body.living-fold #top .editorial-hero-actions { flex-direction: row; gap: 10px 20px; }
  html body.living-fold #top .living-fold-art { width: calc(100% + 16px); height: auto; margin: 36px -8px 0; }
  html body.living-fold #top .living-fold-art__image { margin-top: 0; }
  html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-shell { gap: 24px !important; }
  html body.visual-refresh.editorial-v1.living-fold .title-panel .chapter-copy h2 { font-size: clamp(32px, 8.2vw, 56px) !important; line-height: 1.1 !important; }
  html body.living-fold .chapter-label { font-size: 10px !important; margin-bottom: 18px !important; }
  html body.living-fold .chapter-keywords { margin-top: 20px !important; gap: 20px !important; }
  html body.visual-refresh.editorial-v1.living-fold .living-fold-chapter-art { width: 100% !important; }
  html body.living-fold .living-fold-chapter-art .living-fold-art__image { max-height: none; }
}
@media screen and (max-width: 380px) {
  html body.living-fold #top .editorial-hero-actions { gap: 10px 14px; }
  html body.visual-refresh.editorial-v1.living-fold .editorial-primary { font-size: 13px; padding-inline: 18px; gap: 8px; }
  html body.visual-refresh.editorial-v1.living-fold .editorial-secondary { font-size: 13px; }
}
@media screen and (max-height: 300px) {
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6 { padding-top: 32px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.visual-refresh.editorial-v1.living-fold :is(#site-stage :is(.living-fold-art, .living-fold-art__image, .chapter-title-enter, .editorial-hero-line, .dp-hero-v6__kicker, .editorial-hero-intro, .editorial-hero-actions, .project-copy > h3, .archive-meta > h3, .contact-intro > h2, .about76__intro, .review-card-head, .landmark-copy > h3), .portfolio-preferences__panel, .colour-studio, .accessibility-panel, .catalog-dialog) { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; translate: none !important; }
}

@media (forced-colors: active) { html body.visual-refresh.editorial-v1.living-fold .living-fold-art { display: none !important; } }
@media print {
  html body.visual-refresh.editorial-v1.living-fold .living-fold-art { display: none !important; }
  html body.visual-refresh.editorial-v1.living-fold #site-stage * { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; translate: none !important; }
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6 { display: block !important; min-height: 0 !important; height: auto !important; padding: 0 !important; }
  html body.visual-refresh.editorial-v1.living-fold #top .dp-hero-v6__heading { font-size: 30pt !important; text-align: left !important; }
  html body.living-fold #top .editorial-hero-line { white-space: normal; text-align: left !important; }
}