@charset "UTF-8";
:root{--cream:#f7f2e9;--ink:#171918;--orange:#dd4d14;--line:#d7d1c7;--muted:#5b5a54;--paper:#fbf8f1;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}
p,h1,h2,h3,figure{margin:0}
.wrap{width:min(1440px,100%);margin-inline:auto;padding-inline:clamp(24px,5.5vw,88px)}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--ink);color:white;padding:14px;z-index:10}
.skip-link:focus{top:16px}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:30px}
.wordmark{position:relative;display:inline-block;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:43px;font-weight:950;letter-spacing:-3.5px;line-height:1;padding-right:20px;transform:scaleX(1.05);transform-origin:left center}
.logo-arrow{position:absolute;right:1px;top:5px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--orange)}
nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}
nav a{padding-block:8px}
nav a:hover{text-decoration:underline;text-underline-offset:5px}
.nav-contact{display:flex;align-items:center;gap:28px}
.hero{display:grid;grid-template-columns:0.85fr 1.35fr;align-items:center;padding-top:62px;position:relative;overflow:hidden}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.8px;font-weight:700}
.hero-copy{position:relative;z-index:1;padding-bottom:32px}
h1{font-size:clamp(68px,7.4vw,114px);font-weight:800;line-height:.92;letter-spacing:-6px;margin-top:26px}
h1 span{color:var(--orange)}
.hero-description{font-size:19px;line-height:1.5;margin-top:28px;letter-spacing:-.2px}
.button{display:inline-flex;align-items:center;gap:48px;margin-top:30px;padding:17px 21px;background:var(--ink);color:var(--cream);font-size:13px;font-weight:700;border:1px solid var(--ink);transition:background .18s,color .18s}
.button:hover{background:var(--orange);border-color:var(--orange)}
.button span{font-size:20px;line-height:1}
.hero-product{margin:0 -72px 0 -30px;align-self:center}
.hero-product img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.hero-product figcaption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:.6px;color:var(--muted);margin-top:-18px;padding-bottom:18px}
.status-dot{height:6px;width:6px;background:var(--orange);border-radius:50%;display:inline-block}
.caption-divider{padding-inline:7px;color:#939088}
.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding:21px 0 28px;font-size:10px;font-weight:700;letter-spacing:1.5px}
.hero-bottom span:last-child span{font-size:17px;margin-left:20px}
.bar-section{background:var(--orange);color:var(--cream);padding-block:89px 95px;margin-top:9px}
.bar-grid{display:grid;grid-template-columns:.65fr 1.55fr;gap:30px}
.section-label{padding-top:9px}
h2{font-size:clamp(42px,4.5vw,67px);font-weight:700;line-height:1.03;letter-spacing:-2.8px}
.bar-description{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;max-width:740px;margin-top:35px}
.bar-description p{font-size:16px;line-height:1.65}
.ingredients-section{padding-top:94px;padding-bottom:93px;display:grid;grid-template-columns:.85fr 1.35fr;column-gap:60px;row-gap:32px}
.section-heading h2{margin-top:26px;font-size:clamp(40px,3.8vw,56px)}
.section-intro{font-size:16px;line-height:1.65;margin-top:24px;max-width:325px;color:var(--muted)}
.recipe-ingredients{list-style:none;padding:0;margin:18px 0 0;font-size:16px;line-height:1.65}
.recipe-ingredients li{position:relative;padding-left:18px;margin-bottom:7px}
.recipe-ingredients li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;background:var(--orange)}
.ingredient{border-top:1px solid var(--line);padding:26px 0 28px;display:grid;grid-template-columns:25px 1fr;column-gap:21px}
.ingredient-number{font-size:11px;color:var(--orange);padding-top:5px;font-weight:700}
.ingredient h3{font-size:25px;letter-spacing:-.8px;line-height:1.15;margin-bottom:11px;font-weight:600}
.ingredient p{font-size:14px;line-height:1.65;max-width:475px;color:var(--muted)}
.ingredient-note{grid-column:2;font-size:9px;letter-spacing:1.5px;margin-top:16px;font-weight:700}
.development-note{grid-column:2;border-top:1px solid var(--line);padding-top:19px;font-size:11px;color:var(--muted);line-height:1.65;margin-top:-30px}
.contact-section{background:var(--ink);color:var(--cream);padding-top:83px}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding-bottom:80px}
.contact-grid .eyebrow{color:#a7a8a0;margin-bottom:27px}
.contact-grid h2{font-size:clamp(46px,5.5vw,82px);letter-spacing:-4px}
.orange{color:#f0672e}
.contact-copy{padding-top:38px;max-width:400px}
.contact-copy>p:first-child{font-size:16px;line-height:1.7;color:#d5d5ca}
.contact-link{display:flex;justify-content:space-between;align-items:center;padding-block:22px 17px;border-bottom:1px solid #686960;font-size:22px;letter-spacing:-.5px;font-weight:600;margin-top:7px}
.contact-link:hover{color:#f88a5c}
.contact-link span{font-size:30px;color:#f0672e}
.contact-name{font-size:13px;font-weight:600;margin-top:25px}
.contact-name span{display:inline-block;font-size:12px;font-weight:400;color:#b2b4aa;margin-left:12px}
.email-link{display:inline-block;color:#b2b4aa;font-size:12px;margin-top:9px;word-break:break-word}
.email-link:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer{display:flex;align-items:center;gap:35px;padding-top:27px;padding-bottom:30px;border-top:1px solid #373932}
.footer-wordmark{font-size:34px;letter-spacing:-2.8px;padding-right:18px}
.footer-wordmark .logo-arrow{top:3px;border-top-width:8px;border-bottom-width:8px;border-left-width:12px}
.site-footer>span{font-size:13px;letter-spacing:-.2px}
.site-footer small{margin-left:auto;font-size:10px;color:#a7a8a0}
@media(min-width:1600px){.hero{padding-top:80px}.hero-bottom{margin-top:70px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1.15fr;padding-top:40px}h1{font-size:80px;letter-spacing:-4.5px}.hero-product{margin-right:-55px;margin-left:-40px}.hero-description{font-size:17px}.hero-product figcaption{font-size:9px;margin-top:0}.hero-bottom{margin-top:35px}.bar-grid{grid-template-columns:.45fr 1.55fr}.ingredients-section{column-gap:35px}.contact-grid{gap:40px}.contact-grid h2{letter-spacing:-2.5px}}
@media(max-width:760px){.site-header{min-height:89px}.wordmark{font-size:36px;letter-spacing:-3px}.logo-arrow{top:3px;border-top-width:8px;border-bottom-width:8px;border-left-width:13px}nav{gap:22px;font-size:12px}nav>a:nth-child(2){display:none}.nav-contact{gap:10px}.hero{grid-template-columns:1fr;padding-top:37px}.hero-copy{padding-bottom:0}h1{font-size:clamp(70px,14vw,100px);letter-spacing:-4.5px;margin-top:23px}.hero-description{font-size:18px;margin-top:23px}.button{margin-top:25px}.hero-product{margin:3px -24px 0}.hero-product img{max-width:660px;margin:auto}.hero-product figcaption{margin-top:-6px;padding-bottom:0;font-size:9px}.hero-bottom{margin-top:35px;padding-block:20px;font-size:8px;letter-spacing:1px}.hero-bottom span:last-child span{margin-left:6px}.bar-section{padding-block:53px 58px;margin-top:8px}.bar-grid{grid-template-columns:1fr;gap:26px}.section-label{padding-top:0}h2{font-size:46px;letter-spacing:-2px}.bar-description{grid-template-columns:1fr;gap:17px;margin-top:24px}.bar-description p{font-size:15px;max-width:530px}.ingredients-section{padding-top:56px;padding-bottom:57px;grid-template-columns:1fr;gap:34px}.section-heading h2{font-size:45px;margin-top:22px}.section-intro{max-width:480px;font-size:15px;margin-top:19px}.ingredient{padding-block:23px}.ingredient h3{font-size:25px}.development-note{grid-column:1;margin-top:-34px}.contact-section{padding-top:54px}.contact-grid{grid-template-columns:1fr;gap:24px;padding-bottom:54px}.contact-grid h2{font-size:60px;letter-spacing:-3px}.contact-grid .eyebrow{margin-bottom:23px}.contact-copy{padding-top:0;max-width:540px}.contact-copy>p:first-child{font-size:15px}.site-footer{gap:22px;flex-wrap:wrap;padding-block:24px}.site-footer>span{font-size:12px}.site-footer small{font-size:9px}}
@media(max-width:380px){nav{gap:15px}.site-footer{gap:18px}.site-footer small{width:100%;margin-left:0}.hero-product figcaption{letter-spacing:0}.contact-grid h2{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}