/* ==========================================================================
   About Us page (load after style.css).
   WordPress: enqueue on the About page template only.
   ========================================================================== */

.about-header{
  text-align:center;
  padding:110px 0 96px;
  background:linear-gradient(rgba(20,8,6,.62),rgba(20,8,6,.78)),var(--hero-img,url('../../images/about_us.webp')) center/cover no-repeat;
  color:#F8F2E6;
}
.about-header .eyebrow{color:var(--brass-dim);}
.about-header .headline{max-width:22ch;margin:0 auto;text-shadow:0 2px 18px rgba(0,0,0,.45);}
.about-header .lede{margin:18px auto 0;font-size:17px;color:#E6DAC0;max-width:56ch;line-height:1.65;}
.about-header .about-jump a{background:rgba(20,8,6,.45);border-color:rgba(248,242,230,.4);color:#F8F2E6;}
.about-header .about-jump a:hover{background:rgba(20,8,6,.7);border-color:var(--brass-dim);color:var(--brass-dim);}
@media(max-width:860px){.about-header{padding:72px 0 64px;}}

/* In-page jump links */
.about-jump{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px;list-style:none;}
.about-jump a{
  display:inline-block;padding:8px 18px;border:1px solid var(--line);border-radius:2px;
  font-family:'Rosarivo',serif;font-size:16px;text-decoration:none;color:var(--text);
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.about-jump a:hover{border-color:var(--brass);color:var(--brass-text);}

/* What? / Why? / How? / Who? blocks */
.about-block{padding:72px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px;}
.about-block.alt{background:var(--parchment-2);}
.about-block .wrap{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start;}
.about-label{
  font-family:'Rosarivo',serif;font-weight:500;color:var(--brass-text);
  font-size:clamp(36px,4.6vw,56px);line-height:1;position:sticky;top:120px;
}
.about-label small{display:block;margin-top:12px;font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);}
.about-text p{font-size:17.5px;line-height:1.8;color:var(--text);max-width:68ch;}
.about-text p + p{margin-top:20px;}
.about-text .lead-in{font-family:'Rosarivo',serif;font-size:clamp(20px,2.2vw,24px);line-height:1.55;color:var(--text);}

/* Full-width image below a block's text */
.about-figure{grid-column:1 / -1;margin:8px 0 0;}
.about-figure img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 14px 30px rgba(42,32,22,.16);}
.about-figure figcaption{
  margin:18px auto 0;max-width:70ch;text-align:center;
  font-family:'Libre Baskerville',serif;font-variant:small-caps;font-weight:700;letter-spacing:.02em;
  font-size:15px;line-height:1.45;color:var(--text);
}
@media(max-width:600px){.about-figure img{border-radius:10px;}.about-figure figcaption{font-size:14px;}}


@media(max-width:860px){
  .about-block{padding:52px 0;scroll-margin-top:90px;}
  .about-block .wrap{grid-template-columns:1fr;gap:18px;}
  .about-label{position:static;}
  .about-text p{font-size:16.5px;}
}

/* ---- Captioned photos (What? artworks, Who? history pairs) ---- */
.about-art,.about-photos{grid-column:1 / -1;}
.about-art figcaption,.photo-pair figcaption{
  font-family:'Libre Baskerville',serif;font-variant:small-caps;font-weight:700;letter-spacing:.02em;
  font-size:15px;line-height:1.45;color:var(--text);text-align:center;
}
.about-art{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:12px;}
.about-art figure{margin:0;}
.about-art img{width:100%;height:auto;aspect-ratio:var(--ar);object-fit:cover;border-radius:12px;box-shadow:0 12px 26px rgba(42,32,22,.14);}
.about-art figcaption{margin-top:16px;max-width:46ch;margin-left:auto;margin-right:auto;}

.about-photos{display:flex;flex-direction:column;gap:34px;margin-top:16px;}
.photo-pair{margin:0;}
.photo-pair .pair{display:flex;gap:14px;}
/* Each photo's width is proportional to its aspect ratio, so both share one height without cropping */
.photo-pair img{flex:var(--ar) 1 0;min-width:0;width:100%;height:auto;aspect-ratio:var(--ar);border-radius:10px;box-shadow:0 10px 22px rgba(42,32,22,.14);}
.photo-pair figcaption{margin:14px auto 0;max-width:80ch;}
.photo-pair figcaption strong{font-weight:700;}

@media(max-width:700px){
  .about-art{grid-template-columns:1fr;gap:28px;}
  .photo-pair .pair{flex-direction:column;gap:10px;}
  .photo-pair img{flex:none;}
  .about-art figcaption,.photo-pair figcaption{font-size:14px;}
}

/* WordPress: a single artwork spans the row */
.about-art[data-count="1"]{grid-template-columns:minmax(0,640px);justify-content:center;}
.about-text ul,.about-text ol{font-size:17.5px;line-height:1.8;padding-left:22px;margin-top:16px;}
.about-text a{color:var(--ink-2);}