/* speaking - 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}
}
.spwall{display:grid;grid-template-columns:1fr;gap:clamp(14px,2.4vw,22px);
  margin-top:clamp(26px,4.4vw,36px);max-width:1120px;margin-left:auto;margin-right:auto}
@media(min-width:760px){ .spwall{grid-template-columns:repeat(3,1fr)} }
.spvid{position:relative;display:block;aspect-ratio:16/9;border-radius:7px;overflow:hidden;
  background:var(--space-2);border:1px solid color-mix(in srgb,var(--fog) 22%,transparent)}
.spvid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.spvid:hover img{transform:scale(1.04)}
.spvid::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 44%,color-mix(in srgb,var(--space) 84%,transparent))}
.spvlabel{position:absolute;left:15px;right:15px;bottom:13px;z-index:2;color:#fff;font-size:13px;
  line-height:1.45;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.spvplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:54px;height:54px;min-width:44px;min-height:44px;border-radius:50%;
  border:2px solid var(--gold-soft);display:grid;place-items:center;
  background:color-mix(in srgb,var(--space) 36%,transparent)}
.spvplay i{display:block;width:0;height:0;margin-left:4px;
  border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--gold-soft)}
.spsilence{max-width:64ch;margin:clamp(26px,4.4vw,36px) auto 0;text-align:center;color:var(--fog);
  font-size:clamp(14.5px,2.3vw,16.5px);line-height:1.78}
.spsilence em{font-style:normal;color:var(--gold-soft)}
.spyears{max-width:760px;margin:clamp(26px,4.4vw,34px) auto 0;
  display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line-d)}
@media(min-width:720px){ .spyears{grid-template-columns:repeat(3,1fr);
  border-top:0;gap:clamp(16px,3vw,30px)} }
.spyear{padding:14px 2px 15px;border-bottom:1px solid var(--line-d);text-align:left}
@media(min-width:720px){ .spyear{padding:15px 0 0;border-bottom:0;
  border-top:1px solid var(--line-d)} }
.spyear span{display:block;font:600 9.5px/1.6 var(--sans);letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-dim)}
.spyear b{display:block;margin-top:6px;font-weight:400;color:var(--fog);
  font-size:clamp(14.5px,2.3vw,16px);line-height:1.6}
.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}
.sphero{position:relative;overflow:hidden;padding:clamp(96px,13vh,124px) 0 clamp(42px,7vw,60px);
  background:radial-gradient(120% 92% at 72% 30%, var(--navy-2) 0%, var(--space) 64%)}
.spsplit{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,52px);align-items:center}
.sphero .eyebrow{color:var(--gold)}
.sphero h1{font-size:clamp(34px,8.6vw,58px);line-height:1.04;color:#fff;margin-top:14px}
.sphero .splede{font-size:clamp(16px,4vw,18px);line-height:1.62;color:var(--fog);margin-top:18px;max-width:44ch}
.spportrait{justify-self:center;width:min(240px,56vw);aspect-ratio:1;border-radius:50%;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);
  box-shadow:0 30px 80px color-mix(in srgb,var(--space) 72%,transparent)}
.spportrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:var(--warm-img)}
.spstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:clamp(26px,5vw,34px);
  max-width:520px}
.spstat .n{font-family:var(--disp);font-size:clamp(28px,7vw,40px);color:var(--gold-soft);line-height:1}
.spstat .l{font:600 8.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--fog-dim);margin-top:8px}
.sptopics{max-width:820px;margin:clamp(30px,5vw,42px) auto 0}
.sptopic{border-top:1px solid var(--line-l)}
.sptopic:last-child{border-bottom:1px solid var(--line-l)}
.sptopic summary{cursor:pointer;list-style:none;padding:20px 44px 20px 46px;position:relative;
  font-family:var(--disp);font-size:clamp(18px,4.2vw,21px);color:var(--ink);line-height:1.35}
.sptopic summary::-webkit-details-marker{display:none}
.sptopic summary .num{position:absolute;left:0;top:24px;font:600 10px/1 var(--sans);
  letter-spacing:.14em;color:var(--teal-deep)}
.sptopic summary::after{content:"+";position:absolute;right:8px;top:20px;font-family:var(--sans);
  font-size:20px;color:var(--teal-deep);transition:transform .25s}
.sptopic[open] summary::after{transform:rotate(45deg)}
.sptopic p{padding:0 44px 20px 46px;margin:0;line-height:1.7;color:var(--ink-soft);max-width:62ch}
.spwhere{display:grid;grid-template-columns:1fr;gap:clamp(22px,4vw,30px);margin-top:clamp(30px,5vw,40px)}
.spitem{padding-top:19px;border-top:2px solid color-mix(in srgb,var(--gold) 55%,transparent)}
.spitem .wk{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}
.spitem h3{font-family:var(--disp);font-weight:400;font-size:clamp(20px,4.4vw,24px);color:#fff;margin-top:10px}
.spitem p{font-size:14.5px;line-height:1.65;color:var(--fog);margin-top:9px}
.spbook{max-width:620px;margin:clamp(28px,5vw,38px) auto 0;text-align:center}
.spbook .ask{font-family:var(--disp);font-size:clamp(18px,4.2vw,21px);line-height:1.55;color:var(--ink)}
.spbook ul{list-style:none;padding:0;margin:22px 0 0;text-align:left}
.spbook li{padding:12px 0 12px 26px;position:relative;border-top:1px solid var(--line-l);
  font-size:15px;color:var(--ink-soft)}
.spbook li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;border-radius:50%;
  background:var(--teal)}
@media(min-width:820px){
  .spsplit{grid-template-columns:1.18fr .82fr}
  .spportrait{justify-self:end;width:min(280px,26vw)}
  .spwhere{grid-template-columns:repeat(4,1fr)}
}

/* added media-kit, 9 Sep */
.mk-years{max-width:56ch;margin-top:clamp(24px,4vw,32px);
  display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line-d)}
