/* COOL ACADEMY 7.5 — Institutional Design Quality Pass, October 13, 2026
   Intent: one typographic system, measured spacing, accessible controls, accurate images.
   Adds NO unapproved portraits, institutional claims, affiliations or achievements. */
:root { --ca-gallery-surface:#292e2a; --ca-gallery-ink:#f5f1e7; --ca-gallery-muted:#e0d9c7; }

/* Foundation: even reading rhythm, controlled columns and keyboard affordance. */
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-height) + 26px); }
body { min-width:320px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
main { min-width:0; }
img { max-width:100%; }
:where(.section-heading,.statement,.founding-editorial-heading,.profile-name,.fellow-name,.footer-line) { text-wrap:balance; }
:where(.editorial-copy p,.profile-bio,.section-lede) { text-wrap:pretty; }
:where(a,button,summary):focus-visible { outline:2px solid #c09a51!important; outline-offset:5px; border-radius:2px; }
.site-header { border-bottom:1px solid rgba(29,30,26,.11); }
.brand-name { font-weight:700; white-space:nowrap; }
.site-nav a,.text-link,.button { transition:color .16s ease,border-color .16s ease,background .16s ease; }
:where(.section-heading,.statement) { overflow-wrap:normal; }

/* Signature founding portraits: typography should be CENTERED, NEVER clipped at card edges.
   Cards are identical widths. Portraits display at the same aspect ratio. */
.founding-editorial-gallery { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(10px,1.3vw,20px); align-items:stretch; }
.founding-editorial-gallery .editorial-person { min-width:0; display:grid; grid-template-rows:auto minmax(146px,1fr); overflow:hidden; isolation:isolate; background:var(--ca-gallery-surface); color:var(--ca-gallery-ink); text-decoration:none; }
.founding-editorial-gallery .editorial-person img { width:100%; height:auto; aspect-ratio:4 / 5; object-fit:cover; object-position:50% 16%; filter:saturate(.76); display:block; transform-origin:center center; background:#cfc7b7; }
.founding-editorial-gallery .editorial-person-one img { object-position:50% 9%; }
.founding-editorial-gallery .editorial-person-two img { object-position:50% 17%; }
.founding-editorial-gallery .editorial-person-three img { object-position:50% 10%; }
.founding-editorial-gallery .editorial-person-four img { object-position:50% 12%; }
.founding-editorial-gallery .editorial-person > span {
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  gap:11px; width:100%; min-width:0; min-height:146px; padding:20px clamp(14px,1.4vw,26px) 23px;
  text-align:center; border-top:1px solid rgba(241,230,201,.22);
}
.founding-editorial-gallery .editorial-person b {
  display:block; font:400 clamp(25px,2.05vw,36px)/1.08 var(--serif);
  letter-spacing:-.028em; text-wrap:balance; overflow-wrap:normal; hyphens:auto;
  max-width:100%; margin:0; color:var(--ca-gallery-ink);
}
.founding-editorial-gallery .editorial-person small {
  display:block; font:700 clamp(9px,.74vw,11px)/1.55 var(--sans);
  color:var(--ca-gallery-muted); letter-spacing:.105em; text-transform:uppercase;
  text-wrap:balance; overflow-wrap:anywhere; max-width:25ch; margin:0 auto;
}
.founding-editorial-gallery .editorial-person:is(:hover,:focus-visible) { background:#383d36; }
.founding-editorial-gallery .editorial-person:is(:hover,:focus-visible) img { filter:saturate(1); }
.founding-editorial-gallery .editorial-person:focus-visible { outline-offset:3px; }

/* The five remaining Fellows: centered, precise colophon rather than an arbitrary ranking. */
.founding-index { margin-top:clamp(34px,4vw,58px); padding-top:clamp(22px,3vw,35px); }
.founding-index-grid { gap:clamp(13px,2vw,28px); }
.founding-index-grid a { text-align:center; align-items:center; gap:10px; padding:18px 7px 26px; }
.founding-index-grid strong { font-size:clamp(25px,2.1vw,34px); line-height:1.08; text-wrap:balance; }
.founding-index-grid small { max-width:27ch; line-height:1.6; text-wrap:balance; }
.founding-index-all { margin-top:27px; }

/* Nine-person directory: a dignified faculty-style catalogue. */
.fellows-grid { gap:clamp(38px,4vw,60px) clamp(19px,2.8vw,42px); }
.fellow-card .fellow-link::before { text-align:center; letter-spacing:.15em; }
.fellow-card .portrait-wrap { aspect-ratio:4/5; background:#cac7be; }
.fellow-card .fellow-meta { min-height:135px; padding:20px 12px 10px; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.fellow-card .fellow-name { font:400 clamp(29px,2.5vw,40px)/1.06 var(--serif); margin:0; max-width:100%; letter-spacing:-.03em; text-wrap:balance; }
.fellow-card .fellow-title { font:700 10px/1.6 var(--sans); letter-spacing:.105em; max-width:32ch; margin:0 auto; text-transform:uppercase; text-wrap:balance; }
.fellow-card .fellow-link:is(:hover,:focus-visible) .fellow-name { color:var(--gold-deep); }
.fellow-card .fellow-link:focus-visible { outline-offset:7px; }

/* Fellow biography: better measure and scannable professional distinctions. */
.profile-grid { align-items:start; }
.profile-portrait { border:0; box-shadow:none; }
.profile-portrait img { max-width:100%; }
.profile-grid article { min-width:0; }
.profile-title { font-size:11px; line-height:1.65; letter-spacing:.105em; }
.profile-name { font-size:clamp(53px,6.6vw,100px); line-height:.98; margin-bottom:22px; text-wrap:balance; overflow-wrap:normal; }
.profile-bio { max-width:64ch; font-size:clamp(16px,1.12vw,18px); line-height:1.82; }
.profile-section { padding-top:26px; margin-top:43px; }
.credits li { align-items:baseline; }
.credits span { line-height:1.75; }
.profile-folio { margin-bottom:35px; }
.profile-turn { margin-top:clamp(64px,7vw,108px); }
.profile-turn-grid a { min-width:0; }
.profile-turn-grid a strong { text-wrap:balance; }

/* Sitewide page transitions, school pages and long award records. */
.institution-intro .editorial-copy p { max-width:66ch; }
.hero-edition { font-weight:700; }
.school-nav .shell { justify-content:flex-start; }
.school-nav a { white-space:nowrap; }
.film-v74-recognition-column li { padding:17px 0 20px; }
.film-v74-award-name { font-size:15px; }
.film-v74-award-festival { font-size:11px; line-height:1.6; }
.film-v74-recognition { margin-top:55px; }
.film-v72-poster { max-width:250px; }
.film-v72-poster img { box-shadow:none; border:0; }
.future-school-link:focus-visible,.contact-social-link:focus-visible { outline-offset:3px; }
.site-footer { padding-top:clamp(56px,6vw,90px); }
.footer-grid { row-gap:38px; }
.footer-grid a { text-underline-offset:5px; }
.footer-bottom { padding-bottom:10px; }

/* Compact tablets: images and labels retain their hierarchy. */
@media(max-width:1100px) and (min-width:821px) {
 .founding-editorial-gallery .editorial-person b { font-size:clamp(21px,2.55vw,29px); }
 .founding-editorial-gallery .editorial-person>span { padding-inline:11px; min-height:153px; }
 .founding-editorial-gallery .editorial-person small { font-size:9px; }
}
@media(max-width:820px) {
 .founding-editorial-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .founding-editorial-gallery .editorial-person { grid-template-rows:auto minmax(148px,1fr); }
 .founding-editorial-gallery .editorial-person b { font-size:clamp(22px,3.2vw,29px); }
 .founding-editorial-gallery .editorial-person>span { padding:20px 15px 23px; }
 .founding-editorial-gallery .editorial-person small { font-size:10px; }
 .founding-index-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .profile-portrait { position:relative; top:auto; max-width:540px; }
 .profile-grid { gap:clamp(38px,5vw,66px); }
 .fellow-card .fellow-meta { min-height:144px; }
 .fellow-card .fellow-name { font-size:clamp(25px,4vw,38px); }
}
@media(max-width:500px) {
 :root { --gutter:clamp(19px,5.8vw,26px); }
 .founding-editorial { padding-bottom:78px; }
 .founding-editorial-intro { padding:42px 0 38px; }
 .founding-editorial-heading { font-size:clamp(56px,14vw,73px); line-height:.94; }
 .founding-editorial-gallery { gap:12px; }
 .founding-editorial-gallery .editorial-person { grid-template-rows:auto minmax(163px,1fr); }
 .founding-editorial-gallery .editorial-person img { aspect-ratio:4/5; height:auto; }
 .founding-editorial-gallery .editorial-person>span { gap:10px; min-height:163px; padding:17px 10px 20px; }
 .founding-editorial-gallery .editorial-person b { font-size:clamp(20px,5.15vw,23px); line-height:1.09; letter-spacing:-.032em; hyphens:manual; }
 .founding-editorial-gallery .editorial-person small { font-size:9px; line-height:1.55; letter-spacing:.055em; max-width:22ch; }
 .founding-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
 .founding-index-grid a { padding:16px 5px 19px; }
 .founding-index-grid a:last-child { grid-column:1/-1; }
 .founding-index-grid strong { font-size:clamp(23px,6vw,29px); }
 .founding-index-grid small { font-size:9px; }
 .fellow-card .fellow-meta { min-height:130px; padding:18px 12px 5px; }
 .fellow-card .fellow-name { font-size:clamp(31px,9vw,40px); }
 .fellow-card .fellow-title { font-size:11px; }
 .profile-name { font-size:clamp(49px,12.5vw,70px); line-height:1; overflow-wrap:anywhere; }
 .profile-grid { gap:35px; }
 .profile-folio { margin-bottom:21px; }
 .profile-bio { line-height:1.78; }
 .film-v72-story .section-heading { text-wrap:balance; }
 .film-v74-col-head { align-items:baseline; }
 .film-v74-award-name { font-size:14px; }
 .site-footer { padding-top:62px; }
 .footer-grid { gap:34px; }
}
@media(max-width:360px) {
 .founding-editorial-gallery .editorial-person b { font-size:19px; }
 .founding-editorial-gallery .editorial-person>span { min-height:180px; padding-inline:8px; }
 .founding-editorial-gallery .editorial-person small { font-size:8.5px; }
 .founding-editorial-heading { font-size:52px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 .founding-editorial-gallery img,.fellow-card img { transition:none!important; transform:none!important; }
}

/* V7.5 finishing touches: compact captions remain editorial, not cramped. */
@media(max-width:500px){
  .founding-editorial-gallery .editorial-person { grid-template-rows:auto minmax(148px,1fr); }
  .founding-editorial-gallery .editorial-person>span { min-height:148px; padding:16px 11px 19px; }
  .founding-editorial-gallery .editorial-person small { font-size:10px; line-height:1.5; letter-spacing:.047em; }
  .fellow-card .fellow-title { font-size:11px; line-height:1.6; }
  .text-link,.button { font-size:11px; }
  .section-label { letter-spacing:.13em; }
}
@media(max-width:360px){
  .founding-editorial-gallery .editorial-person { grid-template-rows:auto minmax(173px,1fr); }
  .founding-editorial-gallery .editorial-person>span { min-height:173px; padding-inline:8px; }
  .founding-editorial-gallery .editorial-person small { font-size:9px; }
}
@media(max-width:820px){
  .menu-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
}