/* Dualidades · isolated editorial presentation; shared shell remains in styles.css. */
.dualidades-page { background: var(--white-warm); }
.dualidades-hero { height: min(960px, 94vh); min-height: 650px; padding-bottom: 60px; }
.dualidades-hero .hero-media > img { object-position: 50% 49%; }
.dualidades-hero .hero-media::after { background: linear-gradient(0deg, rgba(16,18,35,.96), rgba(16,18,35,.65) 22%, rgba(16,18,35,.12) 48%, transparent 70%); }
.dualidades-hero h1 { font-size: clamp(2.7rem, 7.5vw, 7.5rem); letter-spacing: .04em; }
.dualidades-hero .eyebrow { margin: 0 0 18px; }
.dualidades-hero blockquote { max-width: 620px; margin: 22px auto 0; font: italic clamp(1.1rem, 2vw, 1.6rem)/1.5 var(--font-display); }
.dualidades-reading { max-width: 670px; text-align: center; }
.dualidades-reading h2 { margin: 24px 0 32px; }
.dualidades-reading p + p { margin-top: 16px; }
.dualidades-manifesto { display: grid; grid-template-columns: 55% 45%; align-items: center; background: var(--navy); color: var(--ivory); }
.dualidades-manifesto img, .dualidades-composition img { height: auto; }
.dualidades-manifesto-copy { padding: clamp(30px, 6vw, 90px); }
.dualidades-manifesto h2 { font-size: clamp(1.8rem, 3.1vw, 3.1rem); line-height: 1.25; margin-top: 28px; }
.dualidades-composition { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(40px, 8vw, 128px); align-items: center; max-width: 1280px; }
.dualidades-family-copy { max-width: 390px; }
.dualidades-family h2 { font-size: clamp(3rem, 5.6vw, 5.7rem); margin: 20px 0 28px; }
.dualidades-references { margin-top: 44px; opacity: .7; }
.dualidades-family ul { list-style: none; margin: 18px 0 0; padding: 0; }
.dualidades-family li { font-size: .7rem; letter-spacing: .12em; line-height: 1.6; padding: 12px 0; border-bottom: 1px solid rgba(29,33,64,.16); }
.dualidades-dual { background: #f7ebe5; }
.dualidades-dual .dualidades-composition { grid-template-columns: 1fr 1.15fr; }
.dualidades-dual figure { grid-column: 2; grid-row: 1; }
.dualidades-dual .dualidades-family-copy { grid-column: 1; grid-row: 1; }
.dualidades-eternelle .dualidades-composition { max-width: none; width: 100%; grid-template-columns: 1.45fr 1fr; gap: 7vw; }
.dualidades-eternelle .dualidades-family-copy { margin-right: var(--gutter); }
.dualidades-eternelle figure { max-height: 900px; overflow: hidden; }
.dualidades-circular { padding-top: 0; }
.dualidades-circular .dualidades-composition { grid-template-columns: 1fr 1fr; align-items: end; max-width: 1080px; }
.dualidades-circular .dualidades-family-copy { padding-bottom: 32px; }
.dualidades-symbols { background: var(--navy); color: var(--ivory); }
.dualidades-symbols > .container { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; max-width: 1180px; }
.dualidades-symbols h2 { margin-top: 30px; font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1.18; }
.dualidades-symbols h3 { font-size: .72rem; font-weight: 400; letter-spacing: .15em; }
.dualidades-symbols-copy { max-width: 320px; }
.dualidades-symbols-copy div + div { margin-top: 48px; }
.dualidades-closing { position: relative; color: var(--ivory); height: 650px; display: grid; place-items: end center; padding: 65px var(--gutter); isolation: isolate; text-align: center; }
.dualidades-closing > img { position: absolute; inset: 0; z-index: -2; object-position: 50% 62%; }
.dualidades-closing::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(16,18,35,.88), transparent 70%); }
.dualidades-closing h2 { font-size: clamp(2.3rem, 7vw, 7rem); }
.dualidades-closing p { margin-top: 22px; }
.dualidades-back { padding: 44px var(--gutter); text-align: center; }
/* Keep the longer family names within their existing desktop copy column. */
@media (min-width: 1200px) {
  .dualidades-eternelle h2, .dualidades-circular h2 { font-size: 4rem; }
}
@media (max-width: 767px) {
  .dualidades-hero { height: 88svh; min-height: 580px; max-height: 850px; padding-bottom: 40px; }
  .dualidades-hero .hero-media > img { object-position: 50% 42%; }
  .dualidades-hero h1 { font-size: clamp(2.3rem, 9vw, 4rem); }
  .dualidades-hero blockquote { max-width: 340px; }
  .dualidades-page .section-space { padding-block: 60px; }
  .dualidades-manifesto, .dualidades-composition, .dualidades-dual .dualidades-composition, .dualidades-eternelle .dualidades-composition, .dualidades-circular .dualidades-composition, .dualidades-symbols > .container { grid-template-columns: 1fr; gap: 32px; }
  .dualidades-manifesto { gap: 0; }
  .dualidades-manifesto-copy { padding: 44px var(--gutter) 56px; }
  .dualidades-dual figure, .dualidades-dual .dualidades-family-copy { grid-column: auto; grid-row: auto; }
  .dualidades-family-copy { max-width: none; }
  .dualidades-family h2 { margin-block: 14px 22px; }
  .dualidades-references { margin-top: 28px; }
  .dualidades-eternelle .dualidades-family-copy { margin: 0 var(--gutter); }
  .dualidades-eternelle figure { max-height: none; }
  .dualidades-page .dualidades-circular { padding-top: 0; }
  .dualidades-circular .dualidades-family-copy { padding-bottom: 0; }
  .dualidades-symbols-copy { max-width: none; }
  .dualidades-symbols-copy div + div { margin-top: 28px; }
  .dualidades-closing { height: auto; aspect-ratio: 1612 / 2400; padding: 40px var(--gutter); }
  .dualidades-back { padding-block: 30px; }
}