/* about - only what this page adds on top of theme.css */

.mvmt.m4{background:linear-gradient(155deg,var(--teal-deep),var(--space-2))}
#principles .mvmt p{font-family:var(--disp);font-size:clamp(16px,4vw,19px);line-height:1.5;color:#fff;margin-top:0}
.principles{list-style:none;margin:clamp(34px,6vw,46px) auto 0;padding:0;max-width:780px;
  display:flex;flex-direction:column;gap:14px}
.member.pend .av{background:radial-gradient(120% 120% at 50% 22%,color-mix(in srgb, var(--gold) 10%, var(--paper)),var(--paper-2));color:var(--gold-dim)}
@media(min-width:720px){
  .stats{grid-template-columns:repeat(4,1fr)}
  .movements{grid-template-columns:repeat(2,1fr);gap:20px}
  .qgrid{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(4,1fr);gap:20px;align-items:start;margin-bottom:36px}
  .gallery figure:nth-child(even){--sy:36px}
  .pcard .go{margin-top:18px;padding:0}
  .hero .actions{flex-direction:row;max-width:none;justify-content:flex-start}
  .field{flex-direction:row}
  .field .btn{flex:none}
  .book{grid-template-columns:.7fr 1.3fr}
  .guide{grid-template-columns:.8fr 1.2fr}
  .footer-top{grid-template-columns:1.6fr 1fr 1fr}
  .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}
}
.pband{position:relative;min-height:clamp(300px,46vh,440px);display:flex;align-items:flex-end;overflow:hidden}
@media(min-width:900px){ .pband{min-height:clamp(460px,60vh,660px)} }
.pband>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:var(--warm-img)}
.pband::after{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,transparent 34%,color-mix(in srgb,var(--scrim) 84%,transparent) 100%)}
.pband .wrap{position:relative;z-index:2;padding-bottom:clamp(26px,4vw,38px);padding-top:clamp(40px,7vw,60px)}
.pband .pcap{font:600 9.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;
  color:color-mix(in srgb,#fff 82%,transparent)}
.pband .pline{font-family:var(--disp);font-weight:400;font-size:clamp(21px,4.8vw,30px);
  color:#fff;margin-top:10px;max-width:22ch;line-height:1.22;
  text-shadow:0 2px 30px color-mix(in srgb,var(--space) 66%,transparent)}
.pband .psub{font-size:14px;line-height:1.7;margin-top:14px;max-width:44ch;
  color:color-mix(in srgb,#fff 80%,transparent);
  text-shadow:0 2px 24px color-mix(in srgb,var(--space) 70%,transparent)}
.ahero{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 72% 8%,var(--navy-2),var(--space) 64%)}
.ahero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(30px,6vw,54px);align-items:center;padding-top:128px;padding-bottom:clamp(48px,9vw,84px);text-align:center}
.aportrait{max-width:320px;margin:0 auto;width:78%;position:relative}
.aportrait .fr{position:relative;border-radius:200px 200px 18px 18px;overflow:hidden;aspect-ratio:4/5;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}
.aportrait .fr img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:var(--warm-img)}
.aportrait .fr::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--scrim) 40%,transparent))}
.acopy .eyebrow{display:block;margin-bottom:14px;color:var(--gold-soft);letter-spacing:.32em}
.acopy h1{font-family:var(--disp);font-weight:400;color:#fff;font-size:clamp(38px,9vw,68px);line-height:1.02;letter-spacing:.01em}
.acopy .sub{margin:18px auto 0;max-width:44ch;font-size:clamp(16px,4.2vw,19px);line-height:1.6;color:color-mix(in srgb,var(--star) 84%,var(--fog))}
.acopy .amet{margin:16px auto 0;font:600 10.5px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);max-width:40ch}
.acopy .actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0 0}
@media(min-width:860px){
  .ahero .wrap{grid-template-columns:.82fr 1.18fr;text-align:left}
  .aportrait{margin:0}
  .acopy .sub,.acopy .amet{margin-left:0;margin-right:0}
  .acopy .actions{justify-content:flex-start}
}
.years{position:relative;max-width:720px;margin:clamp(38px,7vw,58px) auto 0}
.years::before{content:"";position:absolute;left:29px;top:14px;bottom:66px;width:1px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 55%,transparent),color-mix(in srgb,var(--teal) 45%,transparent))}
.yr{position:relative;padding:0 0 clamp(30px,6vw,46px) 78px}
.yr .node{position:absolute;left:8px;top:-2px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--disp);font-size:19px;color:var(--gold-soft);background:color-mix(in srgb,var(--navy) 60%,var(--space));
  border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--gold) 16%,transparent)}
