/* Three independent image windows retain the original photo unaltered.
   Source ranges: 0–518, 518–1264, and 1264–1774. The rooster is outside the last crop. */
body.about-story { background: #f1f0e8; font-family: Arial, Helvetica, sans-serif; }
.about-intro { padding-block:clamp(3rem,7vw,7rem) 2rem; }
.about-intro h1 { font-size:clamp(2rem,8vw,7.8rem); line-height:.98; letter-spacing:-.065em; font-weight:400; margin:.9rem 0 1.4rem; white-space:nowrap; }
.about-role { font-size:clamp(1rem,1.45vw,1.3rem); line-height:1.4; max-width:30ch; }
.about-lead { font-size:clamp(.95rem,1.1vw,1.1rem); line-height:1.65; margin-top:0; max-width:39ch; color:#595b51; }
.about-photo { position:relative; overflow:hidden; background:#171813; isolation:isolate; margin:0; }
.about-photo img { position:absolute; left:0; top:0; width:100%; height:auto; max-width:none; display:block; }
.about-photo-portrait { aspect-ratio:1080/518; }
.about-photo-team { aspect-ratio:1080/746; width:90%; }
.about-photo-team img { transform:translateY(-26.979166667%); }
.about-photo-headphones { aspect-ratio:1080/510; width:90%; margin-left:auto; }
.about-photo-headphones img { transform:translateY(-65.833333333%); }
.about-chapter { display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(2rem,7vw,7rem); align-items:center; margin-top:clamp(4rem,10vw,10rem); }
.about-copy { max-width:40ch; }
.about-copy h2 { font-size:clamp(1.6rem,2.5vw,2.6rem); line-height:1.05; letter-spacing:-.05em; font-weight:400; margin-bottom:1.5rem; }
.about-copy > p { font-size:clamp(.97rem,1.2vw,1.1rem); line-height:1.65; margin-top:1.1rem; color:#595b51; }
.about-direction { grid-template-columns:1fr 1.2fr; padding-left:8vw; }
.about-recognition { margin-top:clamp(4rem,9vw,9rem); padding-top:2rem; border-top:1px solid var(--line); }
.about-recognition .about-copy { max-width:none; }
.about-recognition .profile-awards { font-size:.9rem; line-height:1.7; margin-bottom:1.5rem; }
.about-story .contact-band { margin-top:clamp(4rem,8vw,8rem); }
@media(max-width:700px) {
  .about-intro { padding-top:2.8rem; }
  .about-lead { max-width:none; }
  .about-photo-portrait { width:92%; margin-top:0; margin-left:auto; }
  .about-chapter { grid-template-columns:1fr; gap:2rem; margin-top:3.5rem; }
  .about-agency .about-copy { grid-row:1; }
  .about-photo-team { width:90%; }
  .about-direction { padding-left:0; }
  .about-copy { max-width:none; }
  .about-photo-headphones { width:94%; }
  .about-recognition { grid-template-columns:1fr; margin-top:4rem; gap:2.3rem; }
}

.about-role { max-width:none; }
.about-origin, .about-personal { display:grid; grid-template-columns:1fr 1.25fr; gap:clamp(2rem,6vw,6rem); align-items:center; margin-top:clamp(2.5rem,5vw,5rem); }
.about-origin-copy { font-size:clamp(1.3rem,2.3vw,2.3rem); line-height:1.35; letter-spacing:-.035em; }
.about-origin-copy a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
.about-rodriguez { margin:0; scroll-margin-top:2rem; }
.about-rodriguez video { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:#171813; }
.about-lead p + p { margin-top:1.2rem; }
.about-lead .about-age { margin-top:2rem; color:var(--ink); }
.about-years { display:block; margin-bottom:1rem; }
.about-recognition .award-gallery { margin:0 0 1.5rem; padding:0; list-style:none; }
.about-recognition .award-row { display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:center; gap:clamp(2rem,7vw,7rem); padding:1.5rem 0; border-bottom:1px solid var(--line); margin:0; }
.award-copy { max-width:45ch; font-size:clamp(1.05rem,1.6vw,1.45rem); line-height:1.5; }
.award-visual { height:220px; display:flex; align-items:center; justify-content:center; margin:0; }
.award-visual img { width:auto; max-width:100%; height:100%; object-fit:contain; }
.award-pulsar img { mix-blend-mode:multiply; }
.award-ojo img { height:200px; }
.award-shortlist { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:170px; border-block:1px solid var(--ink); text-align:center; }
.award-shortlist span { font-size:.8rem; line-height:1.5; }
.award-shortlist strong { display:block; font-size:clamp(1.7rem,3vw,2.1rem); font-weight:400; letter-spacing:-.06em; margin:.35rem 0; }
.award-sources { max-width:70ch; font-size:.75rem; line-height:1.6; color:var(--mute); margin:1.5rem 0; }
.award-sources summary { cursor:pointer; width:fit-content; }
.award-sources p { margin-top:.8rem; }
.award-sources a { text-decoration:underline; text-underline-offset:.15em; }
@media(max-width:700px) {
  .about-origin, .about-personal { grid-template-columns:1fr; gap:1.6rem; margin-top:2.4rem; }
  .about-origin-copy br { display:none; }
  .about-origin-copy br::after { content:" "; }
  .about-recognition .award-row { grid-template-columns:minmax(0,1fr) 110px; gap:1rem; padding:1.3rem 0; }
  .award-copy { font-size:1rem; }
  .award-visual { height:160px; }
  .award-ojo img { height:145px; }
  .award-shortlist { min-height:120px; }
  .award-shortlist span { font-size:.65rem; }
  .award-shortlist strong { font-size:1.45rem; }
}

/* Text-only awards where no licensed trophy image is available. */
.about-recognition .award-row:not(:has(.award-shortlist)){grid-template-columns:minmax(0,1fr)}
