/* v7: compact signature bridge + full-width editorial bio */
.signature-note{background:linear-gradient(110deg,#1a1716 0%,#231d1a 55%,#191615 100%);color:#f3ede6;border-top:1px solid rgba(217,185,155,.24);border-bottom:1px solid rgba(217,185,155,.20)}
.signature-note-inner{display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:center;min-height:178px;padding-top:26px;padding-bottom:27px}
.signature-note-label{flex:none;display:flex;align-items:center;align-self:flex-start;gap:16px;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.18em;color:#d0b094;white-space:nowrap}.signature-note-author{align-self:flex-end}
.signature-line{display:block;width:34px;height:1px;background:#c4a080}
.signature-note p{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.016em;font-size:clamp(17px,1.75vw,25px);line-height:1.38;margin:0;text-align:center;color:#eee7df}
.signature-note strong{font-weight:400;font-style:italic;color:#dfbb99}
.bio{padding:0;background:#e7ded3}.bio>.wrap{width:100%;max-width:none;margin:0}
.bio-grid{display:grid;grid-template-columns:48% 52%;gap:0;align-items:stretch}
.bio-picture{height:755px;max-width:none;width:100%;min-width:0;background:#41372d}
.bio-picture img{width:100%;height:100%;object-fit:cover;object-position:center 29%}
.bio-picture-label{padding:25px 37px}
.bio-copy{display:flex;flex-direction:column;justify-content:center;max-width:none;padding:70px clamp(48px,7vw,124px) 72px clamp(46px,6.2vw,112px)}
.bio-copy p:not(.eyebrow){max-width:570px}.bio-copy h2{margin-bottom:21px}
@media(max-width:1050px) and (min-width:761px){.signature-note-inner{gap:15px}.signature-note-label{font-size:9px}.bio-picture{height:690px}.bio-copy{padding:62px 48px}}
@media(max-width:760px){.signature-note-inner{display:flex;gap:15px;min-height:0;padding:27px 0 30px}.signature-note-label{gap:12px;margin-bottom:0;font-size:9px}.signature-line{width:25px}.signature-note p{font-size:clamp(17px,4.6vw,22px);line-height:1.42;text-align:center}.bio-grid{display:flex;flex-direction:column;gap:0}.bio-picture{width:100%;height:clamp(400px,112vw,650px);max-width:none}.bio-picture img{object-position:center 28%}.bio-copy{padding:62px 25px 68px;max-width:670px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v9 — compact professional portrait thumbnail beside the speaking photo download */
.speaker-photo-resource{display:flex;align-items:center;gap:17px;margin-top:31px;max-width:390px}
.speaker-photo-preview{display:block;flex:0 0 80px;width:80px;height:93px;overflow:hidden;border:1px solid rgba(217,185,155,.4);background:#25201d}
.speaker-photo-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 31%;transition:transform .2s}
.speaker-photo-preview:hover img{transform:scale(1.045)}
.speaker-photo-meta{min-width:0}
.speaker-copy .speaker-photo-caption{font-size:10px!important;font-weight:700;letter-spacing:.16em;line-height:1.4;color:#d2b398!important;margin:0 0 7px!important}
.speaker-copy .speaker-photo-subtext{font-size:11px!important;color:#988b81!important;line-height:1.45;margin:7px 0 0!important}
.speaker-photo-meta .light-link{display:inline-block;font-size:13px;line-height:1.5}
@media(max-width:430px){.speaker-photo-resource{gap:13px}.speaker-photo-preview{flex-basis:70px;width:70px;height:82px}.speaker-copy .speaker-photo-subtext{font-size:10px!important}}

/* Final refinements: unobtrusive circular speaker thumbnail and landscape photo crop. */
.speaker-photo-preview{flex:0 0 80px;width:80px;height:80px;border:0;border-radius:50%;background:transparent}
.speaker-photo-preview img{object-fit:cover;object-position:50% 46%}
.speaker-photo-preview:hover img{transform:none}
@media(max-width:430px){.speaker-photo-preview{flex-basis:70px;width:70px;height:70px}}


/* v11 — navigation remains available while scrolling */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(10,10,11,.97);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:height .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.site-header.is-scrolled{
  height:72px;
  background:rgba(10,10,11,.93);
  box-shadow:0 9px 30px rgba(0,0,0,.18);
}
.nav a.active-section{
  color:#e2bfa0;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:8px;
}
@media(max-width:760px){
  .site-header.is-scrolled{height:68px}
  .site-header .nav{top:100%}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}


/* v12 — understated navigation separators + primary quiz action */
.nav{gap:30px}
.nav > a{position:relative;white-space:nowrap;transition:color .18s ease}
.nav > a:not(:first-child)::before{
  content:"·";
  position:absolute;
  left:-18px;
  top:50%;
  transform:translateY(-53%);
  color:#c3a387;
  font-family:Georgia,serif;
  font-size:19px;
  font-weight:400;
  pointer-events:none;
}
.nav > a.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:43px;
  padding:10px 17px;
  margin-left:9px;
  border:1px solid #c6a17e;
  border-radius:2px;
  background:rgba(212,171,133,.12);
  color:#f2dfcd;
  font-size:12px;
  font-weight:700;
  letter-spacing:.025em;
  text-decoration:none;
  transition:background-color .18s,color .18s,border-color .18s;
}
.nav > a.nav-cta:hover,
.nav > a.nav-cta:focus-visible{
  background:#e4c5a8;
  border-color:#e4c5a8;
  color:#171311;
}
.nav > a.nav-cta span{font-size:15px;font-weight:400;line-height:1}

/* Move to the existing hamburger navigation before the header becomes cramped. */
@media(max-width:1050px){
  .menu-toggle{
    display:flex;
    flex-direction:column;
    gap:5px;
    align-items:center;
    background:transparent;
    border:0;
    padding:11px;
  }
  .menu-toggle span{display:block;width:22px;height:2px;background:#e3e7e4}
  .site-header .nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;right:0;
    padding:14px 29px 25px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    font-size:15px;
    background:rgba(10,10,11,.99);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 17px 30px rgba(0,0,0,.23);
  }
  .site-header .nav.open{display:flex}
  .site-header .nav > a:not(.nav-cta){
    padding:13px 0;
    border-bottom:1px solid rgba(214,185,158,.12);
  }
  .site-header .nav > a::before{display:none}
  .site-header .nav > a.nav-cta{
    align-self:stretch;
    justify-content:center;
    margin:18px 0 0;
    padding:15px 19px;
    font-size:14px;
  }
}
@media(prefers-reduced-motion:reduce){.nav > a,.nav > a.nav-cta{transition:none}}