:root {
  --cm-green:#1f9d4c;
  --cm-ink:#1a1a1a;
  --cm-ink-2:#475569;
  --cm-ink-3:#6b7280;
  --cm-hero-bg:#fafafa;
  --cm-header-h:0px;
}

@media (min-width:1024px){

  /* Skeleton container */
  html.cm-hero--promo .cm-hero-skeleton{
    max-width:1200px; margin:0 auto; padding:52px 32px 58px;
  }
  html.cm-hero--promo .cm-hero-skel-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;
    background:#f6f7f9; border-radius:12px; overflow:hidden;
  }

  @keyframes cm-shimmer {
    0% { background-position:-600px 0; }
    100% { background-position:600px 0; }
  }
  .cm-skel{
    background:#eceff1;
    background-image:linear-gradient(90deg,#eceff1 0,#f5f7f9 50%,#eceff1 100%);
    background-size:600px 100%;
    animation:cm-shimmer 1.1s linear infinite;
    border-radius:8px;
  }
  .cm-skel-title{height:44px;width:80%;margin:32px 32px 12px;}
  .cm-skel-sub1{height:14px;width:60%;margin:0 32px 8px;}
  .cm-skel-sub2{height:14px;width:40%;margin:0 32px 24px;}
  .cm-skel-cta {height:44px;width:260px;margin:0 32px 40px;border-radius:6px;}
  .cm-skel-media{height:280px;margin:32px;border-radius:12px;}

  /* Real hero */
  body.post-template{padding-top:var(--cm-header-h)!important;margin-top:0!important;}
  .js-header.c-header{margin-bottom:0!important;}
  html.cm-hero--promo .c-hero, html.cm-hero--promo article header{position:relative;}
  html.cm-hero--promo .cm-hero{background:var(--cm-hero-bg);padding:52px 0 58px;margin:0;width:100%;}
  html.cm-hero--promo .cm-hero__container{max-width:1200px;margin:0 auto;padding:0 32px;}
  html.cm-hero--promo .cm-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
  html.cm-hero--promo .cm-col--left{display:flex;flex-direction:column;gap:12px;}
  html.cm-hero--promo .cm-hero__left h1{
    color:var(--cm-ink)!important;font-weight:800!important;
    font-size:clamp(34px,4vw,46px)!important;line-height:1.15!important;
    letter-spacing:-.015em!important;margin:0 0 6px!important;max-width:28ch;text-align:left!important;
  }
  html.cm-hero--promo .cm-hero-meta{display:flex;align-items:center;gap:8px;color:var(--cm-ink-3);font-size:14.5px;margin:0 0 4px;}
  html.cm-hero--promo .cm-hero-meta .cm-author{display:inline-flex;align-items:center;gap:8px;color:var(--cm-ink-2);text-decoration:none;}
  html.cm-hero--promo .cm-hero-meta .cm-author:hover{text-decoration:underline;}
  html.cm-hero--promo .cm-hero-meta .cm-author img{width:26px;height:26px;border-radius:50%;object-fit:cover;}

  html.cm-hero--promo .cm-cta-strip{
    display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;
    padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-top:6px;
  }
  html.cm-hero--promo .cm-cta-thumb{width:64px;height:64px;border-radius:6px;object-fit:cover;}
  html.cm-hero--promo .cm-cta-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-green);margin:0 0 2px;}
  html.cm-hero--promo .cm-cta-text{color:var(--cm-ink-2);font-size:16px;line-height:1.45;margin:0;}
  html.cm-hero--promo .cm-cta-btn{
    display:inline-block;background:var(--cm-green);color:#fff;border:none;border-radius:6px;
    padding:11px 18px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;
    transition:transform .15s ease,opacity .15s ease;
  }
  html.cm-hero--promo .cm-cta-btn:hover{transform:translateY(-1px);opacity:.95;}

  html.cm-hero--promo .cm-hero__media img{width:110%;height:auto;max-width:none;transform:translateX(-2%);border-radius:12px;}
  html.cm-hero--promo .cm-hide-original-hero-image{display:none!important;}

  body.tag-hash-tofu.cm-hero--promo .cm-hero,
  body.tag-hash-mofu.cm-hero--promo .cm-hero{padding:calc(52px + var(--cm-header-h)) 0 58px!important;}
  :is(h1,h2,h3,h4,h5,h6,[id]){scroll-margin-top:calc(var(--cm-header-h) + 12px);}
}