*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--charcoal:#0f0f10;--charcoal-soft:#1a1a1b;--charcoal-mid:#242424;--copper:#b87333;--copper-light:#c9a84c;--copper-dim:#8a6f2e;--amber:#8a5a2b;--ivory:#f2ede3;--ivory-dim:#b8b4ac;--sage:#55624d;--sage-light:#6e7d64}html{scroll-behavior:smooth}body{background-color:var(--charcoal);color:var(--ivory);-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:Montserrat,sans-serif}.copper-rule{background:linear-gradient(90deg, transparent, var(--copper), transparent);opacity:.4;border:none;width:100%;height:1px}.section-label{letter-spacing:.4em;text-transform:uppercase;color:var(--copper);margin-bottom:16px;font-size:10px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-nav{padding:20px 40px}.nav-links{align-items:center;gap:32px;display:flex}.hero-pad{padding:120px 40px 80px}.section-pad{padding:100px 40px}.section-pad-md{padding:80px 40px}.footer-pad{padding:60px 40px}.grid-value-props{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.grid-products{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.grid-kit{grid-template-columns:1fr 1fr;gap:2px;display:grid}.grid-story{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.grid-ingredients{grid-template-columns:repeat(5,1fr);gap:32px;display:grid}.signup-form{grid-template-columns:1fr 1.2fr auto;gap:12px;max-width:640px;margin:0 auto;display:grid}@media (max-width:900px){.grid-products{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.site-nav{padding:14px 20px}.nav-links{gap:16px}.nav-link{display:none}.hero-pad,.section-pad,.section-pad-md,.footer-pad{padding-left:20px;padding-right:20px}.grid-products,.grid-value-props,.grid-kit,.grid-story{grid-template-columns:1fr}.grid-story{gap:48px}.grid-ingredients{grid-template-columns:repeat(2,1fr)}.signup-form{grid-template-columns:1fr}}
