@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@500;600;700;800&display=swap');
:root{--cream:#f0d99e;--paper:#f6eccf;--green:#004d32;--green2:#497848;--red:#922615;--orange:#ee6b24;--ink:#11261c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:18px}a{color:inherit}.nav{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);position:sticky;top:0;background:rgba(246,236,207,.94);backdrop-filter:blur(9px);z-index:20}.wordmark{font:1.25rem/1 'Archivo Black',sans-serif;text-decoration:none;letter-spacing:-1px}.wordmark span{color:var(--red)}nav{display:flex;gap:2rem;align-items:center}nav a{text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.95rem}.nav-cta{background:var(--red);color:var(--cream);padding:.85rem 1.15rem}.hero{min-height:calc(100vh - 88px);padding:6vw 5vw 5vw;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin:0 0 1rem;color:var(--red)}h1,h2,h3,blockquote{font-family:'Archivo Black',sans-serif;margin:0;letter-spacing:-.055em}h1{font-size:clamp(4rem,8.4vw,9rem);line-height:.82}em{font-style:normal;color:var(--orange);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.intro{font-size:1.35rem;line-height:1.35;max-width:32rem;margin:2rem 0}.button{display:inline-flex;gap:2rem;align-items:center;background:var(--green);color:var(--cream);padding:1rem 1.25rem;text-transform:uppercase;text-decoration:none;font-weight:800;letter-spacing:.05em;box-shadow:5px 5px 0 var(--ink);transition:.2s}.button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.brand-shot{margin:0;border:3px solid var(--ink);background:var(--red);box-shadow:14px 14px 0 var(--orange);transform:rotate(2deg);overflow:hidden}.brand-shot img{display:block;width:200%;max-width:none;transform:translateX(-50%)}.brand-shot figcaption{display:flex;justify-content:space-between;padding:.75rem 1rem;color:var(--cream);font-weight:800;text-transform:uppercase;border-top:2px solid var(--ink)}.heat-stamp{position:absolute;right:3vw;bottom:3vw;background:var(--orange);width:105px;height:105px;border:3px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font:2rem/1 'Archivo Black';transform:rotate(-9deg);box-shadow:5px 5px 0 var(--ink)}.heat-stamp small{font:700 .75rem 'Barlow Condensed';letter-spacing:.15em}.ticker{overflow:hidden;background:var(--green);color:var(--cream);border-block:2px solid var(--ink);padding:.85rem 0;white-space:nowrap;font:1.4rem 'Archivo Black'}.ticker div{width:max-content;animation:roll 22s linear infinite}@keyframes roll{to{transform:translateX(-50%)}}.sauces{padding:8vw 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.section-heading h2,.final h2{font-size:clamp(3rem,6vw,7rem);line-height:.9}.sauce-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ink);border:2px solid var(--ink)}.sauce{min-height:580px;padding:3.5vw;color:var(--cream);position:relative}.sauce.green{background:var(--green)}.sauce.roja{background:var(--red)}.number{font-weight:800;font-size:1.2rem}.sauce h3{font-size:clamp(4rem,8vw,8rem);margin:3rem 0 1rem}.sauce p{font-size:1.35rem;max-width:30rem}.sauce ul{list-style:none;padding:0;margin:2rem 0}.sauce li{border-top:1px solid currentColor;padding:.7rem 0;text-transform:uppercase;font-weight:700}.pepper-row{font-size:2rem;position:absolute;bottom:3.5vw}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream);border-block:2px solid var(--ink)}.story-image{min-height:650px;overflow:hidden;border-right:2px solid var(--ink)}.story-image img{height:100%;width:auto;max-width:none;transform:translateX(-1%)}.story-copy{padding:7vw 5vw}.story-copy .eyebrow{color:var(--cream)}blockquote{font-size:clamp(3rem,5vw,6rem);line-height:.9;color:var(--orange)}.story-copy>p:not(.eyebrow){font-size:1.35rem;line-height:1.4;max-width:34rem}.facts{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem;font-weight:800;letter-spacing:.08em}.facts b{color:var(--orange)}.final{text-align:center;padding:10vw 5vw;background:var(--orange)}.final .eyebrow{color:var(--ink)}.final h2 em{color:var(--cream)}.final>p:not(.eyebrow){font-size:1.35rem}.button.dark{background:var(--ink)}footer{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 5vw;align-items:center}footer .wordmark span{color:var(--orange)}footer a{text-align:right}
@media(max-width:760px){.nav{height:72px}.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:4rem}.brand-shot{margin-top:2rem}.heat-stamp{width:78px;height:78px;font-size:1.45rem}.section-heading{display:block}.sauce-grid,.story{grid-template-columns:1fr}.sauce{min-height:500px;padding:2rem}.story-image{min-height:430px;border-right:0;border-bottom:2px solid var(--ink)}.story-image img{height:100%;transform:translateX(-3%)}.story-copy{padding:4rem 7vw}.pepper-row{bottom:2rem}footer{grid-template-columns:1fr;text-align:left}footer a{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button{transition:none}}
.story{display:block}.story-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:clamp(2rem,7vw,8rem);align-items:end;padding:7vw 7vw 5vw}.story-title,.story-text{min-width:0}.story-copy blockquote{font-size:clamp(2.8rem,5.7vw,6.5rem);line-height:.91;overflow-wrap:normal}.story-copy .story-text>p{font-size:1.4rem;line-height:1.45;max-width:32rem;margin:0}.story-copy .facts{margin-top:2.25rem}.story-image{min-height:0;border-right:0;border-top:2px solid var(--ink);background:var(--paper);overflow:hidden}.story-image img{display:block;width:100%;height:auto;transform:none}
@media(max-width:760px){.story-copy{display:block;padding:4rem 7vw}.story-copy blockquote{font-size:clamp(2.65rem,12vw,4.5rem);margin-bottom:2rem}.story-copy .story-text>p{font-size:1.25rem}.story-image{min-height:0}.story-image img{width:100%;height:auto;transform:none}.facts{gap:.7rem}}
.logo-duo{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);gap:2px}.logo-duo img{display:block;width:100%;max-width:100%;transform:none}.logo-duo figcaption{grid-column:1/-1}.sauce{overflow:hidden}.sauce-logo{position:absolute;right:-6%;top:-5%;width:45%;border-radius:50%;opacity:.22;mix-blend-mode:screen}.label-card{padding:clamp(3rem,7vw,7rem) max(7vw,calc((100vw - 1180px)/2));text-align:center;background:var(--red);color:var(--cream);border-top:2px solid var(--ink)}.label-brand{font:clamp(3.4rem,8vw,8rem)/.82 'Archivo Black',sans-serif;letter-spacing:-.06em;margin:0}.label-born{font:clamp(1.4rem,3vw,2.6rem)/1 'Archivo Black',sans-serif;letter-spacing:.06em;margin:1.5rem 0 3rem}.label-says{font:700 clamp(1.8rem,3vw,2.7rem)/1 'Barlow Condensed',sans-serif;margin:0 0 1.5rem}.label-quote{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:600;line-height:1.28;max-width:48rem;margin:1rem auto}.label-rule{font:700 clamp(1rem,2vw,1.45rem)/1.3 'Barlow Condensed',sans-serif;margin:3rem 0 1.5rem}.label-rule b{color:var(--orange)}.label-ingredients{font-size:clamp(1rem,1.8vw,1.3rem);margin:0}.label-ingredients strong{text-transform:uppercase}
@media(max-width:760px){.logo-duo{grid-template-columns:1fr}.logo-duo img:last-of-type{display:none}.logo-duo figcaption{grid-column:auto}.sauce-logo{width:58%;right:-12%;top:-3%}.label-card{padding:4rem 7vw}.label-brand{font-size:clamp(3.2rem,17vw,5rem)}.label-rule{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}}