/* ----------------------------------------------------------
     COLOR & THEME — tweak these variables to tune the whole site
     ---------------------------------------------------------- */
  :root{
    --bg:#0a1622;          /* page background (deep navy slate) */
    --bg-2:#0d1c2b;        /* alternate band background        */
    --surface:#122638;     /* cards                            */
    --surface-2:#18324a;   /* card hover                       */
    --line:rgba(184,209,228,.09);
    --line-strong:rgba(184,209,228,.17);
    --text:#eef3f7;        /* primary text (cool white)        */
    --muted:#93a7b8;       /* secondary text                  */
    --muted-2:#67798a;     /* tertiary / captions             */
    --steel:#c2d2dd;       /* primary accent (brushed silver)  */
    --steel-soft:#e6eef3;  /* lighter steel for gradients      */
    --blue:#5aa0d8;        /* secondary accent (cool blue glow)*/
    --red:#d06a72;         /* hearts / diamonds (cooled)       */
    /* layout & type */
    --maxw:1180px;
    --display:"Fraunces",Georgia,serif;
    --body:"Hanken Grotesk",-apple-system,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--text);font-family:var(--body);
    font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(125% 90% at 50% -8%, rgba(46,96,134,.38), transparent 55%)}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  section{position:relative}

  h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.01em}
  h1{font-size:clamp(2.6rem,6vw,4.6rem)}
  h2{font-size:clamp(2rem,4.2vw,3.2rem)}
  .eyebrow{font-family:var(--body);text-transform:uppercase;letter-spacing:.22em;
    font-size:.72rem;font-weight:600;color:var(--blue)}
  .lead{color:var(--muted);font-size:1.08rem;max-width:60ch}

  .suit{font-family:var(--body)}
  .s-red{color:var(--red)}
  .s-gold{color:var(--steel)}

  .btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.98rem;
    padding:.95rem 1.8rem;border-radius:999px;
    background:linear-gradient(180deg,var(--steel-soft),var(--steel));color:#0c1a26;
    transition:transform .25s ease, box-shadow .25s ease;
    box-shadow:0 8px 30px -8px rgba(90,160,216,.55)}
  .btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px rgba(90,160,216,.7)}
  .btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong);
    box-shadow:none;padding:.7rem 1.4rem;font-size:.92rem}
  .btn-ghost:hover{border-color:var(--blue);color:var(--steel-soft);transform:translateY(-1px)}
  .cta-note{display:block;margin-top:.9rem;color:var(--muted-2);font-size:.86rem}

  header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
    background:rgba(10,22,34,.72);border-bottom:1px solid var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
  .nav-logo{display:flex;align-items:center;gap:.7rem}
  .nav-logo img{height:46px;width:auto;
    filter:drop-shadow(0 0 14px rgba(90,160,216,.35))}
  .nav-logo .wordmark{font-family:var(--display);font-weight:500;font-size:1.18rem;
    letter-spacing:.01em;color:var(--text)}
  @media(max-width:520px){.nav-logo .wordmark{display:none}}
  .nav-links{display:flex;gap:2rem;align-items:center}
  .nav-links a{font-size:.95rem;color:var(--muted);transition:color .2s}
  .nav-links a:hover,.nav-links a.active{color:var(--text)}
  .nav-cta{display:flex;align-items:center;gap:1.3rem}

  .hero{padding:clamp(3.5rem,7vw,6rem) 0 clamp(4rem,8vw,7rem);
    overflow-x:clip;overflow-y:visible;isolation:isolate}
  .hero-bg{position:absolute;inset:0;z-index:0;opacity:.9;
    background:
      radial-gradient(70% 55% at 72% 12%, rgba(90,160,216,.20), transparent 60%),
      radial-gradient(60% 50% at 18% 80%, rgba(120,180,220,.10), transparent 60%);
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);
    mask-image:linear-gradient(180deg,#000,transparent 90%)}
  .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;
    gap:3.5rem;align-items:center}
  .hero h1{margin:1.2rem 0 1.4rem}
  .hero .lead{margin-bottom:2.2rem;font-size:1.18rem}
  .hero-photo{position:relative}
  .hero-photo img{border-radius:18px;width:100%;aspect-ratio:4/5;object-fit:cover;
    object-position:75% center;
    border:1px solid var(--line-strong);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
  .glow{position:absolute;z-index:1;pointer-events:none;border-radius:50%;filter:blur(50px)}
  .glow-gold{bottom:-140px;left:-160px;width:520px;height:520px;opacity:.55;
    background:radial-gradient(closest-side,rgba(90,160,216,.55),transparent 72%)}
  .glow-blue{top:-120px;right:-120px;width:480px;height:480px;opacity:.5;
    background:radial-gradient(closest-side,rgba(120,185,225,.45),transparent 72%)}

  .suit-row{display:flex;gap:1rem;font-size:1.4rem;margin:0 0 1rem}

  .sec{padding:clamp(4rem,8vw,7rem) 0}
  .sec-head{max-width:62ch}
  .center{margin-left:auto;margin-right:auto;text-align:center}
  .center .lead{margin-left:auto;margin-right:auto}
  .focus{text-align:center}
  .focus h2{max-width:18ch;margin:0 auto}

  .program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}
  .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:2rem 1.8rem;transition:border-color .3s,transform .3s,background .3s}
  .card:hover{border-color:var(--line-strong);transform:translateY(-4px);background:var(--surface-2)}
  .card .suit{font-size:1.5rem;display:block;margin-bottom:1.1rem}
  .card h3{font-size:1.32rem;margin-bottom:.6rem}
  .card p{color:var(--muted);font-size:.98rem}
  .card-wide{grid-column:span 4}
  @media(min-width:861px){
    .card-wide{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}
    .card-wide .suit{margin-bottom:0}
  }
  @media(max-width:1080px) and (min-width:861px){
    .program-grid{grid-template-columns:repeat(2,1fr)}
    .card-wide{grid-column:span 2}
  }

  .split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
  .split.rev{direction:rtl}.split.rev>*{direction:ltr}
  .split img{border-radius:16px;width:100%;aspect-ratio:5/4;object-fit:cover;border:1px solid var(--line)}
  .split h2{margin-bottom:1.2rem}
  .split p{color:var(--muted)}
  .split p+p{margin-top:1rem}

  .money{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .money .money-img{min-height:clamp(360px,42vw,540px)}
  .money .money-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
  .money .money-content{display:flex;flex-direction:column;align-items:flex-start;
    justify-content:center;gap:1.2rem;padding:clamp(2.5rem,5vw,4.5rem) clamp(28px,5vw,4.5rem)}
  .money .money-content h2{max-width:18ch}
  .money .money-content .lead{margin:0}
  .money .money-content .btn{margin-top:.6rem}

  .tmt-head{text-align:center;margin-bottom:3rem}
  .tmt-carousel{position:relative;margin-top:3rem}
  .tmt-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-behavior:smooth;padding:6px 4px 1.6rem;scrollbar-width:none}
  .tmt-track::-webkit-scrollbar{display:none}
  .tmt-track>.tmt{flex:0 0 clamp(290px,31%,360px);scroll-snap-align:start}
  .tmt-nav{position:absolute;top:46%;transform:translateY(-50%);z-index:5;
    width:46px;height:46px;border-radius:50%;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    background:rgba(18,38,58,.92);border:1px solid var(--line-strong);
    color:var(--steel-soft);font-size:1.6rem;line-height:0;
    backdrop-filter:blur(6px);transition:border-color .25s,color .25s,opacity .25s}
  .tmt-nav:hover{border-color:var(--blue);color:var(--text)}
  .tmt-nav.prev{left:-8px}.tmt-nav.next{right:-8px}
  .tmt-nav[disabled]{opacity:.3;cursor:default;pointer-events:none}
  .tmt{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.8rem;
    display:flex;flex-direction:column;gap:1rem;transition:border-color .3s,transform .3s}
  .tmt:hover{border-color:var(--steel);transform:translateY(-3px)}
  .stars{color:var(--steel);letter-spacing:.15em;font-size:.9rem}
  .tmt q{font-family:var(--display);font-style:italic;font-size:1.05rem;line-height:1.5;
    color:var(--text);quotes:none}
  .tmt q:before,.tmt q:after{content:""}
  .tmt .who{margin-top:auto;display:flex;align-items:center;gap:1rem}
  .tmt .who .avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;
    object-position:50% 25%;flex:none;border:1px solid var(--line-strong);
    background:var(--surface-2)}
  .tmt .who .avatar.mono{display:flex;align-items:center;justify-content:center;
    font-family:var(--display);font-size:1.9rem;font-weight:500;color:var(--steel-soft);
    background:linear-gradient(160deg,var(--surface-2),#0b1827)}
  .tmt .who .name{font-weight:700;font-size:.98rem}
  .tmt .who .role{color:var(--muted-2);font-size:.85rem}

  .path{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  /* alternating panel band — lifts a section off the base navy for rhythm */
  .band{background:#0f2235;border-top:1px solid var(--line-strong);
    border-bottom:1px solid var(--line-strong)}
  .band .card,.band .tmt,.band details,.band .step{background:var(--surface-2)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:3rem}
  .step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:2rem 1.8rem;transition:border-color .3s,transform .3s,background .3s,box-shadow .3s}
  .step:hover{border-color:var(--blue);transform:translateY(-5px);background:var(--surface-2);
    box-shadow:0 18px 40px -22px rgba(90,160,216,.55)}
  .step .num{display:flex;align-items:center;justify-content:center;width:54px;height:54px;
    border-radius:50%;font-family:var(--display);font-size:1.55rem;line-height:0;color:var(--steel-soft);
    background:linear-gradient(160deg,var(--surface-2),#0b1827);border:1px solid var(--line-strong);
    margin-bottom:1.1rem;transition:border-color .3s,color .3s,box-shadow .3s}
  .step:hover .num{border-color:var(--blue);color:var(--text);box-shadow:0 0 18px -2px rgba(90,160,216,.5)}
  .step h3{font-size:1.4rem;margin:0 0 .6rem}
  .step p{color:var(--muted);font-size:.98rem}
  /* connector line + chevron leading from each step to the next */
  .step:not(:last-child)::before{content:"";position:absolute;top:calc(2rem + 27px);
    right:-2.4rem;width:2.4rem;height:2px;
    background:linear-gradient(90deg,rgba(90,160,216,.15),rgba(90,160,216,.6))}
  .step:not(:last-child)::after{content:"\203A";position:absolute;top:calc(2rem + 27px);
    right:-1.5rem;transform:translateY(-50%);color:var(--blue);font-size:1.5rem;
    line-height:0;font-weight:700}

  .price-wrap{display:flex;justify-content:center}
  .price{background:linear-gradient(180deg,var(--surface-2),var(--surface));
    border:1px solid var(--line-strong);border-radius:22px;padding:clamp(2.2rem,4vw,3.2rem);
    max-width:560px;width:100%;text-align:center;box-shadow:0 50px 90px -40px rgba(0,0,0,.8)}
  .price .eyebrow{margin-bottom:1rem}
  .price h3{font-size:1.7rem;margin-bottom:.4rem}
  .price .amt{font-family:var(--display);font-size:clamp(3rem,7vw,4.2rem);line-height:1;margin:.6rem 0}
  .price .amt span{font-family:var(--body);font-size:1.1rem;color:var(--muted)}
  .price .sub{color:var(--muted);font-size:.95rem;margin-bottom:1.8rem}
  .feat{list-style:none;text-align:left;max-width:380px;margin:0 auto 2rem;
    display:flex;flex-direction:column;gap:.85rem}
  .feat li{display:flex;gap:.7rem;align-items:flex-start;color:var(--text);font-size:.98rem}
  .feat .chk{color:var(--steel);font-weight:700}
  .price .seats{margin-top:1.2rem;color:var(--steel-soft);font-size:.82rem;
    letter-spacing:.05em;text-transform:uppercase}

  .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:3rem}
  details{background:var(--surface);border:1px solid var(--line);border-radius:14px;
    padding:1.4rem 1.6rem;transition:border-color .3s}
  details[open]{border-color:var(--line-strong)}
  summary{font-family:var(--display);font-size:1.18rem;cursor:pointer;list-style:none;
    display:flex;justify-content:space-between;gap:1rem;align-items:center}
  summary::-webkit-details-marker{display:none}
  summary .plus{color:var(--blue);font-size:1.4rem;transition:transform .3s;line-height:1}
  details[open] summary .plus{transform:rotate(45deg)}
  details p{color:var(--muted);margin-top:1rem;font-size:.98rem}

  .final{text-align:center;padding:clamp(4rem,8vw,7rem) 0;position:relative;
    overflow-x:clip;overflow-y:visible;isolation:isolate}
  .final .split-img{border-radius:16px;margin:0 auto 3rem;max-width:760px;aspect-ratio:16/7;
    object-fit:cover;border:1px solid var(--line)}
  .final h2{max-width:20ch;margin:0 auto 1.2rem}
  .final .lead{margin:0 auto 2rem}

  footer{border-top:1px solid var(--line);padding:2.5rem 0;text-align:center;
    color:var(--muted-2);font-size:.88rem}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}

  @media(max-width:860px){
    .nav-links{display:none}
    .hero-inner{grid-template-columns:1fr;gap:2.5rem}
    .hero-photo{order:-1;max-width:380px;margin-inline:auto}
    .program-grid,.steps,.faq-grid{grid-template-columns:1fr}
    .card-wide{grid-column:span 1}
    .step:not(:last-child)::before{top:auto;bottom:-2.4rem;right:auto;left:calc(1.8rem + 26px);
      width:2px;height:2.4rem;background:linear-gradient(180deg,rgba(90,160,216,.15),rgba(90,160,216,.6))}
    .step:not(:last-child)::after{top:auto;bottom:-1.4rem;right:auto;left:calc(1.8rem + 20px);
      transform:rotate(90deg)}
    .split{grid-template-columns:1fr;gap:2rem}
    .money{grid-template-columns:1fr}
    .split.rev{direction:ltr}
    .points{grid-template-columns:1fr}
  }

  /* 1-on-1 page — "who this is for" qualifier checklist */
  .points{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2.4rem;margin-top:2.6rem}
  .points li{list-style:none;display:flex;gap:.85rem;align-items:flex-start;color:var(--muted)}
  .points .mk{color:var(--blue);flex:none;font-weight:700;font-size:1.05rem;line-height:1.55}
  /* subtle inline arrow link (e.g. "Read full bio →") */
  .arrow-link{display:inline-block;margin-top:1.3rem;color:var(--blue);font-weight:600;transition:color .2s}
  .arrow-link:hover{color:var(--steel-soft)}

  /* About page — narrative prose, pull quote, two-up card row */
  .prose{max-width:66ch;margin-top:2.2rem}
  .prose p{color:var(--muted)}
  .prose p+p{margin-top:1.2rem}
  .pullquote{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.7rem);
    line-height:1.45;color:var(--text);border-left:3px solid var(--blue);
    padding-left:1.4rem;margin-top:2rem;max-width:60ch}
  /* arena "chips" — a quick at-a-glance list of pursuits */
  .chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;list-style:none}
  .chips li{font-size:.84rem;font-weight:600;letter-spacing:.02em;color:var(--steel-soft);
    border:1px solid var(--line-strong);background:rgba(255,255,255,.03);
    padding:.45rem .9rem;border-radius:999px}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.6rem}
  .duo .card h3{font-size:1.4rem}
  @media(max-width:860px){.duo{grid-template-columns:1fr}}

  /* Interior pages — leaner, centered hero (distinct from the homepage split hero) */
  .hero.lean .hero-inner{grid-template-columns:1fr;text-align:center;max-width:800px;margin-inline:auto;gap:0}
  .hero.lean h1{margin:1.1rem auto 1.3rem;max-width:18ch}
  .hero.lean .lead{margin-inline:auto}
  .about-portrait{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:70% 15%;
    margin:0 auto 1.6rem;border:1px solid var(--line-strong);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}

  /* Divided feature list (e.g. 1-on-1 services — distinct from the homepage card grid) */
  .feature-rows{margin-top:2.8rem;border-top:1px solid var(--line)}
  .feature-row{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:start;
    padding:1.7rem 0;border-bottom:1px solid var(--line);transition:padding-left .25s,background .25s}
  .feature-row:hover{background:linear-gradient(90deg,rgba(90,160,216,.06),transparent 70%);padding-left:.8rem}
  .feature-row .suit{font-size:1.7rem;line-height:1}
  .feature-row h3{font-size:1.35rem;margin-bottom:.45rem}
  .feature-row p{color:var(--muted);max-width:62ch}

  /* Full-bleed photo hero (1-on-1) — cinematic background image, text on the left */
  .photo-hero{position:relative;display:flex;align-items:center;
    min-height:min(78vh,680px);padding:clamp(4rem,9vw,7rem) 0;
    overflow-x:clip;overflow-y:visible;isolation:isolate}
  .photo-hero .photo-hero-bg{position:absolute;inset:0;z-index:0;
    background:url("images/jared-1on1.jpg") 50% 22%/cover no-repeat}
  .photo-hero .photo-hero-bg::after{content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,var(--bg) 8%,rgba(10,22,34,.74) 42%,rgba(10,22,34,.12) 100%),
    linear-gradient(0deg,var(--bg),transparent 24%),
    radial-gradient(120% 80% at 50% -10%,rgba(46,96,134,.28),transparent 55%)}
  .photo-hero .wrap{position:relative;z-index:2}
  .photo-hero .hero-copy{max-width:560px}
  @media(max-width:860px){
    .photo-hero{min-height:auto}
    .photo-hero .photo-hero-bg{background-position:66% 16%}
    .photo-hero .photo-hero-bg::after{background:
      linear-gradient(0deg,var(--bg) 6%,rgba(10,22,34,.84) 55%,rgba(10,22,34,.6) 100%),
      radial-gradient(120% 80% at 50% -10%,rgba(46,96,134,.25),transparent 55%)}
  }

  /* ---- Site footer with link columns ---- */
  .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.6rem;
    padding-bottom:1.5rem;margin-bottom:1.4rem;border-bottom:1px solid var(--line)}
  .foot-links a{color:var(--muted);font-size:.9rem;transition:color .2s}
  .foot-links a:hover{color:var(--text)}
  .foot-base{color:var(--muted-2);font-size:.86rem}

  /* ---- Legal / text-page layout ---- */
  .legal{max-width:760px;margin:0 auto}
  .legal .eyebrow{display:block;margin-bottom:.9rem}
  .legal h1{font-size:clamp(2.2rem,5vw,3.1rem);margin-bottom:.5rem}
  .legal .updated{color:var(--muted-2);font-size:.92rem;margin-bottom:2.2rem}
  .legal h2{font-size:1.4rem;margin:2.2rem 0 .7rem}
  .legal h3{font-size:1.06rem;margin:1.4rem 0 .4rem;color:var(--text)}
  .legal p,.legal li{color:var(--muted)}
  .legal p{margin-bottom:1rem}
  .legal ul{list-style:disc;margin:0 0 1.1rem 1.3rem;display:flex;flex-direction:column;gap:.5rem}
  .legal a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
  .legal a:hover{color:var(--steel-soft)}
  .legal strong{color:var(--text);font-weight:600}
  .legal .callout{background:var(--surface);border:1px solid var(--line-strong);
    border-radius:14px;padding:1.4rem 1.6rem;margin:1.6rem 0}
  .legal .callout p:last-child{margin-bottom:0}

  /* ---- App landing page ---- */
  .app-icon-lg{width:92px;height:92px;border-radius:22px;border:1px solid var(--line-strong);
    box-shadow:0 16px 40px -16px rgba(0,0,0,.7);margin-bottom:1.3rem}
  .store-badges{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}
  .store-badge{display:inline-flex;flex-direction:column;justify-content:center;
    padding:.55rem 1.2rem;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface)}
  .store-badge .soon{font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:700}
  .store-badge .store{font-size:1rem;font-weight:600;color:var(--text)}
  .appshot{width:100%;max-width:300px;border-radius:30px;border:1px solid var(--line-strong);
    box-shadow:0 34px 70px -28px rgba(0,0,0,.85);margin:0 auto;display:block}
  .app-feature{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
  .app-feature.rev{direction:rtl}.app-feature.rev>*{direction:ltr}
  @media(max-width:860px){.app-feature{grid-template-columns:1fr;gap:2.4rem}.app-feature.rev{direction:ltr}}

  /* ---- Podcast page ---- */
  .pod-art{width:100%;max-width:330px;border-radius:20px;border:1px solid var(--line-strong);
    box-shadow:0 30px 70px -28px rgba(0,0,0,.85);margin:0 auto;display:block}
  .subscribe{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}
  .subscribe a{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.3rem;border-radius:999px;
    border:1px solid var(--line-strong);color:var(--text);font-weight:600;font-size:.92rem;
    transition:border-color .25s,color .25s,background .25s}
  .subscribe a:hover{border-color:var(--blue);color:var(--steel-soft);background:rgba(90,160,216,.06)}
  .pod-embed{margin-top:2.8rem;border-radius:14px;overflow:hidden;min-height:352px}
  .pod-embed iframe{display:block;width:100%;border:0}
  .pod-banner-sec{overflow:hidden;margin-top:clamp(.5rem,2vw,1.25rem)}
  .pod-banner{display:block;width:100%;height:clamp(190px,27vw,360px);
    object-fit:cover;object-position:center 45%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%)}

  /* nav: App/Podcast links grouped on the right, just before the CTA */
  .nav-cta a:not(.btn){font-size:.95rem;color:var(--muted);transition:color .2s}
  .nav-cta a:not(.btn):hover,.nav-cta a:not(.btn).active{color:var(--text)}
  @media(max-width:860px){.nav-cta a:not(.btn){display:none}}