.chero{ background:var(--ocean-900); color:#fff; padding:40px 0 34px; }
.chero__kick{ font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); margin-bottom:10px; }
.chero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.8rem,4.8vw,2.9rem); line-height:.95; }
.chero h1 .hl{ color:var(--lime); }
.chero p{ margin-top:12px; font-size:14px; line-height:1.65; color:rgba(255,255,255,.75); max-width:64ch; }
.psec{ padding-block:28px 50px; background:var(--bone); }
.ggrid{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:700px){ .ggrid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1060px){ .ggrid{ grid-template-columns:repeat(4,1fr); } }
.mononote{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:14px; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u10cab43{ font-family:var(--f-mono) !important; font-size:8px !important; letter-spacing:.07em !important; text-transform:uppercase !important; background:#CE202F !important; color:#fff !important; padding:3px 9px !important; border-radius:999px !important; }
.u24babeb{ font-family:var(--f-head) !important; font-weight:800 !important; text-transform:uppercase !important; font-size:15.5px !important; line-height:1.1 !important; color:var(--ink) !important; }
.u44d4011{ font-size:12px !important; line-height:1.6 !important; color:var(--carbon) !important; flex:1 !important; }
.u560cec4{ font-family:var(--f-mono) !important; font-size:8.5px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#CE202F !important; }
.u6e7b0af{ background:var(--paper) !important; border:1px solid var(--line) !important; border-radius:var(--r) !important; padding:17px 16px !important; text-decoration:none !important; display:flex !important; flex-direction:column !important; gap:8px !important; }
.uc1f087e{ font-family:var(--f-mono) !important; font-size:9px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#CE202F !important; }
.uebaa22c{ font-family:var(--f-mono) !important; font-size:8px !important; letter-spacing:.07em !important; text-transform:uppercase !important; background:var(--bone-2) !important; color:var(--ink) !important; padding:3px 9px !important; border-radius:999px !important; }

/* guide covers — cards get real builds, not text walls */
.ggrid a img.gthumb{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; margin-bottom:11px; display:block; }