/* Overrides for chefs.html and about.html. Loaded after style.css. */

/* Featured chefs: square photos, no stroke, no colored mat */
.roster-band { padding-top: var(--s7); }
.chef { gap: var(--s1); }
.chef-ph { border: 0; padding: 0; background: none; border-radius: 0; margin-bottom: var(--s2); }
.chef-ph img { display: block; aspect-ratio: 1; border: 0; border-radius: 0; background: none; }
.chef h3 { font-size: 1.125rem; }
.chef-role { font-weight: 400; }

/* About: plain featured photo */
.strip-photo img { border: 0; box-shadow: none; }

/* About: compact scholarship list */
.sch > * { grid-column: auto; }
.sch { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s6) var(--s8); align-items: start; }
.sch .sch-copy h2 { font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem); margin-bottom: var(--s4); }
.sch .sch-copy p { font-size: var(--t-base); margin: 0; }
.sch-list h3 { font-size: var(--t-lg); margin-bottom: var(--s3); }
.win-years { margin: 0; }
.win-years > div { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: var(--s4); padding-block: var(--s2); border-top: 1.5px solid var(--navy); }
.win-years > div:last-child { border-bottom: 1.5px solid var(--navy); }
.win-years dt { font: 700 1.125rem/1.6 var(--display); }
.win-years dd { margin: 0; font-size: 1rem; line-height: 1.6; }

/* About: Instagram grid */
.insta-band h2 { margin-bottom: var(--s6); }
.ig-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s3); }
.ig-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 0; }
.ig-link { margin: var(--s6) 0 0; }

@media (max-width: 900px) {
  .sch { grid-template-columns: 1fr; }
  .ig-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ig-grid { gap: var(--s2); }
  .win-years > div { grid-template-columns: 3.25rem minmax(0, 1fr); gap: var(--s3); }
}

/* About header (Nov 1, chosen option 1): the three photos as tilted snapshots, wave into the scholarship section. */
.ab-head { overflow: hidden; padding-top: var(--s8); }
.ab-head .wrap { padding-bottom: 0; }
.ab-head .ab-copy { position: relative; z-index: 2; }
.ab-head .ab-copy h1 { margin-bottom: var(--s4); }
.ab-head .lede { max-width: 46ch; }
.ab-head .ab-copy h1, .ab-head .lede { color: var(--white); } /* Nov 1: white text on the blue */
.ab-head .hills { z-index: 3; }

/* Snapshots */
.snaps-row { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr 1fr 1.1fr; gap: var(--s6); align-items: center; padding-top: var(--s7); padding-bottom: clamp(56px, 8vw, 110px) !important; }
.snap { width: 100%; height: auto; aspect-ratio: 554 / 598; object-fit: cover; border: 10px solid var(--white); box-shadow: 0 8px 0 rgba(16,42,76,.25); }
.snap1 { transform: rotate(-4deg); }
.snap2 { transform: rotate(3deg) translateY(-12px); aspect-ratio: 492 / 598; }
.snap3 { transform: rotate(-2deg) translateY(10px); }
@media (max-width: 640px) {
  .ab-head { padding-top: var(--s6); }
  .snaps-row { grid-template-columns: 1fr 1fr; gap: var(--s4); }
  .snap { border-width: 6px; }
  .snap3 { grid-column: 1 / -1; width: 70%; justify-self: center; }
}

/* Featured chefs (Nov 1): white headline on the blue */
.page-head.on-dark #chefs-h { color: var(--white); } /* the blue header only, not the pink options */

/* About scholarship section (Nov 1): half the usual band padding */
.band.sch-band { padding-block: calc(var(--band) * .5); }

/* About proceeds paragraph (Nov 1), text and links from the live About/Contact page */
.band.proceeds-band { padding-block: calc(var(--band) * .5); }
.proceeds { font-size: var(--t-md); line-height: 1.5; max-width: 60ch; margin: 0; }
.proceeds a { color: var(--navy); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Scholarship section (Nov 1): the cream behind "Choose your box" on the event page, so it stands out from the white proceeds section */
.band.sch-band { background: var(--cream); color: var(--navy); }

/* Scholarship winners (Nov 1, chosen option 6.1): the compact table with each year in a pill of logo color */
.year-pills > div { grid-template-columns: 5rem minmax(0, 1fr); align-items: center; padding-block: var(--s3); }
.year-pills dt { justify-self: start; background: var(--c); border: 2px solid var(--navy); border-radius: 999px; padding: 0 var(--s3); font-size: 1rem; line-height: 1.7; }
@media (max-width: 640px) {
  .year-pills > div { grid-template-columns: 4.25rem minmax(0, 1fr); }
  .year-pills dt { padding: 0 var(--s2); font-size: .9375rem; }
}