@font-face{font-family:Heebo;src:url('/fonts/heebo-400.ttf')}@font-face{font-family:Heebo;src:url('/fonts/heebo-600.ttf');font-weight:600}@font-face{font-family:Frank;src:url('/fonts/frank-ruhl-400.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e9;color:#171713;font-family:Heebo,Arial,sans-serif}.skip{position:fixed;top:8px;right:8px;z-index:10;background:#fff;color:#111;padding:10px;transform:translateY(-150%)}.skip:focus{transform:none}.header{height:92px;padding:0 clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d1c9bb;background:#f3f0e9}.logo{color:#171713;text-decoration:none;font:38px Frank,serif}.logo i,h1 em,h2 em{font-family:Frank,serif;font-weight:400}.header nav{display:flex;gap:28px}.header nav a{color:inherit;text-decoration:none;font-size:14px}.preview-label{justify-self:end;border:1px solid #b58a1f;padding:7px 10px;color:#745a1e;font-size:12px}.hero{min-height:730px;display:grid;grid-template-columns:1.02fr .98fr}.hero-copy{padding:clamp(70px,8vw,125px) clamp(30px,8vw,125px);align-self:center}.back{color:#5d584f;text-decoration:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:#856c32}.hero h1{font-size:clamp(64px,7vw,108px);line-height:.86;font-weight:300;letter-spacing:-.055em;margin:34px 0}.hero h1 em{color:#a47b1c}.lead{max-width:630px;font-size:20px;line-height:1.8;color:#47433d}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-block:1px solid #ccc2b1}.quick-facts div{padding:20px 0 20px 15px}.quick-facts div+div{border-right:1px solid #ccc2b1;padding-right:20px}.quick-facts span,.quick-facts strong{display:block}.quick-facts span{font-size:12px;color:#746e64;margin-bottom:7px}.quick-facts strong{font-size:14px}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#efcf63,#e8a91e 72%,#a96307);min-height:700px}.hero-visual:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 22%,#fff8,transparent 38%);pointer-events:none}.hero-visual img{position:relative;z-index:1;width:min(70%,500px);height:560px;object-fit:contain;mix-blend-mode:multiply;filter:none}.hero-visual p{position:absolute;z-index:2;bottom:42px;right:50px;margin:0;color:#fff;font:36px Frank,serif}.hero-number{position:absolute;top:35px;right:42px;z-index:2;font:16px Frank,serif}.section-pad{padding:clamp(72px,9vw,130px) clamp(25px,7vw,105px)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.section-pad h2{font-size:clamp(48px,6vw,84px);line-height:.98;font-weight:300;letter-spacing:-.045em;margin:25px 0}.section-pad h2 em{color:#9d771f}.body-copy{font-size:18px;line-height:1.9;padding-top:25px;color:#49453e}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-block:1px solid #cfc6b7}.benefit-strip article{display:flex;gap:20px;align-items:center;padding:28px 22px}.benefit-strip article+article{border-right:1px solid #cfc6b7}.benefit-strip b,.usage li b{font:18px Frank,serif;color:#9d771f}.ingredients{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;background:#171713;color:#fff}.ingredients .eyebrow{color:#d7b35d}.ingredient-list article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid #ffffff38}.ingredient-list span{font:18px Frank,serif;color:#d7b35d}.ingredient-list h3{font-size:25px;margin:0 0 8px}.ingredient-list p{margin:0;color:#ffffffbf;line-height:1.7}.usage{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:#e6c555}.usage-title>p:last-child{max-width:420px;line-height:1.7}.usage ol{list-style:none;padding:0;margin:0}.usage li{display:grid;grid-template-columns:55px 1fr;border-top:1px solid #7d672f;padding:25px 0;font-size:18px}.fit{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0}.fit article{border:1px solid #cec5b6;padding:32px}.fit span,.fit strong{display:block}.fit span{font-size:12px;color:#776f64;margin-bottom:10px}.fit strong{font-size:18px;line-height:1.6}.note{max-width:1100px;margin:0 auto 100px;padding:24px 28px;border-right:4px solid #a47b1c;background:#e9e2d6}.note p{margin:6px 0 0;line-height:1.7;color:#585249}.cta{text-align:center;background:#ece8df}.cta h2{margin-inline:auto}.cta a{display:inline-flex;gap:70px;justify-content:space-between;background:#171713;color:#fff;text-decoration:none;padding:18px 24px;min-width:280px;font-weight:600}@media(max-width:760px){.header{height:auto;min-height:112px;grid-template-columns:1fr;justify-items:center;padding:13px 15px;gap:9px}.logo{font-size:30px}.header nav{width:100%;gap:4px;justify-content:space-around;order:3}.header nav a{font-size:11px}.preview-label{position:absolute;top:12px;left:12px;font-size:9px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 23px}.hero h1{font-size:59px}.lead{font-size:17px}.quick-facts{grid-template-columns:1fr}.quick-facts div+div{border-right:0;border-top:1px solid #ccc2b1;padding-right:0}.hero-visual{min-height:500px;grid-row:1}.hero-visual img{height:390px}.hero-visual p{right:24px;bottom:25px;font-size:28px}.intro-grid,.ingredients,.usage{grid-template-columns:1fr;gap:30px}.section-pad{padding:68px 22px}.section-pad h2{font-size:48px}.benefit-strip,.fit{grid-template-columns:1fr}.benefit-strip article+article{border-right:0;border-top:1px solid #cfc6b7}.fit{padding-top:0}.note{margin:0 20px 65px}.cta a{width:100%;min-width:0}}
