/* kemalbrown.com · Speaker Kit banner + sign-up gate (speakerkit1, 29 Oct 2026; Kemal via Gail).
   Ink, cream, gold #C9A45C, Anton + EB Garamond. Loaded only on /speaker/ and /speaker/press-kit/. Transform/opacity motion only;
   everything still and fully visible with prefers-reduced-motion or ?static=1. */
.skb-sec{padding:clamp(40px,6vw,96px) 0}
.skb-sec.light{background:var(--c-cream)}
.skb{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;background:var(--c-ink);color:var(--c-cream);
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;
  padding:clamp(28px,4.4vw,72px) clamp(20px,4vw,64px);border:1px solid rgba(201,164,92,.38)}
.pk-page .skb{margin-bottom:clamp(48px,6vw,96px)}
/* hairline frame inset, like the kit cover */
.skb::before{content:"";position:absolute;inset:clamp(10px,1.2vw,16px);border:1px solid rgba(201,164,92,.28);pointer-events:none;z-index:-1}
/* soft spotlight behind the cover */
.skb::after{content:"";position:absolute;right:-8%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(246,239,226,.10),rgba(246,239,226,0));pointer-events:none;z-index:-2}
.skb-word{position:absolute;left:-.04em;bottom:-.2em;z-index:-1;margin:0;font-family:var(--display);text-transform:uppercase;
  font-size:clamp(120px,21vw,360px);line-height:.8;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(201,164,92,.22);
  pointer-events:none;user-select:none}
.skb-txt{grid-column:1/8;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);position:relative}
.skb-eye{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;color:var(--c-gold)}
.skb-eye .skb-new{display:inline-block;padding:4px 7px 3px;border:1px solid var(--c-gold);line-height:1}
.skb-h{margin:0;font-size:clamp(56px,8.6vw,150px);line-height:.86;color:var(--c-cream)}
.skb-h .skb-h2{display:block;color:var(--c-gold)}
.skb-sub{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(21px,2vw,30px);line-height:1.25;max-width:30ch;color:var(--c-cream)}
.skb-rule{display:block;width:64px;height:1px;background:var(--c-gold);transform-origin:0 50%}
.skb-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;color:var(--c-mute-d)}
.skb-meta li{display:flex;align-items:center;gap:18px}
.skb-meta li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--c-gold);margin-left:-11px}
/* gate */
.skb-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:6px;max-width:44rem}
.skb-form .f{display:flex;flex-direction:column;gap:6px;min-width:0}
.skb-form label{color:var(--c-mute-d)}
.skb-form input{border:1px solid rgba(246,239,226,.5);background:var(--c-ink);color:var(--c-cream);min-height:48px;position:relative}
.skb-form input:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px;border-color:var(--c-gold)}
.skb-btn,.skb-dl a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 20px;border:1px solid var(--c-gold);
  background:var(--c-gold);color:var(--c-ink);font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  white-space:nowrap;transition:background .25s,color .25s}
.skb-btn:hover,.skb-dl a:hover{background:transparent;color:var(--c-gold)}
.skb-btn:focus-visible,.skb-dl a:focus-visible{outline:2px solid var(--c-cream);outline-offset:3px}
.skb-btn[disabled]{opacity:.6;cursor:progress}
.skb-btn .skb-ar{transition:transform .3s var(--ease)}
.skb-btn:hover .skb-ar{transform:translateX(4px)}
.skb-form .note,.skb-form .status{grid-column:1/-1;margin:0;position:relative}
.skb-form .note{color:var(--c-mute-d);font-size:13px}
.skb-form .note a{color:inherit;text-underline-offset:3px}
.skb-form .status.is-err{color:#f1b4a8}
/* unlocked */
.skb-done{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.skb-done[hidden],.skb-form[hidden]{display:none}
.skb-done-h{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.2vw,34px);line-height:1.2;color:var(--c-cream)}
.skb-done-h:focus{outline:none}
.skb-dl{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.skb-dl li:nth-child(n+2) a{background:transparent;color:var(--c-gold)}
.skb-dl li:nth-child(n+2) a:hover{background:var(--c-gold);color:var(--c-ink)}
.skb-done .note{margin:0;color:var(--c-mute-d);font-size:13px}
/* cover: cropped zoom frame + gold ring (echoes the kit cover) */
.skb-fig{grid-column:9/13;position:relative;margin:0;justify-self:end;width:min(100%,380px);perspective:900px}
.skb-ring{position:absolute;left:50%;top:44%;width:128%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(201,164,92,.55);pointer-events:none}
.skb-ring::after{content:"";position:absolute;inset:-7%;border-radius:50%;border:1px dashed rgba(201,164,92,.28)}
.skb-card{position:relative;display:block;overflow:hidden;aspect-ratio:900/1273;background:var(--c-photo);
  box-shadow:0 30px 60px -24px rgba(0,0,0,.75),0 0 0 1px rgba(201,164,92,.45);transform-style:preserve-3d;will-change:transform}
.skb-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.06);transition:transform 1.1s var(--ease)}
@media (hover:hover){.skb:hover .skb-card img{transform:scale(1.1)}}
.skb-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(246,239,226,0) 40%,rgba(246,239,226,.14) 50%,rgba(246,239,226,0) 60%);
  transform:translateX(-100%);pointer-events:none}
.skb-tag{position:absolute;left:-14px;bottom:18px;z-index:2;padding:8px 10px 7px;background:var(--c-cream);color:var(--c-ink)}
/* motion (CSS part; GSAP part in speakerkit.js) */
@media (prefers-reduced-motion:no-preference){
  html.js:not(.static) .skb-ring{animation:skbSpin 60s linear infinite}
  html.js:not(.static) .skb.in .skb-card::after{animation:skbSheen 1.6s .5s var(--ease) both}
  html.js:not(.static) .skb.in .skb-rule{animation:skbRule 1.2s .2s var(--ease) both}
}
@keyframes skbSpin{to{rotate:360deg}}
@keyframes skbSheen{to{transform:translateX(100%)}}
@keyframes skbRule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* tablet / mobile */
@media (max-width:999px){
  .skb-txt{grid-column:1/-1;order:2}
  .skb-fig{grid-column:1/-1;order:1;justify-self:center;width:min(62%,300px);margin:8px 0 clamp(36px,6vw,56px)}
  .skb-word{font-size:clamp(110px,30vw,260px)}
}
@media (max-width:640px){
  .skb-form{grid-template-columns:1fr}
  .skb-btn{width:100%}
  .skb-dl,.skb-dl li,.skb-dl a{width:100%}
  .skb-tag{left:-8px}
}
@media (forced-colors:active){.skb,.skb-card{border:1px solid CanvasText}.skb-btn,.skb-dl a{border:1px solid ButtonText}}