/* self-hosted fonts */
@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lora-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/lora-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/lora-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/lora-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:italic;font-weight:500;font-display:swap;src:url(fonts/lora-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cormorant-garamond-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cinzel-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Pinyon Script";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pinyon-script-latin-400-normal.woff2) format("woff2")}

  :root{
    --plum:#1a040e;
    --plum-2:#24071a;
    --wine:#52030f;
    --wine-2:#6b052b;
    --rose:#cf9a86;
    --coral:#ff6d5a;
    --gold:#cb8024;
    --gold-2:#e2a44a;
    --champagne:#d9b183;
    --cream:#f9f0e3;
    --cream-70:#dccbb4;
    --measure:44rem;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;font-size:clamp(16px,.8rem + .25vw,18px)}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{
    margin:0;background:var(--plum);color:var(--cream);
    font-family:Lora,Georgia,serif;font-size:1.125rem;font-weight:400;line-height:1.65;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  }
  ::selection{background:var(--gold);color:var(--plum)}
  a{color:var(--champagne)}
  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
    outline:2px solid var(--coral);outline-offset:3px
  }
  h1,h2,h3,.big{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.1;margin:0;color:var(--champagne)}
  h1{font-size:clamp(2.5rem,5.6vw,4.9rem);letter-spacing:-.01em}
  h2{font-size:clamp(2rem,4.2vw,3.4rem)}
  h3{font-size:clamp(1.4rem,2.2vw,1.75rem)}
  p{margin:0 0 1.1em}
  .caps{font-family:Cinzel,serif;font-weight:400;letter-spacing:.18em;text-transform:uppercase}
  .script{font-family:"Pinyon Script",cursive;font-weight:400;color:var(--gold-2);letter-spacing:0;text-transform:none}
  .tm{font-size:.5em;vertical-align:super;letter-spacing:0}
  em{font-style:italic;color:var(--cream)}
  strong{font-weight:600;color:var(--cream)}

  .wrap{width:min(100% - 3rem,76rem);margin-inline:auto}
  .wide{margin-inline:-7rem}
  @media (max-width:1000px){.wide{margin-inline:0}}
  .measure{max-width:var(--measure);margin-inline:auto}
  section{padding:clamp(4rem,9vw,7.5rem) 0;position:relative}

  /* ---- ornaments ---- */
  .rule{display:flex;align-items:center;gap:1rem;color:var(--gold);margin:0 auto;width:min(100% - 3rem,72rem)}
  .rule::before,.rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 35%,var(--gold) 65%,transparent)}
  .rule svg{width:22px;height:22px;flex:none}
  .glow-corner{position:absolute;inset:0;pointer-events:none;overflow:hidden}
  .glow-corner::before{content:"";position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;
    left:-20vw;top:-30vw;background:radial-gradient(closest-side,rgba(226,164,74,.22),rgba(226,164,74,0));}

  /* ---- nav ---- */
  header{position:sticky;top:0;z-index:10;background:linear-gradient(var(--plum) 72%,rgba(26,4,14,0))}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
  .wordmark{text-decoration:none;color:var(--champagne);font-size:.95rem;display:flex;align-items:center;gap:.7rem;white-space:nowrap}
  .wordmark svg{width:26px;height:26px}
  .btn{display:inline-block;background:var(--gold-2);color:var(--plum);text-decoration:none;font-family:Cinzel,serif;font-weight:600;
    font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:1rem 1.7rem;border:0;border-radius:2px;cursor:pointer;
    box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 6px 22px rgba(226,164,74,.22);
    transition:background .15s ease,transform .15s ease}
  .btn:hover{background:#f2b955}
  .btn:active{transform:translateY(1px)}
  .btn-sm{padding:.7rem 1.2rem;font-size:.8rem}

  /* ---- hero ---- */
  .hero{padding:clamp(.75rem,2vw,1.5rem) 0 0;overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1fr auto;gap:clamp(1.5rem,4vw,3rem);align-items:center}
  .hero-copy{padding-bottom:clamp(1rem,3vw,2rem)}
  .hero-copy .eyebrow{font-size:.85rem;color:var(--gold-2);margin-bottom:1.1rem}
  .hero-copy p.sub{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;color:var(--cream);max-width:34rem;margin:1.3rem 0 1.7rem}
  .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}
  .hero-cta small{display:block;color:var(--cream-70);font-size:.95rem;max-width:20rem;line-height:1.4}
  .portrait{position:relative;justify-self:end;width:auto;max-width:100%;margin-bottom:-7.5rem}
  .portrait img{display:block;height:clamp(500px,74vh,780px);width:auto;max-width:100%;object-fit:contain;
    -webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
  .portrait::before{content:"";position:absolute;inset:-10% -20% 10% -10%;z-index:-1;opacity:.6;
    background:radial-gradient(60% 60% at 60% 30%,rgba(203,128,36,.28),transparent 70%),
               radial-gradient(40% 50% at 30% 80%,rgba(107,5,43,.45),transparent 70%)}

  /* the one memorable element: static resolving into signal */
  .wave{display:block;width:100%;height:auto;margin-top:-1rem;position:relative;z-index:1}
  .wave path{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;filter:url(#neon)}
  .wave .line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s cubic-bezier(.4,0,.2,1) .2s forwards}
  .wave .pulse{stroke:#ffd7a8;stroke-width:3;stroke-dasharray:38 1000;stroke-dashoffset:1038;opacity:0;
    animation:pulse 4.5s linear 3.2s infinite}
  @keyframes draw{to{stroke-dashoffset:0}}
  @keyframes pulse{0%{stroke-dashoffset:1038;opacity:0}6%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
  @media (prefers-reduced-motion:reduce){.wave .line{animation:none;stroke-dashoffset:0}.wave .pulse{display:none}}
  .wave-caption{display:flex;justify-content:space-between;font-size:.82rem;color:var(--rose);padding:.2rem 0 0}

  /* ---- sections ---- */
  .alt{background:linear-gradient(180deg,var(--plum-2),var(--plum))}
  section.tease{padding-top:clamp(1.25rem,2.6vw,2.25rem)}
  .lead-list{list-style:none;padding:0;margin:1.4rem 0 1.8rem;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.45;color:var(--cream)}
  .lead-list li{padding:.55rem 0 .55rem 1.2rem;border-left:2px solid var(--wine-2)}
  .lead-list li+li{margin-top:.2rem}
  .big{font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.3;margin-bottom:1.1em}
  .stack{list-style:none;padding:0;margin:1.2rem 0}
  .stack li{padding:.15rem 0}
  .count{margin:2.6rem 0 0;padding:1.8rem 2rem;border:1px solid rgba(203,128,36,.45);background:rgba(82,3,15,.25)}
  .count h3{margin-bottom:.8rem}
  .count ol{margin:0;padding-left:1.2rem;font-size:1.1rem;line-height:1.5;color:var(--cream)}
  .count ol li{padding:.25rem 0}
  .count p{margin:1.1rem 0 0;color:var(--champagne);font-weight:500}

  .pairs{display:grid;gap:.9rem;margin:2rem 0}
  .pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.1rem 0;border-top:1px solid rgba(203,128,36,.28)}
  .pair:last-child{border-bottom:1px solid rgba(203,128,36,.28)}
  .pair span:first-child{color:var(--champagne)}
  .pair span:last-child{color:var(--cream-70);font-style:italic}
  .pair span:first-child{font-weight:500}

  /* named problem: full-bleed banner */
  .banner{position:relative;margin:clamp(3rem,6vw,5rem) 0;padding:clamp(3rem,6vw,5rem) 0;text-align:center;overflow:hidden;
    background:linear-gradient(90deg,var(--plum) 0%,#4a0722 30%,#5c0a2c 50%,#4a0722 70%,var(--plum) 100%);
    border-top:1px solid rgba(203,128,36,.35);border-bottom:1px solid rgba(203,128,36,.35)}
  .banner .bg{position:absolute;left:0;right:0;top:50%;height:60%;transform:translateY(-50%);opacity:.14;pointer-events:none}
  .banner .bg path{fill:none;stroke:var(--coral);stroke-width:1.6}
  .banner .wrap{position:relative}
  .banner .caps{font-size:clamp(1.9rem,5vw,3.8rem);color:var(--gold-2);display:block;letter-spacing:.22em;line-height:1.1;
    }
  .banner .caps .tm{font-size:.35em}
  .banner p{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.45;margin:1.2rem auto 0;color:var(--cream);max-width:38rem}

  /* causal chain */
  .chain{list-style:none;padding:0;margin:2rem 0;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--champagne)}
  .chain li{position:relative;padding:.35rem 0 .35rem 2rem}
  .chain li::before{content:"";position:absolute;left:.55rem;top:0;bottom:0;width:1px;background:var(--gold)}
  .chain li::after{content:"";position:absolute;left:.3rem;top:1.05rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--plum);border:1px solid var(--gold)}
  .chain li:first-child::before{top:1.2rem}
  .chain li:last-child::before{bottom:auto;height:1.2rem}
  .chain li:last-child{color:var(--cream)}

  /* the messages — a transcript */
  .transcript{list-style:none;padding:0;margin:2rem 0;display:grid;gap:.55rem}
  .transcript li{font-style:italic;font-size:clamp(1.15rem,1.8vw,1.45rem);color:#ff8a78;
   padding-left:1.1rem;border-left:1px solid rgba(255,109,90,.5)}

  /* four movements */
  .movements{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}
  .movement svg{width:72px;height:72px;display:block;margin-bottom:1.2rem;overflow:visible}
  .movement svg g{filter:url(#neonIcon)}
  .movement svg g *{fill:none;stroke:#ffc9bd;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
  .movement .caps{display:block;font-size:1.05rem;color:var(--gold-2);margin-bottom:.35rem}
  .movement .tag{display:block;font-style:italic;color:var(--champagne);font-size:1.1rem;margin-bottom:.6rem}
  .movement p{font-size:1rem;color:var(--cream-70);margin:0}

  /* story — one vertical column, photos break the run of copy */
  .roles{list-style:none;padding:0;margin:1.4rem 0 2rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.74rem;color:var(--gold-2)}
  .roles li{white-space:nowrap}
  .roles li+li::before{content:"\2726";margin-right:1.4rem;color:var(--gold);font-size:.6rem;vertical-align:middle}
  .story .intro{font-size:clamp(1.15rem,1.7vw,1.35rem);color:var(--champagne)}
  .photo{margin:2.4rem 0}
  [hidden]{display:none!important}
  .photo img{display:block;width:100%;height:auto;border:1px solid rgba(203,128,36,.35)}
  .photo figcaption{font-size:.95rem;color:var(--rose);margin-top:.6rem;font-style:italic}
  .photo figcaption:empty{display:none}
  .photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2.4rem 0}
  .photo-pair .photo{margin:0}
  .photo-pair .photo img{aspect-ratio:4/5;object-fit:cover}
  .photo-pair:has(> .photo[hidden]) .photo:not([hidden]) img{aspect-ratio:auto}
  .photo-pair:has(> .photo[hidden]){grid-template-columns:1fr}
  .facts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.6rem 0 0;padding-top:1.6rem;border-top:1px solid rgba(203,128,36,.35);font-size:.95rem;color:var(--cream-70);line-height:1.35}
  .facts-row b{display:block;color:var(--champagne);font-weight:600;font-size:1.15rem;margin-bottom:.2rem}

  /* fit */
  .fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem)}
  .fit h3{margin-bottom:1rem}
  .fit ul{list-style:none;padding:0;margin:0}
  .fit li{padding:.7rem 0 .7rem 1.4rem;position:relative;border-top:1px solid rgba(203,128,36,.22);font-size:1.05rem}
  .fit li::before{position:absolute;left:0;top:.75rem;color:var(--gold-2)}
  .fit .yes li::before{content:"✦"}
  .fit .no li::before{content:"—"}
  .admit{margin-top:3rem;padding:1.6rem 2rem;border:1px solid rgba(255,109,90,.4);font-size:1.2rem}
  .admit b{color:var(--coral);font-weight:600}

  /* Q&A */
  .qa{margin-top:2.5rem;border-top:1px solid rgba(203,128,36,.35)}
  .qa details{border-bottom:1px solid rgba(203,128,36,.35)}
  .qa summary{cursor:pointer;list-style:none;padding:1.2rem 2.4rem 1.2rem 0;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:500;color:var(--champagne);position:relative}
  .qa summary::-webkit-details-marker{display:none}
  .qa summary::after{content:"+";position:absolute;right:.2rem;top:1.05rem;color:var(--gold-2);font-size:1.6rem;line-height:1;transition:transform .2s}
  .qa details[open] summary::after{transform:rotate(45deg)}
  .qa .a{padding:0 0 1.4rem;max-width:var(--measure);color:var(--cream)}

  /* form / close */
  .close{background:linear-gradient(180deg,var(--plum),#2b0716 60%,var(--plum))}
  .close .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
  .close .intro p.big{margin-bottom:1.4rem}
  .next{list-style:none;padding:0;margin:1.6rem 0 0;font-size:1rem;color:var(--cream-70)}
  .next li{padding:.45rem 0 .45rem 1.4rem;position:relative}
  .next li::before{content:"✦";position:absolute;left:0;color:var(--gold);font-size:.8rem;top:.75rem}
  form{background:rgba(26,4,14,.6);border:1px solid rgba(203,128,36,.45);padding:clamp(1.4rem,3vw,2.4rem)}
  label{display:block;font-size:.95rem;color:var(--champagne);margin:0 0 .4rem}
  .field{margin-bottom:1.2rem}
  input,textarea,select{width:100%;font:inherit;font-size:1rem;color:var(--cream);background:rgba(241,228,208,.05);
    border:1px solid rgba(217,177,131,.45);padding:.75rem .9rem;border-radius:2px}
  input::placeholder,textarea::placeholder{color:rgba(241,228,208,.4)}
  textarea{min-height:6.5rem;resize:vertical}
  select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold-2) 50%),linear-gradient(135deg,var(--gold-2) 50%,transparent 50%);
    background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
  select option{background:var(--plum);color:var(--cream)}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .hidden{position:absolute;left:-9999px}
  form .btn{width:100%;font-size:1rem;padding:1.1rem}
  form small{display:block;margin-top:.9rem;color:var(--cream-70);font-size:.9rem;line-height:1.4}

  /* last screen */
  .ps{text-align:center;padding-bottom:0}
  .ps .script{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.15;display:block;margin:0 0 1rem}
  .ps p{max-width:34rem;margin:0 auto 2rem;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--cream)}
  .band{margin-top:clamp(4rem,8vw,7rem);background:linear-gradient(90deg,#8a5a1c,#cb8024 35%,#e2a44a 50%,#cb8024 65%,#8a5a1c);
    color:var(--plum);padding:1.4rem 0;font-size:.95rem}
  .band .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem 2rem;align-items:center}
  @media (max-width:860px){.band .wrap{justify-content:center;text-align:center}}
  .band a{color:var(--plum)}

  @media (max-width:860px){
    body{font-size:1.05rem}
    .hero-grid{grid-template-columns:1fr;align-items:start}
    .portrait{justify-self:end;order:2;margin-top:-.5rem;margin-bottom:-3.5rem}
    .portrait img{height:clamp(320px,50vh,460px)}
    .hero-copy{padding-bottom:1rem}
    .wave{height:90px}
    .pair{grid-template-columns:1fr;gap:.3rem}
    .movements{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}
    .fit,.close .wrap{grid-template-columns:1fr}
    .facts-row{grid-template-columns:1fr;gap:1rem}
    .row{grid-template-columns:1fr}
    .wave-caption{font-size:.75rem}
  }
  @media (max-width:480px){
    .movements{grid-template-columns:1fr}
    .nav .btn-sm{padding:.6rem .9rem;font-size:.72rem;letter-spacing:.1em}
    .wordmark{font-size:.72rem;letter-spacing:.14em;gap:.5rem}
    .hero-copy p.sub{font-size:1.05rem}
  }

  /* ---- shared nav links ---- */
  .nav .links{display:flex;gap:1.8rem;font-size:.72rem;letter-spacing:.16em}
  .nav .links a{color:var(--champagne);text-decoration:none;padding:.4rem 0;border-bottom:1px solid transparent}
  .nav .links a:hover,.nav .links a[aria-current]{border-bottom-color:var(--gold-2)}
  .dim{opacity:.45}
  .fine{font-size:.98rem;color:var(--cream-70);margin-top:1.4rem}
  .facts-row.four{grid-template-columns:repeat(4,1fr)}
  @media (max-width:860px){.nav .links{display:none}.facts-row.four{grid-template-columns:1fr}}

  /* ---- inner pages ---- */
  .page-hero{padding:clamp(1rem,3vw,2rem) 0 0;overflow:hidden}
  .page-hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
  .page-hero .photo-frame{position:relative;border:1px solid rgba(203,128,36,.4)}
  .page-hero .photo-frame img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;object-position:top}
  .page-hero .photo-frame::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(26,4,14,.7)}
  .page-hero h1{font-family:Cinzel,serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.08}
  .page-hero h1 .lt{color:var(--cream)}
  .page-hero .roles{margin:1.4rem 0 1.4rem}
  .page-hero .lede{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--cream);max-width:32rem}
  .stats{border-top:1px solid rgba(203,128,36,.35);border-bottom:1px solid rgba(203,128,36,.35);
    background:linear-gradient(180deg,rgba(82,3,15,.35),rgba(26,4,14,0));margin-top:clamp(2rem,5vw,4rem)}
  .stats .wrap{display:grid;grid-template-columns:repeat(5,1fr)}
  .stats div{padding:1.8rem 1rem;text-align:center;border-left:1px solid rgba(203,128,36,.25)}
  .stats div:first-child{border-left:0}
  .stats b{display:block;font-family:Cinzel,serif;font-weight:400;font-size:clamp(2rem,3.6vw,3.2rem);color:var(--gold-2);line-height:1}
  .stats span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-family:Cinzel,serif;color:var(--champagne);margin-top:.6rem;line-height:1.5}
  .strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:clamp(2rem,5vw,4rem) 0 0}
  .strip figure{margin:0;position:relative;overflow:hidden;border:1px solid rgba(203,128,36,.35);aspect-ratio:4/3}
  .strip img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
  .strip figure:hover img{transform:scale(1.04)}
  .strip figcaption{position:absolute;left:0;bottom:0;right:0;padding:2rem 1rem .9rem;font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);background:linear-gradient(transparent,rgba(26,4,14,.9))}
  .topics{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.5rem}
  .topic{padding:1.8rem 1.8rem 1.6rem;border:1px solid rgba(203,128,36,.3);background:linear-gradient(160deg,rgba(107,5,43,.28),rgba(26,4,14,0));position:relative}
  .topic .n{position:absolute;top:1.2rem;right:1.4rem;font-family:Cinzel,serif;color:var(--gold);opacity:.5;font-size:.9rem;letter-spacing:.1em}
  .topic .caps{display:block;font-size:1rem;color:var(--gold-2);margin-bottom:.5rem;padding-right:2.5rem}
  .topic .sub{font-style:italic;color:var(--champagne);font-size:1.05rem;line-height:1.35;margin:0 0 .7rem}
  .topic p{margin:0;font-size:.98rem;color:var(--cream-70)}
  .avail{columns:2;column-gap:3rem;list-style:none;padding:0;margin:1.6rem 0 0}
  .avail li{break-inside:avoid;padding:.55rem 0 .55rem 1.4rem;position:relative;border-top:1px solid rgba(203,128,36,.22);font-size:1.02rem}
  .avail li::before{content:"\2726";position:absolute;left:0;top:.65rem;color:var(--gold-2);font-size:.7rem}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
  .story-lines{list-style:none;padding:0;margin:1.4rem 0 2rem;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:500;color:var(--champagne);line-height:1.45}
  .story-lines li{padding:.2rem 0}
  .creds{margin:2.4rem 0;padding:1.6rem 1.8rem;border-left:3px solid var(--gold);background:linear-gradient(135deg,rgba(107,5,43,.4),rgba(82,3,15,.15))}
  .creds ul{list-style:none;padding:0;margin:.6rem 0 0}
  .creds li{padding:.3rem 0;color:var(--cream)}
  .creds .caps{font-size:.8rem;color:var(--gold-2)}
  .pull{font-family:Cinzel,serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.5rem,3vw,2.4rem);color:var(--champagne);line-height:1.25;text-align:center;max-width:44rem;margin:0 auto}
  .pull em{font-style:normal;color:var(--gold-2)}
  @media (max-width:860px){
    .page-hero .grid,.split,.topics{grid-template-columns:1fr}
    .stats .wrap{grid-template-columns:1fr 1fr}
    .stats div:nth-child(odd){border-left:0}
    .stats div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid rgba(203,128,36,.25)}
    .strip{grid-template-columns:1fr}
    .avail{columns:1}
  }

  /* credential stack: the fact, then what it buys the reader */
  .cred-stack{margin:3rem 0 0}
  .cred-stack .label{display:block;font-size:.72rem;color:var(--gold-2);margin-bottom:.4rem}
  .cred{display:grid;grid-template-columns:1fr 1.7fr;gap:2.5rem;padding:1.8rem 0;border-top:1px solid rgba(203,128,36,.35)}
  .cred:last-child{border-bottom:1px solid rgba(203,128,36,.35)}
  .fact{color:var(--cream-70);font-size:.98rem;line-height:1.45}
  .fact b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.15;color:var(--champagne);margin-bottom:.3rem}
  .means{color:var(--cream);font-size:1rem;line-height:1.6}
  .means .caps{display:block;font-size:.68rem;color:var(--gold-2);margin-bottom:.45rem}
  @media (max-width:860px){.cred{grid-template-columns:1fr;gap:.8rem}}

  /* ---- funnel ---- */
  .forkwrap{background:linear-gradient(180deg,var(--plum),#2b0716 60%,var(--plum))}
  .fork{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.6rem}
  .fork .card{display:flex;flex-direction:column;text-decoration:none;color:var(--cream);padding:1.8rem 1.6rem 1.5rem;border:1px solid rgba(203,128,36,.4);background:rgba(26,4,14,.55);transition:border-color .15s,transform .15s}
  .fork .card:hover{border-color:var(--gold-2);transform:translateY(-2px)}
  .fork .card .caps{font-size:.72rem;color:var(--gold-2);margin-bottom:.9rem;line-height:1.6}
  .fork .card b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.7rem;color:var(--champagne);line-height:1.1}
  .fork .card .price{font-family:Cinzel,serif;color:var(--cream);font-size:1.05rem;margin:.5rem 0 .9rem;letter-spacing:.06em}
  .fork .card .price small{font-family:Lora,serif;font-size:.85rem;color:var(--cream-70);letter-spacing:0}
  .fork .card p{font-size:.98rem;color:var(--cream-70);margin:0 0 1.2rem;flex:1}
  .fork .card .go{font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
  .notyet{text-align:center;margin:1.8rem 0 0;font-size:1rem}
  .notyet a{color:var(--champagne)}
  .steps{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.5rem}
  .steps li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start;padding:1.1rem 0;border-top:1px solid rgba(203,128,36,.3)}
  .steps .letter{font-family:Cinzel,serif;font-size:2.2rem;color:var(--gold-2);line-height:1}
  .steps b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.35rem;color:var(--champagne);margin-bottom:.2rem}
  .steps p{margin:0;font-size:.98rem;color:var(--cream-70)}
  .tiers{display:grid;grid-template-columns:1fr;gap:1.4rem}
  .tier{padding:clamp(1.6rem,3vw,2.6rem);border:1px solid rgba(203,128,36,.35);background:linear-gradient(160deg,rgba(107,5,43,.22),rgba(26,4,14,0))}
  .tierhead{display:grid;grid-template-columns:1fr auto;gap:.3rem 2rem;align-items:baseline;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(203,128,36,.3)}
  .tierhead .caps{grid-column:1/-1;font-size:.72rem;color:var(--gold-2)}
  .tierhead h3{font-size:clamp(1.7rem,2.6vw,2.2rem)}
  .tierhead .price{font-family:Cinzel,serif;font-size:1.4rem;color:var(--gold-2);white-space:nowrap}
  .tierhead .price small{font-family:Lora,serif;font-size:.85rem;color:var(--cream-70);letter-spacing:0}
  .tierhead .tagline{grid-column:1/-1;font-style:italic;color:var(--champagne);font-size:1.1rem}
  .tier p{max-width:44rem}
  .big-list{font-size:1.15rem;color:var(--champagne);line-height:1.7}
  .close .wrap.one{grid-template-columns:1fr;max-width:46rem}
  .page-hero.short .wrap{padding-bottom:2rem}
  .paybox{padding:2rem;border:1px solid rgba(203,128,36,.45);text-align:center}
  .paybox .btn{width:100%;font-size:1rem;padding:1.1rem}
  .paybox .fine{display:block;margin-top:.8rem}
  .video{position:relative;aspect-ratio:16/9;margin:0 0 2rem;border:1px solid rgba(203,128,36,.45);background:#120309}
  .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .proofstrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(203,128,36,.3);border-bottom:1px solid rgba(203,128,36,.3);margin-top:1rem}
  .proofstrip div{padding:1rem .6rem;text-align:center;border-left:1px solid rgba(203,128,36,.2)}
  .proofstrip div:first-child{border-left:0}
  .proofstrip b{display:block;font-family:Cinzel,serif;font-weight:400;font-size:1.6rem;color:var(--gold-2);line-height:1}
  .proofstrip span{display:block;font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--champagne);margin-top:.4rem}
  .hero.splash .wave{display:none}
  .count ol li{padding:.25rem 0}
  @media (max-width:860px){.fork,.steps{grid-template-columns:1fr}.proofstrip{grid-template-columns:1fr 1fr}.proofstrip div:nth-child(odd){border-left:0}.tierhead{grid-template-columns:1fr}}

  /* ================= v2: cinematic editorial ================= */
  :root{--plum:#14060c;--plum-2:#1f0810;--wine:#4a0a1f;--wine-2:#5a0e27;--gold:#c9962e;--gold-2:#e8c06a;--champagne:#ecd8ae;--ivory:#f3ede4;--ink:#2a0a14;--ink-2:#4a2432;--coral:#ff5a4a}
  html{font-size:clamp(16px,.8rem + .25vw,18px)}
  body{font-size:1.0625rem;background:var(--plum)}
  h1{font-size:clamp(3.2rem,7.2vw,6.9rem);line-height:.98;letter-spacing:-.01em}
  h2{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.04}
  h3{font-size:1.625rem}
  .big{font-size:clamp(1.35rem,1.8vw,1.625rem);line-height:1.3}
  .gold{background:linear-gradient(105deg,#f7e3ad 0%,#c8952c 32%,#f6dc95 52%,#b3802a 78%,#f1d48c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .caps-x{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .huge{font-size:clamp(2.8rem,6.2vw,5.6rem);line-height:.98}
  .eyebrow{font-size:.78rem;color:var(--gold-2);margin-bottom:1.2rem;letter-spacing:.2em}
  .center{text-align:center}
  .rule::before,.rule::after{background:linear-gradient(90deg,transparent,#c8952c 35%,#f1d48c 50%,#c8952c 65%,transparent)}
  .band{background:linear-gradient(90deg,#7a5418,#c8952c 30%,#f1d48c 50%,#c8952c 70%,#7a5418)}
  .nav .links{gap:1.5rem;font-size:.68rem}
  .btn{background:linear-gradient(105deg,#e6bd66,#c8952c 45%,#f1d48c);box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 8px 26px rgba(200,149,44,.22)}
  .btn:hover{background:linear-gradient(105deg,#f1d48c,#d4a23a 45%,#f7e3ad)}
  section{padding:clamp(4.5rem,9vw,8rem) 0}

  /* light sections */
  .light{background:var(--ivory);color:var(--ink-2)}
  .light h1,.light h2,.light h3,.light .big,.light strong,.light em{color:var(--ink)}
  .light p{color:var(--ink-2)}
  .light .caps,.light .eyebrow{color:var(--gold)}
  .light .lead-list li{border-left-color:var(--gold);color:var(--ink)}
  .light .lead-list{font-size:clamp(1.15rem,1.7vw,1.4rem)}
  .light .stack.tight li{padding:.15rem 0;font-size:1.2rem;color:var(--ink)}
  .lt-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);align-items:center}
  .lt-photo{margin:0;position:relative}
  .lt-photo img{display:block;width:100%;height:auto;border:1px solid rgba(200,149,44,.5)}
  .lt-photo figcaption{position:absolute;left:1rem;bottom:1rem;font-size:.66rem;color:var(--ivory);letter-spacing:.2em;background:rgba(20,6,12,.7);padding:.4rem .7rem}

  /* dark cinematic sections */
  .dark-x{background:radial-gradient(70% 60% at 50% 0%,rgba(90,14,39,.55),transparent 70%),linear-gradient(180deg,#1a070f,#14060c 60%,#0f0308)}
  .wave-mini{display:block;width:min(100% - 3rem,76rem);margin:-1.5rem auto 2.5rem;height:70px;opacity:.55}
  .wave-mini path{fill:none;stroke:var(--coral);stroke-width:1.6;filter:url(#neon)}
  .moment{min-height:88vh;display:grid;align-content:center}
  .mo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
  .mo-grid h2 em{font-style:italic;font-weight:600;color:var(--gold-2)}
  .pair{grid-template-columns:1fr 1fr}
  .lead-in{font-size:.78rem;color:var(--gold-2);margin-top:2.4rem;letter-spacing:.2em}

  /* the reveal */
  .reveal{background:#080204;text-align:center;padding:clamp(6rem,12vw,10rem) 0 clamp(4rem,8vw,7rem)}
  .reveal .eyebrow{font-size:.72rem;letter-spacing:.32em;opacity:.9}
  .reveal .word{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(3.4rem,11.5vw,10.5rem);line-height:.9;color:var(--ivory)}
  .reveal .word .tm{font-size:.28em;vertical-align:top;color:var(--gold-2)}
  .morph{display:block;width:min(100%,64rem);height:auto;margin:2.6rem auto 0}
  .morph path{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linejoin:round;filter:url(#neon)}
  .morph-labels{display:flex;justify-content:space-between;width:min(100%,64rem);margin:.4rem auto 0;font-size:.66rem;color:var(--champagne);letter-spacing:.22em}
  .definition{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.25;color:var(--champagne);max-width:44rem;margin:2.8rem auto 0}
  .rv-body{text-align:left;margin-top:4rem}
  .rv-body .chain{color:var(--champagne)}
  .gold-line{color:var(--gold-2)}
  @media (prefers-reduced-motion:reduce){.morph animate{display:none}}

  /* founder + collage */
  .founder .huge{max-width:56rem}
  .fo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);margin-top:3rem;align-items:start}
  .fo-script{font-size:clamp(2rem,3.4vw,3rem);line-height:1.1;margin:1.6rem 0}
  .collage{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto auto;gap:.9rem;position:sticky;top:5rem}
  .collage figure{margin:0;position:relative;overflow:hidden;border:1px solid rgba(200,149,44,.45)}
  .collage img{display:block;width:100%;height:100%;object-fit:cover}
  .collage .c1{grid-row:1/3;aspect-ratio:4/5}
  .collage .c2{aspect-ratio:1/1}
  .collage .c3{aspect-ratio:1/1}
  .collage .c4{grid-column:1/-1;aspect-ratio:21/9}
  .collage figcaption{position:absolute;left:.8rem;bottom:.7rem;font-size:.62rem;letter-spacing:.2em;color:var(--ivory);background:rgba(20,6,12,.7);padding:.35rem .6rem}

  /* editorial credentials */
  .creds-x{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,4rem)}
  .creds-x .num{display:block;font-family:Cinzel,serif;font-size:clamp(5rem,10vw,9rem);line-height:.9}
  .creds-x .lbl{display:block;font-size:.72rem;color:var(--champagne);letter-spacing:.2em;margin:.8rem 0 1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(200,149,44,.45)}
  .creds-x p{font-size:.98rem;color:var(--cream-70);margin:0}

  /* results band */
  .band-photo{position:relative;min-height:62vh;display:grid;align-content:end;background:url(band-results.jpg) center 30%/cover no-repeat;padding:6rem 0 4rem}
  .band-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,6,12,.35),rgba(20,6,12,.9))}
  .band-photo .wrap{position:relative}
  .band-photo h2{color:var(--ivory)}

  /* what's next */
  .nx-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
  .nx-script{font-size:clamp(1.9rem,3vw,2.6rem);margin:1.4rem 0 2rem;line-height:1.1}
  .nx-photo{margin:0}
  .nx-photo img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}

  /* new hero */
  .hero-x{position:relative;min-height:calc(100vh - 4rem);display:grid;align-content:end;padding:clamp(1rem,3vw,2rem) 0 0;overflow:hidden}
  .hx-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1rem,3vw,3rem);align-items:end}
  .hx-copy{padding-bottom:clamp(6rem,10vw,9rem)}
  .hx-copy .big{margin:1.6rem 0 2rem;max-width:30rem;color:var(--cream)}
  .hx-photo{position:relative;justify-self:end;width:min(100%,34rem)}
  .hx-photo img{display:block;width:100%;height:auto;max-height:82vh;object-fit:cover;object-position:top;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 72%,transparent 100%),linear-gradient(to right,transparent,#000 12%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 72%,transparent 100%),linear-gradient(to right,transparent,#000 12%);mask-composite:intersect}
  .hx-script{position:absolute;left:-1.5rem;bottom:9%;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.05;text-align:left;text-shadow:0 2px 20px rgba(0,0,0,.8)}
  .hero-x .wave{margin-top:-7rem}

  /* footer */
  .foot{background:radial-gradient(60% 80% at 50% 120%,rgba(200,149,44,.28),transparent 70%),#0b0306;text-align:center;padding:4rem 0 2.5rem;border-top:1px solid rgba(200,149,44,.25)}
  .foot .wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}
  .foot .tag{font-size:.7rem;color:var(--champagne)}
  .foot .fstar{width:34px;height:34px;color:var(--gold-2)}
  .foot .name{font-size:1rem;color:var(--gold-2)}
  .foot .fine{font-size:.85rem;margin-top:1rem}

  @media (max-width:860px){
    .lt-grid,.mo-grid,.fo-grid,.nx-grid,.hx-grid,.creds-x{grid-template-columns:1fr}
    .hero-x{min-height:0;align-content:start}
    .hx-photo{justify-self:center;width:min(100%,22rem);order:2}
    .hx-photo img{max-height:60vh}
    .hero-x .wave{margin-top:-3rem}
    .collage{position:static}
    .moment{min-height:0}
    .band-photo{min-height:44vh}
  }

  /* ================= v2.1: photos, rings, chapters ================= */
  .merlot{background:radial-gradient(60% 55% at 72% 25%,rgba(150,26,66,.55),transparent 70%),linear-gradient(180deg,#3d0818,#2b0612 60%,#1c0610)}
  .hero-x{background:radial-gradient(55% 60% at 78% 45%,rgba(120,20,55,.5),transparent 70%),#0d0207}
  .hero-x::after{content:"";position:absolute;inset:0;background:url(noise.png);opacity:.07;mix-blend-mode:overlay;pointer-events:none}
  .hero-x .glow-corner::before{opacity:.55}
  .hx-photo{overflow:visible}
  .hx-photo img{position:relative;z-index:1;-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,#000 74%,transparent 100%)}
  .hx-photo::before{content:"";position:absolute;left:10%;right:10%;top:8%;bottom:20%;z-index:0;background:radial-gradient(55% 50% at 50% 40%,rgba(226,164,74,.32),transparent 70%);filter:blur(10px)}
  .rings{position:absolute;left:-28%;top:-22%;width:156%;height:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 0 6px rgba(200,149,44,.35))}
  .hx-script{z-index:2}
  @media (prefers-reduced-motion:reduce){.rings animate{display:none}}
  .light .wave-mini{opacity:.7}
  .light .fo-script{color:var(--gold)}
  .light .collage figure{border-color:rgba(200,149,44,.6)}
  .light .stack li{color:var(--ink)}
  .lt-photo img{border:0;-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent);mask-image:linear-gradient(to bottom,#000 88%,transparent)}
  .nx-photo img{-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
  .next{background:radial-gradient(50% 60% at 75% 60%,rgba(150,26,66,.45),transparent 70%),linear-gradient(180deg,#14060c,#0d0207)}

  .hx-photo{width:auto;justify-self:center;margin-right:clamp(0rem,4vw,4rem)}
  .hx-photo img{height:min(88vh,920px);width:auto;max-width:none;max-height:none;object-fit:contain}
  .hx-script{left:auto;right:calc(100% - 2rem);bottom:12%;text-align:right;white-space:nowrap}
  .rings{left:-70%;top:-18%;width:240%}
  @media (max-width:860px){.hx-photo img{height:min(62vh,600px)}.hx-script{right:auto;left:0;bottom:4%;text-align:left}.rings{left:-40%;width:180%}}

  .collage .c1{aspect-ratio:auto;height:100%;min-height:0}
  .collage .c1 img{height:100%;object-position:center 30%}

  /* nitpicks: hero silhouette blends at the shoulders; archive tile shows her face */
  .hx-photo img{-webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent),linear-gradient(to bottom,#000 74%,transparent 100%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent),linear-gradient(to bottom,#000 74%,transparent 100%);mask-composite:intersect}
  .collage .c1 img{object-position:center center}
  .collage .c4 img{object-position:center 18%}

  .hx-photo img{height:min(94vh,1000px);-webkit-mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent),linear-gradient(to bottom,#000 76%,transparent 100%);
    mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent),linear-gradient(to bottom,#000 76%,transparent 100%)}
  .hx-photo{margin-right:clamp(0rem,2vw,2rem)}
  .hero-x .wave{margin-top:-8rem}

  .collage .c1{background:#120408}
  .collage .c1 img{object-fit:contain;object-position:center center}
  .collage .c3 img{object-position:center top}

  /* ================= v3: review-call build ================= */
  .hero-3{position:relative;overflow:hidden;padding:clamp(1rem,3vw,2rem) 0 0;background:radial-gradient(55% 60% at 78% 45%,rgba(120,20,55,.5),transparent 70%),#0d0207}
  .hero-3::after{content:"";position:absolute;inset:0;background:url(noise.png);opacity:.07;mix-blend-mode:overlay;pointer-events:none}
  .hero-wave{position:absolute;left:0;right:0;top:52%;height:clamp(120px,22vh,220px);width:100%;z-index:0;pointer-events:none;opacity:.95}
  .hero-wave path{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;filter:url(#neon)}
  .hero-wave .line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s cubic-bezier(.4,0,.2,1) .2s forwards}
  .hero-wave .pulse{stroke:#ffd7a8;stroke-width:3;stroke-dasharray:38 1000;stroke-dashoffset:1038;opacity:0;animation:pulse 4.5s linear 3.2s infinite}
  @media (prefers-reduced-motion:reduce){.hero-wave .line{animation:none;stroke-dashoffset:0}.hero-wave .pulse{display:none}}
  .h3-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1rem,3vw,3rem);align-items:end}
  .h3-copy{padding-bottom:clamp(3rem,6vw,5rem);position:relative;z-index:2}
  .h3-copy .big{margin:1.6rem 0 2rem;max-width:30rem;color:var(--cream)}
  .h3-photo{position:relative;justify-self:end;width:100%}
  .h3-photo img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;object-position:bottom;
    -webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}
  .about-hero .h3-grid{align-items:center}
  .about-hero .h3-copy p{color:var(--cream)}
  .tight-top{padding-top:clamp(3rem,6vw,5rem)}
  .stopping .huge{max-width:60rem;margin:0 auto}
  .stopping .mo-grid{margin-top:3rem}
  .reveal .morph{margin-top:3rem}
  .fo-photo{margin:0;position:sticky;top:5rem}
  .fo-photo img{display:block;width:100%;height:auto;border:1px solid rgba(200,149,44,.55)}
  .ivory-band{background:url(band-ivory.jpg) center 35%/cover no-repeat}
  .icons{text-align:center}
  .icons .movements{max-width:64rem;margin:2.5rem auto 0}
  .movement{text-decoration:none;color:inherit;display:block;padding:1.4rem 1rem;border:1px solid rgba(200,149,44,.22);transition:border-color .2s,transform .2s}
  .movement:hover{border-color:var(--gold-2);transform:translateY(-3px)}
  .movement svg{width:72px;height:72px;display:block;margin:0 auto 1.1rem;overflow:visible}
  .movement svg g{filter:url(#neonIcon);animation:twinkle 4.8s ease-in-out infinite}
  .movement:nth-child(2) svg g{animation-delay:1.2s}.movement:nth-child(3) svg g{animation-delay:2.4s}.movement:nth-child(4) svg g{animation-delay:3.6s}
  .movement svg g *{fill:none;stroke:#ffc9bd;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
  .movement .caps{display:block;font-size:1rem;color:var(--gold-2);margin-bottom:.3rem}
  .movement .tag{display:block;font-style:italic;color:var(--champagne);font-size:1.05rem}
  @keyframes twinkle{0%,100%{opacity:.78;filter:url(#neonIcon) brightness(1)}50%{opacity:1;filter:url(#neonIcon) brightness(1.35)}}
  .strip-band{height:clamp(140px,22vw,260px);overflow:hidden;border-top:1px solid rgba(200,149,44,.3);border-bottom:1px solid rgba(200,149,44,.3)}
  .strip-band img{display:block;width:100%;height:100%;object-fit:cover}
  .testimonials .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
  .testimonials blockquote{margin:0;padding:1.8rem;border:1px solid rgba(200,149,44,.35);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.3rem;line-height:1.35;color:var(--champagne)}
  .testimonials footer{margin-top:1rem;font-family:Lora,serif;font-size:.9rem;color:var(--cream-70);font-style:normal}
  .light-creds{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid rgba(200,149,44,.45)}
  .light .creds-x .lbl{color:var(--ink-2);border-bottom-color:rgba(200,149,44,.55)}
  .light .creds-x p{color:var(--ink-2)}
  .light .story-lines li{color:var(--ink)}
  .light h3{margin-bottom:.6rem}
  .stats{margin-top:0}
  @media (max-width:860px){.h3-grid{grid-template-columns:1fr}.h3-photo{order:2}.h3-photo img{max-height:60vh}.hero-wave{top:62%}.fo-photo{position:static}.testimonials .quotes{grid-template-columns:1fr}.movements.four{grid-template-columns:1fr 1fr}}

  .hero-wave{left:36%;width:64%;top:46%;height:clamp(140px,26vh,260px)}
  .h3-grid{grid-template-columns:.9fr 1.1fr}
  .h3-photo{width:min(100%,50rem);margin-right:-2rem}
  .h3-photo img{max-height:88vh}
  @media (max-width:860px){.hero-wave{left:0;width:100%;top:58%}.h3-photo{margin-right:0}}

  /* v4: verbatim sales letter */
  .chainline{font-size:.85rem;color:var(--gold-2);letter-spacing:.24em;margin-top:2rem}
  .tier .pairs{margin:1.2rem 0}
  .tier .lead-list{margin:1rem 0 1.4rem}
  .tiers .measure h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
  .page-hero .stack.big-list{margin:.6rem 0 1.2rem;font-size:1.15rem}
  .page-hero .lede+.lede{margin-top:0}
  .page-hero .grid{align-items:start}
  .page-hero .photo-frame{position:sticky;top:5rem}
  @media (max-width:860px){.page-hero .photo-frame{position:static}}

  /* ================= v5: 2026-09-26 review ================= */
  /* scroll animation: replays every time it enters the screen; text stays visible if scripts don't run */
  .words span{display:inline-block}
  .anim .words span{opacity:0;transform:translateY(.4em);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .anim .words.in span{opacity:1;transform:none}
  .anim .words span:nth-child(2){transition-delay:.1s}.anim .words span:nth-child(3){transition-delay:.2s}.anim .words span:nth-child(4){transition-delay:.3s}.anim .words span:nth-child(5){transition-delay:.4s}
  .reveal{overflow:hidden}
  .reveal .word.words span{display:inline}
  .anim .reveal .word.words{opacity:0;letter-spacing:.3em;transform:scale(.94);transition:opacity 1s ease,letter-spacing 1.3s cubic-bezier(.2,.7,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1)}
  .anim .reveal .word.words.in{opacity:1;letter-spacing:.04em;transform:none}
  @media (prefers-reduced-motion:reduce){.movement svg g{animation:none}.anim .words span,.anim .reveal .word.words{opacity:1;transform:none;letter-spacing:.04em;transition:none}}

  /* hero: forward-facing cut-out, copy up top, one animation behind her */
  .hero-3{padding:.5rem 0 0}
  .h3-grid{grid-template-columns:1.05fr .95fr;align-items:start}
  .h3-copy{padding:clamp(1.2rem,4vh,3rem) 0 3rem;align-self:start}
  .h3-photo{justify-self:center;width:auto;margin:0}
  .h3-photo img{height:min(88svh,920px);width:auto;max-width:100%;max-height:none;object-fit:contain;
    -webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}
  .hero-wave{left:42%;width:58%;top:40%}
  @media (max-width:860px){
    .hero-3{padding-top:.25rem}
    .h3-grid{grid-template-columns:1fr}
    .h3-photo{order:-1;justify-self:end;width:70%;margin:0 -.75rem -40% auto}
    .h3-photo img{height:auto;width:100%;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
    .h3-copy{position:relative;z-index:2;padding:0 0 2.2rem}
    .h3-copy h1{text-shadow:0 2px 26px rgba(0,0,0,.9)}
    .h3-copy .eyebrow{max-width:62%;text-shadow:0 1px 10px rgba(0,0,0,.9)}
    .hero-wave{top:16%;left:0;width:100%;height:120px}
  }

  /* "what is actually stopping you": one centred column, table under the paragraph */
  .stopping .stop-col{max-width:42rem;margin:2.4rem auto 0;text-align:center}
  .stopping .stop-col p{font-size:clamp(1.08rem,1.25vw,1.2rem)}
  .stopping .stop-col .big{font-size:clamp(1.4rem,2vw,1.75rem);margin-top:2rem}
  .stopping .pairs{margin:2rem 0;text-align:left}
  .stopping .pair span{font-size:1.08rem}
  .stopping .lead-in{margin-top:2rem}
  .ivory-band{background-image:url(band-home.jpg);background-position:center 30%}

  /* work with me hero */
  .more-list{list-style:none;padding:0;margin:1.4rem 0 1.6rem;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;color:var(--champagne)}
  .more-list li{padding:.15rem 0 .15rem 1.6rem;position:relative}
  .more-list li::before{content:"\2726";position:absolute;left:0;top:.55em;font-size:.55em;color:var(--gold-2)}
  .page-hero .photo-frame img{object-position:center top}

  /* graphic breaks */
  .sigband{position:relative;background:#0b0306;border-top:1px solid rgba(200,149,44,.28);border-bottom:1px solid rgba(200,149,44,.28);padding:clamp(1.5rem,4vw,3rem) 0;overflow:hidden}
  .sigband svg{display:block;width:100%;height:clamp(90px,13vw,170px)}
  .sigband path{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;filter:url(#neon)}
  .sigband .pulse{stroke:#ffd7a8;stroke-width:3;stroke-dasharray:38 1000;stroke-dashoffset:1038;opacity:0;animation:pulse 4.5s linear 1s infinite}
  .anim .sigband .line{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1)}
  .anim .sigband.in .line{stroke-dashoffset:0}
  .sig-caption{display:flex;justify-content:space-between;font-size:.66rem;color:var(--rose);letter-spacing:.22em;margin-top:.5rem}
  .morphband .morph{margin:0 auto;width:min(100% - 3rem,64rem)}
  .photo-band{max-width:min(56rem,100% - 3rem);margin:clamp(3rem,7vw,6rem) auto}
  .photo-band img{display:block;width:100%;height:auto;border:1px solid rgba(200,149,44,.45)}
  @media (prefers-reduced-motion:reduce){.sigband .pulse{display:none}.anim .sigband .line{stroke-dashoffset:0;transition:none}}

  /* testimonials: full width, side by side, their own ground; grows as more are added */
  .t-band{background:var(--ivory);padding:clamp(3.5rem,7vw,6rem) 0}
  .t-band h2{color:var(--ink)}
  .t-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;max-width:112rem;margin:0 auto;padding:2.6rem clamp(1.5rem,4vw,4rem) 0}
  .t-card{margin:0;background:#fff;border-top:3px solid var(--gold);padding:1.9rem 1.6rem 1.5rem;box-shadow:0 14px 34px rgba(42,10,20,.09);display:flex;flex-direction:column;position:relative}
  .t-card::before{content:"\201C";position:absolute;top:.2rem;right:1.1rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:4.5rem;line-height:1;color:rgba(200,149,44,.28)}
  .t-card blockquote{margin:0 0 1.3rem;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:1.28rem;line-height:1.38;color:var(--ink);flex:1}
  .t-card figcaption{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
  @media (max-width:860px){
    .t-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:2rem 1.5rem 1.2rem;-webkit-overflow-scrolling:touch}
    .t-card{flex:0 0 84%;scroll-snap-align:center}
  }

  /* case study */
  .case .case-video{position:relative;aspect-ratio:16/9;max-width:60rem;margin:2.4rem auto 0;border:1px solid rgba(200,149,44,.45);background:#120309}
  .case .case-video.vertical{aspect-ratio:9/16;max-width:22rem}
  .case .case-video iframe,.case .case-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
  .case .case-quote{max-width:44rem;margin:2.2rem auto 0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.3;color:var(--champagne);text-align:center}
  .case .case-name{font-size:.78rem;color:var(--gold-2);margin-top:1rem;text-align:center}

  /* about & media: everything reads top to bottom */
  .strip.two{grid-template-columns:1fr 1fr;max-width:64rem;margin-inline:auto}
  .topics.vertical{grid-template-columns:1fr;max-width:44rem;margin-inline:auto}
  .split.stacked{grid-template-columns:1fr;max-width:44rem;margin-inline:auto}
  .split.stacked .pull,.split.stacked p{text-align:left;margin-inline:0}
  .split.stacked .pull{margin-top:1rem}
  @media (max-width:860px){.strip.two{grid-template-columns:1fr}}

  .split.stacked .avail{columns:1}
  .t-card{padding-top:3rem}
  .t-card::before{top:.35rem;left:1.35rem;right:auto}
  @media (max-width:860px){
    .h3-photo{margin-bottom:-24%}
    .h3-copy .eyebrow{max-width:none}
    .about-hero .h3-photo{justify-self:center;width:80%;margin:0 auto .5rem}
    .about-hero .h3-photo img{-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}
  }

  .vwrap{position:absolute;inset:0}
  .vwrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#120309}
  .vplay{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:0;cursor:pointer;
    background:linear-gradient(105deg,#e6bd66,#c8952c 45%,#f1d48c);box-shadow:0 0 0 8px rgba(232,192,106,.18),0 12px 34px rgba(0,0,0,.45);transition:transform .2s}
  .vplay::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #14060c}
  .vplay:hover{transform:scale(1.06)}
  .vplay:focus-visible{outline:2px solid var(--coral);outline-offset:4px}

  .vplay{top:74%}
  @media (max-width:860px){.vplay{width:60px;height:60px;margin:-30px 0 0 -30px}.vplay::after{left:24px;top:18px;border-width:12px 0 12px 19px}}


/* September 2026 readability refinement: typography and text colors only.
   Existing layout, buttons, SVGs, keyframes and animation rules are preserved. */
:root {
  --reading-font: Lora, Georgia, serif;
  --reading-size: 1.125rem;
  --reading-accent: #805916;
}

/* One face for narrative copy; display headings retain their existing hierarchy. */
.big {
  font-family: var(--reading-font);
  font-size: 1.25rem;
  font-weight: 500;
}
.script {
  font-family: var(--reading-font);
  font-size: clamp(1.25rem, 1.6vw, 1.5rem) !important;
  font-style: italic;
  font-weight: 400;
}

/* Opening letter and founder story: paragraphs and lists share one reading size. */
.lt-grid .measure p,
.lt-grid .lead-list,
.light .stack.tight li,
.fo-grid .measure p,
.fo-grid .stack {
  font-family: var(--reading-font);
  font-size: var(--reading-size);
  color: var(--ink);
}
.fo-grid .measure .fo-script {
  font-size: var(--reading-size) !important;
  color: var(--reading-accent);
}
.light .script { color: var(--reading-accent); }

/* The causal chain is a single list: no differently colored final item. */
.rv-body p,
.rv-body .chain,
.rv-body .chain li,
.rv-body .transcript li {
  font-family: var(--reading-font);
  font-size: var(--reading-size);
  color: var(--cream);
}
.rv-body .chain li:last-child { color: var(--cream); }
.rv-body .transcript li { color: var(--champagne); }
.rv-body .gold-line { color: var(--champagne); }

/* Work-with-me introduction: consistent copy and bullet styling. */
.page-hero p,
.page-hero .lede,
.page-hero .more-list {
  font-family: var(--reading-font);
  font-size: var(--reading-size);
  color: var(--cream);
}
.page-hero .more-list { font-weight: 400; }

/* Fit existing unbroken labels within their original mobile containers. */
@media (max-width: 480px) {
  .ps .btn[href^="work-with-me.html"],
  .ps .btn[href="about.html"] {
    font-size: clamp(.5rem, 2.6vw, .75rem);
  }
  .tier .btn {
    font-size: clamp(.625rem, 2.9vw, .8125rem);
  }
  .tierhead .price { font-size: 1.125rem; }
  .tierhead .price small { font-size: clamp(.625rem, 2.6vw, .8125rem); }
  .reveal .word { font-size: clamp(2rem, 9vw, 2.7rem); }
}
@media (max-width: 374px) {
  .nav .wordmark { font-family: var(--reading-font); font-size: .625rem; }
  .nav .btn-sm { font-size: .625rem; }
  .founder .huge { font-size: 2.35rem; }
  .page-hero h1 { font-size: 1.8rem; }
  .page-hero .btn, .ps .btn { font-size: .75rem; }
  form .btn { font-size: .75rem; }
  form select { font-size: .8125rem; }
  .movement .caps { font-size: .6875rem; }
  .movement .tag { font-size: .9375rem; }
  .stats span { font-size: .625rem; }
}