@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
/* Typeface choices from the user's immersive preview, with original illustrations retained. */
:root{--font-display:'Arial Black','Arial Narrow',Impact,system-ui,sans-serif;--font-body:'DM Sans',system-ui,-apple-system,sans-serif;--font-mono:'Space Grotesk',system-ui,sans-serif;--font-hand:'DM Sans',system-ui,sans-serif}
body{font-family:var(--font-body)}h1,h2,h3,h4,.hero h1,.product-hero h1,.home-page .scene-copy h3{font-family:var(--font-display);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;line-height:.98}h3,h4{line-height:1.08;letter-spacing:-.04em}.eyebrow,.mono,.btn,.button,.small-cap{font-family:var(--font-mono);font-weight:700}.eyebrow{letter-spacing:.14em;line-height:1.5}.hand{font-family:var(--font-body);font-weight:700;letter-spacing:-.035em}.home-page .intro-copy h1{font-family:var(--font-display);font-size:clamp(3.7rem,7.6vw,8rem);font-weight:900;line-height:.93;letter-spacing:-.065em;text-transform:uppercase}.home-page .scene-copy h3{font-size:clamp(2.2rem,3.8vw,4rem)}.ingredient-icon h3{font-family:var(--font-body);font-weight:800;text-transform:none;letter-spacing:-.035em}.faq summary,.detail-disclosure summary{font-family:var(--font-body)}