/* ============================================================
   CANNA CURE FARMS — Jellybee look
   Warm ivory + charcoal, VIVID ORANGE accent, rounded friendly
   type, glass pill nav, highlighter labels, circle-numbered
   benefits, playful icons, big rounded image cards.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500;1,9..144,600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --cream:#FAF6EC;        /* warm ivory base          */
  --cream-2:#F1E8D4;      /* deeper ivory             */
  --charcoal:#100F0C;     /* deep matte black         */
  --charcoal-2:#1A1712;
  --orange:#C19A3C;       /* PRIMARY accent = GOLD    */
  --orange-2:#A07E29;     /* deep gold (hover)        */
  --gold-bright:#E4C56B;  /* bright gold (stars/glow) */
  --lime:#E7D9A8;         /* highlighter (champagne)  */
  --lime-deep:#8A7327;
  --pink:#EBDCB0;         /* highlighter (gold tint)  */
  --purple:#E2D2A0;       /* highlighter (gold tint)  */
  --green:#5E7355;        /* living-soil sage         */
  --ink:#26231c;          /* body text on cream       */
  --ink-soft:#736d5f;     /* muted                    */
  --cream-soft:#CFC7B4;   /* muted on charcoal        */
  --white:#fff;
  --line:rgba(38,35,28,.10);
  --line-d:rgba(250,246,236,.14);
  --r-sm:14px; --r:20px; --r-lg:30px; --r-xl:40px; --r-pill:999px;
  --sh:0 12px 34px rgba(27,25,22,.10);
  --sh-lg:0 30px 70px rgba(27,25,22,.20);
  --maxw:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:radial-gradient(52% 44% at 86% -10%,rgba(193,154,60,.16),transparent 58%),radial-gradient(46% 42% at -10% 20%,rgba(94,115,85,.11),transparent 58%),radial-gradient(64% 56% at 50% 114%,rgba(193,154,60,.10),transparent 60%),var(--cream);background-attachment:fixed;color:var(--ink);
  line-height:1.55;font-size:17px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--orange);color:#fff}

/* ---------- type ---------- */
h1,h2,h3,h4,.brand{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.06;letter-spacing:-.005em}
.display{font-size:clamp(3.2rem,9vw,7.5rem);font-weight:600;line-height:.96;letter-spacing:-.012em}
h2{font-size:clamp(2.2rem,5vw,4rem);font-weight:600}
h3{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:600;line-height:1.12}
.lead{font-size:clamp(1.05rem,1.55vw,1.25rem);color:var(--ink-soft);max-width:54ch;line-height:1.6}
.center{text-align:center}.center .lead{margin-inline:auto}

/* eyebrow with little 4-dot grid icon (Jellybee) */
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:'Plus Jakarta Sans';font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--orange)}
.eyebrow::before{content:"";width:28px;height:1px;flex:none;background:currentColor;opacity:.8}

