@import url("https://use.typekit.net/wrt1yyf.css");   /* poppins — the family this block is set in */

          /* ===== Ambassador spotlight ===== */
          /* The measure and the breakout drive the whole layout, so they are tokens:
             one media query retunes them, and the fallbacks keep a block that is dropped
             outside .ev-amb (e.g. into a from-scratch lesson) laid out correctly. */
          .ev-amb{ --amb-col:648px; --amb-bleed:156px; --amb-card:268px; --amb-cardgap:30px;
                   --amb-hero:2746 / 1059; }
          .ev-amb-body{
            max-width:calc(var(--amb-col,648px) + 2.5rem);
            margin:0 auto;
            padding:0 1.25rem;
            box-sizing:border-box;
            text-align:left;
          }
          /* Photos open symmetrically past the measure. Width is stated rather than left
             to auto so a skin that sets width:100% on sections can't turn the negative
             margins into a sideways shift. */
          .ev-amb-wide{
            width:calc(100% + 2 * var(--amb-bleed,156px));
            max-width:none;
            margin-left:calc(-1 * var(--amb-bleed,156px));
            margin-right:calc(-1 * var(--amb-bleed,156px));
          }
          .ev-amb-end{ max-width:1000px; margin:0 auto; padding:0 1.25rem; box-sizing:border-box; }

          /* --- masthead --- */
          .ev-amb-mast{ max-width:1000px; margin:0 auto; padding:2rem 1.25rem 0; box-sizing:border-box; text-align:center; }
          .ev-amb-mast .ev-logo-image{ margin-bottom:1.5rem; }
          .ev-amb-dek{
            max-width:640px;
            margin:0 auto;
            color:#4b4b4b;
            font-size:1.06rem;
            line-height:1.6;
            font-weight:300;
          }
          .ev-amb-dek p{ margin:0 0 .5rem; font-weight:300; }
          .ev-amb-byline{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:.7rem;
            flex-wrap:wrap;
            padding:1.35rem 0 1.75rem;
            font-size:.9rem;
            color:#4b4b4b;
          }
          .ev-amb-byline b{ color:#1a1a1a; font-weight:500; }
          .ev-amb-byphoto{
            width:34px; height:34px; border-radius:50%; flex:none;
            background:#e5e7eb 50% 50%/cover no-repeat;
          }
          .ev-amb-dot{ width:3px; height:3px; border-radius:50%; background:#c3c9cf; }
          /* The lead image holds ONE shape at every viewport width: a fixed height on a
             fluid box would re-crop the picture as the window narrows. Retune it for a
             given lesson by overriding --amb-hero (e.g. 3 / 2) in its Custom CSS. */
          .ev-amb-heroimg{
            aspect-ratio:var(--amb-hero, 2746 / 1059);
            border-radius:20px;
            background:#e5e7eb 50% 50%/cover no-repeat;
            margin-bottom:3rem;
          }
          @supports not (aspect-ratio: 1 / 1){
            .ev-amb-heroimg{ height:0; padding-bottom:calc(100% * 1059 / 2746); }
          }

          /* --- intro: bio card beside the opening copy --- */
          .ev-amb-intro{
            display:grid;
            grid-template-columns:var(--amb-card,268px) 1fr;
            column-gap:var(--amb-cardgap,30px);
            align-items:center;
          }
          .ev-amb-introcopy{ margin-bottom:0 !important; }
          /* Modelled on the ExpertVoice member profile card: a large portrait with the
             bolt badge, the name in display type, affiliation in blue, the member line
             as one grey row, and an outlined Follow pill. The credential list and the
             passion chips are ours — they sit below a hairline as secondary detail. */
          .ev-amb-card{
            background:#fff;
            border-radius:22px;
            box-shadow:0 6px 20px rgba(0,0,0,.08);
            padding:26px 20px 22px;
            text-align:center;
          }
          .ev-amb-photo-wrap{
            position:relative;
            width:124px; height:124px;
            margin:0 auto 16px;
          }
          .ev-amb-photo{
            width:100%; height:100%; border-radius:50%;
            background:#e5e7eb 50% 50%/cover no-repeat;
          }
          .ev-amb-badge{
            position:absolute; right:-2px; bottom:4px;
            width:42px; height:42px; border-radius:50%;
            background:#fff url('https://res.cloudinary.com/experticity/image/upload/v1778546875/studios/26spring-bolt_t9wfnw.png') 50% 50%/19px no-repeat;
            box-shadow:0 4px 12px rgba(0,0,0,.16);
          }
          .ev-amb-name{
            font-family:"poppins",serif;
            font-size:1.34rem; font-weight:600; line-height:1.18; letter-spacing:-.01em;
            color:#111; margin:0 0 5px;
          }
          .ev-amb-role{
            font-size:.86rem; font-weight:700; line-height:1.35; color:#1f6aa5; margin:0 0 10px;
          }
          /* Member line: the same two facts, set as one grey row like the profile card. */
          .ev-amb-meta{
            list-style:none; margin:0 0 16px; padding:0; border:0;
            text-align:center; font-size:.82rem; line-height:1.45; color:#9aa1a8;
          }
          .ev-amb-meta li{ display:inline; margin:0; }
          .ev-amb-meta li + li::before{ content:" | "; color:#c9ced3; }
          .ev-amb-follow{
            display:none; align-items:center; justify-content:center; gap:.5rem;
            width:100%; min-height:44px; border-radius:24px;
            background:#fff; color:#1a1a1a !important;
            box-shadow:inset 0 0 0 1px #d9dee3;
            font-size:.95rem; font-weight:600;
            text-decoration:none !important;
          }
          .ev-amb-follow:hover{ background:#f7f9fa; }
          .ev-amb-follow svg{ width:19px; height:19px; flex:none; }
          .ev-amb-creds{
            list-style:none; margin:18px 0 0; padding:16px 0 0;
            border-top:1px solid #e9edf1; text-align:left;
          }
          .ev-amb-creds li{
            position:relative; padding-left:15px; margin-bottom:10px;
            font-size:.82rem; line-height:1.45; font-weight:300; color:#374151;
          }
          .ev-amb-creds li:last-child{ margin-bottom:0; }
          .ev-amb-creds li::before{
            content:""; position:absolute; left:0; top:.5em;
            width:5px; height:5px; border-radius:50%; background:#0096e6;
          }
          .ev-amb-creds li b, .ev-amb-creds li strong{ font-weight:700; color:#0077b6; }
          .ev-amb-chips{
            display:flex; flex-wrap:wrap; justify-content:center; gap:6px;
            margin:14px 0 0; padding:14px 0 0; border-top:1px solid #e9edf1;
          }
          .ev-amb-chips span{
            font-size:.7rem; font-weight:600; letter-spacing:.01em;
            background:#eef6fa; color:#0d7fa8; border-radius:12px; padding:4px 9px;
          }

          /* --- story copy --- */
          .ev-intro p.ev-amb-lede, p.ev-amb-lede{
            font-size:1.08rem !important;
            line-height:1.6 !important;
            color:#1a1a1a !important;
            font-weight:300 !important;
          }
          .ev-amb-quoted{
            border-left:2px solid #0096e6;
            padding-left:16px;
            margin:0 0 1.05rem;
          }
          .ev-amb-quoted p:last-child{ margin-bottom:0 !important; }
          .ev-amb-story:first-child .ev-section-title{ margin-top:1rem; }

          /* --- breakout photo --- */
          .ev-amb-figure{ margin:0; }
          .ev-amb-figure-img{
            height:340px; border-radius:20px;
            background:#e5e7eb 50% 50%/cover no-repeat;
          }
          .ev-amb-figure-cap{ font-size:.78rem; color:#6b7280; margin:9px 0 0; }
          .ev-amb-wide .ev-amb-figure-cap{ margin-left:var(--amb-bleed,156px); }

          @media screen and (max-width:991.98px){
            .ev-amb{ --amb-bleed:80px; }
          }
          @media screen and (max-width:899.98px){
            .ev-amb-intro{ grid-template-columns:1fr; row-gap:1.6rem; align-items:start; }
            .ev-amb-card{ max-width:420px; margin:0 auto; }
            .ev-amb-wide{ width:auto; margin-left:0; margin-right:0; }
            .ev-amb-wide .ev-amb-figure-cap{ margin-left:0; }
          }
          @media screen and (max-width:767.98px){
            .ev-amb-mast{ padding-top:1.25rem; }
            .ev-amb-heroimg{ border-radius:14px; margin-bottom:2rem; }   /* shape stays put */
            .ev-amb-figure-img{ height:210px; border-radius:14px; }
            .ev-amb-byline{ padding:1rem 0 1.35rem; font-size:.84rem; }
          }

          /* Article type scale, carried so this block renders in any lesson. */
          .ev-amb-body, .ev-amb-mast, .ev-amb-end{ font-family:"poppins",sans-serif; color:#1a1a1a; }
          .ev-section{ text-align:left; margin-bottom:1.75rem; }
          .ev-section-title{
            font-family:"poppins",serif; font-size:clamp(25px,2.7vw,34px); line-height:1.16;
            color:#2a1f1a; margin:0 0 .5rem; font-weight:600;
          }
          .ev-intro{ margin-bottom:2rem; }
          .ev-intro p{
            font-size:clamp(.98rem,.95rem + .14vw,1.04rem); line-height:1.58;
            font-weight:300; margin-bottom:1.05rem;
          }