.mk-year{display:flex;gap:14px;align-items:baseline;padding:12px 2px;
  border-bottom:1px solid var(--line-d)}
.mk-year span{font:600 9.5px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-dim);min-width:100px;flex:none}
.mk-year b{font-weight:400;color:var(--fog);font-size:clamp(14px,2.3vw,15.5px);line-height:1.6}
.mk-wall{--g:clamp(14px,2.2vw,20px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g);
  margin-top:clamp(26px,4.4vw,36px)}
.mk-wall>.mk-vid{flex:0 0 100%}
@media(min-width:640px){ .mk-wall>.mk-vid{flex-basis:calc((100% - var(--g)) / 2)} }
@media(min-width:1000px){ .mk-wall>.mk-vid{flex-basis:calc((100% - 2 * var(--g)) / 3)} }
.mk-vid{position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;
  background:var(--space-2);border:1px solid color-mix(in srgb,var(--fog) 20%,transparent)}
.mk-vid img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.mk-vid:hover img{transform:scale(1.04)}
.mk-vid::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 44%,color-mix(in srgb,var(--space) 82%,transparent))}
.mk-vlabel{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;
  font-size:12.5px;line-height:1.45;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.mk-vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:48px;height:48px;min-width:44px;min-height:44px;border-radius:50%;
  border:2px solid var(--gold-soft);display:grid;place-items:center;
  background:color-mix(in srgb,var(--space) 34%,transparent)}
.mk-vplay i{display:block;width:0;height:0;margin-left:4px;
  border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid var(--gold-soft)}
#about-skai .mk-years{margin-left:auto;margin-right:auto}
#about-skai p{color:var(--fog);font-size:clamp(15px,2.4vw,17px);line-height:1.72;
  max-width:56ch;margin:18px auto 0}

/* added media-kit, 13 Sep: In the press list */
.mk-press{margin-top:clamp(40px,6vw,56px)}
.mk-press-head{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);padding-bottom:14px}
.mk-press-item{display:grid;grid-template-columns:1fr;gap:8px;padding:20px 2px;border-top:1px solid var(--line-d);color:inherit;text-decoration:none}
.mk-press-item:last-child{border-bottom:1px solid var(--line-d)}
.mk-press-item .wk{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim)}
.mk-press-item h3{font-family:var(--disp);font-weight:400;font-size:clamp(20px,4.4vw,24px);color:#fff;margin-top:8px;transition:color .2s}
.mk-press-item p{font-size:14.5px;line-height:1.65;color:var(--fog);margin:0}
.mk-press-item .go{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);white-space:nowrap}
.mk-press-item:hover h3,.mk-press-item:focus-visible h3{color:var(--gold-soft)}
@media(min-width:820px){
  .spwhere{grid-template-columns:repeat(2,1fr)}
  .mk-press-item{grid-template-columns:220px 1fr auto;align-items:center;gap:32px}
}