/* highlighter marker labels */
.hl{font-style:italic;font-weight:500;color:var(--orange)}
.hl-lime,.hl-orange,.hl-pink,.hl-purple{background:none;color:var(--orange)}
.mark,.mark-orange{font-style:italic;color:var(--orange)}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,52px)}
section{padding:clamp(60px,8.5vw,124px) 0}
.section-charcoal{background:linear-gradient(165deg,#1d1914,#100f0c 62%);color:var(--cream);position:relative}
.section-charcoal .lead{color:var(--cream-soft)}
.section-cream2{background:radial-gradient(72% 90% at 50% -12%,rgba(193,154,60,.08),transparent 60%),var(--cream-2)}
.section-orange{background:var(--orange);color:#fff}
.section-orange .lead{color:rgba(255,255,255,.85)}.section-orange .eyebrow{color:#fff}.section-orange .eyebrow::before{background:
  radial-gradient(circle at 25% 25%,#fff 38%,transparent 40%),radial-gradient(circle at 75% 25%,#fff 38%,transparent 40%),
  radial-gradient(circle at 25% 75%,#fff 38%,transparent 40%),radial-gradient(circle at 75% 75%,#fff 38%,transparent 40%)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.98rem;
  padding:.7rem .8rem .7rem 1.4rem;border-radius:var(--r-pill);border:none;cursor:pointer;
  transition:transform .25s var(--ease),background .25s,color .25s;white-space:nowrap;line-height:1}
.btn:hover{transform:translateY(-2px)}
.btn .ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:1rem;transition:transform .3s var(--ease)}
.btn:hover .ico{transform:rotate(45deg)}
.btn-orange{background:var(--orange);color:var(--charcoal)}.btn-orange .ico{background:rgba(16,15,12,.22)}.btn-orange:hover{background:var(--orange-2);color:#fff}.btn-orange:hover .ico{background:rgba(255,255,255,.22)}
.btn-dark{background:var(--charcoal);color:var(--cream)}.btn-dark .ico{background:var(--orange);color:#fff}
.btn-light{background:var(--cream);color:var(--charcoal)}.btn-light .ico{background:var(--orange);color:#fff}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink);padding-left:1.4rem}
.section-charcoal .btn-ghost{border-color:var(--line-d);color:var(--cream)}.btn-ghost .ico{background:var(--orange);color:#fff}
.btn-white{background:#fff;color:var(--orange)}.btn-white .ico{background:var(--orange);color:#fff}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.84rem;padding:.55rem 1.05rem;
  border-radius:var(--r-pill);background:rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);color:var(--ink);box-shadow:0 6px 18px rgba(27,25,22,.08)}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.section-charcoal .chip{background:var(--charcoal-2);border-color:var(--line-d);color:var(--cream);box-shadow:none}

/* ---------- nav (glass pill, dot-separated) ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin:16px auto;
  max-width:var(--maxw);padding:.5rem .5rem .5rem 1.3rem;width:calc(100% - clamp(24px,6vw,72px));
  background:rgba(250,246,236,.7);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.6);
  border-radius:var(--r-pill);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 34px rgba(27,25,22,.12)}
.nav.scrolled .nav-inner{background:rgba(250,246,236,.96)}
.brand{display:flex;align-items:center;gap:.5rem;font-family:'Fraunces';font-weight:600;font-size:1.4rem;letter-spacing:-.01em;color:var(--charcoal)}
.brand img{height:30px;width:auto}
.nav-links{display:flex;align-items:center;gap:.2rem}
.nav-links a{position:relative;padding:.5rem .85rem;border-radius:var(--r-pill);font-weight:600;font-size:.95rem;color:var(--ink);transition:color .2s}
.nav-links a+a::before{content:"";position:absolute;left:-.15rem;top:50%;width:3px;height:3px;border-radius:50%;background:var(--ink-soft);opacity:.4;transform:translateY(-50%)}
.nav-links a:hover{color:var(--orange)}
.nav-links a.active{color:var(--orange)}
.nav-cta{display:flex;align-items:center;gap:.5rem}
.nav-toggle{display:none;background:var(--charcoal);color:var(--cream);border:none;width:46px;height:46px;border-radius:50%;font-size:1.2rem;cursor:pointer}

/* ---------- hero (FULL-BLEED — image fills behind the nav, Jellybee) ---------- */
.hero-full{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--charcoal)}
.hero-full .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}
.hero-full::after{content:"";position:absolute;inset:0;background:linear-gradient(178deg,rgba(18,15,10,.5) 0%,rgba(18,15,10,.05) 30%,rgba(18,15,10,.92) 100%)}
.hero-top{display:none}
.hero-tagpair{display:flex;gap:1.7rem;flex-wrap:wrap;max-width:620px}
.hero-tagpair .t{color:#fff;font-size:.93rem;opacity:.92;max-width:250px}
.hero-tagpair .t b{display:block;font-family:'Fraunces';font-weight:500;font-size:1.03rem;margin-bottom:.1rem}
.hero-content{position:relative;z-index:2;width:100%;padding-bottom:clamp(40px,6vw,76px);color:#fff}
.hero-full h1{color:#fff;font-size:clamp(3.6rem,11vw,9rem)}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-top:1.8rem}
.hero-proof{display:flex;align-items:center;gap:.85rem}
.stars{color:var(--gold-bright);font-size:1.05rem;letter-spacing:2px}
.hero-proof .meta{font-size:.86rem;color:rgba(255,255,255,.8)}.hero-proof .meta b{color:#fff}
.avatars{display:flex}
.avatars span{width:36px;height:36px;border-radius:50%;border:2px solid #fff;margin-left:-12px;background-size:cover;background-position:center;background-color:var(--green)}
.avatars span:first-child{margin-left:0}

/* ---------- marquee ---------- */
.strip{background:var(--charcoal);color:var(--orange);overflow:hidden;padding:1rem 0;border-top:1px solid rgba(193,154,60,.25);border-bottom:1px solid rgba(193,154,60,.25)}
.strip-track{display:flex;gap:2.6rem;white-space:nowrap;width:max-content;animation:marq 30s linear infinite;font-family:'Fraunces';font-weight:500;font-size:1.1rem}
.strip-track span{display:inline-flex;align-items:center;gap:2.6rem}
.strip-track span::after{content:"✦";color:var(--gold-bright)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- grids ---------- */
.grid{display:grid;gap:clamp(16px,2.2vw,26px)}
.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,5vw,72px);align-items:center}

/* ---------- feature cards (playful icon + highlighter label) ---------- */
.feature{background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.72);border-radius:var(--r-lg);padding:1.8rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 22px 50px rgba(27,25,22,.10);
  transition:transform .3s var(--ease),box-shadow .3s}
.feature:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 34px 70px rgba(27,25,22,.18)}
.section-charcoal .feature{background:rgba(255,255,255,.045);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-color:rgba(193,154,60,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 50px rgba(0,0,0,.34)}
.feature .fic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin-bottom:1.2rem;background:var(--cream-2);border:1px solid rgba(193,154,60,.32);color:var(--orange)}
.feature .fic svg{width:26px;height:26px}
.section-charcoal .feature .fic{background:rgba(193,154,60,.12);border-color:rgba(193,154,60,.30)}
.feature h3{margin-bottom:.4rem}
.feature h3 .hl{font-size:inherit}
.feature p{color:var(--ink-soft);font-size:.95rem}
.section-charcoal .feature p{color:var(--cream-soft)}

/* numbered benefits (circle-outline) */
.benefits{display:flex;flex-direction:column;gap:1.3rem}
.benefit{display:flex;gap:1rem;align-items:flex-start}
.benefit .n{flex:none;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;
  font-family:'Fraunces';font-weight:600;font-size:.95rem;color:var(--ink-soft)}
.benefit:first-child .n{border-color:var(--orange);color:var(--orange)}
.benefit h3{margin-bottom:.15rem}
.benefit p{color:var(--ink-soft);font-size:.95rem}
.section-charcoal .benefit p{color:var(--cream-soft)}.section-charcoal .benefit .n{border-color:var(--line-d)}

/* media + overlay caption cards */
.media{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);position:relative}
.media img{width:100%;height:100%;object-fit:cover}
.media.tall{aspect-ratio:4/5}
.media .cap{position:absolute;left:0;right:0;bottom:0;padding:1.3rem;color:#fff;font-family:'Fraunces';font-weight:500;font-size:1.15rem;
  background:linear-gradient(transparent,rgba(15,12,8,.78))}

/* ---------- strain cards ---------- */
.strain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.strain{background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.72);border-radius:var(--r-lg);padding:1.6rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 22px 50px rgba(27,25,22,.10);
  transition:transform .3s var(--ease),box-shadow .3s;display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden}
.strain:hover{transform:translateY(-7px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 34px 70px rgba(27,25,22,.18)}
.strain .top{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.strain .name{font-family:'Fraunces';font-weight:600;font-size:1.45rem;line-height:1}
.strain .type{font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;padding:.34rem .65rem;border-radius:var(--r-pill);color:#fff;background:var(--type-c,var(--orange));white-space:nowrap}
.strain .thc{font-family:'Fraunces';font-weight:600;font-size:1.6rem;color:var(--ink);display:flex;align-items:baseline;gap:.4rem}
.strain .thc small{font-family:'Plus Jakarta Sans';font-weight:600;font-size:.7rem;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase}
.strain .flavor{color:var(--ink-soft);font-size:.93rem}
.strain .terps{display:flex;flex-wrap:wrap;gap:.4rem}
.strain .terp{font-size:.74rem;font-weight:600;padding:.3rem .65rem;border-radius:var(--r-pill);background:var(--cream-2);color:var(--ink-soft)}
.strain .formats{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--line)}
.strain .fmt{font-size:.76rem;font-weight:700;color:var(--green)}
.strain-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:.3rem;background:rgba(193,154,60,.13);color:var(--orange-2);border:1px solid rgba(193,154,60,.42);font-size:.66rem;font-weight:700;padding:.3rem .65rem;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em}
.t-Sativa{--type-c:#C19A3C}.t-Indica{--type-c:#6E6A60}.t-Hybrid{--type-c:#5E7355}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.6rem}
.filter{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.9rem;padding:.6rem 1.2rem;border-radius:var(--r-pill);border:1.5px solid var(--line);background:transparent;cursor:pointer;transition:all .2s}
.filter:hover{border-color:var(--orange);color:var(--orange)}
.filter.active{background:var(--orange);color:#fff;border-color:var(--orange)}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.stat .n{font-family:'Fraunces';font-weight:700;font-size:clamp(2.4rem,4.4vw,3.6rem);color:var(--orange);line-height:1}
.stat .l{font-size:.9rem;color:var(--ink-soft);margin-top:.35rem}
.section-charcoal .stat .l{color:var(--cream-soft)}.section-orange .stat .n{color:#fff}.section-orange .stat .l{color:rgba(255,255,255,.85)}

/* ---------- CTA band ---------- */
.cta-band{background:var(--charcoal);color:var(--cream);border-radius:var(--r-xl);padding:clamp(34px,6vw,76px);
  display:grid;grid-template-columns:1.2fr auto;gap:2rem;align-items:center;box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;right:-50px;top:-50px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(193,154,60,.55),transparent 68%)}
.cta-band h2{color:#fff;position:relative}.cta-band .lead{color:var(--cream-soft);position:relative}
.cta-actions{display:flex;gap:.7rem;flex-wrap:wrap;position:relative}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}
.field label{font-weight:700;font-size:.86rem}
.field input,.field textarea,.field select{font-family:'Plus Jakarta Sans';font-size:1rem;padding:.85rem 1rem;border-radius:var(--r);border:1.5px solid var(--line);background:var(--white);color:var(--ink);transition:border-color .2s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--orange)}
.field textarea{resize:vertical;min-height:130px}

/* ---------- footer ---------- */
.footer{background:var(--charcoal);color:var(--cream-soft);padding:clamp(56px,8vw,96px) 0 2rem}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--line-d)}
.footer h4{font-family:'Fraunces';color:var(--cream);font-size:.95rem;letter-spacing:.02em;margin-bottom:1rem}
.footer a{display:block;padding:.28rem 0;color:var(--cream-soft);transition:color .2s}
.footer a:hover{color:var(--orange)}
.footer .brand{color:var(--cream);margin-bottom:1rem}
.footer .blurb{font-size:.95rem;max-width:34ch;margin-bottom:1.2rem}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.6rem;font-size:.82rem}
.footer-legal{max-width:60ch;line-height:1.5}
.license-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--charcoal-2);border:1px solid var(--line-d);padding:.45rem .85rem;border-radius:var(--r-pill);font-size:.78rem;color:var(--cream);margin-top:1rem}

/* ---------- age gate ---------- */
.agegate{position:fixed;inset:0;z-index:200;background:rgba(15,12,8,.74);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}
.agegate.hide{display:none}
.agegate-card{background:var(--cream);border-radius:var(--r-lg);max-width:460px;width:100%;padding:clamp(28px,5vw,46px);text-align:center;box-shadow:var(--sh-lg)}
.agegate-card img{height:48px;width:auto;margin:0 auto 1.4rem}
.agegate-card h2{font-size:2rem;margin-bottom:.5rem}
.agegate-card p{color:var(--ink-soft);font-size:.96rem;margin-bottom:1.6rem}
.agegate-actions{display:flex;gap:.7rem;justify-content:center}
.agegate-deny{font-size:.8rem;color:var(--ink-soft);margin-top:1.2rem}

/* reveal */
/* instagram grid */
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}
.ig-tile{aspect-ratio:1;overflow:hidden;border-radius:var(--r-sm);box-shadow:var(--sh);display:block}
.ig-tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}
.ig-tile:hover img{transform:scale(1.07)}
@media(max-width:900px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.ig-grid{grid-template-columns:repeat(2,1fr)}}
/* newsletter band */
.news-band{background:radial-gradient(72% 130% at 100% 0,rgba(193,154,60,.16),transparent 62%),var(--cream-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.15fr auto;gap:2rem;align-items:center;box-shadow:var(--sh)}
.news-form{display:flex;gap:.6rem;flex-wrap:wrap}
.news-form input{font-family:'Plus Jakarta Sans';font-size:1rem;padding:.85rem 1.1rem;border-radius:var(--r-pill);border:1.5px solid var(--line);background:#fff;min-width:230px;color:var(--ink)}
.news-form input:focus{outline:none;border-color:var(--orange)}
@media(max-width:760px){.news-band{grid-template-columns:1fr}}

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

/* sub-page hero */
.page-hero{padding:clamp(120px,15vw,180px) 0 clamp(28px,4vw,52px);text-align:center}
.page-hero .display{font-size:clamp(2.8rem,7vw,5.4rem)}

/* responsive */
@media(max-width:980px){
  .split{grid-template-columns:1fr}.g-4,.stats{grid-template-columns:repeat(2,1fr)}.g-3,.strain-grid{grid-template-columns:repeat(2,1fr)}
  .cta-band{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}
  .nav-links{display:none}.nav-toggle{display:grid;place-items:center}
  .nav.open .nav-links{display:flex;position:absolute;top:88px;left:clamp(12px,3vw,32px);right:clamp(12px,3vw,32px);
    flex-direction:column;align-items:stretch;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-lg);padding:.6rem;box-shadow:var(--sh-lg)}
  .nav.open .nav-links a{padding:.85rem 1rem}.nav.open .nav-links a+a::before{display:none}
  .nav-cta .btn{display:none}.brand{flex-shrink:0}.brand img{flex-shrink:0}
}
@media(max-width:620px){
  .g-2,.g-3,.g-4,.strain-grid,.stats{grid-template-columns:1fr}
  .hero-tagpair{display:none}.hero-foot{flex-direction:column;align-items:flex-start}body{font-size:16px}
}