/* ARCHERY / ALINA ZHENG — editorial blue, 2026 */
.archery-page {background:#f6f9fd;color:#1a3e65;}
.archery-page main {overflow:hidden;}
.archery-page .archery-eyebrow {font:750 .76rem/1.45 Arial,Helvetica,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#37679d;}
.archery-page .archery-hero {background:#eff5fb;padding:42px 0 38px;}
.archery-page .archery-hero-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:center;gap:clamp(32px,6.3vw,90px);}
.archery-page .archery-hero h1 {margin:18px 0 20px;font:400 clamp(3.5rem,6vw,6rem)/1.01 Georgia,'Times New Roman',serif;letter-spacing:-.07em;color:#1b426e;}
.archery-page .archery-hero h1 em {color:#356da5;font-weight:400;white-space:nowrap;}
.archery-page .archery-lede {font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.68;color:#2f5784;max-width:620px;margin:0 0 18px;}
.archery-page .archery-lede strong{color:#193b61;}
.archery-page .archery-intro {color:#3d6289;font-size:1rem;line-height:1.75;max-width:595px;margin:0;}
.archery-page .archery-hero-photo {margin:0;position:relative;padding:12px;border-radius:200px 200px 17px 17px;border:1px solid #b7d3ed;background:#f9fcff;}
.archery-page .archery-hero-photo img {width:100%;height:clamp(400px,43vw,570px);display:block;border-radius:185px 185px 9px 9px;object-fit:cover;object-position:center 36%;}
.archery-page .archery-hero-photo figcaption {font:.7rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#4776a7;text-align:center;padding:14px 5px 5px;}
.archery-page .archery-stats {background:#1c426f;color:#f8fbff;padding:24px 0;}
.archery-page .archery-stat-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.archery-page .archery-stat {padding:9px 28px 10px;border-right:1px solid #6e90b5;}
.archery-page .archery-stat:first-child {padding-left:0;}
.archery-page .archery-stat:last-child {border-right:0;}
.archery-page .archery-stat-number {display:block;font:400 clamp(2.25rem,3.8vw,3.7rem)/1.02 Georgia,serif;color:#fff;letter-spacing:-.045em;}
.archery-page .archery-stat-label {display:block;font:.73rem/1.6 Arial,sans-serif;color:#d4e6f7;letter-spacing:.08em;text-transform:uppercase;margin-top:7px;}
.archery-page .archery-section {padding:52px 0 55px;}
.archery-page .archery-section.soft {background:#eaf2fb;}
.archery-page .archery-section.ivory {background:#fffdf8;}
.archery-page .archery-section-head {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.archery-page .archery-section h2 {font:400 clamp(2.25rem,4vw,3.65rem)/1.08 Georgia,serif;color:#1a3e65;letter-spacing:-.05em;margin:10px 0 0;}
.archery-page .archery-section h2 em {color:#346ba2;}
.archery-page .archery-section-head>p {color:#426994;max-width:365px;margin:0;line-height:1.6;}
.archery-page .archery-award-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.archery-page .archery-award {background:#fff;border:1px solid #d0dff0;border-radius:16px;padding:26px 23px 22px;min-width:0;}
.archery-page .archery-award-date {font:750 .7rem Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#517eaa;}
.archery-page .archery-award h3 {font:400 clamp(1.55rem,2.15vw,2rem)/1.13 Georgia,serif;letter-spacing:-.04em;color:#183b66;margin:16px 0 10px;}
.archery-page .archery-award p {font:.93rem/1.65 Arial,Helvetica,sans-serif;color:#42658a;margin:0;}
.archery-page .archery-award p strong{color:#183c66;}
.archery-page .archery-story-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
.archery-page .archery-story-photo{margin:0;border:1px solid #c2d5ea;border-radius:16px;background:#dceaf7;padding:10px;}
.archery-page .archery-story-photo img {width:100%;height:480px;display:block;object-fit:cover;object-position:center 42%;border-radius:8px;}
.archery-page .archery-story-copy {padding:20px 6%;}
.archery-page .archery-story-copy p{font-size:1.05rem;line-height:1.76;color:#42658a;max-width:470px;margin:20px 0 0;}
.archery-page .archery-photos {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.archery-page .archery-photos figure {margin:0;border:1px solid #c8dbee;background:#f8fbff;border-radius:12px;padding:9px;min-width:0;}
.archery-page .archery-photos img {display:block;width:100%;height:330px;object-fit:cover;object-position:center 32%;border-radius:7px;background:#dceafa;}
.archery-page .archery-photos .archery-photo-tall img{object-position:center 25%;}
.archery-page .archery-photos figcaption {padding:12px 10px 6px;color:#3a608b;font:.78rem/1.55 Arial,sans-serif;}
.archery-page .archery-photos figcaption strong{display:block;color:#1a426f;font:.87rem/1.35 Arial,sans-serif;margin-bottom:3px;}
.archery-page .archery-closing{margin:0;padding:34px 0;background:#1c426f;color:#eaf4ff;}
.archery-page .archery-closing p{max-width:900px;margin:0 auto;text-align:center;font:italic 400 clamp(1.4rem,2.5vw,2.2rem)/1.4 Georgia,serif;}
@media(min-width:821px) and (max-width:1080px){
  .site-header .nav {gap:clamp(8px,1.05vw,15px);font-size:.73rem;letter-spacing:.025em;}
  .site-header .brand{font-size:1.35rem;}
  .site-header .nav-wrap{gap:13px;}
  .archery-page .archery-award-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .archery-page .archery-hero-grid{grid-template-columns:1fr;gap:23px;}
  .archery-page .archery-hero-photo{width:min(100%,520px);margin-inline:auto;}
  .archery-page .archery-hero-photo img{height:470px;}
  .archery-page .archery-stat-grid{grid-template-columns:repeat(3,1fr);}
  .archery-page .archery-stat {padding:9px 14px;}
  .archery-page .archery-award-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .archery-page .archery-story-grid{grid-template-columns:1fr;}
  .archery-page .archery-story-photo img{height:380px;}
  .archery-page .archery-story-copy{padding:2px 0 12px;}
  .archery-page .archery-photos{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:550px){
  .archery-page .archery-hero{padding:24px 0 28px;}
  .archery-page .archery-hero h1{font-size:clamp(2.8rem,11vw,4.2rem);}
  .archery-page .archery-hero-photo img{height:410px;}
  .archery-page .archery-stat-grid{grid-template-columns:1fr;gap:0;}
  .archery-page .archery-stat{padding:11px 0!important;border:0;border-bottom:1px solid #6e90b5;}
  .archery-page .archery-stat:last-child{border-bottom:0;}
  .archery-page .archery-stat-number{font-size:2.45rem;}
  .archery-page .archery-section{padding:34px 0 37px;}
  .archery-page .archery-section-head{display:block;margin-bottom:17px;}
  .archery-page .archery-section-head>p{margin-top:12px;}
  .archery-page .archery-award-grid{grid-template-columns:1fr;gap:12px;}
  .archery-page .archery-award{padding:20px 20px 22px;}
  .archery-page .archery-story-photo img{height:310px;}
  .archery-page .archery-photos{grid-template-columns:1fr;gap:14px;}
  .archery-page .archery-photos img{height:360px;}
}


/* Childhood photographs: a little levity beside the long-term practice story. */
.archery-page .archery-origin-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;min-width:0;}
.archery-page .archery-origin-photo{margin:0;min-width:0;padding:8px 8px 10px;background:#fafdff;border:1px solid #c2d5ea;border-radius:14px;box-shadow:0 5px 18px rgba(24,64,104,.05);}
.archery-page .archery-origin-photo img{display:block;width:100%;height:385px;object-fit:cover;object-position:center 38%;border-radius:8px;background:#dae9f7;}
.archery-page .archery-origin-playful img{object-position:center 27%;}
.archery-page .archery-origin-practice img{object-position:center 38%;}
.archery-page .archery-origin-photo figcaption{padding:11px 5px 3px;text-align:center;font:italic 400 .91rem/1.45 Georgia,'Times New Roman',serif;color:#295580;}
.archery-page .archery-origin-practice figcaption{font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:.77rem;letter-spacing:.01em;color:#617e9d;}
.archery-page .archery-story-copy p strong{color:#183d68;}
@media(max-width:1100px){.archery-page .archery-origin-photo img{height:330px;}}
@media(max-width:820px){.archery-page .archery-origin-photo img{height:370px;}}
@media(max-width:550px){
 .archery-page .archery-origin-gallery{grid-template-columns:1fr;gap:14px;max-width:440px;margin-inline:auto;}
 .archery-page .archery-origin-photo img{height:auto;aspect-ratio:3/3.2;object-fit:cover;}
 .archery-page .archery-origin-practice img{height:280px;aspect-ratio:auto;object-position:center 27%;}
 .archery-page .archery-origin-photo figcaption{font-size:.94rem;}
}


/* Lead with the playful childhood photos on the first screen. */
.archery-page .archery-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;}
.archery-page .archery-hero-photos{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start;min-width:0;}
.archery-page .archery-top-gallery-label{grid-column:1/-1;color:#4276a4;text-transform:uppercase;letter-spacing:.19em;font:700 .68rem/1.4 Arial,Helvetica,sans-serif;margin:0 0 -1px 7px;}
.archery-page .archery-hero-photos .archery-origin-photo{background:#fffdf8;border-color:#bbd5ed;border-radius:22px;padding:8px 8px 10px;box-shadow:0 11px 26px rgba(20,59,96,.10);}
.archery-page .archery-hero-photos .archery-origin-photo img{height:clamp(265px,32vw,418px);border-radius:15px;object-position:center 29%;}
.archery-page .archery-hero-photos .archery-origin-practice{margin-top:25px;}
.archery-page .archery-hero-photos .archery-origin-practice img{object-position:center 37%;}
.archery-page .archery-hero-photos .archery-origin-photo figcaption{font-size:clamp(.77rem,1vw,.9rem);min-height:3em;padding:12px 5px 4px;}
.archery-page .archery-hero-photos .archery-origin-practice figcaption{font-size:clamp(.71rem,.85vw,.82rem);}
.archery-page .archery-hero h1{font-size:clamp(3.2rem,5.7vw,5.85rem);}
@media (max-width:820px){
 .archery-page .archery-hero-grid{grid-template-columns:1fr;gap:28px;}
 .archery-page .archery-hero-photos{width:100%;max-width:650px;margin-inline:auto;}
 .archery-page .archery-hero-photos .archery-origin-photo img{height:clamp(310px,52vw,390px);}
}
@media (max-width:550px){
 .archery-page .archery-hero-grid{gap:20px;}
 .archery-page .archery-hero h1{font-size:clamp(2.8rem,11vw,4rem);}
 .archery-page .archery-hero-photos{grid-template-columns:1.09fr .91fr;gap:9px;max-width:100%;}
 .archery-page .archery-top-gallery-label{margin-left:3px;}
 .archery-page .archery-hero-photos .archery-origin-photo{padding:5px 5px 8px;border-radius:15px;}
 .archery-page .archery-hero-photos .archery-origin-photo img{height:270px;aspect-ratio:auto;border-radius:11px;object-position:center 26%;}
 .archery-page .archery-hero-photos .archery-origin-practice{margin-top:17px;}
 .archery-page .archery-hero-photos .archery-origin-practice img{height:270px;object-position:center 42%;}
 .archery-page .archery-hero-photos .archery-origin-photo figcaption{font-size:.74rem;min-height:4.4em;padding:8px 1px 0;}
 .archery-page .archery-hero-photos .archery-origin-practice figcaption{font-size:.69rem;}
}


/* Three generations of archery photographs: childhood -> early practice -> today. */
.archery-page .archery-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 25px;
  align-items: start;
}
.archery-page .archery-hero-grid > div:first-child {
  max-width: 980px;
}
.archery-page .archery-hero h1 { margin: 10px 0 16px; }
.archery-page .archery-lede { max-width: 930px; margin-bottom: 6px; }
.archery-page .archery-intro { max-width: 1000px; }
.archery-page .archery-hero-photos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  max-width: none;
  margin: 0;
  align-items: stretch;
}
.archery-page .archery-hero-photos .archery-top-gallery-label {
  grid-column: 1 / -1;
  font-size: 1.05rem;
  line-height: 1.35;
  margin: 0 0 0 3px;
}
.archery-page .archery-hero-photos .archery-origin-photo,
.archery-page .archery-hero-photos .archery-origin-practice {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 9px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 18px;
}
.archery-page .archery-hero-photos .archery-origin-photo img,
.archery-page .archery-hero-photos .archery-origin-practice img {
  flex: 0 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: clamp(270px, 31vw, 420px);
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 12px;
}
.archery-page .archery-hero-photos .archery-origin-playful img { object-position: center 31%; }
.archery-page .archery-hero-photos .archery-origin-practice img { object-position: center 37%; }
.archery-page .archery-hero-photos .archery-origin-recent img { object-position: center 40%; }
.archery-page .archery-hero-photos .archery-origin-photo figcaption {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  padding: 11px 7px 5px;
  font-size: .88rem;
  text-align: center;
}
.archery-page .archery-hero-photos .archery-origin-practice figcaption,
.archery-page .archery-hero-photos .archery-origin-recent figcaption {
  font-style: normal;
  font-family: Arial,Helvetica,sans-serif;
  font-size: .84rem;
  color: #4a6e91;
}
@media (max-width: 820px) {
  .archery-page .archery-hero-photos { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
  .archery-page .archery-hero-photos .archery-origin-photo img,
  .archery-page .archery-hero-photos .archery-origin-practice img { height: clamp(190px,30vw,265px); }
  .archery-page .archery-hero-photos .archery-origin-photo { padding: 6px; }
  .archery-page .archery-hero-photos .archery-origin-photo figcaption { font-size: .75rem; min-height: 46px; }
}
@media (max-width: 620px) {
  .archery-page .archery-hero-photos { grid-template-columns: 1fr; max-width: 440px; margin: auto; gap: 15px; }
  .archery-page .archery-hero-photos .archery-origin-photo img,
  .archery-page .archery-hero-photos .archery-origin-practice img {
    width: 100%; height: 350px; aspect-ratio: auto;
  }
  .archery-page .archery-hero-photos .archery-origin-photo figcaption { min-height: 0; font-size: .91rem; }
  .archery-page .archery-hero-grid { gap: 19px; }
}


/* Final childhood-to-now timeline labels */
.archery-page .archery-hero-photos {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.archery-page .archery-hero-photos .archery-origin-photo {
  position: relative;
}
.archery-page .archery-origin-photo-label {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.92);
  border: 1px solid rgba(41, 85, 128, 0.18);
  color: #1f4a77;
  font: 700 .72rem/1.15 Arial, Helvetica, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(20,59,96,.10);
}
.archery-page .archery-hero-photos .archery-origin-photo img,
.archery-page .archery-hero-photos .archery-origin-practice img {
  height: clamp(290px, 31vw, 420px);
}
.archery-page .archery-hero-photos .archery-origin-photo figcaption {
  min-height: 62px;
  padding-top: 14px;
}
.archery-page .archery-hero-photos .archery-origin-playful figcaption {
  font-size: .95rem;
}
.archery-page .archery-hero-photos .archery-origin-practice figcaption,
.archery-page .archery-hero-photos .archery-origin-recent figcaption {
  font-size: .86rem;
  line-height: 1.45;
}
@media (max-width: 820px) {
  .archery-page .archery-origin-photo-label {
    top: 12px;
    padding: 7px 11px;
    font-size: .58rem;
    letter-spacing: .14em;
  }
}
@media (max-width: 620px) {
  .archery-page .archery-origin-photo-label {
    top: 14px;
    font-size: .64rem;
  }
}