/* Editorial layout for Over ons. The shared header, footer and contact panel retain their existing styles. */
.about-editorial { background: #f8f4ec; }
.about-banner { position: relative; isolation: isolate; overflow: hidden; background: #67513e; color: #fffaf2; }
.about-banner-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 51%; }
.about-banner::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(45,33,23,.9), rgba(45,33,23,.65) 45%, rgba(45,33,23,.1)); }
.about-banner-copy { padding-block: 40px 38px; }
.about-banner .eyebrow { color: #e8dfd0; font-size: .69rem; letter-spacing: .21em; }
.about-banner h1 { color: inherit; font-size: clamp(3.3rem, 5.7vw, 5.5rem); line-height: 1.04; font-weight: 500; letter-spacing: -.025em; margin: 12px 0 6px; }
.about-banner-subtitle { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.35; margin: 0; }
.about-banner-intro { max-width: 47ch; font-size: .9375rem; line-height: 1.65; margin: 22px 0 0; padding-top: 16px; border-top: 1px solid rgba(255,250,242,.45); }
.about-chapters { padding-top: 8px; }
.about-chapter { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.28fr); gap: clamp(30px, 4.2vw, 60px); align-items: start; padding: 42px 0; }
.about-chapter + .about-chapter { border-top: 1px solid #cfc4b4; }
.about-chapter-copy { padding-top: 2px; }
.about-chapter .eyebrow { color: #6d6052; font-size: .68rem; letter-spacing: .19em; }
.about-chapter h2 { font-size: clamp(1.8rem, 2.6vw, 2.55rem); font-weight: 500; line-height: 1.1; letter-spacing: -.015em; margin: 12px 0 21px; text-wrap: pretty; }
.about-chapter-copy p { font-size: .9375rem; line-height: 1.7; color: #5f574d; margin: 0 0 16px; max-width: 55ch; }
.about-chapter-copy .text-link { display: inline-block; margin-top: 8px; font-size: .875rem; }
.about-byline { margin-top: 24px; }
.about-byline > span { font-family: 'Playfair Display', Georgia, serif; font-size: 1.6rem; font-style: italic; color: #5b3a24; }
.about-byline small { display: block; font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; color: #786a5b; margin-top: 6px; }
.about-photo-pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 20px; min-width: 0; }
.about-photo-pair figure { margin: 0; min-width: 0; }
.about-photo-pair figure > img { display: block; width: 100%; height: auto; border-radius: 2px; }
.about-photo-pair figcaption { margin-top: 12px; color: #796d5e; font-size: .72rem; line-height: 1.5; }
.about-photo-pair figcaption strong { display: block; font-size: .63rem; line-height: 1.65; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #53483c; }
.about-photo-pair figcaption span { display: block; margin-top: 2px; }
.about-intro-photos { --intro-photo-height: clamp(340px,35vw,460px); grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); align-items: start; }
.about-intro-photos .about-portrait > img { height: var(--intro-photo-height); object-fit: cover; object-position: center 52%; }
.about-intro-photos .about-bus > img { height: calc(var(--intro-photo-height) - 104px); object-fit: cover; object-position: center bottom; }
.about-photo-logo { height: 104px; display: flex; justify-content: center; align-items: flex-start; padding-bottom: 14px; }
.about-photo-logo img { display: block; width: auto; max-width: 90px; height: 86px; object-fit: contain; filter: brightness(1.15) contrast(1.15); mix-blend-mode: multiply; }
.about-workshop-photos { grid-template-columns: minmax(0,.75fr) minmax(0,1fr); gap: 20px; }
.about-film-frame { position: relative; aspect-ratio: 9 / 16; overflow: hidden; background: #4e4437; border-radius: 2px; }
.about-film-frame video { display: block; width: 100%; height: 100%; object-fit: contain; }
.about-workshop-photos .about-making > img { aspect-ratio: 3 / 4; object-fit: cover; }
.about-film-toggle { position: absolute; right: 10px; bottom: 10px; display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 44px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; background: rgba(41,30,21,.85); color: #fffaf3; font: 500 .75rem/1.2 Inter, sans-serif; cursor: pointer; }
.about-film-toggle:hover { background: #4b3020; }
.about-film-toggle:focus-visible { outline: 3px solid white; outline-offset: -5px; }
.about-film-toggle [data-film-icon] { font-size: .8rem; min-width: 10px; }
.about-family-photos > figure > img { aspect-ratio: 4 / 3; object-fit: cover; }
.about-family-photos > figure:first-child > img { object-position: center 57%; }
.about-roots-chapter { padding-bottom: 32px; }
@media (min-width: 1440px) {
  .about-chapter { grid-template-columns: minmax(0,.86fr) minmax(0,1.3fr); }
  .about-chapter-copy p { font-size: 1rem; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .about-chapter { grid-template-columns: minmax(0,.82fr) minmax(0,1fr); gap: 28px; }
  .about-photo-pair { gap: 12px; }
  .about-photo-logo { height: 72px; padding-bottom: 10px; }
  .about-photo-logo img { height: 60px; }
  .about-intro-photos { --intro-photo-height: 290px; }
  .about-intro-photos .about-bus > img { height: calc(var(--intro-photo-height) - 72px); }
  .about-chapter h2 { font-size: 1.95rem; }
  .about-photo-pair figcaption strong { letter-spacing: .08em; }
  .about-workshop-photos { position: sticky; top: 102px; }
  .about-film-toggle { right: 6px; bottom: 6px; padding: 10px; }
}
@media (max-width: 700px) {
  .about-banner-copy { padding-block: 30px; }
  .about-banner h1 { font-size: clamp(3.3rem, 13vw, 4.4rem); }
  .about-banner-intro { max-width: 39ch; font-size: .875rem; margin-top: 18px; }
  .about-banner::after { background: linear-gradient(90deg,rgba(45,33,23,.88),rgba(45,33,23,.58)); }
  .about-chapters { padding-top: 0; }
  .about-chapter { grid-template-columns: minmax(0,1fr); gap: 26px; padding-block: 32px; }
  .about-chapter h2 { font-size: clamp(1.95rem, 7.6vw, 2.5rem); line-height: 1.12; margin-bottom: 20px; }
  .about-chapter-copy p { max-width: none; }
  .about-byline { margin-top: 20px; }
  .about-photo-pair { gap: 12px; }
  .about-photo-logo { height: 74px; padding-bottom: 10px; }
  .about-photo-logo img { height: 62px; }
  .about-intro-photos { --intro-photo-height: clamp(250px,77vw,390px); }
  .about-intro-photos .about-bus > img { height: calc(var(--intro-photo-height) - 74px); }
  .about-photo-pair figcaption { margin-top: 9px; font-size: .68rem; }
  .about-photo-pair figcaption strong { font-size: .6rem; letter-spacing: .09em; }
  .about-film-toggle { right: 6px; bottom: 6px; min-height: 44px; padding: 10px; gap: 6px; }
  .about-family-photos { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .about-family-photos figcaption { font-size: .75rem; }
  .about-family-photos figcaption strong { font-size: .65rem; }
}
@media (prefers-reduced-motion: reduce) { .about-film-toggle { transition: none; } }