@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#284e36;--sage:#708b61;--cream:#f6f3e8;--ink:#203a29;--line:#d9decf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.06em;line-height:1.05}h1{font-size:clamp(55px,6.5vw,98px);margin-bottom:27px}h2{font-size:clamp(36px,4.3vw,62px);margin-bottom:25px}em{font-family:Georgia,serif;font-weight:400}h3{font-size:24px;letter-spacing:-.035em;margin-bottom:12px}.preview{background:var(--green);color:var(--cream);text-align:center;font-size:10px;letter-spacing:.18em;padding:8px}header{height:109px;padding:12px 5%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.brand{width:85px;flex-shrink:0}.brand img{height:85px;object-fit:contain}nav{display:flex;gap:28px;margin:auto;font-size:14px}nav a:hover,.text-link:hover{color:#789467}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--green);color:white;border-radius:5px;padding:18px 23px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#456b45}.button.small{padding:14px 18px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:77px 7% 46px 10%}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;margin-bottom:24px}.hero-copy>p{font-size:17px;max-width:390px;color:#52604e}.actions{display:flex;align-items:flex-start;gap:22px;flex-direction:column;margin-top:30px}.text-link{font-size:14px;border-bottom:1px solid;padding-bottom:5px}.hero-note{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.hero-note span{font-size:9px;letter-spacing:.13em}.hero-note p{margin:7px 0 0}.hero-art{position:relative;overflow:hidden;background:#d9dfc4}.hero-photo{height:100%;position:absolute;animation:drift 14s ease-in-out infinite alternate}.round-note{position:absolute;right:25px;top:25px;background:#e9ebbc;border-radius:50%;width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:8px;letter-spacing:.1em;transform:rotate(9deg)}.round-note b{font-size:17px;letter-spacing:-.03em;line-height:1.2;margin:9px}.round-note span{font-size:20px}.photo-caption{position:absolute;bottom:25px;left:28px;right:28px;background:#f6f3e8ed;padding:17px 22px;display:flex;flex-direction:column;gap:7px}.photo-caption span{font-size:9px;letter-spacing:.13em}.photo-caption b{font-size:16px;font-weight:500}.ticker{overflow:hidden;background:#dce5bc;padding:22px 0}.ticker>div{width:max-content;animation:marquee 32s linear infinite;font-size:14px;font-weight:600;letter-spacing:.1em}.ticker i{font-size:22px;padding:0 45px;font-style:normal}.section{padding:90px 5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-top p{max-width:330px;font-size:15px;color:#606954}.section-top h2{margin-bottom:0}.tabs{display:flex;gap:10px;margin:35px 0}.tabs button{background:transparent;border:1px solid #bcc7b2;border-radius:30px;padding:10px 18px;color:var(--green);font-size:13px}.tabs button.active{background:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product-grid article[hidden]{display:none}.card-image{position:relative;height:320px;overflow:hidden;border-radius:8px;margin-bottom:23px}.card-image img{height:100%;transition:transform .7s}.card-image:hover img{transform:scale(1.055)}.card-image span{position:absolute;left:12px;top:12px;background:var(--cream);padding:8px 10px;border-radius:3px;font-size:8px;letter-spacing:.07em}.product-grid p{font-size:14px;color:#5c6757}.product-grid article>a{font-size:13px;border-bottom:1px solid #849879;padding-bottom:5px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.story-picture{min-height:610px;overflow:hidden}.story-picture img{height:100%;max-height:710px;transition:transform 1s}.story-picture:hover img{transform:scale(1.03)}.story-copy{padding:80px 12%}.story-copy p{color:#dce3d3;font-size:15px}.light{background:var(--cream);color:var(--green);margin-top:20px}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.moment-grid img{height:340px;border-radius:8px;transition:transform .4s}.moment-grid a{overflow:hidden}.moment-grid a:hover img{transform:scale(1.02)}.moment-grid span{display:block;margin-top:18px;font-size:14px}.partner{margin:0 5% 80px;padding:60px;background:#dfe6c9;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:10px}.partner p{margin:0}.partner-actions{display:flex;flex-direction:column;align-items:center;gap:25px}footer{background:var(--green);color:var(--cream);padding:55px 5% 25px}footer strong{font-size:26px;letter-spacing:-.06em}footer strong span{font-size:11px;letter-spacing:.1em}footer p{font-size:13px;margin-top:12px}footer div{display:flex;gap:30px;margin:30px 0}footer a{font-size:13px}footer small{display:block;border-top:1px solid #ffffff30;padding-top:25px;font-size:10px;color:#ced8c6}.reveal{animation:rise .75s both}@keyframes rise{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:scale(1.015)}to{transform:scale(1.09) translateY(-5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:16px}.hero-copy{padding:55px 7%}.hero{min-height:610px}.product-grid{grid-template-columns:repeat(2,1fr)}.card-image{height:400px}.story-copy{padding:60px 9%}.story-picture{min-height:500px}}@media(max-width:700px){header{height:90px;padding:10px 6%;gap:15px}.brand,.brand img{width:66px;height:66px}header>.button{margin-left:auto;padding:12px;font-size:11px}.menu{display:block;border:0;background:none;font-size:25px;color:var(--green)}nav{display:none;position:absolute;top:118px;left:0;right:0;z-index:10;background:var(--cream);padding:25px;box-shadow:0 12px 20px #0002}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 35px}h1{font-size:61px}.hero-copy>p{font-size:16px}.hero-note{display:none}.hero-art{height:500px}.actions{gap:20px}.round-note{width:125px;height:125px}.section{padding:60px 6%}.section-top{display:block}.section-top p{margin-top:22px}.section-top>.text-link{display:inline-block;margin-top:24px}.product-grid{gap:30px 15px}.card-image{height:250px}.card-image span{font-size:7px;left:8px;top:8px;padding:6px}h3{font-size:21px}.product-grid p{font-size:13px}.tabs{gap:6px}.tabs button{padding:10px 13px;font-size:12px}.story{grid-template-columns:1fr}.story-picture{height:420px;min-height:0}.story-copy{padding:50px 7%}.moment-grid{grid-template-columns:1fr 1fr}.moment-grid>a:last-child{display:none}.moment-grid img{height:260px}.partner{padding:35px 25px;display:block;margin:0 6% 55px}.partner-actions{align-items:flex-start;margin-top:30px}.partner h2{font-size:36px}footer div{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-copy{background:linear-gradient(#f6f3e8ef,#f6f3e8ef),url('assets/checkered.png') center/540px auto}
.mascot-moment{margin:70px 5% 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(#f6f3e8b8,#f6f3e8b8),url('assets/checkered.png') center/540px auto;min-height:350px}
.mascot-copy{padding:45px 12%}.mascot-copy h2{font-size:clamp(38px,4.2vw,60px)}.mascot-copy p{font-size:15px}.mascot-art{height:350px;position:relative;mix-blend-mode:multiply}.mascot-art img{position:absolute;width:380px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-54%);object-fit:contain}
.partner{background:linear-gradient(#e7ecd7cc,#e7ecd7cc),url('assets/checkered.png') center/540px auto}
@media(max-width:700px){.mascot-moment{margin:45px 6% 0;grid-template-columns:1fr}.mascot-copy{padding:35px 28px 0}.mascot-copy h2{font-size:40px;margin-bottom:15px}.mascot-art{height:280px}.mascot-art img{width:310px;transform:translate(-50%,-54%)}}
/* Full-width checkered brand header, matching the supplied reference. */
header{background:linear-gradient(#f6f3e866,#f6f3e866),url('assets/header-checkered.png') center/auto 150px repeat-x}
header nav a{font-weight:600;text-shadow:0 1px 5px #f6f3e8}
header .brand,header>.button,header .menu{position:relative}
@media(max-width:700px){header{background-size:auto 120px}header nav{background:var(--cream)}}
/* Keep the complete badge copy inside its circular boundary. */
.round-note{padding:18px 12px;gap:7px;line-height:1.15;letter-spacing:.06em;flex-shrink:0}
.round-note b{margin:0;font-size:16px;line-height:1.15;letter-spacing:-.02em}
.round-note span{font-size:18px;line-height:1}
@media(max-width:700px){.round-note{padding:15px 10px;gap:5px;font-size:7px}.round-note b{font-size:14px}.round-note span{font-size:16px}}
@media(min-width:1001px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Consistent product photography frames across every screen size. */
.product-grid .card-image{height:auto;aspect-ratio:1/1;border-radius:10px;background:#e7e6df;isolation:isolate}
.product-grid .card-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.product-grid .card-image.sage img{transform:scale(1.18)}
.product-grid .card-image.sage:hover img{transform:scale(1.23)}
.product-grid .card-image span{z-index:1;top:12px;left:12px;max-width:calc(100% - 24px)}
.product-grid article{min-width:0}
.moment-grid img{height:auto;aspect-ratio:3/4;object-fit:contain;background:#ececde}
@media(max-width:700px){.moment-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.moment-grid>a,.moment-grid>a:last-child{display:block;flex:0 0 82%;scroll-snap-align:start}.moment-grid img{height:auto}}
.moment-grid img{transition:opacity .35s ease,transform .4s ease}
.moment-grid.photos-changing img{opacity:0}
.photo-pause{margin-top:20px;padding:8px 0;border:0;border-bottom:1px solid #849879;background:transparent;color:var(--green);font-size:12px}
.mascot-art{mix-blend-mode:normal;height:410px}
.mascot-art img{mix-blend-mode:multiply;top:calc(50% + 25px)}
.mascot-tag{position:absolute;z-index:2;top:24px;left:50%;transform:translateX(-42%);display:flex;align-items:center;gap:9px;white-space:nowrap;background:var(--green);color:var(--cream);padding:12px 15px;border-radius:8px;font-size:12px;box-shadow:0 5px 15px #284e3618}
.mascot-tag:after{content:'';position:absolute;bottom:-7px;left:50%;width:14px;height:14px;background:var(--green);transform:rotate(45deg)}
.mascot-tag:hover{background:#456b45}.mascot-tag:hover:after{background:#456b45}
@media(max-width:700px){.mascot-art{height:340px}.mascot-tag{top:18px;left:50%;transform:translateX(-50%);font-size:11px;padding:10px 12px}.mascot-art img{top:calc(50% + 25px)}}
.recipe-hero{padding:75px 7%;background:linear-gradient(90deg,#f6f3e8ed,#f6f3e8a8),url('assets/checkered.png') center/540px;position:relative}.recipe-hero h1{font-size:clamp(60px,7vw,96px)}.recipe-hero>p{font-size:21px;max-width:680px}.recipe-hero .recipe-intro{font-size:16px;max-width:540px;color:#52604e;margin-bottom:30px}.recipe-section{padding-top:65px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.recipe-grid article[hidden]{display:none}.recipe-card{display:flex;flex-direction:column;height:100%}.recipe-image{aspect-ratio:1;overflow:hidden;border-radius:10px;background:#e7e6df}.recipe-image img{height:100%;object-fit:cover;transition:transform .55s ease}.recipe-card:hover img{transform:scale(1.035)}.recipe-meta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:20px 0 12px;color:#64755a}.recipe-card h3{font-size:24px;line-height:1.25}.recipe-open{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:13px}.recipe-card:focus-visible{outline:2px solid var(--green);outline-offset:7px}.recipes-page .tabs{flex-wrap:wrap}@media(max-width:700px){.recipe-hero{padding:50px 7%}.recipe-hero>p{font-size:18px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.recipe-card h3{font-size:20px}.recipe-meta{font-size:8px;line-height:1.5}}@media(max-width:400px){.recipe-grid{grid-template-columns:1fr}}
.mascot-moment{background:url('assets/checkered.png') center/540px auto}
.mascot-art{height:480px}
.mascot-art img{top:calc(50% + 50px)}
.mascot-tag{top:22px;left:50%;transform:translateX(-42%) rotate(-3deg);padding:12px;gap:13px;background:#fffdf3;color:var(--green);border:1px solid #284e3626;border-radius:15px;box-shadow:0 8px 0 #284e3610,0 12px 25px #284e3618;white-space:normal;width:280px;transition:transform .25s,box-shadow .25s}
.mascot-tag:after{background:#fffdf3;left:50%}
.mascot-tag .store-map{width:80px;height:84px;flex-shrink:0}
.store-note{display:flex;flex-direction:column;gap:6px}.store-note small{font-size:7px;letter-spacing:.12em;font-weight:700}.store-note strong{font-family:Manrope,sans-serif;font-size:20px;line-height:1.12;letter-spacing:-.045em}.store-note>span{font-size:10px;border-bottom:1px solid #a4b093;padding-bottom:3px;align-self:flex-start}
.mascot-tag:hover{background:#fffdf3;transform:translateX(-42%) rotate(0deg) translateY(-3px);box-shadow:0 12px 25px #284e3625}.mascot-tag:hover:after{background:#fffdf3}
.mascot-tag:focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(max-width:700px){.mascot-art{height:415px}.mascot-art img{top:calc(50% + 52px)}.mascot-tag{top:22px;width:264px;left:50%;transform:translateX(-50%) rotate(-3deg)}.mascot-tag:hover{transform:translateX(-50%) rotate(0deg) translateY(-3px)}}
.find-hero{padding:65px 7%;background:linear-gradient(90deg,#f6f3e8ed,#f6f3e877),url('assets/checkered.png') center/540px}.find-hero h1{font-size:clamp(48px,6vw,80px)}.find-hero p{max-width:570px;font-size:17px;color:#52604e;margin-bottom:28px}.locator-section{padding:60px 5% 0}.locator-section h2{font-size:clamp(32px,3.6vw,48px)}.map-frame{border:1px solid #c2ccb9;border-radius:16px;overflow:hidden;background:#e6eadc;box-shadow:0 12px 35px #284e360b}.map-frame iframe{display:block;border:0;width:100%;height:650px}.map-note{font-size:12px;color:#64755a;margin-top:18px}.retail-partners{text-align:center}.retail-partners>p{max-width:580px;margin:0 auto 35px;color:#52604e}.partner-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:15px}.partner-logos>div{background:white;border:1px solid #e2e5d8;border-radius:10px;height:115px;padding:20px;display:flex;align-items:center;justify-content:center}.partner-logos img{max-height:75px;width:100%;object-fit:contain}@media(max-width:900px){.partner-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.find-hero{padding:45px 7%}.find-hero h1{font-size:48px}.map-frame iframe{height:600px}.partner-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.locator-section{padding-top:40px}}
.about-intro{padding:75px 7%;background:linear-gradient(90deg,#f6f3e8ed,#f6f3e899),url('assets/checkered.png') center/540px}.about-intro h1{font-size:clamp(55px,7vw,90px)}.about-intro>p{max-width:650px;font-size:19px;margin-bottom:30px;color:#52604e}.about-mission{padding:65px 7%;display:grid;grid-template-columns:.7fr 1fr 1.25fr;gap:35px;align-items:start}.about-mission h2{font-size:48px}.about-mission p{font-size:17px}.about-mission .eyebrow{padding-top:9px}.about-chef{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.about-chef figure{margin:0;padding:40px;background:#e4e8d6;display:flex;flex-direction:column;justify-content:center}.about-chef figure img{width:100%;height:auto;max-height:620px;object-fit:contain}.about-chef figcaption{color:var(--green);font-size:11px;margin-top:15px;letter-spacing:.06em}.about-chef-copy{padding:65px 10%;align-self:center}.about-chef-copy h2{font-size:clamp(38px,4vw,58px)}.about-chef-copy>p{font-size:16px;color:#e0e7d6}.chef-note{border-top:1px solid #ffffff40;margin-top:28px;padding-top:23px}.chef-note span{font-size:9px;letter-spacing:.15em}.chef-note p{font-family:Georgia,serif;font-size:23px;line-height:1.4;margin:12px 0 0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.values-grid article{border-top:1px solid #9cab90;padding-top:25px}.values-grid article>span{font-size:10px;letter-spacing:.1em}.values-grid h3{margin:22px 0 12px}.values-grid p{font-size:15px;color:#52604e}@media(max-width:700px){.about-intro{padding:45px 7%}.about-intro>p{font-size:17px}.about-mission{padding:45px 7%;grid-template-columns:1fr;gap:10px}.about-mission h2{font-size:40px}.about-chef{grid-template-columns:1fr}.about-chef figure{padding:25px}.about-chef-copy{padding:45px 7%}.values-grid{grid-template-columns:1fr;gap:25px}}
.product-grid .card-image img.new-churro-photo{object-fit:cover;object-position:center bottom}

.recipe-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);margin-top:40px;align-items:start}.recipe-detail-photo{width:100%;border-radius:18px}.recipe-detail h1{font-size:clamp(32px,4vw,62px);line-height:1.1;margin:16px 0 32px}.recipe-detail h2{font-size:26px;margin:28px 0 16px}.recipe-detail li{line-height:1.7;margin-bottom:10px}.recipe-detail ul,.recipe-detail ol{padding-left:22px}@media(max-width:760px){.recipe-detail-grid{grid-template-columns:1fr}.recipe-detail-photo{max-height:480px;object-fit:contain}}