.yr .yk{font:600 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-soft)}
.yr h3{font-family:var(--disp);font-size:clamp(24px,6vw,32px);color:#fff;margin:8px 0 4px}
.yr .stat{font-family:var(--disp);font-size:clamp(17px,4.4vw,20px);color:var(--teal);letter-spacing:.01em}
.yr p{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--fog);max-width:46ch}
.yrph{margin:16px 0 0;max-width:46ch;border-radius:10px;overflow:hidden;
  aspect-ratio:16/10;box-shadow:0 22px 50px color-mix(in srgb,var(--space) 55%,transparent)}
.yrph img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--warm-img)}
.yr.cap{padding-bottom:0}
.yr.cap .node{background:var(--gold);border-color:var(--gold);color:var(--navy-2)}
.yr.cap .big{font-family:var(--disp);font-size:clamp(34px,9vw,56px);color:var(--gold-soft);line-height:1}
.yr.cap p{color:color-mix(in srgb,var(--star) 82%,var(--fog));margin-top:6px}
.erail{position:relative;max-width:680px;margin:clamp(30px,5vw,42px) auto 0;padding-left:58px}
.erail::before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg,var(--teal-deep),color-mix(in srgb,var(--gold-dim) 70%,transparent))}
.estep{position:relative;padding:0 0 clamp(30px,5vw,40px)}
.estep:last-child{padding-bottom:0}
.estep .en{position:absolute;left:-58px;top:-2px;width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:var(--paper);
  border:1px solid color-mix(in srgb,var(--teal-deep) 42%,transparent);
  font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.08em;color:var(--teal-deep)}
.estep:nth-child(2) .en{border-color:color-mix(in srgb,var(--gold-dim) 52%,transparent);color:var(--gold-dim)}
.estep:nth-child(3) .en{border-color:color-mix(in srgb,var(--navy) 42%,transparent);color:var(--navy)}
.estep h3{font-family:var(--disp);font-weight:400;font-size:clamp(22px,5vw,28px);color:var(--ink);margin:0}
.estep p{font-size:15px;color:var(--ink-soft);line-height:1.65;margin:10px 0 0;max-width:48ch}
.mission{position:relative;min-height:56vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.mission>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;z-index:0;filter:var(--warm-img)}
.mission::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(100% 76% at 50% 40%, color-mix(in srgb,var(--gold) 12%,transparent), transparent 60%),
  linear-gradient(180deg,color-mix(in srgb,var(--scrim) 44%,transparent),color-mix(in srgb,var(--scrim) 70%,transparent))}
.mission .mbin{position:relative;z-index:2;max-width:700px;padding:60px var(--edge)}
.mission .eyebrow{color:var(--gold-soft);display:block;margin-bottom:14px}
.mission h2{font-family:var(--disp);font-weight:400;color:#fff;font-size:clamp(26px,6vw,44px);line-height:1.14;text-shadow:0 2px 30px color-mix(in srgb,var(--scrim) 80%,transparent)}
.mission h2 b{color:var(--gold-soft);font-weight:400}
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(26px,4vw,34px) 16px;margin-top:clamp(30px,5vw,44px)}
.tm{text-align:center}
.tm .ph{width:clamp(100px,26vw,138px);aspect-ratio:1;margin:0 auto 15px;position:relative;border-radius:50%;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--gold-dim) 45%,transparent)}
.tm .ph::after{content:"";position:absolute;inset:5px;border:1px dashed color-mix(in srgb,var(--teal-deep) 28%,transparent);border-radius:50%;z-index:2}
.tm .ph img{width:100%;height:100%;object-fit:cover;filter:var(--warm-img)}
.tm .ph-init{display:grid;place-items:center;font-family:var(--disp);
  font-size:clamp(28px,7vw,36px);color:var(--teal-deep);letter-spacing:.04em;
  background:radial-gradient(120% 120% at 50% 22%,color-mix(in srgb,var(--teal) 15%,var(--paper)),var(--paper-2))}
.tm .nm{font-family:var(--disp);font-size:19px;color:var(--ink);letter-spacing:.01em}
.tm .rl{font:600 9.5px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim);margin-top:7px;max-width:22ch;margin-left:auto;margin-right:auto}
.tm .loc{font-size:11.5px;color:var(--ink-soft);margin-top:6px;letter-spacing:.02em}
@media(min-width:760px){ .team{grid-template-columns:repeat(4,1fr)} }
.qband{text-align:center}
.qband .mk{font-family:var(--disp);font-size:60px;color:color-mix(in srgb,var(--gold) 50%,transparent);line-height:.6}
.qband blockquote{font-family:var(--disp);font-weight:400;font-size:clamp(24px,6vw,40px);color:#fff;line-height:1.2;margin:10px auto 0;max-width:20ch}
.qband .qby{margin-top:20px;font:600 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft)}