.hero{color:var(--bone);background:linear-gradient(100deg,#121612e0 0%,#12161299 48%,#1216121f 100%),url(/images/hero-banner.webp) 50% 45%/cover no-repeat;padding-block:0}.hero .kicker,.hero h1,.hero p.lede{text-shadow:0 1px 2px #0a0e0a8c,0 2px 24px #0a0e0a66}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:end;gap:clamp(2rem,5vw,4rem);padding-block:clamp(4rem,9vw,6.5rem);display:grid}.hero p.lede{color:var(--bone);font-size:var(--s1);max-width:34ch;line-height:1.5}.hero-quote{border-left:2px solid var(--amber-lt);backdrop-filter:blur(5px);max-width:34ch;font-family:var(--serif-display);font-size:var(--s1);background:#121a16b8;justify-self:end;margin:0;padding:1.2rem 1.4rem 1.2rem clamp(1.2rem,3vw,2rem);line-height:1.4}.hero-quote p{margin:0}.hero-quote footer{font-family:var(--mono);font-size:var(--s-1);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-lt);margin-top:1rem}.hero h1 .oolala{vertical-align:baseline;filter:brightness(0)invert(.96);width:auto;height:1.06em;display:inline-block}.why .wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.why img{border:1px solid var(--rule);background:#fff;padding:8px}.why .claim{font-family:var(--serif-display);font-size:var(--s1);color:var(--amber);line-height:1.4}.blend{background:var(--spruce);color:var(--bone)}.blend .wrap{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.blend .intro p:not(.kicker){color:var(--mist)}.blend .intro img{border:1px solid #f0ede466;margin-top:1.6rem;padding:8px}.oil-grid{grid-template-columns:1fr 1fr;gap:1.6rem 2rem;display:grid}.oil-grid>div{border-top:1px solid #f0ede447;padding-top:1rem}.oil-grid h3{font-family:var(--mono);font-size:var(--s-1);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-lt);margin:0 0 .4em;font-weight:500}.oil-grid h3 .tag{opacity:.75;letter-spacing:.1em;font-size:.85em}.oil-grid p{font-size:var(--s-1);color:var(--mist);margin:0;line-height:1.65}.oil-grid p em{color:var(--bone);font-style:italic}.oil-grid .footnote{border-top:1px solid #f0ede447;grid-column:1/-1;margin:.4rem 0 0;padding-top:1.2rem}.maker{background:var(--shelf);border-block:1px solid var(--rule);padding-block:clamp(2rem,4vw,3rem)}.maker .wrap{text-align:center;max-width:800px}.maker .kicker{margin-bottom:.6rem}.maker-line{font-family:var(--serif-display);font-size:var(--s1);margin:0;line-height:1.45}.maker .story-link{color:var(--slate);white-space:nowrap}.promise .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.promise .wrap>img{border:1px solid var(--rule);background:#fff;padding:8px}.promise-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.2rem;display:grid}.promise-grid h3{font-size:var(--s0);border-top:2px solid var(--amber);padding-top:.8rem}.promise-grid p{font-size:var(--s-1);margin:0}.ritual{background:var(--spruce);color:var(--bone)}.ritual .wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.ritual-photo{margin:0}.ritual-photo img{border:1px solid #f0ede466;padding:8px}.ritual p{color:var(--mist)}.ritual-blocks>div{border-top:1px solid #f0ede447;margin-top:1.6rem;padding-top:1.2rem}.ritual-blocks h3{font-size:var(--s2);margin-bottom:.4em}.ritual-blocks p{margin:0}.close-cta{background:var(--shelf);border-block:1px solid var(--rule)}.close-cta .wrap{text-align:center;max-width:720px}@media (width<=840px){.hero .wrap,.why .wrap,.blend .wrap,.ritual .wrap,.promise .wrap{grid-template-columns:1fr}.hero{background:linear-gradient(#121612b8 0%,#1216127a 60%,#12161200 92%),url(/images/hero-banner.webp) 55%/cover no-repeat;padding-bottom:clamp(4rem,18vw,6rem)}.hero-quote{justify-self:start}.promise-grid{grid-template-columns:1fr 1fr}.why .wrap,.ritual .wrap,.promise .wrap{gap:0}.why .wrap>div,.ritual .wrap>div,.promise .wrap>div{display:contents}.why .wrap .kicker,.ritual .wrap .kicker,.promise .wrap .kicker{order:-3}.why .wrap h2,.ritual .wrap h2,.promise .wrap h2{order:-2}.why .wrap>img,.ritual .ritual-photo,.promise .wrap>img{order:-1;margin:.4rem 0 1.8rem}.blend .intro{flex-direction:column;display:flex}.blend .intro .kicker{order:-3}.blend .intro h2{order:-2}.blend .intro img{order:-1;margin:.4rem 0 1.8rem}}@media (width<=600px){.oil-grid{grid-template-columns:1fr}}@media (width<=480px){.promise-grid{grid-template-columns:1fr}}