/* =========================================================
   MAIN HOMEPAGE — EDITORIAL HEADER + HERO ONLY
   Everything below .hero-grid is intentionally untouched.
   Desktop only. Mobile remains production.
   ========================================================= */

@media (min-width:1025px){
  body.main-hero-editorial{
    --mh-bg:#0d1311;
    --mh-text:#f0f2ed;
    --mh-muted:#9aa39e;
    --mh-dim:#6f7a74;
    --mh-line:rgba(226,235,229,.13);
    --mh-mint:#6ee0ab;
    --mh-ink:#07100c;
  }

  /* ---------- hero only ---------- */
  body.main-hero-editorial .top-screen{
    position:relative!important;
    background:
      radial-gradient(circle at 78% 38%,rgba(110,224,171,.045),transparent 28%),
      linear-gradient(180deg,#0d1311 0%,#101614 100%)!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  body.main-hero-editorial .top-screen>.ambient{
    display:none!important;
  }

  body.main-hero-editorial .main-hero-signal{
    position:absolute;
    inset:0 0 auto 0;
    width:100%;
    height:calc(100vh - 96px);
    min-height:640px;
    pointer-events:none;
    z-index:0;
    opacity:.95;
  }

  body.main-hero-editorial .hero-grid{
    position:relative!important;
    z-index:2!important;
    width:min(1600px,calc(100% - 72px))!important;
    max-width:1600px!important;
    min-height:calc(100vh - 96px)!important;
    margin:0 auto!important;
    padding:36px 0 58px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr)!important;
    gap:46px!important;
    align-items:center!important;
  }

  /* light-only duplicate hero remains hidden in dark mode */
  body.main-hero-editorial:not(.light-theme) .light-hero-message{
    display:none!important;
  }

  body.main-hero-editorial .hero-copy{
    min-width:0!important;
    padding:44px 0 48px!important;
  }

  body.main-hero-editorial .hero-copy>.eyebrow{
    color:#828d87!important;
    font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
    letter-spacing:.16em!important;
  }

  body.main-hero-editorial .hero-copy>.eyebrow::before{
    content:"01";
    margin-right:16px;
    color:var(--mh-mint);
  }

  body.main-hero-editorial .hero-copy>h1{
    max-width:1080px!important;
    margin:28px 0 0!important;
    color:var(--mh-text)!important;
    font:600 clamp(58px,5.45vw,96px)/.93 "General Sans",Manrope,sans-serif!important;
    letter-spacing:-.065em!important;
    text-transform:none!important;
  }

  body.main-hero-editorial .hero-copy>h1 span{
    color:var(--mh-text)!important;
    -webkit-text-fill-color:var(--mh-text)!important;
  }

  body.main-hero-editorial .hero-copy>h1 em{
    display:inline-block;
    color:var(--mh-mint)!important;
    font-style:normal!important;
    font-weight:600!important;
  }

  body.main-hero-editorial .hero-copy>p{
    max-width:720px!important;
    margin:38px 0 0!important;
    padding-top:24px!important;
    border-top:1px solid var(--mh-line)!important;
    color:#a7b0ab!important;
    font:400 16px/1.58 "Satoshi",Inter,sans-serif!important;
  }

  body.main-hero-editorial .cta-row{
    margin-top:26px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  body.main-hero-editorial .cta-row .button{
    min-height:50px!important;
    padding:0 19px!important;
    border-radius:2px!important;
    font:600 12px/1 "Satoshi",Inter,sans-serif!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .cta-row .button.primary{
    background:var(--mh-mint)!important;
    color:var(--mh-ink)!important;
    border:1px solid var(--mh-mint)!important;
  }

  body.main-hero-editorial .cta-row .button.ghost{
    background:rgba(255,255,255,.012)!important;
    color:#d8ddda!important;
    border:1px solid rgba(226,235,229,.20)!important;
  }

  body.main-hero-editorial .proof-row{
    margin-top:28px!important;
    display:flex!important;
    gap:18px 26px!important;
    color:#66726b!important;
    font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }

  body.main-hero-editorial .proof-row b{
    display:none!important;
  }

  /* ---------- integrated halftone portrait ---------- */
  body.main-hero-editorial .portrait-zone{
    --px:58%;
    --py:42%;
    position:relative!important;
    align-self:stretch!important;
    min-height:670px!important;
    margin:0 -36px 0 0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .light-product-ui,
  body.main-hero-editorial .intro-note{
    display:none!important;
  }

  body.main-hero-editorial .portrait-frame{
    position:absolute!important;
    inset:2% 0 0 -8%!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .portrait-frame::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:
      linear-gradient(90deg,var(--mh-bg) 0%,rgba(13,19,17,.75) 12%,transparent 30%,transparent 82%,var(--mh-bg) 100%),
      linear-gradient(180deg,var(--mh-bg) 0%,transparent 12%,transparent 75%,var(--mh-bg) 100%);
  }

  body.main-hero-editorial .portrait-frame>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    filter:grayscale(1) contrast(1.1) brightness(.92)!important;
    opacity:.88!important;
    -webkit-mask-image:radial-gradient(circle,#000 1.15px,transparent 1.48px)!important;
    -webkit-mask-size:8px 8px!important;
    mask-image:radial-gradient(circle,#000 1.15px,transparent 1.48px)!important;
    mask-size:8px 8px!important;
  }

  body.main-hero-editorial .portrait-editorial-reveal{
    position:absolute;
    inset:0;
    z-index:2;
    background:url("/assets/alex-hendler-light-final.png?v=20261026") center 7%/118% auto no-repeat;
    filter:grayscale(1) contrast(1.08) brightness(.93);
    opacity:.38;
    -webkit-mask-image:radial-gradient(circle 145px at var(--px) var(--py),#000 0%,rgba(0,0,0,.82) 40%,transparent 74%);
    mask-image:radial-gradient(circle 145px at var(--px) var(--py),#000 0%,rgba(0,0,0,.82) 40%,transparent 74%);
    transition:opacity .22s ease;
  }

  body.main-hero-editorial .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.58;
  }

  body.main-hero-editorial .portrait-zone::after{
    content:"About Alex  →";
    position:absolute;
    z-index:5;
    right:3%;
    top:58%;
    padding-left:20px;
    color:#cbd1cd;
    font:500 12px/1 "Satoshi",Inter,sans-serif;
    background:radial-gradient(circle at 4px 50%,var(--mh-mint) 0 3px,transparent 4px);
    pointer-events:none;
  }

  /* IMPORTANT: do not style services-band or anything below it here. */

  /* ---------- light theme equivalent ---------- */
  body.main-hero-editorial.light-theme{
    --mh-bg:#f3f1e9;
    --mh-text:#171c19;
    --mh-muted:#64706a;
    --mh-dim:#7b8680;
    --mh-line:rgba(25,42,34,.13);
    --mh-mint:#238f68;
    --mh-ink:#f8f7f2;
  }



  body.main-hero-editorial.light-theme .top-screen{
    background:
      radial-gradient(circle at 78% 38%,rgba(35,143,104,.055),transparent 28%),
      linear-gradient(180deg,#f4f2eb 0%,#f1efe7 100%)!important;
  }

  /* hide the old light-specific hero so the same editorial hero is used in both themes */
  body.main-hero-editorial.light-theme .light-hero-message{
    display:none!important;
  }

  body.main-hero-editorial.light-theme .hero-copy>h1,
  body.main-hero-editorial.light-theme .hero-copy>h1 span{
    color:#171c19!important;
    -webkit-text-fill-color:#171c19!important;
  }

  body.main-hero-editorial.light-theme .hero-copy>p{
    color:#5f6963!important;
  }

  body.main-hero-editorial.light-theme .cta-row .button.primary{
    color:#f8faf6!important;
  }

  body.main-hero-editorial.light-theme .cta-row .button.ghost{
    color:#28312c!important;
    border-color:rgba(25,42,34,.20)!important;
  }

  body.main-hero-editorial.light-theme .proof-row{
    color:#75807a!important;
  }

  body.main-hero-editorial.light-theme .portrait-frame::before{
    background:
      linear-gradient(90deg,var(--mh-bg) 0%,rgba(243,241,233,.78) 12%,transparent 30%,transparent 82%,var(--mh-bg) 100%),
      linear-gradient(180deg,var(--mh-bg) 0%,transparent 12%,transparent 75%,var(--mh-bg) 100%);
  }

  body.main-hero-editorial.light-theme .portrait-frame>img{
    filter:grayscale(1) contrast(1.12) brightness(.84)!important;
    opacity:.72!important;
  }

  body.main-hero-editorial.light-theme .portrait-editorial-reveal{
    filter:grayscale(1) contrast(1.08) brightness(.88);
    opacity:.24;
  }

  body.main-hero-editorial.light-theme .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.40;
  }

  body.main-hero-editorial.light-theme .portrait-zone::after{
    color:#35403a;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  body.main-hero-editorial .hero-grid{
    width:min(100% - 48px,1500px)!important;
  }


  body.main-hero-editorial .hero-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr)!important;
    gap:28px!important;
  }

  body.main-hero-editorial .hero-copy>h1{
    font-size:clamp(56px,5.2vw,82px)!important;
  }
}

@media (max-width:1024px){
  body.main-hero-editorial .main-hero-signal,
  body.main-hero-editorial .portrait-editorial-reveal{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.main-hero-editorial .main-hero-signal{
    display:none!important;
  }
}


/* =========================================================
   EDITORIAL SERVICES BLOCK ONLY
   Replaces old card strip. Everything below #services unchanged.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .services-band{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background:#0f1714!important;
    border-top:1px solid var(--mh-line)!important;
    border-bottom:1px solid var(--mh-line)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .services-editorial{
    width:min(1600px,calc(100% - 72px))!important;
    max-width:1600px!important;
    margin:0 auto!important;
    padding:58px 0 72px!important;
  }

  body.main-hero-editorial .services-editorial-head{
    margin-bottom:26px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
  }

  body.main-hero-editorial .services-editorial-id{
    display:flex;
    align-items:center;
    gap:16px;
    color:#7f8984;
    font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.16em;
  }

  body.main-hero-editorial .services-editorial-id b{
    color:var(--mh-mint);
  }

  body.main-hero-editorial .services-editorial-head>p{
    max-width:580px;
    margin:0;
    color:#6e7973;
    font:700 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.11em;
    text-transform:uppercase;
    text-align:right;
  }

  body.main-hero-editorial .services-editorial-grid{
    display:grid;
    grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);
    gap:72px;
    align-items:start;
  }

  body.main-hero-editorial .services-editorial-rows{
    border-top:1px solid var(--mh-line);
  }

  body.main-hero-editorial .services-editorial-row{
    min-height:156px;
    display:grid;
    grid-template-columns:70px minmax(0,1fr) minmax(190px,.48fr) 28px;
    gap:26px;
    align-items:center;
    border-bottom:1px solid var(--mh-line);
    color:var(--mh-text)!important;
    background:transparent;
    transition:padding .22s ease,background .22s ease;
  }

  body.main-hero-editorial .services-editorial-row:hover,
  body.main-hero-editorial .services-editorial-row.is-active{
    padding-left:12px;
    background:linear-gradient(90deg,rgba(110,224,171,.035),transparent 68%);
  }

  body.main-hero-editorial .services-editorial-num{
    color:#5f6b65;
    font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.11em;
  }

  body.main-hero-editorial .services-editorial-row strong{
    color:#edf0ed;
    font:500 clamp(32px,2.55vw,50px)/1 "General Sans",Manrope,sans-serif;
    letter-spacing:-.045em;
    transition:color .2s ease;
  }

  body.main-hero-editorial .services-editorial-row:hover strong,
  body.main-hero-editorial .services-editorial-row.is-active strong{
    color:var(--mh-mint);
  }

  body.main-hero-editorial .services-editorial-note{
    color:#758079;
    font:700 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.09em;
    text-transform:uppercase;
  }

  body.main-hero-editorial .services-editorial-arrow{
    color:#6e7973;
    font:400 20px/1 "Satoshi",Inter,sans-serif;
    transition:transform .2s ease,color .2s ease;
  }

  body.main-hero-editorial .services-editorial-row:hover .services-editorial-arrow,
  body.main-hero-editorial .services-editorial-row.is-active .services-editorial-arrow{
    transform:translate(4px,-4px);
    color:var(--mh-mint);
  }

  body.main-hero-editorial .services-editorial-preview{
    position:sticky;
    top:120px;
    min-height:468px;
    padding-left:36px;
    border-left:1px solid var(--mh-line);
  }

  body.main-hero-editorial .services-editorial-code{
    color:#68736d;
    font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.16em;
  }

  body.main-hero-editorial .services-editorial-flow{
    margin-top:98px;
    display:grid;
    grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
    gap:10px;
    align-items:center;
  }

  body.main-hero-editorial .services-editorial-flow span{
    color:#b6bfba;
    font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.08em;
    white-space:nowrap;
  }

  body.main-hero-editorial .services-editorial-flow i{
    position:relative;
    height:1px;
    background:linear-gradient(90deg,rgba(110,224,171,.14),rgba(110,224,171,.64));
  }

  body.main-hero-editorial .services-editorial-flow i::after{
    content:"";
    position:absolute;
    right:-1px;
    top:-2px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--mh-mint);
  }

  body.main-hero-editorial .services-editorial-copy{
    margin-top:140px;
  }

  body.main-hero-editorial .services-editorial-copy h3{
    max-width:500px;
    margin:0;
    color:#edf0ed;
    font:500 clamp(30px,2.5vw,48px)/1.02 "General Sans",Manrope,sans-serif;
    letter-spacing:-.045em;
  }

  body.main-hero-editorial .services-editorial-copy p{
    max-width:500px;
    margin:24px 0 0;
    color:#8b958f;
    font:400 15px/1.55 "Satoshi",Inter,sans-serif;
  }

  body.main-hero-editorial .services-editorial-copy>a{
    margin-top:26px;
    display:inline-flex;
    align-items:center;
    gap:22px;
    color:var(--mh-mint)!important;
    font:600 11px/1 "Satoshi",Inter,sans-serif;
  }

  /* light theme */
  body.main-hero-editorial.light-theme .services-band{
    background:#f2f0e8!important;
    border-color:var(--mh-line)!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row{
    color:#1b211e!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row strong{
    color:#202622;
  }

  body.main-hero-editorial.light-theme .services-editorial-row:hover,
  body.main-hero-editorial.light-theme .services-editorial-row.is-active{
    background:linear-gradient(90deg,rgba(35,143,104,.055),transparent 68%);
  }

  body.main-hero-editorial.light-theme .services-editorial-num,
  body.main-hero-editorial.light-theme .services-editorial-head>p,
  body.main-hero-editorial.light-theme .services-editorial-code,
  body.main-hero-editorial.light-theme .services-editorial-note{
    color:#75807a;
  }

  body.main-hero-editorial.light-theme .services-editorial-preview{
    border-left-color:var(--mh-line);
  }

  body.main-hero-editorial.light-theme .services-editorial-flow span{
    color:#4a544f;
  }

  body.main-hero-editorial.light-theme .services-editorial-copy h3{
    color:#1c231f;
  }

  body.main-hero-editorial.light-theme .services-editorial-copy p{
    color:#68736d;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  body.main-hero-editorial .services-editorial{
    width:min(100% - 48px,1500px)!important;
  }

  body.main-hero-editorial .services-editorial-grid{
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
    gap:46px;
  }

  body.main-hero-editorial .services-editorial-row{
    grid-template-columns:54px minmax(0,1fr) 150px 24px;
    min-height:142px;
  }

  body.main-hero-editorial .services-editorial-row strong{
    font-size:clamp(28px,2.4vw,42px);
  }
}

/* =========================================================
   PREFERRED FLOATING HEADER — variant 2
   Header only. Hero/services remain unchanged.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .site-header{
    height:122px!important;
    padding-top:18px!important;
    background:var(--mh-bg)!important;
    border:0!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:40!important;
  }

  body.main-hero-editorial .header-inner{
    width:min(1600px,calc(100% - 92px))!important;
    max-width:1600px!important;
    height:92px!important;
    margin:0 auto!important;
    padding:0 32px!important;
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr)!important;
    align-items:center!important;
    gap:30px!important;
    border:1px solid rgba(226,235,229,.12)!important;
    border-radius:22px!important;
    background:rgba(13,19,17,.76)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .brand{
    justify-self:start!important;
    color:var(--mh-text)!important;
  }

  body.main-hero-editorial .brand-name{
    font:600 27px/1 "General Sans",Manrope,sans-serif!important;
    letter-spacing:-.05em!important;
  }

  body.main-hero-editorial .brand-name i{
    color:var(--mh-mint)!important;
    -webkit-text-fill-color:var(--mh-mint)!important;
  }

  body.main-hero-editorial .brand-sub{
    margin-top:7px!important;
    color:#78837d!important;
    font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
    letter-spacing:.23em!important;
  }

  body.main-hero-editorial .main-nav{
    justify-self:center!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:34px!important;
  }

  body.main-hero-editorial .main-nav a{
    padding:9px 0!important;
    color:#d4d9d6!important;
    font:500 13px/1 "Satoshi",Inter,sans-serif!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  body.main-hero-editorial .main-nav a::after{
    display:none!important;
  }

  body.main-hero-editorial .header-actions{
    justify-self:end!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
  }

  body.main-hero-editorial .theme-toggle{
    width:64px!important;
    height:48px!important;
    border:1px solid rgba(226,235,229,.12)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.025)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .top-cta{
    min-height:48px!important;
    padding:0 22px!important;
    margin:0!important;
    border:1px solid rgba(110,224,171,.48)!important;
    border-radius:999px!important;
    background:transparent!important;
    color:var(--mh-mint)!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:20px!important;
    font:600 12px/1 "Satoshi",Inter,sans-serif!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .top-cta:hover{
    background:var(--mh-mint)!important;
    color:var(--mh-ink)!important;
  }

  body.main-hero-editorial.light-theme .site-header{
    background:var(--mh-bg)!important;
  }

  body.main-hero-editorial.light-theme .header-inner{
    border-color:rgba(25,42,34,.13)!important;
    background:rgba(246,244,237,.82)!important;
  }

  body.main-hero-editorial.light-theme .brand,
  body.main-hero-editorial.light-theme .main-nav a{
    color:#27302b!important;
  }

  body.main-hero-editorial.light-theme .theme-toggle{
    border-color:rgba(25,42,34,.16)!important;
    background:rgba(23,35,29,.035)!important;
  }

  body.main-hero-editorial.light-theme .top-cta:hover{
    color:#f8faf6!important;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  body.main-hero-editorial .header-inner{
    width:min(100% - 56px,1500px)!important;
    padding:0 24px!important;
  }

  body.main-hero-editorial .main-nav{
    gap:24px!important;
  }
}


/* =========================================================
   HEADER INNER BREATHING ROOM FIX
   Border shell stays wide; content sits 36px inside it.
   ========================================================= */
.header-content{display:contents}

@media (min-width:1025px){
  body.main-hero-editorial .header-inner{
    display:block!important;
    padding:0!important;
  }

  body.main-hero-editorial .header-content{
    width:calc(100% - 72px)!important;
    height:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr)!important;
    align-items:center!important;
    gap:30px!important;
  }

  body.main-hero-editorial .header-content>.brand{
    justify-self:start!important;
  }

  body.main-hero-editorial .header-content>.main-nav{
    justify-self:center!important;
  }

  body.main-hero-editorial .header-content>.header-actions{
    justify-self:end!important;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  body.main-hero-editorial .header-content{
    width:calc(100% - 56px)!important;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
    gap:24px!important;
  }
}

@media (max-width:1024px){
  body.main-hero-editorial .header-content{
    display:contents!important;
  }
}


/* =========================================================
   HEADER — EXACT REFERENCE GEOMETRY (2026-10-25)
   Target: uploaded reference screenshot.
   ========================================================= */
@media (min-width:1321px){
  body.main-hero-editorial .site-header{
    height:124px!important;
    padding-top:22px!important;
  }

  body.main-hero-editorial .header-inner{
    width:calc(100% - 92px)!important;
    max-width:none!important;
    height:94px!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:22px!important;
  }

  body.main-hero-editorial .header-content{
    width:calc(100% - 68px)!important;
    height:100%!important;
    margin:0 auto!important;
    grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr)!important;
    gap:32px!important;
  }

  body.main-hero-editorial .brand-name{
    font-size:27px!important;
    line-height:1!important;
  }

  body.main-hero-editorial .brand-sub{
    margin-top:7px!important;
  }

  body.main-hero-editorial .main-nav{
    gap:36px!important;
  }

  body.main-hero-editorial .theme-toggle{
    width:64px!important;
    height:48px!important;
  }

  body.main-hero-editorial .top-cta{
    min-height:48px!important;
    padding-left:23px!important;
    padding-right:23px!important;
  }
}


/* =========================================================
   EXACT HEADER TRANSPLANT FROM test-editorial-home-v2
   Do not approximate or merge with legacy site-header styles.
   ========================================================= */
.exact-editorial-header{display:none}

@media (min-width:1025px){
  body.main-hero-editorial{
    --ed-bg:#0d1311;
    --ed-text:#f0f2ed;
    --ed-line:rgba(226,235,229,.13);
    --ed-mint:#6ee0ab;
    --ed-black:#07100c;
  }

  /* Original main header remains in DOM only for mobile. */
  body.main-hero-editorial > .site-header{
    display:none!important;
  }

  body.main-hero-editorial .exact-editorial-header{
    display:block!important;
    position:sticky;
    top:18px;
    z-index:90;
    width:min(1600px,calc(100% - 72px));
    margin:18px auto 0;
    border:1px solid rgba(225,236,229,.12);
    border-radius:18px;
    background:rgba(13,19,17,.72);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }

  body.main-hero-editorial .exact-editorial-header .edv2-header-inner{
    min-height:72px;
    padding:0 26px;
    display:grid;
    grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr);
    align-items:center;
    gap:28px;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-brand{
    justify-self:start;
    display:flex;
    flex-direction:column;
    gap:6px;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-brand>span{
    color:var(--ed-text);
    font:600 25px/1 "General Sans",Manrope,sans-serif;
    letter-spacing:-.045em;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-brand b{
    font-weight:600;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-brand i{
    font-style:normal;
    color:var(--ed-mint);
  }

  body.main-hero-editorial .exact-editorial-header .edv2-brand small{
    color:#79847e;
    font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.24em;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-nav{
    justify-self:center;
    display:flex;
    align-items:center;
    gap:32px;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-nav a{
    position:relative;
    padding:8px 0;
    color:#c8ceca;
    font:500 13px/1 "Satoshi",Inter,sans-serif;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:0;
    height:1px;
    background:var(--ed-mint);
    transition:right .25s ease;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-nav a:hover::after{
    right:0;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-head-actions{
    justify-self:end;
    display:flex;
    align-items:center;
    gap:12px;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-theme{
    width:50px;
    height:38px;
    border:1px solid var(--ed-line);
    border-radius:999px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.025);
    color:#dce2de;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-theme:hover{
    border-color:rgba(110,224,171,.45);
    background:rgba(110,224,171,.055);
  }

  body.main-hero-editorial .exact-editorial-header .edv2-project-link{
    min-height:40px;
    padding:0 18px;
    border:1px solid rgba(110,224,171,.52);
    border-radius:999px;
    display:flex;
    align-items:center;
    gap:20px;
    color:var(--ed-mint)!important;
    font:600 12px/1 "Satoshi",Inter,sans-serif;
    transition:background .22s ease,color .22s ease,transform .22s ease;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-project-link:hover{
    background:var(--ed-mint);
    color:var(--ed-black)!important;
    transform:translateY(-1px);
  }

  /* Exact light-theme counterpart from the same prior build. */
  body.main-hero-editorial.light-theme{
    --ed-bg:#f3f1e9;
    --ed-text:#171c19;
    --ed-line:rgba(25,42,34,.13);
    --ed-mint:#238f68;
    --ed-black:#f8f7f2;
  }

  body.main-hero-editorial.light-theme .exact-editorial-header{
    border-color:rgba(25,42,34,.13);
    background:rgba(246,244,237,.80);
    box-shadow:0 12px 38px rgba(23,35,29,.045);
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-brand>span{
    color:var(--ed-text);
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-brand small{
    color:#707a75;
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-nav a{
    color:#444d48;
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-theme{
    border-color:rgba(25,42,34,.16);
    background:rgba(23,35,29,.035);
    color:#26302b;
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-theme:hover{
    border-color:rgba(35,143,104,.45);
    background:rgba(35,143,104,.065);
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-project-link{
    border-color:rgba(35,143,104,.55);
    color:var(--ed-mint)!important;
  }

  body.main-hero-editorial.light-theme .exact-editorial-header .edv2-project-link:hover{
    background:var(--ed-mint);
    color:#f9faf6!important;
  }
}

@media (max-width:1024px){
  body.main-hero-editorial .exact-editorial-header{
    display:none!important;
  }

  body.main-hero-editorial > .site-header{
    display:block!important;
  }
}


/* =========================================================
   APPROVED HERO + HEADER CLEANUP FROM PRIOR BUILD
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .exact-editorial-header a{
    text-decoration:none!important;
  }

  body.main-hero-editorial .hero-copy>.eyebrow{
    color:#7e8983!important;
  }

  body.main-hero-editorial .hero-bottom-editorial{
    max-width:1060px;
    margin-top:42px;
    padding-top:26px;
    border-top:1px solid var(--mh-line);
    display:grid;
    grid-template-columns:minmax(360px,1fr) auto;
    gap:40px;
    align-items:end;
  }

  body.main-hero-editorial .hero-bottom-editorial>p{
    max-width:620px;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#a8b1ac!important;
    font:400 17px/1.55 "Satoshi",Inter,sans-serif!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .cta-row{
    margin:0!important;
    display:flex!important;
    gap:10px!important;
    align-items:center!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .button{
    min-height:50px!important;
    padding:0 19px!important;
    border-radius:2px!important;
    font:600 12px/1 "Satoshi",Inter,sans-serif!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .button.primary{
    background:var(--mh-mint)!important;
    color:var(--mh-ink)!important;
    border:1px solid var(--mh-mint)!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .button.ghost{
    background:rgba(255,255,255,.012)!important;
    color:#d8ddda!important;
    border:1px solid rgba(226,235,229,.20)!important;
  }

  body.main-hero-editorial.light-theme .hero-bottom-editorial>p{
    color:#5f6963!important;
  }

  body.main-hero-editorial.light-theme .hero-bottom-editorial .button.primary{
    color:#f8faf6!important;
  }

  body.main-hero-editorial.light-theme .hero-bottom-editorial .button.ghost{
    color:#28312c!important;
    border-color:rgba(25,42,34,.20)!important;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  body.main-hero-editorial .hero-bottom-editorial{
    grid-template-columns:1fr;
    gap:22px;
  }
}


/* =========================================================
   HERO + SERVICES POLISH — approved direction
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial{
    --mh-bg:#101a17;
    --mh-bg-2:#121e1a;
    --mh-line:rgba(220,232,225,.105);
  }

  body.main-hero-editorial:not(.light-theme){
    background:var(--mh-bg)!important;
  }

  /* 1) portrait slightly higher */
  body.main-hero-editorial .portrait-frame{
    inset:-4% 0 0 -8%!important;
  }

  body.main-hero-editorial .portrait-frame>img{
    object-position:center 12%!important;
  }

  body.main-hero-editorial .portrait-editorial-reveal{
    background-position:center 12%!important;
  }

  /* 2) real About Alex link */
  body.main-hero-editorial .portrait-zone::after{
    content:none!important;
  }

  body.main-hero-editorial .portrait-about-link{
    position:absolute;
    z-index:7;
    right:3%;
    top:55%;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 0 10px 18px;
    color:#cbd1cd!important;
    font:500 12px/1 "Satoshi",Inter,sans-serif;
    text-decoration:none!important;
    background:radial-gradient(circle at 4px 50%,var(--mh-mint) 0 3px,transparent 4px);
  }

  body.main-hero-editorial .portrait-about-link b{
    margin-left:12px;
    color:var(--mh-mint);
    font-weight:500;
    transition:transform .2s ease;
  }

  body.main-hero-editorial .portrait-about-link:hover b{
    transform:translateX(4px);
  }

  /* 3 + 6) one continuous green-black surface, no hard seam */
  body.main-hero-editorial .top-screen{
    background:
      radial-gradient(circle at 76% 34%,rgba(110,224,171,.045),transparent 30%),
      radial-gradient(circle at 20% 78%,rgba(42,88,69,.09),transparent 34%),
      linear-gradient(180deg,var(--mh-bg) 0%,var(--mh-bg-2) 100%)!important;
  }

  body.main-hero-editorial .top-screen::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:92px;
    pointer-events:none;
    z-index:1;
    background:linear-gradient(180deg,rgba(18,30,26,0) 0%,var(--mh-bg-2) 78%,var(--mh-bg-2) 100%);
  }

  body.main-hero-editorial .services-band{
    margin-top:-1px!important;
    background:
      radial-gradient(circle at 14% 18%,rgba(110,224,171,.035),transparent 28%),
      linear-gradient(180deg,var(--mh-bg-2) 0%,#101915 100%)!important;
    border-top:0!important;
    border-bottom:0!important;
  }

  /* 4) services: no permanent bars, hover-only highlight */
  body.main-hero-editorial .services-editorial-rows{
    border-top:0!important;
  }

  body.main-hero-editorial .services-editorial-row{
    border-bottom:0!important;
    border-radius:14px;
    margin:5px 0;
    padding-left:14px;
    padding-right:14px;
    background:transparent!important;
    transition:
      background .22s ease,
      transform .22s ease,
      padding .22s ease!important;
  }

  body.main-hero-editorial .services-editorial-row.is-active{
    background:transparent!important;
    padding-left:14px!important;
  }

  body.main-hero-editorial .services-editorial-row.is-active strong{
    color:#edf0ed!important;
  }

  body.main-hero-editorial .services-editorial-row:hover,
  body.main-hero-editorial .services-editorial-row:focus-visible{
    padding-left:20px!important;
    background:rgba(110,224,171,.055)!important;
    transform:translateX(4px);
  }

  body.main-hero-editorial .services-editorial-row:hover strong,
  body.main-hero-editorial .services-editorial-row:focus-visible strong{
    color:var(--mh-mint)!important;
  }

  body.main-hero-editorial .services-editorial-preview{
    border-left-color:rgba(220,232,225,.09)!important;
  }

  /* 5) softer CTA buttons */
  body.main-hero-editorial .hero-bottom-editorial .button{
    min-height:52px!important;
    padding:0 24px!important;
    border-radius:999px!important;
    gap:22px!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .button.primary{
    background:var(--mh-mint)!important;
    border-color:var(--mh-mint)!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .button.ghost{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(226,235,229,.16)!important;
  }

  body.main-hero-editorial .hero-bottom-editorial .button:hover{
    transform:translateY(-2px);
  }

  body.main-hero-editorial .hero-bottom-editorial .button.ghost:hover{
    border-color:rgba(110,224,171,.38)!important;
    background:rgba(110,224,171,.045)!important;
  }

  /* keep portrait fade on same background tone */
  body.main-hero-editorial .portrait-frame::before{
    background:
      linear-gradient(90deg,var(--mh-bg) 0%,rgba(16,26,23,.76) 12%,transparent 30%,transparent 82%,var(--mh-bg) 100%),
      linear-gradient(180deg,var(--mh-bg) 0%,transparent 12%,transparent 78%,var(--mh-bg-2) 100%)!important;
  }
}

/* light mode mirrors shape changes, without changing the existing palette concept */
@media (min-width:1025px){
  body.main-hero-editorial.light-theme .portrait-about-link{
    color:#35403a!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row:hover,
  body.main-hero-editorial.light-theme .services-editorial-row:focus-visible{
    background:rgba(35,143,104,.06)!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row.is-active{
    background:transparent!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row.is-active strong{
    color:#202622!important;
  }

  body.main-hero-editorial.light-theme .hero-bottom-editorial .button{
    border-radius:999px!important;
  }
}


/* =========================================================
   UNIFIED FIRST-VIEW BACKGROUND
   One continuous green-black plane behind header + hero.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme){
    --first-view-bg:#111c18;
    --first-view-bg-2:#13201b;
    --mh-bg:var(--first-view-bg);
    --mh-bg-2:var(--first-view-bg-2);
    background:var(--first-view-bg)!important;
  }

  body.main-hero-editorial:not(.light-theme) .exact-editorial-header{
    background:rgba(17,28,24,.78)!important;
    border-color:rgba(221,235,227,.12)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial:not(.light-theme) .top-screen{
    background:
      radial-gradient(circle at 77% 35%,rgba(110,224,171,.055),transparent 29%),
      radial-gradient(circle at 18% 72%,rgba(61,121,94,.07),transparent 35%),
      linear-gradient(180deg,var(--first-view-bg) 0%,var(--first-view-bg-2) 100%)!important;
    background-color:var(--first-view-bg)!important;
  }

  body.main-hero-editorial:not(.light-theme) .hero-grid,
  body.main-hero-editorial:not(.light-theme) .portrait-zone{
    background:transparent!important;
  }

  body.main-hero-editorial:not(.light-theme) .top-screen::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      rgba(17,28,24,.18) 0%,
      rgba(17,28,24,0) 22%,
      rgba(19,32,27,.10) 100%
    );
  }

  body.main-hero-editorial:not(.light-theme) .top-screen::after{
    background:linear-gradient(
      180deg,
      rgba(19,32,27,0) 0%,
      var(--first-view-bg-2) 82%,
      var(--first-view-bg-2) 100%
    )!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-frame::before{
    background:
      linear-gradient(90deg,var(--first-view-bg) 0%,rgba(17,28,24,.74) 12%,transparent 30%,transparent 82%,var(--first-view-bg) 100%),
      linear-gradient(180deg,var(--first-view-bg) 0%,transparent 12%,transparent 78%,var(--first-view-bg-2) 100%)!important;
  }
}


/* =========================================================
   FINAL FIRST-VIEW BLEND
   Green header -> dark hero -> black WHAT I DO.
   Portrait black plate visually disappears into the surface.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme){
    --first-view-top:#111c18;
    --first-view-mid:#0d1512;
    --first-view-bottom:#050706;
    background:var(--first-view-bottom)!important;
  }

  body.main-hero-editorial:not(.light-theme) .exact-editorial-header{
    background:rgba(17,28,24,.80)!important;
  }

  body.main-hero-editorial:not(.light-theme) .top-screen{
    background:
      radial-gradient(circle at 76% 31%,rgba(110,224,171,.045),transparent 28%),
      radial-gradient(circle at 18% 62%,rgba(61,121,94,.055),transparent 34%),
      linear-gradient(
        180deg,
        var(--first-view-top) 0%,
        #101a17 34%,
        var(--first-view-mid) 67%,
        #09100d 84%,
        var(--first-view-bottom) 100%
      )!important;
    background-color:var(--first-view-top)!important;
  }

  /* Long, soft fade into the black services field. */
  body.main-hero-editorial:not(.light-theme) .top-screen::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    height:260px!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(
      180deg,
      rgba(5,7,6,0) 0%,
      rgba(5,7,6,.16) 28%,
      rgba(5,7,6,.56) 68%,
      var(--first-view-bottom) 100%
    )!important;
  }

  body.main-hero-editorial:not(.light-theme) .services-band{
    margin-top:-1px!important;
    background:
      radial-gradient(circle at 14% 0%,rgba(45,82,65,.035),transparent 24%),
      var(--first-view-bottom)!important;
    border:0!important;
  }

  /* Remove the photo's visible black rectangle.
     Screen blend lets the shared green-black surface show through black pixels. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame{
    background:transparent!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-frame>img{
    mix-blend-mode:screen!important;
    opacity:.66!important;
    filter:grayscale(1) contrast(1.22) brightness(.72)!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    mix-blend-mode:screen!important;
    opacity:.20!important;
    filter:grayscale(1) contrast(1.16) brightness(.72)!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.31!important;
  }

  /* Edge mask follows the page gradient instead of painting a black plate. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame::before{
    background:
      linear-gradient(
        90deg,
        var(--first-view-mid) 0%,
        rgba(13,21,18,.70) 10%,
        transparent 27%,
        transparent 84%,
        rgba(9,16,13,.64) 94%,
        #09100d 100%
      ),
      linear-gradient(
        180deg,
        rgba(17,28,24,.72) 0%,
        transparent 13%,
        transparent 70%,
        rgba(5,7,6,.72) 92%,
        var(--first-view-bottom) 100%
      )!important;
  }
}


/* Remove browser link underlines from editorial services */
@media (min-width:1025px){
  body.main-hero-editorial .services-editorial-row,
  body.main-hero-editorial .services-editorial-row *,
  body.main-hero-editorial .services-editorial-copy>a{
    text-decoration:none!important;
  }
}


/* =========================================================
   PORTRAIT + FIRST VIEW CORRECTION
   Restore readable portrait; soften edges; reduce green cast.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme){
    --first-view-top:#101915;
    --first-view-mid:#0b1210;
    --first-view-bottom:#050706;
  }

  /* Less green overall, more depth. */
  body.main-hero-editorial:not(.light-theme) .top-screen{
    background:
      radial-gradient(circle at 76% 30%,rgba(91,190,145,.032),transparent 27%),
      linear-gradient(
        180deg,
        var(--first-view-top) 0%,
        #0f1714 26%,
        var(--first-view-mid) 62%,
        #080d0b 82%,
        var(--first-view-bottom) 100%
      )!important;
  }

  /* Remove the failed blend experiment. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame>img,
  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    mix-blend-mode:normal!important;
  }

  /* Main portrait: readable face, but no hard rectangular edge. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame>img{
    opacity:.82!important;
    filter:grayscale(1) contrast(1.12) brightness(.92)!important;
    -webkit-mask-image:
      radial-gradient(ellipse 78% 86% at 58% 48%,#000 0%,#000 58%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.28) 88%,transparent 100%)!important;
    mask-image:
      radial-gradient(ellipse 78% 86% at 58% 48%,#000 0%,#000 58%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.28) 88%,transparent 100%)!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }

  /* Halftone layer kept, but now visible enough to read the portrait. */
  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    opacity:.32!important;
    filter:grayscale(1) contrast(1.08) brightness(.98)!important;
    -webkit-mask-image:
      radial-gradient(circle 180px at var(--px) var(--py),#000 0%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.34) 68%,transparent 82%)!important;
    mask-image:
      radial-gradient(circle 180px at var(--px) var(--py),#000 0%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.34) 68%,transparent 82%)!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.46!important;
  }

  /* Edge wash uses the actual hero tones, not black. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame::before{
    background:
      linear-gradient(
        90deg,
        var(--first-view-mid) 0%,
        rgba(11,18,16,.82) 7%,
        rgba(11,18,16,.28) 19%,
        transparent 31%,
        transparent 78%,
        rgba(8,13,11,.30) 88%,
        rgba(8,13,11,.82) 97%,
        #080d0b 100%
      ),
      linear-gradient(
        180deg,
        rgba(15,23,20,.72) 0%,
        rgba(15,23,20,.18) 12%,
        transparent 24%,
        transparent 72%,
        rgba(5,7,6,.34) 88%,
        var(--first-view-bottom) 100%
      )!important;
  }

  /* Smooth fade into services. */
  body.main-hero-editorial:not(.light-theme) .top-screen::after{
    height:220px!important;
    background:linear-gradient(
      180deg,
      rgba(5,7,6,0) 0%,
      rgba(5,7,6,.10) 32%,
      rgba(5,7,6,.34) 58%,
      rgba(5,7,6,.72) 82%,
      var(--first-view-bottom) 100%
    )!important;
  }

  body.main-hero-editorial:not(.light-theme) .services-band{
    background:var(--first-view-bottom)!important;
  }
}


/* =========================================================
   BLACK HALFTONE PORTRAIT CONCEPT
   Reference: black field + face rendered through dot matrix.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme){
    --black-field:#050606;
    --black-field-soft:#070908;
    background:var(--black-field)!important;
  }

  body.main-hero-editorial:not(.light-theme) .exact-editorial-header{
    background:rgba(5,6,6,.86)!important;
    border-color:rgba(232,238,234,.12)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial:not(.light-theme) .top-screen{
    background:
      radial-gradient(circle at 76% 34%,rgba(110,224,171,.018),transparent 26%),
      linear-gradient(180deg,var(--black-field) 0%,var(--black-field) 72%,var(--black-field-soft) 100%)!important;
    background-color:var(--black-field)!important;
  }

  body.main-hero-editorial:not(.light-theme) .top-screen::before,
  body.main-hero-editorial:not(.light-theme) .top-screen::after{
    background:transparent!important;
  }

  body.main-hero-editorial:not(.light-theme) .services-band{
    background:var(--black-field)!important;
    border:0!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-zone,
  body.main-hero-editorial:not(.light-theme) .portrait-frame{
    background:transparent!important;
  }

  /* Remove the normal photographic look. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame>img{
    opacity:.76!important;
    filter:grayscale(1) contrast(1.42) brightness(1.06)!important;
    mix-blend-mode:screen!important;

    /* Dot matrix: the face is only visible through the dots. */
    -webkit-mask-image:
      radial-gradient(circle,#000 1.35px,transparent 1.75px)!important;
    -webkit-mask-size:8px 8px!important;
    -webkit-mask-repeat:repeat!important;
    mask-image:
      radial-gradient(circle,#000 1.35px,transparent 1.75px)!important;
    mask-size:8px 8px!important;
    mask-repeat:repeat!important;
  }

  /* Second layer = a little more detail near cursor, still dotted. */
  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    background:url("/assets/alex-hendler-light-final.png?v=20261026") center 7%/118% auto no-repeat!important;
    opacity:.22!important;
    filter:grayscale(1) contrast(1.34) brightness(1.10)!important;
    mix-blend-mode:screen!important;

    -webkit-mask-image:
      radial-gradient(circle 175px at var(--px) var(--py),#000 0%,rgba(0,0,0,.92) 46%,rgba(0,0,0,.34) 72%,transparent 86%),
      radial-gradient(circle,#000 1.25px,transparent 1.62px)!important;
    -webkit-mask-size:100% 100%,8px 8px!important;
    -webkit-mask-repeat:no-repeat,repeat!important;
    -webkit-mask-composite:source-in!important;

    mask-image:
      radial-gradient(circle 175px at var(--px) var(--py),#000 0%,rgba(0,0,0,.92) 46%,rgba(0,0,0,.34) 72%,transparent 86%),
      radial-gradient(circle,#000 1.25px,transparent 1.62px)!important;
    mask-size:100% 100%,8px 8px!important;
    mask-repeat:no-repeat,repeat!important;
    mask-composite:intersect!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.34!important;
  }

  /* Edge vignette only; no rectangle / no painted plate. */
  body.main-hero-editorial:not(.light-theme) .portrait-frame::before{
    background:
      radial-gradient(ellipse 74% 88% at 58% 47%,
        transparent 0%,
        transparent 56%,
        rgba(5,6,6,.18) 72%,
        rgba(5,6,6,.64) 89%,
        var(--black-field) 100%
      )!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-about-link{
    color:#cfd5d1!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-about-link b{
    color:var(--mh-mint)!important;
  }

  /* keep services on the same black plane */
  body.main-hero-editorial:not(.light-theme) .services-editorial-preview{
    border-left-color:rgba(230,236,232,.08)!important;
  }
}


/* Raise dot-matrix portrait without changing its scale */
@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme) .portrait-frame{
    transform:translateY(45px)!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-frame>img{
    object-position:center 14%!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    background-position:center 14%!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-about-link{
    transform:translateY(45px);
  }
}


/* =========================================================
   HERO TYPOGRAPHY + HALFTONE PORTRAIT REFINEMENT
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .hero-copy>h1{
    max-width:980px!important;
    font-size:clamp(48px,4.45vw,74px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-frame>img{
    opacity:.88!important;
    filter:grayscale(1) contrast(1.30) brightness(1.18)!important;
    -webkit-mask-image:
      radial-gradient(circle,#000 .86px,transparent 1.18px)!important;
    -webkit-mask-size:6px 6px!important;
    -webkit-mask-repeat:repeat!important;
    mask-image:
      radial-gradient(circle,#000 .86px,transparent 1.18px)!important;
    mask-size:6px 6px!important;
    mask-repeat:repeat!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    opacity:.12!important;
    filter:grayscale(1) contrast(1.24) brightness(1.32)!important;

    -webkit-mask-image:
      radial-gradient(circle 190px at var(--px) var(--py),#000 0%,rgba(0,0,0,.96) 44%,rgba(0,0,0,.48) 70%,transparent 88%),
      radial-gradient(circle,#000 .82px,transparent 1.12px)!important;
    -webkit-mask-size:100% 100%,6px 6px!important;
    -webkit-mask-repeat:no-repeat,repeat!important;
    -webkit-mask-composite:source-in!important;

    mask-image:
      radial-gradient(circle 190px at var(--px) var(--py),#000 0%,rgba(0,0,0,.96) 44%,rgba(0,0,0,.48) 70%,transparent 88%),
      radial-gradient(circle,#000 .82px,transparent 1.12px)!important;
    mask-size:100% 100%,6px 6px!important;
    mask-repeat:no-repeat,repeat!important;
    mask-composite:intersect!important;

    transition:opacity .18s ease,filter .18s ease!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.58!important;
    filter:grayscale(1) contrast(1.30) brightness(1.48)!important;
  }
}


/* =========================================================
   SERVICES = CONSULTANCY PROCESS VISUAL SYSTEM
   Reuses .process-* styles for exact consistency.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .services-band.services-process-style{
    height:auto!important;
    min-height:0!important;
    padding:72px 0 62px!important;
    background:var(--page-bg)!important;
    color:var(--text)!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .services-process-wrap{
    position:relative;
  }

  body.main-hero-editorial .services-process-head{
    text-align:center!important;
    margin-bottom:50px!important;
  }

  body.main-hero-editorial .services-process-head .process-kicker{
    color:var(--accent)!important;
  }

  body.main-hero-editorial .services-process-head h2{
    margin:0!important;
  }

  body.main-hero-editorial .services-process-head p{
    color:var(--muted)!important;
  }

  body.main-hero-editorial .services-process-grid{
    grid-template-columns:repeat(3,1fr)!important;
    gap:30px!important;
  }

  body.main-hero-editorial .service-process-card{
    position:relative;
    display:flex!important;
    flex-direction:column!important;
    min-height:390px!important;
    text-decoration:none!important;
    overflow:hidden;
    isolation:isolate;
  }

  body.main-hero-editorial .service-process-card,
  body.main-hero-editorial .service-process-card *{
    text-decoration:none!important;
  }

  body.main-hero-editorial .service-process-card .process-number,
  body.main-hero-editorial .service-process-card h3{
    color:var(--text)!important;
  }

  body.main-hero-editorial .service-process-card p{
    color:var(--muted)!important;
  }

  body.main-hero-editorial .service-process-link{
    margin-top:auto;
    padding-top:28px;
    display:inline-flex;
    align-items:center;
    gap:16px;
    color:var(--accent)!important;
    font:700 14px/1 "Satoshi",Inter,sans-serif;
  }

  body.main-hero-editorial .service-process-link b{
    font-size:20px;
    line-height:1;
    font-weight:400;
    transition:transform .3s ease;
  }

  body.main-hero-editorial .service-process-card:hover .service-process-link b{
    transform:translateX(5px);
  }

  /* same visual response as process cards */
  body.main-hero-editorial .service-process-card:hover{
    transform:translateY(-8px)!important;
  }

  body.main-hero-editorial:not(.light-theme) .services-band.services-process-style{
    background:#050505!important;
  }

  body.main-hero-editorial:not(.light-theme) .service-process-card{
    background:#0a0a0a!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:#f7faf8!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial:not(.light-theme) .service-process-card:hover{
    background:#0d0d0d!important;
    border-color:rgba(126,231,173,.22)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
  }

  body.main-hero-editorial:not(.light-theme) .service-process-card .process-number,
  body.main-hero-editorial:not(.light-theme) .service-process-card h3{
    color:#f7faf8!important;
  }

  body.main-hero-editorial:not(.light-theme) .service-process-card p{
    color:#aeb8b3!important;
  }

  body.main-hero-editorial.light-theme .services-band.services-process-style{
    background:var(--page-bg)!important;
  }

  body.main-hero-editorial.light-theme .service-process-card{
    background:#fbfbf8!important;
    border:1px solid #d8d8d2!important;
    color:#292a2d!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial.light-theme .service-process-card:hover{
    transform:translateY(-8px)!important;
    background:#fff!important;
    border-color:rgba(35,143,104,.24)!important;
    box-shadow:0 14px 30px rgba(20,60,38,.08)!important;
  }

  body.main-hero-editorial.light-theme .service-process-card .process-number,
  body.main-hero-editorial.light-theme .service-process-card h3{
    color:#292a2d!important;
  }

  body.main-hero-editorial.light-theme .service-process-card p{
    color:#707177!important;
  }
}


/* =========================================================
   WHAT I DO — PROCESS-STYLE EFFECTS ONLY
   Keep the original editorial layout and positions.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .services-editorial-row{
    position:relative;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:22px!important;
    background:#0a0a0a!important;
    box-shadow:none!important;
    text-decoration:none!important;
    overflow:hidden;
    transition:
      transform .28s ease,
      box-shadow .28s ease,
      background .28s ease,
      border-color .28s ease!important;
  }

  body.main-hero-editorial .services-editorial-row + .services-editorial-row{
    margin-top:14px!important;
  }

  body.main-hero-editorial .services-editorial-row.is-active{
    background:#0a0a0a!important;
    border-color:rgba(255,255,255,.09)!important;
    transform:none!important;
  }

  body.main-hero-editorial .services-editorial-row:hover,
  body.main-hero-editorial .services-editorial-row:focus-visible{
    transform:translateY(-8px)!important;
    background:#0d0d0d!important;
    border-color:rgba(126,231,173,.22)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
  }

  body.main-hero-editorial .services-editorial-row:hover strong,
  body.main-hero-editorial .services-editorial-row:focus-visible strong{
    color:var(--mh-mint)!important;
  }

  body.main-hero-editorial .services-editorial-row:hover .services-editorial-arrow,
  body.main-hero-editorial .services-editorial-row:focus-visible .services-editorial-arrow{
    color:var(--mh-mint)!important;
    transform:translate(4px,-4px);
  }

  body.main-hero-editorial .services-editorial-arrow{
    transition:transform .28s ease,color .28s ease!important;
  }

  body.main-hero-editorial .services-editorial-preview{
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:22px!important;
    background:#0a0a0a!important;
    box-shadow:none!important;
    transition:
      transform .28s ease,
      box-shadow .28s ease,
      border-color .28s ease,
      background .28s ease!important;
  }

  body.main-hero-editorial .services-editorial-preview:hover{
    transform:translateY(-8px);
    background:#0d0d0d!important;
    border-color:rgba(126,231,173,.22)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
  }

  body.main-hero-editorial .services-editorial-rows{
    border:0!important;
  }

  body.main-hero-editorial .services-editorial-row,
  body.main-hero-editorial .services-editorial-row *,
  body.main-hero-editorial .services-editorial-copy>a{
    text-decoration:none!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row,
  body.main-hero-editorial.light-theme .services-editorial-preview{
    background:#fbfbf8!important;
    border-color:#d8d8d2!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row.is-active{
    background:#fbfbf8!important;
    border-color:#d8d8d2!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-row:hover,
  body.main-hero-editorial.light-theme .services-editorial-row:focus-visible,
  body.main-hero-editorial.light-theme .services-editorial-preview:hover{
    background:#fff!important;
    border-color:rgba(35,143,104,.24)!important;
    box-shadow:0 14px 30px rgba(20,60,38,.08)!important;
  }
}


/* Desktop headline now mirrors the mobile start message */
@media (min-width:1025px){
  body.main-hero-editorial .desktop-home-title{
    max-width:880px!important;
    font-size:clamp(52px,4.8vw,78px)!important;
    line-height:.94!important;
    letter-spacing:-.06em!important;
  }

  body.main-hero-editorial .desktop-home-title em{
    color:var(--mh-mint)!important;
    -webkit-text-fill-color:var(--mh-mint)!important;
  }

  body.main-hero-editorial .desktop-home-title>span{
    color:var(--mh-text)!important;
    -webkit-text-fill-color:var(--mh-text)!important;
  }

  body.main-hero-editorial .desktop-home-by{
    position:relative;
    display:inline-block;
    margin-left:12px;
    color:var(--mh-text)!important;
    -webkit-text-fill-color:var(--mh-text)!important;
    font:800 clamp(18px,1.7vw,28px)/1 Inter,Arial,sans-serif!important;
    letter-spacing:-.04em!important;
    white-space:nowrap;
    vertical-align:middle;
    animation:mobileHomeBlink 2.6s ease-in-out infinite;
  }

  body.main-hero-editorial .desktop-home-by::after{
    content:"";
    position:absolute;
    left:8%;
    right:-2%;
    bottom:-8px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#43c78a 18%,#43c78a 82%,transparent);
    transform:rotate(-2deg);
    transform-origin:center;
    animation:mobileHomeMarkBlink 2.6s ease-in-out infinite;
  }

  body.main-hero-editorial.light-theme .desktop-home-by{
    color:#202124!important;
    -webkit-text-fill-color:#202124!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .desktop-home-by,
  .desktop-home-by::after{
    animation:none!important;
  }
}


/* =========================================================
   FINAL SECTION SEQUENCE
   WHAT I DO = clean editorial rows (screenshot 1)
   PROCESS = cards
   Everything after PROCESS keeps the original main-page system.
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .services-band{
    background:#050505!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }

  body.main-hero-editorial .services-editorial-rows{
    border-top:1px solid rgba(255,255,255,.10)!important;
  }

  body.main-hero-editorial .services-editorial-row{
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
    transition:
      color .22s ease,
      background .22s ease!important;
  }

  body.main-hero-editorial .services-editorial-row + .services-editorial-row{
    margin-top:0!important;
  }

  body.main-hero-editorial .services-editorial-row.is-active{
    padding-left:0!important;
    border-color:rgba(255,255,255,.10)!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.main-hero-editorial .services-editorial-row:hover,
  body.main-hero-editorial .services-editorial-row:focus-visible{
    padding-left:0!important;
    background:rgba(110,224,171,.025)!important;
    border-color:rgba(110,224,171,.16)!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.main-hero-editorial .services-editorial-row:hover strong,
  body.main-hero-editorial .services-editorial-row:focus-visible strong{
    color:var(--mh-mint)!important;
  }

  body.main-hero-editorial .services-editorial-preview{
    border:0!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.main-hero-editorial .services-editorial-preview:hover{
    border-color:rgba(255,255,255,.10)!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  /* Do not let the experimental top-system restyle sections below process. */
  body.main-hero-editorial .process-section ~ section{
    --mh-bg:initial;
    --mh-bg-2:initial;
  }

  body.main-hero-editorial.light-theme .services-editorial-row{
    background:transparent!important;
    border-color:rgba(25,42,34,.12)!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial.light-theme .services-editorial-preview{
    background:transparent!important;
    border-color:rgba(25,42,34,.12)!important;
    box-shadow:none!important;
  }
}


/* =========================================================
   HOMEPAGE — ONE MUTED GREEN
   Single accent for words, buttons, links, dots and hovers.
   ========================================================= */
body.main-hero-editorial{
  --brand-green:#68b993!important;
  --accent:var(--brand-green)!important;
  --mh-mint:var(--brand-green)!important;
}

/* hero + editorial accents */
body.main-hero-editorial .hero-copy>h1 em,
body.main-hero-editorial .desktop-home-title em,
body.main-hero-editorial .hero-copy>.eyebrow::before,
body.main-hero-editorial .services-editorial-id b,
body.main-hero-editorial .services-editorial-row:hover strong,
body.main-hero-editorial .services-editorial-row:focus-visible strong,
body.main-hero-editorial .services-editorial-row:hover .services-editorial-arrow,
body.main-hero-editorial .services-editorial-row:focus-visible .services-editorial-arrow,
body.main-hero-editorial .services-editorial-copy>a,
body.main-hero-editorial .process-kicker,
body.main-hero-editorial .faq-head .eyebrow,
body.main-hero-editorial .faq-question:hover,
body.main-hero-editorial .faq-item.open .faq-question,
body.main-hero-editorial .faq-question[aria-expanded="true"] .faq-icon,
body.main-hero-editorial .service-process-link{
  color:var(--brand-green)!important;
  -webkit-text-fill-color:var(--brand-green)!important;
}

/* primary buttons */
body.main-hero-editorial .button.primary,
body.main-hero-editorial .hero-bottom-editorial .button.primary,
body.main-hero-editorial .wa-confirm,
body.main-hero-editorial .days .selected,
body.main-hero-editorial .times-panel>button.chosen-time,
body.main-hero-editorial .audit-preview-button,
body.main-hero-editorial .quote-submit{
  background:var(--brand-green)!important;
  border-color:var(--brand-green)!important;
}

/* small dots / lines / active marks */
body.main-hero-editorial .services-editorial-flow i::after,
body.main-hero-editorial .portrait-about-link>span,
body.main-hero-editorial .about-work-live-dot{
  background:var(--brand-green)!important;
}

body.main-hero-editorial .portrait-about-link{
  background:radial-gradient(circle at 4px 50%,var(--brand-green) 0 3px,transparent 4px)!important;
}

body.main-hero-editorial .portrait-about-link b,
body.main-hero-editorial .desktop-home-by::after,
body.main-hero-editorial .main-nav a::after{
  color:var(--brand-green)!important;
  background-color:var(--brand-green)!important;
}

/* canonical header on homepage only */
body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .brand-name i,
body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .top-cta{
  color:var(--brand-green)!important;
  -webkit-text-fill-color:var(--brand-green)!important;
}

body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .top-cta{
  border-color:color-mix(in srgb,var(--brand-green) 60%,transparent)!important;
}

body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .main-nav a::after{
  background:var(--brand-green)!important;
}

body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .top-cta:hover{
  background:var(--brand-green)!important;
  color:#050606!important;
  -webkit-text-fill-color:#050606!important;
}

/* legacy hard-coded homepage green elements */
body.main-hero-editorial .proof-row b,
body.main-hero-editorial .booking-contact-actions a:hover,
body.main-hero-editorial .audit-start-blink,
body.main-hero-editorial .audit-final-intro h2 span,
body.main-hero-editorial .audit-help-copy h2 span{
  color:var(--brand-green)!important;
  -webkit-text-fill-color:var(--brand-green)!important;
}

body.main-hero-editorial .theme-toggle:focus,
body.main-hero-editorial .theme-toggle:focus-visible{
  outline-color:var(--brand-green)!important;
}


/* =========================================================
   SECTION STYLE SWAP
   WHAT I DO = process cards
   MY CONSULTANCY PROCESS = editorial rows + preview
   ========================================================= */
@media (min-width:1025px){
  body.main-hero-editorial .services-cards-section{
    background:#050505!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    padding:78px 0!important;
  }

  body.main-hero-editorial .services-cards-section .process-head{
    margin-bottom:34px!important;
  }

  body.main-hero-editorial .services-cards-section .process-card{
    min-height:360px!important;
    text-decoration:none!important;
  }

  body.main-hero-editorial .services-cards-section .process-card,
  body.main-hero-editorial .services-cards-section .process-card *{
    text-decoration:none!important;
  }

  body.main-hero-editorial .service-card-square{
    display:flex!important;
    flex-direction:column!important;
  }

  body.main-hero-editorial .service-square-link{
    margin-top:auto!important;
    padding-top:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:16px!important;
    color:var(--brand-green)!important;
    -webkit-text-fill-color:var(--brand-green)!important;
    font:700 13px/1 "Satoshi",Inter,sans-serif!important;
  }

  body.main-hero-editorial .service-square-link b{
    font-weight:400!important;
    transition:transform .25s ease!important;
  }

  body.main-hero-editorial .service-card-square:hover .service-square-link b{
    transform:translateX(5px)!important;
  }

  body.main-hero-editorial .process-editorial-section{
    background:#050505!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    padding:72px 0 82px!important;
  }

  body.main-hero-editorial .process-editorial{
    position:relative!important;
  }

  body.main-hero-editorial .process-editorial-row{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    text-align:left!important;
    font:inherit!important;
    color:inherit!important;
    cursor:pointer!important;
  }

  body.main-hero-editorial .process-editorial-row strong{
    font-weight:500!important;
  }

  body.main-hero-editorial .process-editorial-preview{
    position:sticky!important;
    top:120px!important;
  }

  body.main-hero-editorial.light-theme .services-cards-section,
  body.main-hero-editorial.light-theme .process-editorial-section{
    background:var(--page-bg)!important;
    border-color:rgba(25,42,34,.12)!important;
  }
}

/* byHendler stays visible but no longer blinks anywhere */
.mobile-home-by,
.mobile-home-by::after,
.desktop-home-by,
.desktop-home-by::after{
  animation:none!important;
  opacity:1!important;
}

/* keep one muted green for the static byHendler mark */
.mobile-home-by::after,
.desktop-home-by::after{
  background:var(--brand-green,#68b993)!important;
}

/* HERO TITLE METADATA — integrated with the headline */
@media (min-width:1025px){
  body.main-hero-editorial .hero-editorial-meta-title{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    width:clamp(460px,36vw,680px)!important;
    margin:14px 0 0 clamp(300px,20vw,390px)!important;
    padding:0!important;
    color:#77817c!important;
    font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
  }

  body.main-hero-editorial .hero-editorial-meta-title i{
    flex:1 1 72px!important;
    min-width:48px!important;
    height:1px!important;
    display:block!important;
    background:rgba(255,255,255,.16)!important;
  }

  body.main-hero-editorial .hero-editorial-meta-title span:first-child{
    color:var(--brand-green)!important;
  }

  body.main-hero-editorial .hero-bottom-editorial{
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:end!important;
  }

  body.main-hero-editorial.light-theme .hero-editorial-meta-title{
    color:#69736d!important;
  }

  body.main-hero-editorial.light-theme .hero-editorial-meta-title i{
    background:rgba(25,42,34,.16)!important;
  }
}

/* FINAL LIGHT HERO PARITY — mirror approved dark composition */
@media (min-width:1025px){
  body.main-hero-editorial.light-theme{
    --light-hero-bg:#f4f1e9;
    --light-hero-bg-2:#f0eee5;
    --mh-bg:var(--light-hero-bg)!important;
    --mh-bg-2:var(--light-hero-bg-2)!important;
    --mh-text:#171c19!important;
    --mh-muted:#65706a!important;
    --mh-dim:#78837d!important;
    --mh-line:rgba(25,42,34,.13)!important;
    background:var(--light-hero-bg)!important;
  }

  /* disable the legacy centered light-only composition */
  body.main-hero-editorial.light-theme .light-hero-message{
    display:none!important;
  }

  /* use the exact same desktop geometry as the approved dark hero */
  body.main-hero-editorial.light-theme .hero-grid{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    width:min(1600px,calc(100% - 72px))!important;
    max-width:1600px!important;
    height:auto!important;
    min-height:calc(100vh - 96px)!important;
    margin:0 auto!important;
    padding:36px 0 58px!important;
    grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr)!important;
    gap:46px!important;
    align-items:center!important;
    justify-items:stretch!important;
  }

  body.main-hero-editorial.light-theme .hero-copy{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:44px 0 48px!important;
    margin:0!important;
    text-align:left!important;
    align-self:auto!important;
    justify-self:stretch!important;
    transform:none!important;
  }

  body.main-hero-editorial.light-theme .hero-copy>.eyebrow{
    display:block!important;
    color:#76817b!important;
  }

  body.main-hero-editorial.light-theme .hero-copy>.eyebrow::before{
    color:var(--brand-green)!important;
  }

  body.main-hero-editorial.light-theme .hero-copy>.desktop-home-title{
    display:block!important;
    max-width:880px!important;
    margin:28px 0 0!important;
    color:#171c19!important;
    -webkit-text-fill-color:#171c19!important;
    font:600 clamp(52px,4.8vw,78px)/.94 "General Sans",Manrope,sans-serif!important;
    letter-spacing:-.06em!important;
    text-align:left!important;
  }

  body.main-hero-editorial.light-theme .desktop-home-title em{
    color:var(--brand-green)!important;
    -webkit-text-fill-color:var(--brand-green)!important;
  }

  body.main-hero-editorial.light-theme .desktop-home-title>span{
    color:#171c19!important;
    -webkit-text-fill-color:#171c19!important;
  }

  body.main-hero-editorial.light-theme .hero-editorial-meta-title{
    display:flex!important;
    color:#69736d!important;
  }

  body.main-hero-editorial.light-theme .hero-editorial-meta-title i{
    background:rgba(25,42,34,.16)!important;
  }

  body.main-hero-editorial.light-theme .hero-bottom-editorial{
    display:grid!important;
    max-width:1060px!important;
    margin-top:42px!important;
    padding-top:26px!important;
    border-top:1px solid rgba(25,42,34,.13)!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    text-align:left!important;
  }

  body.main-hero-editorial.light-theme .hero-bottom-editorial>p{
    display:block!important;
    max-width:620px!important;
    margin:0!important;
    padding:0!important;
    color:#59645e!important;
    font:400 17px/1.55 "Satoshi",Inter,sans-serif!important;
    text-align:left!important;
  }

  /* restore the integrated halftone portrait in light mode */
  body.main-hero-editorial.light-theme .portrait-zone{
    --px:58%;
    --py:42%;
    display:block!important;
    position:relative!important;
    align-self:stretch!important;
    min-height:670px!important;
    height:auto!important;
    margin:0 -36px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.main-hero-editorial.light-theme .portrait-frame{
    display:block!important;
    position:absolute!important;
    inset:-4% 0 0 -8%!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.main-hero-editorial.light-theme .portrait-frame::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,var(--light-hero-bg) 0%,rgba(244,241,233,.76) 12%,transparent 30%,transparent 82%,var(--light-hero-bg) 100%),
      linear-gradient(180deg,var(--light-hero-bg) 0%,transparent 12%,transparent 78%,var(--light-hero-bg-2) 100%)!important;
  }

  body.main-hero-editorial.light-theme .portrait-frame>img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center 12%!important;
    opacity:.68!important;
    filter:grayscale(1) contrast(1.15) brightness(.72)!important;
    -webkit-mask-image:radial-gradient(circle,#000 1.15px,transparent 1.48px)!important;
    -webkit-mask-size:8px 8px!important;
    mask-image:radial-gradient(circle,#000 1.15px,transparent 1.48px)!important;
    mask-size:8px 8px!important;
    transform:none!important;
  }

  body.main-hero-editorial.light-theme .portrait-editorial-reveal{
    display:block!important;
    background:url("/assets/alex-hendler.webp") center 12%/cover no-repeat!important;
    filter:grayscale(1) contrast(1.08) brightness(.82)!important;
    opacity:.20!important;
  }

  body.main-hero-editorial.light-theme .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.34!important;
  }

  body.main-hero-editorial.light-theme .portrait-about-link{
    display:inline-flex!important;
    color:#35403a!important;
  }

  /* same quiet light plane across header + hero */
  body.main-hero-editorial.light-theme .top-screen{
    background:
      radial-gradient(circle at 77% 35%,rgba(104,185,147,.07),transparent 29%),
      radial-gradient(circle at 18% 72%,rgba(104,185,147,.045),transparent 35%),
      linear-gradient(180deg,var(--light-hero-bg) 0%,var(--light-hero-bg-2) 100%)!important;
    background-color:var(--light-hero-bg)!important;
  }

  body.main-hero-editorial.light-theme .top-screen::before{
    opacity:1!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:linear-gradient(
      180deg,
      rgba(244,241,233,.18) 0%,
      rgba(244,241,233,0) 22%,
      rgba(240,238,229,.10) 100%
    )!important;
  }

  body.main-hero-editorial.light-theme .top-screen::after{
    opacity:1!important;
    background:linear-gradient(
      180deg,
      rgba(240,238,229,0) 0%,
      var(--light-hero-bg-2) 82%,
      var(--light-hero-bg-2) 100%
    )!important;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  body.main-hero-editorial.light-theme .hero-grid{
    width:min(100% - 48px,1500px)!important;
    grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr)!important;
    gap:28px!important;
  }
}

/* HOMEPAGE DARK-ONLY MODE — light theme temporarily disabled */
body.main-hero-editorial #theme-toggle,
body.main-hero-editorial #editorial-theme-toggle{
  display:none!important;
}

body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .header-actions{
  gap:0!important;
}

/* HEADER CTA — editorial text action */
@media (min-width:1025px){
  body.main-hero-editorial .top-cta,
  body.main-hero-editorial .exact-editorial-header .edv2-project-link{
    position:relative!important;
    min-height:auto!important;
    padding:9px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#c8ceca!important;
    -webkit-text-fill-color:#c8ceca!important;
    gap:10px!important;
    font:600 12px/1 "Satoshi",Inter,sans-serif!important;
    transform:none!important;
  }

  body.main-hero-editorial .top-cta::after,
  body.main-hero-editorial .exact-editorial-header .edv2-project-link::after{
    content:""!important;
    position:absolute!important;
    left:16px!important;
    right:100%!important;
    bottom:2px!important;
    height:1px!important;
    background:#68B993!important;
    transition:right .24s ease!important;
  }

  body.main-hero-editorial .top-cta-dot{
    width:6px!important;
    height:6px!important;
    flex:0 0 6px!important;
    border-radius:50%!important;
    background:#68B993!important;
  }

  body.main-hero-editorial .top-cta-arrow{
    margin-left:6px!important;
    color:#68B993!important;
    -webkit-text-fill-color:#68B993!important;
    transition:transform .2s ease!important;
  }

  body.main-hero-editorial .top-cta:hover,
  body.main-hero-editorial .exact-editorial-header .edv2-project-link:hover{
    background:transparent!important;
    color:#f0f2ed!important;
    -webkit-text-fill-color:#f0f2ed!important;
    transform:none!important;
  }

  body.main-hero-editorial .top-cta:hover::after,
  body.main-hero-editorial .exact-editorial-header .edv2-project-link:hover::after{
    right:0!important;
  }

  body.main-hero-editorial .top-cta:hover .top-cta-arrow{
    transform:translate(2px,-1px)!important;
  }
}

/* PROCESS FLOW — choose/review/buy editorial treatment */
.process-flow-line{display:none}

@media (min-width:1025px){
  body.main-hero-editorial .process-editorial-section{
    padding:54px 0 68px!important;
  }

  body.main-hero-editorial .process-editorial .services-editorial-head{
    margin-bottom:48px!important;
    padding-bottom:0!important;
    border-bottom:0!important;
  }

  body.main-hero-editorial .process-editorial .services-editorial-head>p{
    display:none!important;
  }

  body.main-hero-editorial .process-flow-line{
    width:100%!important;
    min-height:150px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    color:#f2f3f0!important;
    font:600 clamp(26px,2.55vw,46px)/1 "General Sans",Manrope,sans-serif!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
  }

  body.main-hero-editorial .process-flow-line::before{
    content:""!important;
    flex:1 1 auto!important;
    min-width:120px!important;
    height:1px!important;
    margin-right:18px!important;
    background:rgba(255,255,255,.13)!important;
  }

  body.main-hero-editorial .process-flow-line span{
    display:inline-block!important;
    color:#f2f3f0!important;
  }

  body.main-hero-editorial .process-flow-line span:last-of-type{
    color:#848b87!important;
  }

  body.main-hero-editorial .process-flow-line b{
    color:#f2f3f0!important;
    font:400 .9em/1 "Satoshi",Inter,sans-serif!important;
    letter-spacing:0!important;
  }

  body.main-hero-editorial .process-editorial>.services-editorial-grid{
    display:none!important;
  }
}

@media (min-width:1025px) and (max-width:1450px){
  body.main-hero-editorial .process-flow-line{
    gap:9px!important;
    font-size:clamp(23px,2.35vw,34px)!important;
  }

  body.main-hero-editorial .process-flow-line::before{
    min-width:80px!important;
    margin-right:14px!important;
  }
}

@media (max-width:1024px){
  body.main-hero-editorial .process-flow-line{
    display:none!important;
  }
}

/* AUDIT HELP — halftone cursor reveal */
@media (min-width:1025px){
  body.main-hero-editorial .audit-help-copy.audit-halftone-zone{
    --audit-hx:68%;
    --audit-hy:44%;
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
  }

  body.main-hero-editorial .audit-help-copy.audit-halftone-zone > *:not(.audit-halftone-art){
    position:relative!important;
    z-index:2!important;
  }

  body.main-hero-editorial .audit-halftone-art{
    position:absolute!important;
    z-index:0!important;
    top:-5%!important;
    right:-8%!important;
    bottom:-7%!important;
    width:64%!important;
    pointer-events:none!important;
    opacity:1!important;
    transform:rotate(-1.5deg)!important;
  }

  body.main-hero-editorial .audit-halftone-grid,
  body.main-hero-editorial .audit-halftone-reveal{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    pointer-events:none!important;
    background-size:9px 9px!important;
    background-position:center!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
  }

  body.main-hero-editorial .audit-halftone-grid{
    background-image:radial-gradient(
      circle,
      rgba(224,234,228,.42) 0 1.05px,
      transparent 1.35px
    )!important;
    opacity:.12!important;
    -webkit-mask-image:
      radial-gradient(ellipse 72% 72% at 62% 48%,#000 0 36%,rgba(0,0,0,.74) 58%,transparent 84%)!important;
    mask-image:
      radial-gradient(ellipse 72% 72% at 62% 48%,#000 0 36%,rgba(0,0,0,.74) 58%,transparent 84%)!important;
  }

  body.main-hero-editorial .audit-halftone-reveal{
    background-image:radial-gradient(
      circle,
      rgba(104,185,147,.96) 0 1.05px,
      transparent 1.45px
    )!important;
    opacity:.36!important;
    -webkit-mask-image:
      radial-gradient(
        150px circle at var(--audit-hx) var(--audit-hy),
        #000 0 22%,
        rgba(0,0,0,.92) 38%,
        rgba(0,0,0,.42) 62%,
        transparent 100%
      )!important;
    mask-image:
      radial-gradient(
        150px circle at var(--audit-hx) var(--audit-hy),
        #000 0 22%,
        rgba(0,0,0,.92) 38%,
        rgba(0,0,0,.42) 62%,
        transparent 100%
      )!important;
    transition:opacity .2s ease!important;
  }

  body.main-hero-editorial .audit-halftone-art::before{
    content:""!important;
    position:absolute!important;
    inset:13% 10% 12% 15%!important;
    border-top:1px solid rgba(104,185,147,.09)!important;
    border-bottom:1px solid rgba(104,185,147,.08)!important;
    transform:skewY(-5deg)!important;
    opacity:.9!important;
  }

  body.main-hero-editorial .audit-halftone-art::after{
    content:""!important;
    position:absolute!important;
    left:18%!important;
    right:5%!important;
    top:54%!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(104,185,147,.18),transparent)!important;
    opacity:.65!important;
  }

  body.main-hero-editorial .audit-halftone-zone:hover .audit-halftone-reveal{
    opacity:.52!important;
  }
}

@media (max-width:1024px){
  body.main-hero-editorial .audit-halftone-art{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.main-hero-editorial .audit-halftone-reveal{
    transition:none!important;
  }
}


/* HOMEPAGE PORTRAIT SCALE — 2026-10-26 */
@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme) .portrait-frame>img{
    inset:-9% -9% -9% -9%!important;
    width:118%!important;
    height:118%!important;
    max-width:none!important;
    transform:translateY(22px)!important;
    object-fit:contain!important;
    object-position:center 7%!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    inset:-9%!important;
    transform:translateY(22px)!important;
    background-image:url("/assets/alex-hendler-light-final.png?v=20261026")!important;
    /* Match the base <img> exactly: the box is already 118% via inset.
       A second 118% background scale made the clear hover face appear larger. */
    background-size:contain!important;
    background-position:center 7%!important;
    background-repeat:no-repeat!important;
  }
}

/* HOMEPAGE HERO TITLE TONE — 2026-10-26 */
@media (min-width:1025px){
  body.main-hero-editorial .hero-copy>h1 em,
  body.main-hero-editorial .desktop-home-title em{
    color:var(--mh-text)!important;
    -webkit-text-fill-color:var(--mh-text)!important;
  }
}


/* PORTRAIT HOVER REVEAL + LIVE DOT — 2026-10-26 */
@keyframes portrait-live-dot-pulse{
  0%,100%{
    transform:scale(.88);
    opacity:.35;
    box-shadow:0 0 0 0 rgba(104,185,147,.55);
  }
  50%{
    transform:scale(1.32);
    opacity:1;
    box-shadow:0 0 0 8px rgba(104,185,147,0);
  }
}

@media (min-width:1025px){
  body.main-hero-editorial:not(.light-theme) .portrait-about-link{
    background:none!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-about-link>span{
    display:inline-block!important;
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    border-radius:50%!important;
    background:var(--brand-green)!important;
    box-shadow:none!important;
    animation:none!important;
    transform:none!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-editorial-reveal{
    z-index:4!important;
    pointer-events:none!important;
    opacity:0!important;
    mix-blend-mode:normal!important;
    filter:grayscale(1) contrast(1.06) brightness(1.16)!important;

    -webkit-mask-image:
      radial-gradient(
        circle 155px at var(--px) var(--py),
        #000 0%,
        #000 50%,
        rgba(0,0,0,.90) 62%,
        rgba(0,0,0,.42) 78%,
        transparent 100%
      )!important;
    -webkit-mask-size:100% 100%!important;
    -webkit-mask-repeat:no-repeat!important;
    -webkit-mask-composite:source-over!important;

    mask-image:
      radial-gradient(
        circle 155px at var(--px) var(--py),
        #000 0%,
        #000 50%,
        rgba(0,0,0,.90) 62%,
        rgba(0,0,0,.42) 78%,
        transparent 100%
      )!important;
    mask-size:100% 100%!important;
    mask-repeat:no-repeat!important;
    mask-composite:add!important;

    transition:opacity .12s ease,filter .12s ease!important;
  }

  body.main-hero-editorial:not(.light-theme) .portrait-zone:hover .portrait-editorial-reveal{
    opacity:.96!important;
    filter:grayscale(1) contrast(1.04) brightness(1.20)!important;
  }
}



/* ACTIVE PROCESS STEP PULSE — 2026-10-26 */
@keyframes process-active-step-pulse{
  0%,100%{
    opacity:.62;
    text-shadow:0 0 0 rgba(104,185,147,0);
  }
  50%{
    opacity:1;
    text-shadow:0 0 14px rgba(104,185,147,.16);
  }
}

@media (min-width:1025px){
  body.main-hero-editorial .process-flow-line span:last-of-type{
    position:relative!important;
    color:var(--brand-green)!important;
    opacity:.62;
    animation:process-active-step-pulse 1.8s ease-in-out infinite!important;
  }
}


/* TEXT-ONLY WORK BEGINS PULSE — 2026-10-26 */
@keyframes work-begins-text-pulse{
  0%,100%{
    color:#848b87;
    opacity:.72;
    text-shadow:none;
  }
  50%{
    color:var(--brand-green);
    opacity:1;
    text-shadow:0 0 10px rgba(104,185,147,.10);
  }
}

@media (min-width:1025px){
  body.main-hero-editorial .process-flow-line span:last-of-type{
    color:#848b87!important;
    opacity:.72;
    animation:work-begins-text-pulse 1.9s ease-in-out infinite!important;
  }

  body.main-hero-editorial .process-flow-line span:last-of-type::after{
    content:none!important;
    display:none!important;
  }
}


/* LOGO DOT PULSE — 2026-10-26 */
@keyframes logo-dot-pulse{
  0%,100%{
    opacity:.38;
    text-shadow:0 0 0 rgba(104,185,147,0);
  }
  50%{
    opacity:1;
    text-shadow:0 0 8px rgba(104,185,147,.48);
  }
}

@media (min-width:1025px){
  body.main-hero-editorial .exact-editorial-header .edv2-brand i,
  body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .brand-name i{
    display:inline-block!important;
    transform-origin:center!important;
    animation:logo-dot-pulse 1.6s ease-in-out infinite!important;
  }
}


/* ABOUT ALEX STATIC + LOGO DOT ONLY — 2026-10-26 */
@media (min-width:1025px){
  body.main-hero-editorial .portrait-about-link>span{
    animation:none!important;
    transform:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }

  body.main-hero-editorial .portrait-about-link b{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }

  body.main-hero-editorial .exact-editorial-header .edv2-brand i,
  body.main-hero-editorial>.site-header[data-canonical-site-header="2"] .brand-name i{
    display:inline-block!important;
    animation:logo-dot-pulse 1.35s ease-in-out infinite!important;
    opacity:1;
  }
}


/* FINAL HEADER DOT + ABOUT LINK CLEANUP — 2026-10-26 */
@keyframes header-logo-dot-blink{
  0%,100%{
    opacity:.28;
    transform:scale(.82);
    text-shadow:0 0 0 rgba(104,185,147,0);
  }
  50%{
    opacity:1;
    transform:scale(1.28);
    text-shadow:0 0 8px rgba(104,185,147,.55);
  }
}

@media (min-width:1025px){
  /* Pulse the actual dot in the visible homepage logo. */
  body.main-hero-editorial .brand-name i,
  body.main-hero-editorial .exact-editorial-header .edv2-brand i{
    display:inline-block!important;
    transform-origin:center!important;
    animation:header-logo-dot-blink 1.35s ease-in-out infinite!important;
  }

  /* About Alex: one static dot only. */
  body.main-hero-editorial .portrait-about-link{
    background:none!important;
  }

  body.main-hero-editorial .portrait-about-link>span{
    display:inline-block!important;
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    border-radius:50%!important;
    background:var(--brand-green)!important;
    animation:none!important;
    transform:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }

  /* Keep the arrow as a normal glyph — no green square. */
  body.main-hero-editorial .portrait-about-link b{
    display:inline!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin-left:12px!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    color:var(--brand-green)!important;
    -webkit-text-fill-color:var(--brand-green)!important;
  }
}


/* DESKTOP LOGO DOT — SAME PULSE AS WORKING LIGHT/MOBILE THEME */
@keyframes desktopBrandDotPulse{
  0%,100%{
    opacity:1;
    transform:scale(1);
  }
  50%{
    opacity:.25;
    transform:scale(.72);
  }
}

@media (min-width:1025px){
  body.main-hero-editorial .brand-name i{
    display:inline-block!important;
    animation:desktopBrandDotPulse 1.25s ease-in-out infinite!important;
    transform-origin:center!important;
    text-shadow:none!important;
  }

  body.main-hero-editorial .portrait-about-link>span{
    animation:none!important;
    transform:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }
}


/* RELIABLE DESKTOP BRAND DOT — 2026-10-26 */
@keyframes desktopBrandDotPulseExact{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.25;transform:scale(.72)}
}

@media (min-width:1025px){
  body.main-hero-editorial .brand-name,
  body.main-hero-editorial .exact-editorial-header .edv2-brand>span{
    position:relative!important;
    display:inline-block!important;
    overflow:visible!important;
  }

  /* Hide the old text period so only the animated dot is visible. */
  body.main-hero-editorial .brand-name i,
  body.main-hero-editorial .exact-editorial-header .edv2-brand i{
    display:none!important;
  }

  /* Real animated dot, independent of header implementation. */
  body.main-hero-editorial .brand-name::after,
  body.main-hero-editorial .exact-editorial-header .edv2-brand>span::after{
    content:""!important;
    position:absolute!important;
    right:-8px!important;
    bottom:2px!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:var(--brand-green,#68b993)!important;
    transform-origin:center!important;
    animation:desktopBrandDotPulseExact 1.25s ease-in-out infinite!important;
    pointer-events:none!important;
  }
}


/* FINAL LOGO DOT FIX — animate existing dot only */
@keyframes existingBrandDotPulse{
  0%,100%{
    opacity:1;
    transform:scale(1);
  }
  50%{
    opacity:.25;
    transform:scale(.72);
  }
}

@media (min-width:1025px){
  /* Remove the extra synthetic dot completely. */
  body.main-hero-editorial .brand-name::after,
  body.main-hero-editorial .exact-editorial-header .edv2-brand>span::after{
    content:none!important;
    display:none!important;
  }

  /* Animate only the real existing period after AlexHendler. */
  body.main-hero-editorial .brand-name i,
  body.main-hero-editorial .exact-editorial-header .edv2-brand i{
    display:inline-block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:var(--brand-green,#68b993)!important;
    -webkit-text-fill-color:var(--brand-green,#68b993)!important;
    transform-origin:center!important;
    animation:existingBrandDotPulse 1.25s ease-in-out infinite!important;
    text-shadow:none!important;
  }
}