.site-header nav a.active{color:var(--red);border-color:var(--red)}
.about-hero{position:relative;min-height:560px;overflow:hidden;border-bottom:1px solid var(--red)}
.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,13,.94) 0%,rgba(15,14,13,.76) 31%,rgba(15,14,13,.28) 59%,rgba(15,14,13,.06) 100%)}
.about-hero-copy{position:relative;z-index:2;max-width:760px;padding:84px 4vw 76px;display:flex;min-height:560px;flex-direction:column;justify-content:center}
.section-kicker{font:800 12px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin:0 0 14px}
.about-hero h1{font-size:clamp(64px,6vw,105px);line-height:.9;margin:0 0 24px;max-width:720px;color:var(--cream)}
.about-hero h1 span{color:var(--red)}
.about-hero-copy>p:last-child{font-size:23px;line-height:1.25;max-width:650px;margin:0}
.about-light{background:#f0dfb2;color:#181716}
.about-definition{display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:0;padding:58px 4vw;border-bottom:1px solid rgba(24,23,22,.2)}
.about-section-title{padding-right:38px}.about-section-title h2,.themes-intro h2{font-size:46px;line-height:.98;margin:0}
.about-definition-quote{font-size:34px;line-height:1.06;color:#c74637;padding:0 38px;border-left:1px solid rgba(199,70,55,.5);border-right:1px solid rgba(199,70,55,.5)}.about-definition-quote p{margin:0}
.about-definition-copy{padding-left:38px;font-size:18px;line-height:1.45}.about-definition-copy p:first-child{margin-top:0}
.about-portals{display:grid;grid-template-columns:repeat(3,1fr);background:var(--green);border-bottom:1px solid var(--red)}
.about-portals a{padding:34px 34px 38px;text-decoration:none;min-height:230px;border-right:1px solid rgba(241,222,172,.22);display:flex;flex-direction:column}.about-portals a:last-child{border-right:0}
.about-portals span{font:800 12px Arial,sans-serif;color:var(--red);margin-bottom:16px}.about-portals strong{font-size:42px;color:var(--cream);margin-bottom:13px}.about-portals small{font-size:18px;line-height:1.35;color:rgba(241,222,172,.86);max-width:420px}.about-portals b{margin-top:auto;color:var(--red);font:700 14px Arial,sans-serif;padding-top:24px}
.about-portals a:hover{background:#211f1d}.about-portals a:hover strong{color:var(--red)}
.themes{display:grid;grid-template-columns:330px 1fr;gap:42px;padding:58px 4vw;border-bottom:1px solid rgba(24,23,22,.2)}
.themes-intro{padding-right:10px}.themes-intro h2{font-size:38px}.themes-help{font-size:17px;line-height:1.4;margin:22px 0 0;max-width:280px}
.themes-explorer{border-left:1px solid rgba(199,70,55,.35);padding-left:38px}
.themes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.theme-button{appearance:none;border:1px solid rgba(24,23,22,.22);background:rgba(255,255,255,.12);color:#181716;text-align:left;padding:16px 16px 18px;font:700 22px/1.05 Georgia,"Times New Roman",serif;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.theme-button:hover{border-color:#c74637;transform:translateY(-1px)}
.theme-button.is-active{background:#181716;color:#f0dfb2;border-color:#181716}
.theme-button--wide{grid-column:span 2}
.theme-summary{margin-top:18px;background:#181716;color:#f0dfb2;padding:28px 30px 30px;border-top:4px solid #c74637;min-height:210px}
.theme-summary h3{font-size:42px;line-height:.95;margin:0 0 16px;color:#f0dfb2}
.theme-summary>p:last-child{font-size:18px;line-height:1.48;max-width:860px;margin:0}
.people-section{background:var(--green);padding:56px 4vw 62px;border-bottom:1px solid var(--red)}
.people-intro{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:end;margin-bottom:34px}.people-intro h2{font-size:46px;line-height:.98;margin:0;color:var(--cream)}.people-intro>p:last-child{grid-column:2;font-size:16px;margin:0;color:rgba(241,222,172,.72)}
.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.person-card{background:transparent;border:0;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit;overflow:hidden}
.person-card img{width:100%;height:315px;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .3s ease,filter .3s ease}
.person-card:hover img{transform:scale(1.025);filter:grayscale(.4) contrast(1.05)}
.person-name{display:block;font-size:30px;font-weight:700;color:var(--cream);margin-top:15px}.person-affiliation{display:block;color:var(--red);font:700 13px/1.3 Arial,sans-serif;margin-top:5px}.person-more{display:block;color:rgba(241,222,172,.74);font:600 13px Arial,sans-serif;margin-top:12px}
.networks{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:54px 4vw;border-bottom:1px solid rgba(24,23,22,.2)}.networks h2{font-size:46px;line-height:.98;margin:0}.networks>div:last-child{font-size:20px;line-height:1.45;align-self:end}
.why-now{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--green);padding:58px 4vw;border-bottom:1px solid var(--red)}.why-now h2{font-size:48px;line-height:1;margin:0;color:var(--cream)}.why-now>div:last-child{font-size:20px;line-height:1.45;color:rgba(241,222,172,.9)}
.about-closing-links{display:grid;grid-template-columns:repeat(3,1fr);background:var(--green);padding:0 4vw 44px}.about-closing-links a{text-decoration:none;border-right:1px solid rgba(241,222,172,.18);padding:30px 30px 0 0;margin-right:30px}.about-closing-links a:last-child{border-right:0}.about-closing-links span{display:block;color:var(--red);font-size:34px;font-weight:700}.about-closing-links small{display:block;color:var(--cream);font-size:16px;margin-top:8px}
.bio-modal[hidden]{display:none}.bio-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:4vw}.bio-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.bio-panel{position:relative;z-index:1;width:min(1100px,94vw);max-height:88vh;overflow:auto;background:#f0dfb2;color:#181716;display:grid;grid-template-columns:38% 62%;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.bio-close{position:absolute;right:18px;top:12px;z-index:3;border:0;background:transparent;font-size:38px;cursor:pointer;color:#181716}.bio-image img{width:100%;height:100%;min-height:640px;object-fit:cover;filter:grayscale(1)}.bio-content{padding:54px 58px 58px}.bio-content h2{font-size:52px;line-height:.95;margin:0 0 10px}.bio-affiliation{font:700 15px Arial,sans-serif;color:#c74637;margin:0 0 30px}.bio-content #bio-text{font-size:19px;line-height:1.5}.bio-interests{font-size:17px;line-height:1.4;border-top:1px solid rgba(24,23,22,.2);padding-top:20px}.bio-content a{color:#c74637;font:700 14px Arial,sans-serif;text-decoration:none}.modal-open{overflow:hidden}
@media(max-width:1000px){.about-definition{grid-template-columns:1fr}.about-section-title,.about-definition-quote,.about-definition-copy{padding:0;border:0}.about-definition-quote{margin:28px 0}.about-portals{grid-template-columns:1fr}.about-portals a{border-right:0;border-bottom:1px solid rgba(241,222,172,.22)}.themes{grid-template-columns:1fr}.themes-explorer{border-left:0;padding-left:0}.themes-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.people-grid{grid-template-columns:1fr 1fr}.people-intro{grid-template-columns:1fr}.people-intro>p:last-child{grid-column:auto}.networks,.why-now{grid-template-columns:1fr}.bio-panel{grid-template-columns:1fr}.bio-image img{min-height:360px;height:360px}.about-closing-links{grid-template-columns:1fr}.about-closing-links a{border-right:0;border-bottom:1px solid rgba(241,222,172,.18);padding-bottom:24px}}
@media(max-width:650px){
  .about-hero{
    min-height:0;
    display:grid;
    grid-template-rows:auto auto;
    background:var(--green);
  }
  .about-hero>img{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:contain;
    object-position:center;
    background:var(--green);
    grid-row:1;
  }
  .about-hero-overlay{
    display:none;
  }
  .about-hero-copy{
    grid-row:2;
    min-height:0;
    padding:34px 22px 42px;
    background:var(--green);
    max-width:none;
  }
  .about-hero h1{
    font-size:54px;
    line-height:.92;
  }
  .about-hero-copy>p:last-child{
    font-size:19px;
    line-height:1.35;
  }
  .about-definition,.themes,.networks,.why-now,.people-section{padding-left:22px;padding-right:22px}
  .about-definition-quote{font-size:29px}
  .people-grid{grid-template-columns:1fr}
  .person-card img{height:auto;aspect-ratio:4/3;object-fit:cover}
  .bio-modal{padding:10px}
  .bio-content{padding:38px 24px}
  .bio-content h2{font-size:42px}
  .themes{gap:26px}
  .themes-intro h2{font-size:38px;line-height:1.03}
  .themes-help{max-width:none;font-size:16px}
  .themes-grid{grid-template-columns:1fr 1fr;gap:10px}
  .theme-button{font-size:21px;padding:14px 13px 15px}
  .theme-button--wide{grid-column:span 2}
  .theme-summary{padding:24px 20px 26px;min-height:0}
  .theme-summary h3{font-size:36px}
  .theme-summary>p:last-child{font-size:17px}
  .about-portals strong{font-size:36px}
}


/* Unified site hero system */
.about-hero{
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--green);
}
.about-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.about-hero-overlay{
  display:block;
  background:
    radial-gradient(circle at center,rgba(15,14,13,.36) 0%,rgba(15,14,13,.54) 52%,rgba(15,14,13,.78) 100%),
    linear-gradient(180deg,rgba(15,14,13,.18),rgba(15,14,13,.46));
}
.about-hero-copy{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1320px;
  min-height:720px;
  margin:0 auto;
  padding:86px 4vw 72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.about-hero .section-kicker{
  margin:0 0 26px;
}
.about-hero h1{
  max-width:1120px;
  margin:0 auto;
  font-size:clamp(72px,8vw,132px);
  line-height:.9;
  letter-spacing:-.05em;
  text-align:center;
}
.about-hero-copy>p:last-child{
  max-width:900px;
  margin:32px auto 0;
  font-size:24px;
  line-height:1.4;
  text-align:center;
  color:rgba(241,222,172,.94);
}
@media(max-width:650px){
  .about-hero{
    min-height:650px;
    display:flex;
    background:var(--green);
  }
  .about-hero>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }
  .about-hero-overlay{
    display:block;
    background:
      linear-gradient(180deg,rgba(15,14,13,.22) 0%,rgba(15,14,13,.48) 38%,rgba(15,14,13,.88) 100%);
  }
  .about-hero-copy{
    min-height:650px;
    padding:58px 22px 48px;
    background:transparent;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .about-hero .section-kicker{
    margin-bottom:22px;
  }
  .about-hero h1{
    font-size:52px;
    line-height:1.02;
  }
  .about-hero-copy>p:last-child{
    margin-top:28px;
    font-size:18px;
    line-height:1.45;
  }
}


/* Unified hero title colour system: red then white */
.about-hero h1 span{
  display:block;
}
.about-hero h1 span:first-child{
  color:var(--red);
}
.about-hero h1 span:last-child{
  color:#fff;
  margin-top:10px;
}


/* Final unified hero colours */
.about-hero h1,
.about-hero h1 span{
  color:var(--red);
}
.about-hero-copy>p:last-child{
  color:var(--cream);
}