/* programs - 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}
}
.site-header{background:color-mix(in srgb, var(--space) 92%, transparent);
  backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line-d)}
.site-header::before{opacity:0}
.pg-hero{background:linear-gradient(180deg,var(--paper),var(--paper-2));text-align:center}
.pg-ladder{position:relative;max-width:880px;margin:clamp(30px,5vw,44px) auto 0;padding-left:0;
  text-align:left}
.pg-ladder::before{content:"";position:absolute;left:19px;top:14px;bottom:14px;width:1px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--teal-deep) 8%,transparent),
    color-mix(in srgb,var(--gold-dim) 55%,transparent) 22%,
    color-mix(in srgb,var(--gold-dim) 55%,transparent) 78%,
    color-mix(in srgb,var(--teal-deep) 8%,transparent))}
.pg-rung{position:relative;padding:0 0 clamp(26px,4.4vw,38px) 52px}
.pg-rung:last-child{padding-bottom:0}
.pg-rung .pg-dot{position:absolute;left:11px;top:20px;width:17px;height:17px;border-radius:50%;
  background:var(--paper);border:1px solid color-mix(in srgb,var(--gold-dim) 70%,transparent);
  display:grid;place-items:center;z-index:2}
.pg-rung .pg-dot::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-dim)}
.pg-rung.pg-feat .pg-dot{border-color:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 14%,transparent)}
.pg-rung.pg-feat .pg-dot::after{background:var(--gold)}
.pg-card{background:#fff;border:1px solid var(--line-l);border-radius:5px;
  padding:clamp(20px,3.4vw,28px) clamp(20px,3.4vw,30px);
  box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 5%,transparent);
  transition:transform .35s ease,box-shadow .35s ease}
.pg-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px color-mix(in srgb,var(--ink) 9%,transparent)}
.pg-rung.pg-feat .pg-card{border-color:color-mix(in srgb,var(--gold) 48%,transparent);
  box-shadow:0 18px 44px color-mix(in srgb,var(--gold) 15%,transparent)}
.pg-step{font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim)}
.pg-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:11px}
.pg-top h3{font-family:var(--disp);font-size:clamp(21px,4.3vw,27px);color:var(--ink);line-height:1.15}
.pg-price{font-family:var(--disp);font-size:clamp(19px,3.7vw,23px);color:var(--teal-deep);margin-left:auto}
.pg-note{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);
  width:100%;margin-top:-2px;text-align:right}
.pg-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.72;margin-top:12px;max-width:62ch}
.pg-cta{display:inline-flex;align-items:center;gap:7px;margin-top:17px;min-height:44px;
  font:600 10px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--teal-deep);
  border-bottom:1px solid color-mix(in srgb,var(--teal-deep) 34%,transparent);
  padding-bottom:5px;transition:gap .25s,color .25s,border-color .25s}
.pg-cta:hover{gap:12px;color:var(--ink);border-color:var(--gold)}
.pg-rung.pg-feat .pg-cta{color:var(--gold-dim);border-color:color-mix(in srgb,var(--gold) 50%,transparent)}
.pg-tag{display:inline-block;font:600 8.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-dim);border:1px solid color-mix(in srgb,var(--gold-dim) 45%,transparent);
  border-radius:2px;padding:5px 9px;margin-left:10px;vertical-align:middle}
.pg-sub{display:inline-flex;align-items:center;gap:6px;margin-top:12px;min-height:44px;
  font:600 9.5px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);
  border-bottom:1px solid color-mix(in srgb,var(--ink-soft) 26%,transparent);
  padding-bottom:4px;transition:gap .25s,color .25s,border-color .25s}
.pg-sub:hover{gap:11px;color:var(--teal-deep);border-color:var(--gold)}
.pg-cta + .pg-sub{margin-left:22px}
@media(max-width:430px){
  .pg-cta + .pg-sub{margin-left:0;display:flex}
  .pg-rung{padding-left:44px}
  .pg-ladder::before{left:15px}
  .pg-rung .pg-dot{left:7px}
  .pg-price{margin-left:0}
  .pg-note{text-align:left}
}
#all{padding-bottom:clamp(38px,6vw,60px)}
#where{padding-top:clamp(42px,6.5vw,68px)}
.pg-where{display:grid;grid-template-columns:1fr;gap:16px;margin-top:clamp(30px,5vw,42px)}
.pg-wcard{background:color-mix(in srgb,#fff 70%,transparent);border:1px solid var(--line-l);
  border-radius:4px;padding:24px 22px}
.pg-wcard h4{font-family:var(--disp);font-size:19px;color:var(--ink);line-height:1.25}
.pg-wcard p{color:var(--ink-soft);font-size:14px;line-height:1.7;margin-top:10px}
@media(min-width:800px){ .pg-where{grid-template-columns:repeat(3,1fr);gap:20px} }