/* ============================================================
   CanniGrow 2019 — the Divi-era surface, remastered.
   Overlay for site.css. Scoped entirely to body.era.

   Pared back on Uriel's call: rounded edges, pills, the neutral hero
   scrim, the refresh's hero text colours, the marquee gallery and the
   dark "Grow bigger" band all come from site.css now. What stays era is
   the composition — everything centred, Passion One on every heading,
   a still hero, a solid header, and flat surfaces that don't lift.
   ============================================================ */
body.era{
  --sh:none; --sh-lg:none;              /* Divi did not do soft shadows */
  --cg:#0cb76d;                         /* the brand green, at full strength */
}

/* ---- centred type ---------------------------------------------------- */
body.era .hero-in,body.era .shead,body.era .lede-2,body.era .lede-xl,
body.era .pillar,body.era .svc,body.era .craft,body.era .band-in,
body.era .nf,body.era .post-head{text-align:center}
body.era .hero h1,body.era .hero .lede,body.era .shead,
body.era .lede-2,body.era .lede-xl,body.era .post .dek{margin-inline:auto}
body.era .kicker,body.era .eyebrow{justify-content:center}
body.era .eyebrow::after{display:none}
body.era .eyebrow::before{content:"";height:1px;width:2.2rem;background:currentColor;opacity:.5}
body.era .sec-head{flex-direction:column;align-items:center;text-align:center;gap:.4rem}
body.era .sec-head .more.lg{margin-bottom:1.2rem}
body.era .svc-head{justify-content:center;gap:.7rem}
body.era .intro-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
body.era .split{text-align:center}
body.era .partners-sec .sec-head{align-items:center}
body.era .partners-sec .lede-2{max-width:52ch}
body.era .contact-grid,body.era .prose,body.era .legal{text-align:left}
body.era .foot .eyebrow{justify-content:flex-start}   /* footer stays left-set */

/* ---- Passion One on every heading, the way Divi had it ---------------- */
body.era .shead,body.era .pillar h3,body.era .svc h3,body.era .post-card h3,
body.era .f-body h2,body.era .post h1,body.era .legal h1,body.era .nf h1,
body.era .prose h2,body.era .prose h3,body.era .card-quiet .big{
  font-family:var(--f-disp);font-weight:900;text-transform:uppercase;
  letter-spacing:.012em;line-height:.98}
body.era .shead{font-size:clamp(2.1rem,5vw,3.9rem)}
body.era .shead.sm{font-size:clamp(1.7rem,3.2vw,2.5rem)}
body.era .pillar h3,body.era .svc h3,body.era .post-card h3{
  font-weight:700;font-size:1.35rem;letter-spacing:.03em}
body.era .card-quiet .big{font-size:1.25rem;text-transform:none}

/* ---- the hero holds still. Divi's sliders never drifted. -------------- */
/* The green overlay is gone on Uriel's call; the scrim and the hero text
   colours are site.css's now. Only the motion is era. */
body.era .hero-bg{animation:none}

/* ---- flat surfaces: no lift, no glow --------------------------------- */
body.era .pillar:hover,body.era .svc:hover,body.era .post-card:hover,
body.era .feature:hover,body.era .plogo:hover{transform:none}
body.era .pillar::before{display:none}
body.era .pillar,body.era .svc{border-color:var(--line-2)}
body.era .tier:hover img{transform:none}
body.era .t-body{text-align:center}
body.era .t-body p{margin-inline:auto}
body.era .mq-track figcaption{text-align:center;letter-spacing:.18em}

/* ---- letterspaced buttons and a solid header ------------------------- */
body.era .btn,body.era .cta{letter-spacing:.15em}
body.era .nav.stuck,body.era.plain .nav{background:var(--paper);
  -webkit-backdrop-filter:none;backdrop-filter:none}
body.era .nav nav a{letter-spacing:.14em}

/* ---- footer ---------------------------------------------------------- */
body.era .foot h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
