/* events - 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}
}
.bgshot{position:relative;overflow:hidden}
.bgshot>.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:var(--warm-img)}
.bgshot::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(78% 62% at 50% 52%, color-mix(in srgb,var(--scrim) 74%,transparent), transparent 76%),
  linear-gradient(180deg, color-mix(in srgb,var(--scrim) 82%,transparent) 0%,
                  color-mix(in srgb,var(--scrim) 62%,transparent) 42%,
                  color-mix(in srgb,var(--scrim) 88%,transparent) 100%)}
.bgshot>.wrap{position:relative;z-index:2}
@media(min-width:900px){ .bgshot{padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px)} }
.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)}
section[id]{scroll-margin-top:76px}
.evhero{position:relative;overflow:hidden;padding:clamp(96px,13vh,124px) 0 clamp(38px,6vw,54px);
  background:radial-gradient(126% 96% at 24% 26%, var(--navy-2) 0%, var(--space) 66%)}
.evhero .eyebrow{color:var(--gold)}
.evhero h1{font-size:clamp(34px,8.6vw,58px);line-height:1.04;color:#fff;margin-top:14px}
.evhero p{font-size:clamp(16px,4vw,18px);line-height:1.62;color:var(--fog);margin-top:18px;max-width:46ch}
.shelf{margin-top:clamp(28px,5vw,40px)}
.shrow{position:relative;display:grid;grid-template-columns:1fr;gap:10px;
  padding:clamp(24px,4vw,30px) 0 clamp(24px,4vw,30px) 52px;border-top:1px solid var(--line-l);
  transition:padding-left .4s}
.shrow:last-child{border-bottom:1px solid var(--line-l)}
.shrow:hover{padding-left:60px}
.shnum{position:absolute;left:0;top:clamp(26px,4vw,32px);font-family:var(--disp);
  font-size:15px;color:color-mix(in srgb,var(--teal-deep) 62%,transparent)}
.shrow .tag{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim)}
.shrow h3{font-family:var(--disp);font-weight:400;font-size:clamp(21px,4.8vw,27px);
  color:var(--ink);margin:9px 0 0;line-height:1.28}
.shrow p{font-size:14.5px;line-height:1.65;color:var(--ink-soft);margin:10px 0 0;max-width:56ch}
.shask{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font:600 10px/1 var(--sans);
  letter-spacing:.16em;text-transform:uppercase;color:var(--teal-deep);text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:4px;transition:border-color .3s}
.shask:hover{border-bottom-color:var(--gold)}
.evrhythm{display:grid;grid-template-columns:1fr;gap:clamp(22px,4vw,40px);align-items:center;
  max-width:820px;margin:clamp(28px,5vw,38px) auto 0;
  padding:clamp(26px,5vw,34px) 0;border-top:2px solid var(--teal-deep);
  border-bottom:1px solid var(--line-l)}
.evrhythm .rk{font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-deep)}
.evrhythm h3{font-family:var(--disp);font-weight:400;font-size:clamp(23px,5.2vw,30px);
  color:var(--ink);margin:11px 0 0;line-height:1.24}
.evrhythm p{font-size:15px;line-height:1.65;color:var(--ink-soft);margin:11px 0 0;max-width:48ch}
.evbeat{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.evbeat i{width:11px;height:11px;border-radius:50%;flex:none;
  background:color-mix(in srgb,var(--ink) 14%,transparent)}
.evbeat i.on{background:var(--teal-deep);box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 15%,transparent)}
.evbeat .bl{font:600 9px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-soft);margin-left:6px}
.evcal{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.evcal a{font:600 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  color:var(--teal-deep);text-decoration:none;border:1px solid var(--line-l);border-radius:30px;
  padding:13px 15px;min-height:44px;display:inline-flex;align-items:center;transition:all .28s}
.evcal a:hover{border-color:var(--teal-deep);background:color-mix(in srgb,var(--teal) 8%,transparent)}
.evup{padding:clamp(24px,4vw,30px) 0;border-top:1px solid var(--line-l)}
.evup .when{font:600 10px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim)}
.evup h3{font-family:var(--disp);font-weight:400;font-size:clamp(21px,4.8vw,27px);color:var(--ink);margin:9px 0 0}
.evup p{font-size:14.5px;line-height:1.65;color:var(--ink-soft);margin:10px 0 0;max-width:56ch}
.evlive{max-width:640px;margin:clamp(28px,5vw,38px) auto 0;text-align:center;
  padding:clamp(30px,6vw,44px) 26px;border:1px dashed color-mix(in srgb,var(--ink) 20%,transparent);
  border-radius:6px;background:color-mix(in srgb,var(--paper) 60%,transparent)}
.evlive .ek{font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-deep)}
.evlive h3{font-family:var(--disp);font-weight:400;font-size:clamp(22px,5vw,27px);color:var(--ink);margin-top:12px}
.evlive p{font-size:15px;line-height:1.65;color:var(--ink-soft);margin-top:12px;max-width:44ch;
  margin-left:auto;margin-right:auto}
@media(min-width:820px){
  .shrow{grid-template-columns:1.05fr .95fr;gap:clamp(24px,3vw,44px);align-items:center}
  .evrhythm{grid-template-columns:1.15fr .85fr}
}

/* added events, 9 Sep */
.evform{margin-top:22px;text-align:left}
.evform iframe,.evform form{max-width:100%}
