/* A quieter action hierarchy over Clinton's original design. */
.btn{justify-content:center;min-height:52px;padding:15px 24px;border-radius:2px;font-weight:500;line-height:1.25;box-shadow:none;transition:background .25s,color .25s,border-color .25s}
.btn-red,.btn-white{background:var(--bone);color:var(--ink)}
.btn-ink{background:var(--ink);color:var(--bone)}
.btn-red:hover,.btn-white:hover{background:#E5E4E1;color:var(--ink)}
.btn-ink:hover{background:var(--panel-2);color:var(--bone)}
.btn-ghost{background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;border-radius:0;padding-inline:0;box-shadow:none}
.btn-ghost:hover{background:transparent;color:inherit;box-shadow:none}
.btn:hover,.btn:active{transform:none}
.btn:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
.button-label{position:relative;display:block;overflow:hidden;line-height:1.25;padding-block:2px}
.button-label>span,.button-label::after{display:block;transition:transform .45s var(--motion-ease)}
.button-label::after{content:attr(data-label);position:absolute;inset:2px 0 auto;transform:translateY(140%)}
.btn:focus-visible .button-label>span{transform:translateY(-140%)}
.btn:focus-visible .button-label::after{transform:translateY(0)}
.hero .ctas,.pod .ctas,.moved .ctas,.speak-banner .ctas{gap:20px 28px;align-items:center}
.play,.play-w{width:14px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:none;border-radius:0;flex:none}
.play::before,.play-w::before{content:"";width:0;height:0;margin:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.nav-in{border-radius:6px}
.nav .btn{min-height:40px;padding:10px 18px;background:var(--red);color:#fff}
.nav .btn:hover{background:var(--red-deep);color:#fff}
.nav .pill{border-radius:0;box-shadow:none;background:none;text-underline-offset:6px;text-decoration-thickness:1px}
.nav .pill:hover{background:none;text-decoration:underline}
.nav a.l{border-radius:2px}
.ch h3{margin-top:0}
.fmt .t{display:block;padding:0;background:none;border-radius:0;color:#FF5263;font-size:.875rem;font-weight:400}
.fmt h4{margin-top:12px}
.book-strip .book-fw{display:inline-block;margin:20px 0 0!important;padding:10px 14px;border-radius:2px;background:#FFD44C;color:var(--ink)!important;font-weight:600}
.contact-links a{background:transparent;border-radius:2px;border-bottom:1px solid var(--line);padding:18px}
.contact-links a:hover,.contact-links a:focus-visible{background:var(--panel-2)}
.btn-reel,.btn-ggl{background:var(--red);color:#fff}
.btn-reel:hover,.btn-ggl:hover{background:var(--red-deep);color:#fff}
.ggl-promo{margin:48px 0 0}
.ggl-promo-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:4px}
.ggl-promo-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.ggl-promo-play>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ggl-promo-play::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22);transition:background .25s}
.ggl-promo-action{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding:18px 24px;background:var(--red);font-size:1rem;font-weight:600;border-radius:2px;transition:background .25s}
.ggl-promo-play:hover::after{background:rgba(0,0,0,.1)}
.ggl-promo-play:hover .ggl-promo-action{background:var(--red-deep)}
.ggl-promo-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.ggl-promo-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ggl-promo figcaption{margin-top:12px;text-align:right;font-size:.875rem}
.ggl-promo figcaption a{display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:5px}
.newsletter-signup{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:clamp(28px,4vw,48px);background:#0A66C2;color:#fff;border-radius:4px}
.newsletter-signup h3{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.035em}
.newsletter-signup p{margin:12px 0 0;color:#fff;font-size:1rem}
.newsletter-signup .btn{flex-shrink:0;gap:16px;background:#fff;color:#084E96}
.newsletter-signup .btn:hover{background:#E8F3FF;color:#084E96}
.numbers .v{color:var(--red)}
.known h2{font-size:clamp(52px,7.2vw,112px);max-width:15ch}
.known h2 span{color:var(--red)}
.ggl-photo{aspect-ratio:3/2}
.ggl-photo img{object-fit:contain}
.pod blockquote{font-family:var(--display);font-weight:700;font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-.015em;text-transform:uppercase}
.speak-banner{border-radius:0;min-height:max(640px,min(92vh,920px))}
.speak-banner .tx{width:100%;max-width:1500px;margin:0 auto;padding:220px var(--pad) clamp(56px,7vw,100px)}
@media(min-width:901px){
  .chapters .ch-microphone{grid-column:2;padding-inline:clamp(18px,2.4vw,34px);border-inline:1px solid var(--line)}
}
@media(max-width:1000px){
  .newsletter-signup{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(hover:hover){
  .btn:hover .button-label>span{transform:translateY(-140%)}
  .btn:hover .button-label::after{transform:translateY(0)}
}
@media(max-width:600px){
  .btn{min-height:48px;padding:13px 18px;font-size:.875rem}
  .btn-ghost{padding-inline:0}
  .hero .ctas,.pod .ctas,.moved .ctas,.speak-banner .ctas{gap:16px 22px}
  .nav .btn{padding:10px 14px}
  .newsletter-signup{padding:28px 24px}
  .newsletter-signup .btn{max-width:100%;gap:10px;padding-inline:16px}
  .ggl-promo{margin-top:32px}
  .ggl-promo-action{padding:14px 18px;font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
  .button-label>span{transition:none;transform:none!important}
  .button-label::after{display:none}
  .ggl-promo-play::after,.ggl-promo-action{transition:none}
}
