/* book - 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}
}
.bkvid{max-width:760px;margin:clamp(24px,4vw,34px) auto 0}
.bkvbtn{display:block;width:100%;padding:0;border:1px solid var(--line-l);background:var(--space-2);
  border-radius:8px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:16/9;
  box-shadow:0 18px 44px color-mix(in srgb,var(--ink) 10%,transparent)}
.bkvbtn img{width:100%;height:100%;object-fit:cover;display:block}
.bkvplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:66px;height:66px;border-radius:50%;border:2px solid var(--gold-soft);display:grid;place-items:center;
  background:color-mix(in srgb,var(--space) 42%,transparent);transition:transform .3s,background .3s}
.bkvbtn:hover .bkvplay{transform:translate(-50%,-50%) scale(1.07);background:color-mix(in srgb,var(--space) 62%,transparent)}
.bkvplay i{display:block;width:0;height:0;margin-left:5px;
  border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid var(--gold-soft)}
.bkvid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;display:block}
.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)} }
section[id]{scroll-margin-top:76px}
.bkhero{position:relative;overflow:hidden;padding:clamp(92px,12vh,116px) 0 clamp(44px,7vw,64px);
  background:radial-gradient(120% 96% at 30% 40%, var(--navy-2) 0%, var(--space) 66%)}
.bksplit{display:grid;grid-template-columns:1fr;gap:clamp(34px,6vw,60px);align-items:center}
.bkcover{justify-self:center;width:min(240px,58vw);position:relative;perspective:1200px}
.bkcover img{width:100%;display:block;border-radius:3px 7px 7px 3px;
  box-shadow:0 40px 90px color-mix(in srgb,var(--space) 76%,transparent),
             0 0 0 1px color-mix(in srgb,var(--gold) 24%,transparent);
  transform:rotateY(-11deg) rotateX(2deg);transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.bkcover:hover img{transform:rotateY(-4deg) rotateX(0deg)}
.bkcover::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-9%;height:26px;border-radius:50%;
  background:radial-gradient(closest-side, color-mix(in srgb,var(--space) 82%,transparent), transparent 72%);filter:blur(7px)}
.bkcopy .eyebrow{color:var(--gold)}
.bkcopy h1{font-size:clamp(34px,8.6vw,58px);line-height:1.04;color:#fff;margin-top:14px}
.bkcopy .bkline{font-family:var(--disp);font-size:clamp(18px,4.4vw,22px);line-height:1.55;
  color:var(--star);margin-top:20px;max-width:42ch}
.bkcopy .bksub{font-size:15px;line-height:1.65;color:var(--fog);margin-top:14px;max-width:44ch}
.bkmeta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;list-style:none;padding:0}
.bkmeta li{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--fog-dim)}
.bkcta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,5vw,32px)}
.bkyears{display:grid;grid-template-columns:1fr;gap:0;margin-top:clamp(30px,5vw,42px);max-width:720px;margin-left:auto;margin-right:auto}
.bkyear{display:flex;gap:20px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line-l)}
.bkyear:last-child{border-bottom:1px solid var(--line-l)}
.bkyear .yk{flex:none;width:74px;font:600 9.5px/1.4 var(--sans);letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-dim)}
.bkyear .yv{font-family:var(--disp);font-size:clamp(19px,4.4vw,23px);color:var(--ink);line-height:1.4}
.bkquotes{display:grid;grid-template-columns:1fr;gap:clamp(22px,4vw,30px);margin-top:clamp(30px,5vw,42px)}
.bkq{padding-top:20px;border-top:2px solid color-mix(in srgb,var(--gold-dim) 55%,transparent)}
.bkq blockquote{margin:0;font-family:var(--disp);font-size:clamp(18px,4.2vw,21px);
  line-height:1.5;color:var(--ink)}
.bkq .who{margin-top:14px;font:600 9.5px/1.5 var(--sans);letter-spacing:.18em;
  text-transform:uppercase;color:var(--teal-deep)}
@media(min-width:820px){
  .bksplit{grid-template-columns:.78fr 1.22fr}
  .bkcover{width:min(300px,26vw);justify-self:start}
  .bkquotes{grid-template-columns:1fr 1fr}
}