/* ===== Bryson Tibbitts spotlight: measure + new blocks ===== */

  /* Reading measure, set to the widest that still sits inside the 45-75
     character band (Bringhurst) and under WCAG 1.4.8's 80-character ceiling.
     Measured on this copy at this body size (~16.6px Poppins Light, 1.58):
       600px -> median 68 / 90th pct 73 / longest 77
       624px -> median 72 / 90th pct 75 / longest 77   <- here
       648px -> median 75 / 90th pct 80 / longest 82   (crosses the ceiling)
     Everything on the measure inherits it, including the pull quotes, so the
     column has one left edge the whole way down. */
  .ev-amb{ --amb-col:624px; --amb-bleed:130px; }

  /* --- ambassador byline: avatar + name on one row, above the opening copy --- */
  .ev-amb-idline{ display:flex; align-items:center; gap:14px; margin:0 0 1.75rem; }
  .ev-amb-idphoto{ position:relative; width:56px; height:56px; flex:none; }
  .ev-amb-idphoto .ev-amb-photo{ width:100%; height:100%; }
  .ev-amb-idphoto .ev-amb-badge{
    right:-3px; bottom:-1px; width:23px; height:23px;
    background-size:11px; box-shadow:0 2px 7px rgba(0,0,0,.16);
  }
  .ev-amb-idname{ font-size:1.04rem; font-weight:600; line-height:1.2; color:#111; margin:0; }
  .ev-amb-idrole{ font-size:.82rem; font-weight:500; line-height:1.3; color:#2d7fc1; margin:3px 0 0; }

  /* --- pull quote: the interview line set in the brand blue, on the measure ---
     No card and no quote mark: at this size the italic and the colour already
     read as a voice change, and the plain setting keeps the left edge of the
     column unbroken all the way down the story. */
  .ev-amb-pull-inline{ margin:.35rem 0 2.1rem; }
  .ev-amb-pull-inline p{
    font-size:1.19rem !important;
    line-height:1.55 !important;
    font-weight:400 !important;
    font-style:italic;
    color:#2a6f9e !important;
    margin:0 0 1.05rem !important;
  }
  .ev-amb-pull-inline p:last-child{ margin-bottom:0 !important; }

  /* --- full-bleed photo: edge to edge, outside the measure --- */
  .ev-amb-full{ margin:1rem 0 3rem; }
  .ev-amb-full-img{
    height:420px; background:#e5e7eb 50% 50%/cover no-repeat;
  }
  .ev-amb-full-cap{
    font-size:.78rem; color:#5b6270; margin:9px auto 0;
    max-width:calc(var(--amb-col,600px) + 2.5rem); padding:0 1.25rem; box-sizing:border-box;
  }

  /* --- photo pair: two frames that open past the measure together --- */
  .ev-amb-pair{
    display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:.25rem 0 2.25rem;
  }
  .ev-amb-pair-img{
    aspect-ratio:1 / 1; border-radius:18px;
    background:#e5e7eb 50% 50%/cover no-repeat;
  }
  @supports not (aspect-ratio: 1 / 1){ .ev-amb-pair-img{ height:0; padding-top:100%; } }
  .ev-amb-pair-cap{ font-size:.78rem; color:#6b7280; margin:9px 0 0; }

  /* --- end card: the bio card laid on its side under the story --- */
  .ev-amb-hcard{
    display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px;
    background:#fff; border-radius:22px; box-shadow:0 6px 20px rgba(0,0,0,.08);
    padding:22px 26px; margin:2.75rem 0 1rem; text-align:left;
  }
  .ev-amb-hcard .ev-amb-photo-wrap{ width:96px; height:96px; margin:0; }
  .ev-amb-hcard .ev-amb-badge{ width:31px; height:31px; background-size:14px; right:-3px; bottom:2px; }
  .ev-amb-hcard .ev-amb-name{ font-size:1.14rem; margin:0 0 4px; }
  .ev-amb-hcard .ev-amb-role{ font-size:.8rem; margin:0 0 9px; }
  .ev-amb-hcard .ev-amb-creds{ margin:0; padding:0; border-top:0; }
  .ev-amb-hcard .ev-amb-creds li{ margin-bottom:6px; }
  .ev-amb-hcard .ev-amb-follow{ width:auto; padding:0 26px; }
  /* The side-on card spans the story measure like the pull quotes, not the 420px bio-card cap. */
  .ev-amb-card.ev-amb-hcard{ max-width:none; }
  /* .ev-amb-card (later, same specificity) centers the card's text; keep the name + role left beside the photo on desktop. */
  @media screen and (min-width:768px){
    .ev-amb-hcard .ev-amb-name, .ev-amb-hcard .ev-amb-role{ text-align:left; }
  }

  @media screen and (max-width:767.98px){
    .ev-amb-full-img{ height:250px; }
    .ev-amb-hcard{ grid-template-columns:1fr; justify-items:center; text-align:center; gap:16px; }
    .ev-amb-hcard .ev-amb-creds{ text-align:left; }
    .ev-amb-hcard .ev-amb-follow{ width:100%; }
    .ev-amb-pull-inline p{ font-size:1.08rem !important; }
  }