@font-face{font-family:Worx;src:url("/assets/sans.woff2");font-display:swap;font-weight:400}
@font-face{font-family:Worx;src:url("/assets/sans-bold.woff2");font-display:swap;font-weight:700}
@font-face{font-family:WorxDisplay;src:url("/assets/display.woff2");font-display:swap;font-weight:700}
@font-face{font-family:WorxSerif;src:url("/assets/serif-italic.woff2");font-display:swap;font-style:italic}
:root{--navy:#112440;--deep:#0a1a31;--blue:#cedff0;--royal:#244872;--paper:#faf9f5;--line:#11244030;--display:WorxDisplay,Impact,sans-serif;--serif:WorxSerif,Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--navy);font:17px/1.5 Worx,Arial,sans-serif}
button,
input,
textarea,
select{font:inherit}
button,
a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{color:inherit;cursor:pointer}
img{max-width:100%;display:block}
p{margin:0 0 1.25rem}
h1,
h2,
h3{margin:0;font-weight:700;line-height:1.02}
h1,
h2{font-family:var(--display);letter-spacing:-.025em}
h1{font-size:clamp(3.6rem,6.6vw,7rem)}
h2{font-size:clamp(2.7rem,4.1vw,4.65rem)}
h3{font-size:1.5rem;letter-spacing:-.025em}
em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
h2 em{font-size:.84em}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid #468bc5;outline-offset:5px}
.skip-link{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:30}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 4.5%;background:var(--navy);color:white;border-bottom:1px solid #ffffff21}
.brand{display:block;width:196px;flex-shrink:0}
.brand img{width:100%;height:auto}
.site-header nav{display:flex;align-items:center;gap:29px;font-size:15px}
.site-header nav>a:not(.nav-cta){padding:9px 0;position:relative}
.site-header nav>a:not(.nav-cta):after{content:"";height:1px;background:currentColor;position:absolute;bottom:3px;left:0;width:0;transition:width .2s}
.site-header nav>a:hover:after{width:100%}
.button,
.text-link{transition:background .2s,color .2s,transform .2s}
.button{border:1px solid var(--navy);padding:16px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-weight:700;font-size:16px;background:var(--navy);color:white;border-radius:3px;line-height:1.35}
.button:hover{background:var(--royal);transform:translateY(-2px)}
.button.light{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.button.light:hover{background:var(--blue);border-color:var(--blue)}
.text-link{display:inline-flex;gap:24px;align-items:center;font-weight:700;border:0;border-bottom:1px solid;padding:7px 0;background:transparent;font-size:16px}
.text-link:hover{opacity:.7}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:700;margin-bottom:21px}
.navy{background:var(--navy);color:var(--paper)}
.section{padding:88px 5.5%}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}
.section-heading>p{max-width:270px;font-size:18px}
.section-heading .eyebrow{margin-bottom:17px}
.bavarian-band{height:20px;background-color:var(--paper);background-image:linear-gradient(60deg,transparent 40%,#497da7 40%,#497da7 60%,transparent 60%),linear-gradient(120deg,transparent 40%,#497da7 40%,#497da7 60%,transparent 60%);background-size:36px 40px}
.benefits{display:flex;justify-content:space-around;gap:20px;padding:24px 5%;border-bottom:1px solid var(--line);font-size:15px}
.benefits>span{display:flex;align-items:baseline;gap:6px}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.product-photo{position:relative;overflow:hidden;aspect-ratio:1/1.06;background:var(--blue);border-radius:3px}
.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.product-card:hover .product-photo img{transform:scale(1.035)}
.product-card .eyebrow{margin:23px 0 8px;font-size:12px;letter-spacing:.06em}
.product-card h3{font-family:var(--display);font-size:35px;margin-bottom:12px}
.product-card>p:not(.eyebrow){font-size:16px;max-width:94%;min-height:48px}
.fine-print{font-size:12px;opacity:.68;line-height:1.5;margin-top:22px}
.recipe-section{background:var(--blue)}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:35px}
.filters button{border:1px solid #11244050;border-radius:40px;background:transparent;padding:10px 16px;font-size:14px;transition:background .2s,color .2s}
.filters button[aria-pressed=true],
.filters button:hover{background:var(--navy);color:white;border-color:var(--navy)}
.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}
.recipe-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.recipe-photo{position:relative;aspect-ratio:3/3.7;border-radius:3px;overflow:hidden;background:var(--paper)}
.recipe-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.recipe-card a:hover img{transform:scale(1.05)}
.recipe-card .eyebrow{font-size:12px;margin:20px 0 10px;letter-spacing:.06em}
.recipe-card :is(h3,.recipe-card-title){font-size:22px;line-height:1.15}
.card-meta{font-size:13px;margin-top:10px;opacity:.7}
.filter-count{font-size:13px;margin:25px 0 0;opacity:.7}
.recipe-card[hidden]{display:none!important}
.dip-section{text-align:center;background:#f5f0de;padding-bottom:65px}
.dip-section>div:first-child>p:not(.eyebrow){margin-top:24px}
.dip-section>img{width:100%;max-width:1100px;margin:25px auto 0;mix-blend-mode:multiply}
.dip-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;max-width:1070px;margin:auto;font-size:14px;font-weight:700}
.story-teaser{display:grid;grid-template-columns:1fr 1.1fr}
.story-photo{min-height:620px;position:relative}
.story-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}
.story-copy{padding:85px 10%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.story-copy h2{font-size:clamp(3rem,4.5vw,5rem);line-height:.98}
.story-copy>p:not(.eyebrow){margin:27px 0;max-width:440px;font-size:17px;color:#eef2f7}
.wholesale-cta{background:var(--blue);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:10%}
.wholesale-cta h2{margin-bottom:26px}
.wholesale-cta>div>p:not(.eyebrow){max-width:540px}
.cta-side{border-left:1px solid var(--line);padding-left:18%;font-size:22px}
.cta-side>span{display:block;font-size:12px;margin-top:12px}
.booklet{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;overflow:hidden}
.booklet-copy>p:not(.eyebrow){max-width:420px;margin-top:25px;font-size:18px}
.booklet .fine-print{font-size:12px!important;margin-top:14px!important}
.booklet-art{display:block;position:relative;margin:25px 0;transform:rotate(-6deg);transition:transform .4s}
.booklet-art:hover{transform:rotate(-2deg) translateY(-5px)}
.booklet-art img{border:1px solid #ffffff40;box-shadow:15px 22px 0 #ffffff0f,0 25px 30px #00000040}
.booklet-note{position:absolute;bottom:-38px;right:0;font-family:var(--serif);font-style:italic;font-size:24px;transform:rotate(5deg)}
.site-footer{padding:67px 5.5% 22px;background:var(--deep);color:var(--paper)}
.footer-logo{width:210px;margin-bottom:28px}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff25;margin-top:48px;padding-top:22px;font-size:12px;opacity:.7}
.page-intro{padding:90px 6% 60px;text-align:center;background:var(--blue)}
.page-intro h1{font-size:clamp(3.5rem,6vw,6rem);margin-bottom:25px}
.page-intro>p:not(.eyebrow){max-width:590px;margin:0 auto 25px;font-size:20px}
.page-intro .eyebrow{margin-bottom:25px}
.recipe-library{padding-top:45px}
.recipe-library .recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.recipe-library .recipe-photo{aspect-ratio:4/4.5}
.recipe-library .filters{justify-content:center;margin-bottom:45px}
.split-intro{display:grid;grid-template-columns:1.1fr 1fr}
.split-intro>div{padding:85px 10%;align-self:center}
.split-intro h1{font-size:clamp(3.5rem,5.5vw,6.3rem);line-height:1.03}
.split-intro h1 em{font-size:.8em}
.split-intro p:not(.eyebrow){margin:30px 0;max-width:510px;font-size:19px}
.split-intro>img{height:660px;width:100%;object-fit:cover}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}
.feature-number{font-family:var(--serif);font-style:italic;font-size:42px;display:block;margin-bottom:24px;color:var(--royal)}
.feature-grid h3{font-size:26px;margin-bottom:15px}
.distributor{background:var(--blue);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.distributor>div>p:not(.eyebrow){font-size:20px}
.section>.products{margin-top:40px}
.story-content{max-width:1250px;margin:auto}
.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px;font-size:20px}
.ingredient-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ingredient-line>span{border:1px solid var(--line);padding:9px 20px;border-radius:40px;font-size:15px}
.faq-section{max-width:1030px;margin:auto}
details summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-weight:700}
details summary::-webkit-details-marker{display:none}
details summary>span{font-weight:400;font-size:25px;transition:transform .2s}
details[open] summary>span{transform:rotate(45deg)}
.faq-list details{padding:25px 0;border-bottom:1px solid var(--line)}
.faq-list summary{font-size:21px}
.faq-list details>p{font-size:18px;margin-top:20px;max-width:90%}
.faq-contact{margin-top:60px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.faq-contact h2{font-size:40px}
.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:var(--blue)}
.contact-copy h1{font-size:clamp(3.5rem,6vw,6.5rem);margin-bottom:30px}
.contact-copy>p{max-width:420px;font-size:18px}
.contact-copy .eyebrow{font-size:12px}
.contact-email{font-weight:700;display:inline-block;margin:10px 0 30px;font-size:20px;border-bottom:1px solid}
.contact-mark{width:160px;margin-top:50px;filter:brightness(0);opacity:.12;transform:rotate(-15deg)}
.contact-form-panel{background:var(--paper);padding:38px;border-radius:4px}
.contact-form-panel h2{font-size:39px;margin-bottom:32px}
form label{display:block;font-size:14px;font-weight:700;margin-bottom:20px}
input,
select,
textarea{width:100%;display:block;border:1px solid #11244045;background:white;border-radius:2px;padding:13px 12px;margin-top:7px;font-size:16px;color:var(--navy)}
textarea{resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#enquiry-status{font-size:14px;margin-top:20px}
.recipe-detail{display:grid;grid-template-columns:1fr 1.15fr;align-items:start}
.detail-photo{position:sticky;top:105px;padding:35px}
.detail-photo img{width:100%;max-height:calc(100vh - 175px);object-fit:cover;border-radius:3px}
.detail-copy{padding:40px 10% 60px 4%}
.back-link{display:inline-block;font-size:14px;margin-bottom:40px}
.detail-copy h1{font-size:clamp(3rem,4.8vw,5rem);margin-bottom:26px}
.detail-copy>.eyebrow{margin-bottom:18px}
.serving-tag{display:inline-block;border:1px solid var(--line);padding:6px 14px;border-radius:30px;font-size:12px;letter-spacing:.06em}
.recipe-tools{display:flex;gap:25px;margin:12px 0 36px}
.recipe-tools .text-link{font-size:14px}
.detail-copy h2{font-family:Worx,Arial,sans-serif;font-size:24px;letter-spacing:-.025em;margin:35px 0 20px}
.ingredients{padding:0;margin:0;list-style:none}
.ingredients>li{padding:9px 0;border-bottom:1px solid var(--line);font-size:17px}
.method{padding-left:25px}
.method li{padding-left:10px;margin-bottom:18px;font-size:17px;line-height:1.65}
.method li::marker{font-family:var(--display);font-size:23px}
.recipe-tip{background:var(--blue);padding:22px;border-radius:3px;margin:35px 0}
.recipe-tip>strong{font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.recipe-tip p{margin-top:8px}
.related{background:var(--blue)}
.related h2{margin-bottom:35px}
.narrow{max-width:850px;margin:auto}
.narrow h2{font-size:42px;margin-bottom:25px}
.narrow .button{margin-top:20px}
.reveal{animation:rise-in .6s ease both}
@keyframes rise-in{from{opacity:.6;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:1600px){
 .section{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}
}
@media (max-width:1100px){
 .site-header nav{gap:17px;font-size:14px}
 .brand{width:165px}
 .section{padding:65px 5%}
 .products{gap:24px}
 .product-card h3{font-size:31px}
 .recipe-grid{gap:30px 18px}
 .recipe-card :is(h3,.recipe-card-title){font-size:20px}
 .footer-logo{width:170px}
 .booklet{gap:7%}
 .story-copy{padding:65px 9%}
 .contact-section{gap:5%}
 .contact-form-panel{padding:28px}
 .split-intro>img{height:610px}
 .detail-photo{padding:25px}
 .detail-copy{padding-right:7%}
 .benefits{font-size:14px}
}
@media (max-width:800px){
 html{scroll-padding-top:95px}
 .site-header{padding:15px 5%}
 .brand{width:157px}
 .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);padding:20px 5% 30px;box-shadow:0 10px 16px #0003;align-items:stretch}
 .site-header nav>a{font-size:18px}
 .benefits{flex-wrap:wrap;justify-content:center;gap:7px 24px;padding:20px}
 .section-heading{align-items:flex-start}
 .section-heading>p{font-size:16px}
 .products{gap:18px}
 .product-card>p:not(.eyebrow){font-size:16px;min-height:unset}
 .product-card .eyebrow{letter-spacing:.04em}
 .product-card h3{font-size:28px}
 .recipe-grid,
.recipe-library .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
 .filters{gap:8px}
 .filters button{padding:9px 13px;font-size:14px}
 .recipe-section .section-heading{display:block}
 .recipe-section .large-link{margin-top:25px}
 .story-teaser{grid-template-columns:1fr 1fr}
 .story-photo{min-height:530px}
 .story-copy{padding:50px 10%}
 .story-copy h2{font-size:40px}
 .story-copy p:not(.eyebrow){font-size:16px}
 .story-copy .button{padding:13px 17px;font-size:14px;gap:18px}
 .wholesale-cta{gap:6%}
 .cta-side{padding-left:12%;font-size:18px}
 .booklet{gap:6%}
 .booklet-copy>p:not(.eyebrow){font-size:16px}
 .booklet-copy .button{gap:20px;font-size:14px}
 .booklet-note{font-size:19px}
 .split-intro>div{padding:55px 10%}
 .split-intro h1{font-size:48px}
 .split-intro>img{height:570px}
 .split-intro p:not(.eyebrow){font-size:17px}
 .feature-grid{gap:30px}
 .feature-grid h3{font-size:22px}
 .feature-grid p{font-size:16px}
 .contact-section{grid-template-columns:1fr}
 .contact-copy{position:relative}
 .contact-mark{position:absolute;right:10px;top:80px;width:150px}
 .contact-form-panel{margin-top:35px;padding:35px}
 .contact-copy>p{max-width:70%}
 .recipe-detail{grid-template-columns:1fr 1.2fr}
 .detail-photo{padding:20px;top:95px}
 .detail-copy{padding-top:30px}
 .detail-copy h1{font-size:42px}
 .recipe-tools{flex-wrap:wrap;gap:8px}
 .recipe-grid.three{gap:20px}
 .story-columns{gap:35px;font-size:18px}
 .dip-labels{font-size:12px;gap:10px}
}
@media (max-width:560px){
 body{font-size:16px}
 .bavarian-band{height:15px}
 .benefits{display:grid;grid-template-columns:1fr;padding:23px 7%;gap:10px;font-size:14px;text-align:center}
 .benefits>span{justify-content:center}
 .section{padding:58px 6%}
 .section-heading{display:block;margin-bottom:30px}
 .section-heading>p{margin-top:18px}
 h2{font-size:43px}
 .products{grid-template-columns:1fr;gap:38px}
 .product-photo{aspect-ratio:1/1}
 .product-card h3{font-size:35px}
 .product-card .eyebrow{margin-top:20px}
 .product-card>p:not(.eyebrow){font-size:16px}
 .recipe-grid{gap:30px 16px}
 .recipe-card :is(h3,.recipe-card-title){font-size:20px}
 .recipe-card .eyebrow{font-size:12px;line-height:1.5;min-height:36px;margin:15px 0 7px}
 .recipe-photo{aspect-ratio:3/4}
 .card-meta{font-size:12px}
 .filters{gap:7px;margin-bottom:27px}
 .filters button{font-size:14px;padding:8px 11px}
 .dip-section{padding-left:4%;padding-right:4%}
 .dip-section>div:first-child{padding:0 4%}
 .dip-section>img{margin-top:25px}
 .dip-labels{font-size:12px;gap:7px}
 .dip-section p:not(.eyebrow){font-size:16px}
 .story-teaser{display:flex;flex-direction:column}
 .story-photo{min-height:unset;height:460px}
 .story-copy{padding:55px 7% 60px}
 .story-copy h2{font-size:54px}
 .story-copy p:not(.eyebrow){font-size:17px}
 .wholesale-cta{grid-template-columns:1fr;gap:32px}
 .cta-side{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
 .cta-side p{font-size:20px}
 .booklet{grid-template-columns:1fr;gap:30px;padding-bottom:95px}
 .booklet-art{margin:20px 6% 0}
 .booklet-note{font-size:21px}
 .booklet-copy>p:not(.eyebrow){font-size:17px}
 .site-footer{padding:55px 6% 24px}
 .footer-logo{width:200px}
 .footer-bottom{flex-direction:column;gap:12px;margin-top:35px;font-size:12px}
 .page-intro{padding:55px 6% 35px}
 .page-intro h1{font-size:53px}
 .page-intro>p:not(.eyebrow){font-size:18px}
 .recipe-library .recipe-grid{gap:35px 16px}
 .recipe-library .recipe-photo{aspect-ratio:3/4}
 .recipe-library .filters{justify-content:flex-start;margin-bottom:30px}
 .split-intro{grid-template-columns:1fr}
 .split-intro>div{padding:55px 7%}
 .split-intro h1{font-size:63px}
 .split-intro>img{height:480px}
 .feature-grid{grid-template-columns:1fr;gap:35px}
 .feature-grid article{border-bottom:1px solid var(--line);padding-bottom:25px}
 .feature-number{font-size:35px;margin-bottom:15px}
 .feature-grid h3{font-size:27px}
 .feature-grid p{font-size:17px}
 .distributor{grid-template-columns:1fr;gap:30px}
 .distributor>div>p:not(.eyebrow){font-size:18px}
 .story-columns{grid-template-columns:1fr;gap:20px;font-size:18px;margin-top:30px}
 .ingredient-line{gap:8px}
 .ingredient-line>span{font-size:14px;padding:7px 16px}
 .faq-list summary{font-size:18px;line-height:1.35}
 .faq-list details>p{font-size:16px;max-width:100%}
 .faq-contact{display:block;margin-top:40px}
 .faq-contact h2{margin-bottom:25px}
 .contact-copy h1{font-size:72px}
 .contact-copy>p{max-width:100%;font-size:17px}
 .contact-mark{display:none}
 .contact-email{font-size:19px}
 .contact-form-panel{padding:26px 20px}
 .contact-form-panel h2{font-size:37px}
 .form-row{grid-template-columns:1fr;gap:0}
 .recipe-detail{display:flex;flex-direction:column}
 .detail-photo{width:100%;position:static;padding:0;height:470px}
 .detail-photo img{height:100%;max-height:unset;border-radius:0}
 .detail-copy{padding:35px 7% 50px}
 .detail-copy h1{font-size:54px}
 .back-link{margin-bottom:25px}
 .recipe-tools{gap:20px;margin-bottom:25px}
 .recipe-grid.three{grid-template-columns:1fr 1fr;gap:25px 16px}
 .recipe-grid.three .recipe-card:last-child{display:none}
 .related h2{font-size:43px}
 .narrow h2{font-size:38px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,
*:before,
*:after{transition:none!important;animation:none!important}
 .booklet-art:hover{transform:rotate(-6deg)}
}
@media print{
 .site-header,
.site-footer,
.related,
.recipe-tools,
.back-link,
.skip-link{display:none!important}
 .recipe-detail{display:block}
 .detail-photo{float:right;position:static;width:30%;padding:0 0 15px 20px;height:auto}
 .detail-photo img{height:auto;max-height:200px}
 .detail-copy{padding:0}
 .detail-copy h1{font-size:32px}
 .detail-copy h2{font-size:20px;margin:20px 0 10px}
 .ingredients li,
.method li{font-size:12px;line-height:1.4;margin-bottom:5px;padding-top:3px;padding-bottom:3px}
 .recipe-tip{padding:12px;margin:15px 0}
 .detail-copy .fine-print{font-size:10px}
 body{background:white;color:black}
 .method,
.recipe-tip{break-inside:avoid}
}
.site-header{background:var(--paper);color:var(--navy);border-bottom:1px solid var(--line)}
.brand img{filter:brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(1661%) hue-rotate(175deg) brightness(95%) contrast(93%)}
.benefits{border-top:1px solid var(--line);background:#f0ede4}
.product-photo{border-radius:160px 160px 5px 5px}
.product-card:nth-child(2) .product-photo{border-radius:5px;transform:rotate(-2deg)}
.product-card:nth-child(3) .product-photo{border-radius:5px 5px 160px 160px}
.recipe-section{background:#e8eef2}
.recipe-wink{font-family:var(--serif);font-style:italic;font-size:16px;margin:12px 0 0}
.recipe-wink+.card-meta{margin-top:7px}
.recipe-section .recipe-card:nth-child(even){padding-top:35px}
.recipe-section .recipe-photo{border-radius:100px 100px 4px 4px}
.recipe-section .recipe-card:nth-child(even) .recipe-photo{border-radius:4px 4px 100px 100px}
.filters button{background:var(--paper)}
.dip-section h2 em{display:inline-block;transform:rotate(-5deg)}
@media (max-width:800px){
 .site-header nav{background:var(--paper);color:var(--navy)}
 .recipe-section .recipe-card:nth-child(even){padding-top:24px}
}
@media (max-width:560px){
 .product-photo{aspect-ratio:1/1.08}
 .recipe-section .recipe-card:nth-child(even){padding-top:20px}
 .recipe-section .recipe-photo{border-radius:70px 70px 4px 4px}
 .recipe-section .recipe-card:nth-child(even) .recipe-photo{border-radius:4px 4px 70px 70px}
 .recipe-wink{font-size:15px}
}
.site-header{background:var(--blue);border-bottom:1px solid #11244018}
@media (max-width:800px){
 .site-header nav{background:var(--blue)}
}
h1 em,
h2 em{font-family:inherit;font-style:normal;font-weight:700;font-size:inherit;letter-spacing:inherit}
.product-photo,
.product-card:nth-child(2) .product-photo,
.product-card:nth-child(3) .product-photo,
.recipe-section .recipe-photo,
.recipe-section .recipe-card:nth-child(even) .recipe-photo{border-radius:4px;transform:none}
.booklet-art{transform:rotate(-3deg)}
.footer-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:55px;margin-bottom:55px;border-bottom:1px solid #ffffff30}
.footer-newsletter h2{font-size:43px;line-height:1.08;max-width:390px;margin-bottom:18px}
.footer-newsletter p{font-size:16px;max-width:430px}
.footer-newsletter .eyebrow{font-size:12px}
.signup-form label{margin-bottom:10px}
.signup-row{display:flex;gap:0;border-bottom:1px solid #ffffff70}
.signup-row input{margin:0;border:0;background:transparent;color:white;padding:15px 0;border-radius:0;min-width:0}
.signup-row input::placeholder{color:#ffffff80}
.signup-row button{background:transparent;border:0;color:white;font-size:15px;font-weight:700;padding:12px 0 12px 20px}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;margin:17px 0!important;line-height:1.5}
.consent input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--royal)}
.form-status{font-size:14px;margin-top:16px!important}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.footer-tagline{font-family:var(--display);font-size:29px!important;line-height:1.1!important;opacity:1!important}
.footer-bottom{align-items:center}
.footer-legal{display:flex;flex-wrap:wrap;gap:22px}
.booklet-download{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;min-height:650px}
.download-cover{background:var(--blue);padding:35px;transform:rotate(-2deg)}
.download-cover img{box-shadow:0 12px 25px #11244025}
.download-copy h1{font-size:65px;margin-bottom:25px}
.download-copy>p{font-size:18px}
.download-copy form{margin-top:30px}
.download-success{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}
.download-success h2{font-size:32px;margin-bottom:20px}
.download-success p{font-size:13px;margin-top:12px}
.download-copy a:not(.button){text-decoration:underline}
@media (max-width:800px){
 .footer-newsletter{gap:35px}
 .booklet-download{gap:5%}
 .download-copy h1{font-size:48px}
 .download-cover{padding:20px}
}
@media (max-width:560px){
 .brand{width:135px}
 .footer-newsletter{grid-template-columns:1fr;gap:25px;padding-bottom:35px;margin-bottom:40px}
 .footer-newsletter h2{font-size:38px}
 .footer-bottom{align-items:flex-start}
 .footer-legal{gap:15px}
 .booklet-download{grid-template-columns:1fr;gap:45px}
 .download-cover{max-width:430px;margin:auto}
 .download-copy h1{font-size:52px}
 .download-copy .form-row{grid-template-columns:1fr}
 .recipe-tools{gap:15px}
}
.founder-note{margin:45px 0 65px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.founder-note p{font-family:var(--display);font-size:clamp(28px,3vw,40px);line-height:1.15;max-width:750px;margin-bottom:15px}
.founder-note span{font-size:14px}
.ingredient-intro{max-width:700px;margin-top:25px;font-size:19px}
.service-details{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#f0ede4}
.service-details h2{font-size:clamp(36px,3.5vw,52px);margin-bottom:25px}
.service-details p{max-width:550px}
@media (max-width:560px){
 .service-details{grid-template-columns:1fr;gap:45px}
 .founder-note{margin:30px 0 45px}
 .story-copy h2{font-size:49px}
}
.site-header{background:var(--royal);color:var(--paper);border-bottom:1px solid #ffffff25}
.brand img{filter:none}
.social-links{display:flex;gap:22px}
.social-links{margin-top:22px}
.social-links a{padding:8px 0;border-bottom:1px solid #ffffff60;font-size:14px}
.site-header a:focus-visible,
.site-header button:focus-visible{outline-color:white}
img{height:auto}
input,
select,
textarea{min-width:0}
.form-row>*{min-width:0}
button:disabled{opacity:.6;cursor:wait}
.contact-copy,
.contact-form-panel,
.download-copy{min-width:0}
.contact-email{overflow-wrap:anywhere}
.signup-row button{min-height:48px}
.consent{min-height:44px;align-items:flex-start}
.consent input{width:20px;height:20px;flex-basis:20px}
.faq-list summary{min-height:44px}
.recipe-card :is(h3,.recipe-card-title){overflow-wrap:break-word}
.social-links a,
.footer-legal a{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:800px){
 .contact-form-panel{padding:28px}
 .story-copy{padding:45px 8%}
 .recipe-detail{grid-template-columns:1fr 1fr}
 .detail-copy h1{font-size:clamp(30px,5vw,42px)}
}
@media (max-width:600px){
 .site-header{padding:14px 5%;gap:15px}
 .brand{width:155px}
 .story-teaser,
.split-intro{display:flex;flex-direction:column}
 .story-photo{min-height:0;height:360px}
 .story-copy{padding:45px 6%}
 .story-copy h2{font-size:clamp(38px,10vw,52px)}
 .split-intro>div{padding:45px 6%}
 .split-intro h1{font-size:clamp(43px,11vw,63px)}
 .split-intro>img{height:400px}
 .contact-copy h1{font-size:clamp(48px,13vw,68px)}
 .contact-copy>p{max-width:100%}
 .contact-mark{display:none}
 .contact-form-panel{padding:25px 18px}
 .form-row{grid-template-columns:1fr;gap:0}
 .booklet-download,
.footer-newsletter{grid-template-columns:1fr}
 .footer-newsletter{gap:24px}
 .footer-bottom{flex-direction:column;align-items:flex-start}
 .download-copy h1{font-size:clamp(42px,12vw,58px)}
 .recipe-detail{display:flex;flex-direction:column}
 .detail-photo{position:static;width:100%;height:420px;padding:0}
 .detail-copy{padding:35px 6%;width:100%}
 .detail-copy h1{font-size:clamp(38px,11vw,54px)}
 .recipe-tools .text-link{min-height:44px}
 .filters button{min-height:44px}
 .section-heading h2,
h2{overflow-wrap:break-word}
 .ingredient-line>span{font-size:14px}
 .signup-form .consent{font-size:14px}
 .recipe-wink{font-size:14px}
}
@media (max-width:360px){
 .recipe-grid,
.recipe-library .recipe-grid{gap:24px 12px}
 .recipe-card :is(h3,.recipe-card-title){font-size:18px}
 .site-footer{padding-left:6%;padding-right:6%}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes type-reveal{from{width:0}to{width:20ch}}
@keyframes cursor-fade{0%,100%{border-color:transparent}50%{border-color:var(--navy)}}
.bavarian-band{display:none!important}
.benefits{background:#e2ebf4;padding:25px 5%;align-items:center}
.benefits>span{align-items:center;gap:13px}
.benefits svg{width:30px;height:30px;fill:none;stroke:var(--navy);stroke-width:1.5;flex:none}
.product-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.product-catalog .product-photo{aspect-ratio:1/1.12;border-radius:3px;background:#e8e2d6;position:relative}
.product-catalog .product-card h3{font-size:30px}
.product-catalog .product-card>p:not(.eyebrow){min-height:65px;font-size:16px}
.product-catalog .product-card .eyebrow{font-size:12px}
.plain-product.bites{aspect-ratio:450/625}
.plain-product.bites img{position:absolute;width:257.78%;height:auto;max-width:none;left:0;top:-28%;object-fit:initial}
.plain-product.giant{aspect-ratio:615/690}
.plain-product.giant img{position:absolute;width:188.62%;height:auto;max-width:none;left:-88.62%;top:-111.6%;object-fit:initial}
.plain-product.bites:hover img,
.plain-product.giant:hover img{transform:none}
.dip-section>img{margin-bottom:38px}
.dip-labels{gap:25px;align-items:start}
.dip-labels h3{font-family:var(--display);font-size:23px;line-height:1.15;min-height:54px}
.dip-labels p{font-size:14px;font-weight:400;line-height:1.55;margin-top:18px}
.dip-section{background:#f5f3eb}
.footer-main{display:grid;grid-template-columns:1.2fr 1.3fr 1fr;gap:7%;align-items:start}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;font-size:14px}
.footer-nav a{min-height:30px}
.footer-identity .footer-logo{margin-bottom:22px;width:190px}
.footer-identity .footer-tagline{font-size:26px!important;line-height:1.2!important}
.footer-connect{display:flex;flex-direction:column;gap:18px;font-size:14px}
.footer-connect>a{overflow-wrap:anywhere}
.footer-connect .social-links{margin:0}
.footer-bottom{margin-top:40px}
.contact-form-panel form{overflow:visible}
@media (max-width:1000px){
 .product-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-catalog .product-card>p:not(.eyebrow){min-height:48px}
 .footer-main{gap:35px;grid-template-columns:1fr 1.2fr}
 .footer-connect{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}
 .dip-labels{gap:16px}
 .dip-labels h3{font-size:20px}
 .dip-labels p{font-size:13px}
}
@media (max-width:600px){
 .benefits{gap:20px;padding:25px 6%;display:flex;flex-direction:column;align-items:flex-start}
 .benefits>span{justify-content:flex-start;width:100%;font-size:15px}
 .product-catalog{gap:30px 18px}
 .product-catalog .product-card h3{font-size:27px}
 .product-catalog .product-card>p:not(.eyebrow){min-height:unset;font-size:15px}
 .product-catalog .text-link{font-size:14px}
 .dip-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px;text-align:left;margin:0 6%}
 .dip-labels h3{font-size:24px}
 .dip-labels p{font-size:15px;margin-top:12px}
 .dip-section>img{margin-bottom:30px}
 .footer-main{grid-template-columns:1fr;gap:32px}
 .footer-connect{grid-column:auto;flex-direction:column;align-items:flex-start;gap:15px}
 .footer-nav{gap:10px 25px}
 .footer-nav a{min-height:44px;display:flex;align-items:center}
 .footer-identity .footer-tagline{font-size:29px!important}
 .footer-newsletter{margin-bottom:35px;padding-bottom:35px}
 .site-footer{padding-top:45px}
}
.product-catalog .plain-product{aspect-ratio:1/1.12}
.product-catalog .plain-product.bites img{top:-34.7%}
:root{--gutter:clamp(22px,4.5vw,160px)}
.site-header{padding:18px var(--gutter);gap:28px}
.site-header .desktop-nav{display:flex;position:static;padding:0;background:none;color:inherit;box-shadow:none;gap:clamp(20px,2.2vw,42px);margin:auto;font-size:15px}
.desktop-nav a{white-space:nowrap}
.brand{width:190px}
.section{padding-left:var(--gutter);padding-right:var(--gutter)}
.product-catalog{gap:clamp(18px,2.2vw,50px)}
.product-catalog .product-card{min-width:0}
.product-catalog .product-photo{max-height:490px}
.product-catalog .text-link{min-height:44px}
.recipe-grid{gap:38px 2.5%}
.recipe-section .recipe-card:nth-child(even){padding-top:0}
.story-copy{padding:70px 10%}
.story-copy>p:not(.eyebrow){max-width:590px}
.booklet{background:#e5edf4;color:var(--navy);gap:8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.booklet-copy{max-width:600px}
.booklet-copy>p:not(.eyebrow){max-width:520px}
.booklet .button.light{background:var(--navy);border-color:var(--navy);color:white}
.booklet-art{width:100%;max-width:510px;justify-self:center}
.booklet-art img{box-shadow:10px 14px 0 #1124400a,0 15px 25px #11244018}
.booklet-note{font-family:Worx,Arial,sans-serif;font-style:normal;font-size:18px}
.site-footer{background:var(--paper);color:var(--navy);padding:68px var(--gutter) 24px}
.footer-newsletter{gap:8%;border-color:var(--line);align-items:start}
.footer-newsletter h2{max-width:530px;font-size:clamp(36px,3.5vw,56px)}
.footer-newsletter p{max-width:520px}
.signup-row{border:1px solid #11244055;border-radius:4px;background:white;overflow:hidden}
.signup-row input{color:var(--navy);padding:14px;flex:1;width:100%}
.signup-row input::placeholder{color:#536275}
.signup-row button{background:var(--royal);color:white;padding:14px 20px;flex-shrink:0}
.signup-form label{font-weight:700}
.signup-form .consent{font-weight:400}
.footer-logo{filter:brightness(0) saturate(100%) invert(12%) sepia(24%) saturate(1661%) hue-rotate(175deg) brightness(95%) contrast(93%)}
.footer-newsletter .form-status{color:var(--navy)}
.footer-main{grid-template-columns:1.1fr 1.25fr 1fr;gap:7%}
.footer-nav a{min-height:44px;display:flex;align-items:center}
.footer-nav{gap:0 24px}
.social-links a,
.footer-bottom{border-color:var(--line)}
.footer-bottom{padding-top:25px}
.footer-bottom{opacity:1;color:#4b596a}
.site-footer a:hover{text-decoration:underline}
.footer-identity .footer-tagline{margin:0}
.site-footer input:focus-visible{outline-offset:-4px}
@media (min-width:2000px){
 .section{padding-top:110px;padding-bottom:110px}
 .recipe-photo{max-height:620px}
 .product-catalog{gap:3%}
}
@media (max-width:1100px){
 .site-header .desktop-nav{gap:18px;font-size:14px}
 .brand{width:160px}
 .site-header{gap:20px}
 .footer-main{grid-template-columns:1fr 1.2fr;gap:35px}
 .footer-connect{grid-column:1/-1}
}
@media (max-width:900px){
 .site-header .desktop-nav{display:none}
 .site-header{padding-top:15px;padding-bottom:15px}
 .footer-newsletter{gap:35px}
 .signup-row button{padding:14px}
}
@media (max-width:600px){
 :root{--gutter:6vw}
 .site-header{gap:15px;padding:13px var(--gutter)}
 .brand{width:150px}
 .section{padding-top:55px;padding-bottom:55px}
 .product-catalog{gap:30px 18px}
 .product-catalog .product-card h3{font-size:26px}
 .product-card .eyebrow{line-height:1.5;min-height:36px}
 .story-copy{padding:48px var(--gutter)}
 .booklet{padding-bottom:82px}
 .booklet-art{width:88%;margin:10px auto 0}
 .site-footer{padding-top:45px}
 .footer-newsletter{grid-template-columns:1fr;gap:24px}
 .footer-main{grid-template-columns:1fr;gap:30px}
 .footer-connect{grid-column:auto}
 .footer-newsletter h2{font-size:39px}
 .footer-newsletter .signup-row input{font-size:16px}
 .footer-nav{grid-template-columns:1fr 1fr}
 .footer-bottom{gap:15px}
 .contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea{font-size:16px}
 .booklet-download input{font-size:16px}
 .dip-labels{margin:0;gap:27px 20px}
 .recipe-card :is(h3,.recipe-card-title){font-size:21px;line-height:1.18}
 .contact-section{padding-top:40px}
}
@media (max-width:360px){
 .brand{width:135px}
 .product-catalog{grid-template-columns:1fr}
 .product-catalog .product-card .eyebrow{min-height:0}
 .product-catalog .product-photo{max-height:none;aspect-ratio:1/1.12}
 .signup-row button{font-size:14px;padding:12px}
 .footer-newsletter h2{font-size:35px}
}
.homepage .site-header{border-bottom:0}
.homepage .benefits{background:var(--paper);border-top:0;padding-top:22px;padding-bottom:22px}
.homepage .dip-section h2 em{transform:none}
@media (max-width:480px){
 .homepage .brand{width:140px}
 .homepage .site-header{padding-top:12px;padding-bottom:12px}
}
@media (max-width:360px){
 .homepage .brand{width:132px}
}
.homepage .recipe-wink{display:none}
@media (max-width:1150px){
 .site-header .desktop-nav{display:none}
}
@media (max-width:480px){
 .site-header{gap:10px}
 .site-header .brand{width:105px}
}
@media (max-width:360px){
 .site-header{gap:8px}
 .site-header .brand{width:90px}
}
.canada-flag{display:block;width:24px;height:18px;flex:0 0 24px;border-radius:1px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
[hidden]{display:none!important}
.menu-panel:not([open]){display:none}
.site-header{flex-wrap:wrap}
.product-catalog .product-photo{max-height:none}
.signup-form,
.footer-newsletter>div,
.footer-main>div,
.footer-main>nav{min-width:0}
h1{overflow-wrap:break-word}
.form-status{min-height:1.5em}
.site-map-links{padding:0;list-style:none;margin:24px 0 0}
.site-map-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line)}
.sitemap-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.sitemap-layout h2{font-size:36px}
nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
@media (max-width:600px){
 input:not([type=checkbox]),
select,
textarea,
.signup-row input{font-size:16px!important}
 .sitemap-layout{grid-template-columns:1fr;gap:40px}
 .recipe-tools{flex-wrap:wrap}
 .recipe-tools .text-link{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
}
.site-header{gap:24px}
.site-header .desktop-nav{display:flex;align-items:center;gap:clamp(16px,2vw,36px);margin-left:auto}
.site-header .desktop-nav a{font-size:15px;white-space:nowrap}
.site-header .brand{flex-shrink:0}
@media (max-width:1100px){
 .site-header .desktop-nav{display:none}
}
.concept-hero{--ink:#122744;display:grid;grid-template-columns:1fr 1fr;background:#f7f4ee;color:var(--ink);min-height:650px;isolation:isolate}
.concept-copy{padding:clamp(32px,5vw,100px);align-self:center;min-width:0}
.concept-kicker{font-size:13px;letter-spacing:.13em;font-weight:700;margin:0 0 24px}
.concept-hero h1{font-family:var(--display);font-size:clamp(64px,7.1vw,144px);letter-spacing:-.035em;line-height:.98;margin:0 0 28px;font-weight:700;overflow-wrap:normal}
.concept-description{font-size:clamp(18px,1.5vw,25px);line-height:1.5;max-width:32ch;margin:0 0 30px}
.concept-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;font-size:16px}
.concept-actions>a{min-height:48px;display:inline-flex;align-items:center}
.concept-actions>a:not(.concept-button){text-decoration:underline;text-underline-offset:5px}
.concept-button{background:#244b94;color:#fff;padding:15px 23px;border-radius:3px;font-weight:700;text-align:center;justify-content:center}
.concept-product-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 var(--gutter) 40px}
.concept-product-grid>a{position:relative;height:390px;overflow:hidden;background:#e2d6c7}
.concept-product-grid img{height:100%;width:100%;object-fit:cover;object-position:50% 53%}
.concept-product-grid~*{display:none}
.concept-hero.concept-range{display:block}
.concept-hero.concept-range .concept-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:0 40px;padding:42px var(--gutter) 34px}
.concept-hero.concept-range .concept-kicker{grid-column:1/-1}
.concept-hero.concept-range h1{grid-row:2/4;font-size:clamp(65px,7.5vw,130px);margin:0}
.concept-hero.concept-range .concept-description{align-self:end}
@media (min-width:2000px){
 .concept-hero{min-height:900px}
}
@media (max-width:1000px){
 .concept-hero h1{font-size:64px}
 .concept-hero.concept-range .concept-copy{grid-template-columns:1fr}
 .concept-hero.concept-range h1{grid-row:auto;margin-bottom:24px}
}
@media (max-width:650px){
 .concept-hero{grid-template-columns:1fr;min-height:0}
 .concept-copy{padding:32px 22px}
 .concept-hero h1{font-size:clamp(49px,12vw,74px);margin-bottom:22px}
 .concept-kicker{font-size:12px;letter-spacing:.09em;margin-bottom:20px}
 .concept-description{font-size:18px;max-width:36ch;margin-bottom:24px}
 .concept-actions{gap:12px 20px;font-size:15px}
 .concept-product-grid{padding:0 22px 28px;gap:12px}
 .concept-product-grid>a{height:260px}
 .concept-hero.concept-range .concept-copy{padding:30px 22px}
 .concept-hero.concept-range h1{font-size:58px}
}
.site-header .desktop-nav{gap:clamp(14px,1.5vw,28px)}
.site-header .brand{width:170px}
.site-header{border-top:0}
@media (max-width:1250px){
 .site-header .desktop-nav{display:none}
}
@media (max-width:600px){
 .site-header .brand{width:120px}
}
@media (max-width:380px){
 .site-header .brand{width:90px}
}
.concept-hero.concept-range{padding:0;min-height:0}
.concept-hero.concept-range>.concept-product-grid{padding:28px var(--gutter) 0}
.concept-hero.concept-range>.concept-product-grid>a{height:clamp(340px,29vw,640px)}
.concept-hero.concept-range>.concept-copy{padding-top:36px;padding-bottom:46px}
@media (max-width:650px){
 .concept-hero.concept-range>.concept-product-grid{padding:20px 22px 0}
 .concept-hero.concept-range>.concept-product-grid>a{height:clamp(215px,58vw,330px)}
 .concept-hero.concept-range>.concept-copy{padding-top:28px;padding-bottom:32px}
 .concept-hero.concept-range h1{font-size:clamp(46px,12.5vw,72px)}
}
:root{--orange:#f37a27}
.site-header .desktop-nav a{text-transform:uppercase;letter-spacing:.055em}
.site-header .desktop-nav a{font-size:13px}
.site-header .desktop-nav a::after{background:var(--orange)}
.benefits,
.homepage .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;background:#f5f0e9;padding:26px var(--gutter);border-top:1px solid #f37a2730;border-bottom:1px solid #f37a2730}
.benefits>span{display:flex;align-items:center;justify-content:center;gap:14px;line-height:1.5;text-align:left}
.benefits svg{width:36px;height:36px;stroke:var(--orange);stroke-width:1.7;flex:none}
.benefits .ingredient-number{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--orange);border-radius:50%;font-size:24px;font-family:var(--display);color:var(--navy);flex:none}
.benefits .benefit-copy{display:block}
.benefits .benefit-copy strong{display:block}
.signup-row button{border-bottom:3px solid var(--orange)}
.section-heading .eyebrow,
.dip-section .eyebrow,
.footer-newsletter .eyebrow{display:flex;align-items:center;gap:10px}
.section-heading .eyebrow::before,
.dip-section .eyebrow::before,
.footer-newsletter .eyebrow::before{content:"";display:block;flex:none;width:22px;height:3px;background:var(--orange)}
.footer-identity{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,270px)}
.footer-identity>a{display:block;width:210px;max-width:100%}
.footer-identity .footer-logo{width:100%;margin:0 auto 20px}
.footer-identity .footer-tagline{width:100%;text-align:center;font-size:26px!important}
.footer-identity .footer-tagline::after{content:"";display:block;width:58px;height:4px;background:var(--orange);margin:23px auto 0}
@media (max-width:1250px){
 .site-header .desktop-nav{display:flex;order:3;flex:1 0 100%;justify-content:center;flex-wrap:wrap;gap:6px 28px;margin:0;padding-top:8px;border-top:1px solid #ffffff25}
 .site-header .desktop-nav a{min-height:44px;display:flex;align-items:center}
 .site-header{row-gap:14px}
}
@media (max-width:650px){
 .site-header .desktop-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;width:100%}
 .site-header .desktop-nav a{font-size:12px;justify-content:center;text-align:center;white-space:normal;line-height:1.3}
 .site-header .desktop-nav a:last-child{grid-column:auto}
 .benefits,
.homepage .benefits{grid-template-columns:1fr;gap:20px;padding:24px var(--gutter)}
 .benefits>span{justify-content:flex-start}
 .footer-identity{margin-inline:auto}
 .site-header .brand{width:105px}
}
@media (max-width:360px){
 .site-header .brand{width:85px}
}
.benefits svg.peanut-off{fill:var(--orange);stroke:none}
.site-header{background:#173553;padding-top:22px;padding-bottom:22px;column-gap:30px;border-bottom:1px solid #ffffff18}
.site-header .brand{width:220px;transform:rotate(-3deg);transform-origin:center;align-self:center}
.site-header .desktop-nav{gap:clamp(17px,1.5vw,30px);margin-left:auto;justify-content:center}
.site-header .desktop-nav a{font-size:13px;letter-spacing:.075em;font-weight:600;padding:13px 0}
.site-header .desktop-nav a[aria-current=page]::after{width:100%;height:2px;background:var(--orange)}
.footer-identity{width:min(100%,290px)}
.footer-identity>a{width:250px}
.footer-identity .footer-logo{transform:rotate(-3deg);margin-bottom:25px}
.site-footer{border-bottom:5px solid var(--orange)}
.footer-bottom{border-top:1px solid #f37a2750}
.footer-newsletter{border-bottom-color:#f37a2750}
.footer-newsletter h2{line-height:1.08}
.filters button[aria-pressed=true]{border-color:var(--orange);box-shadow:inset 0 -2px 0 var(--orange)}
.recipe-photo,
.product-photo{border-radius:3px}
.concept-hero.concept-range>.concept-product-grid{gap:20px}
.concept-product-grid>a{border-radius:3px}
.story-copy .eyebrow{display:flex;align-items:center;gap:10px}
.story-copy .eyebrow::before{content:"";display:block;width:24px;height:3px;background:var(--orange);flex:none}
@media (min-width:2000px){
 .site-header .brand{width:270px}
 .site-header .desktop-nav a{font-size:15px}
 .site-header{padding-top:26px;padding-bottom:26px}
}
@media (max-width:1250px){
 .site-header .brand{width:215px}
 .site-header .desktop-nav{margin:0;padding-top:12px;gap:4px 28px}
 .site-header{row-gap:17px}
 .site-header .desktop-nav a{padding:9px 0}
}
@media (max-width:650px){
 .site-header{padding-top:17px;padding-bottom:12px;column-gap:16px;row-gap:15px}
 .site-header .brand{width:135px}
 .site-header .desktop-nav{gap:0 10px;padding-top:7px}
 .site-header .desktop-nav a{font-size:12px;letter-spacing:.045em;min-height:43px}
 .footer-identity>a{width:240px}
 .site-footer{border-bottom-width:4px}
 .concept-hero.concept-range>.concept-product-grid{gap:12px}
}
@media (max-width:390px){
 .site-header .brand{width:115px}
 .site-header{column-gap:10px}
}
@media (max-width:340px){
 .site-header .brand{width:100px}
 .site-header .desktop-nav a{font-size:12px}
}
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px}
.site-header .desktop-nav{display:flex;order:initial;flex:initial;justify-content:flex-end;align-items:center;flex-wrap:wrap;width:auto;margin:0;padding:0;border:0;gap:10px clamp(18px,2.2vw,38px)}
.site-header .desktop-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0;white-space:nowrap}
@media (max-width:1050px){
 .site-header{grid-template-columns:1fr;gap:15px}
 .site-header .desktop-nav{justify-content:space-between;gap:8px 18px;border-top:1px solid #ffffff25;padding-top:9px}
 .site-header .brand{justify-self:start}
}
@media (max-width:650px){
 .site-header .desktop-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}
 .site-header .desktop-nav a{white-space:normal;min-height:44px}
 .site-header{gap:12px}
}
.ingredient-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;background:#e8eef4;border-top:1px solid #11244015;border-bottom:1px solid #11244015}
.ingredient-feature-heading h2{font-size:clamp(40px,4.5vw,76px);line-height:1.08;margin:0 0 26px}
.ingredient-feature-heading>p:not(.eyebrow){max-width:42ch;font-size:19px;line-height:1.6}
.ingredient-feature .eyebrow{display:flex;align-items:center;gap:10px}
.ingredient-feature .eyebrow::before{content:"";width:24px;height:3px;background:var(--orange);flex:none}
@media (max-width:760px){
 .ingredient-feature{grid-template-columns:1fr;gap:26px}
 .ingredient-feature-heading h2{font-size:clamp(39px,9vw,62px)}
 .ingredient-feature-heading>p:not(.eyebrow){font-size:17px}
}
.ingredient-promise{font-weight:600;border-left:3px solid var(--orange);padding-left:17px}
.ingredient-feature-heading .fine-print{font-size:13px;max-width:45ch;line-height:1.55}
.concept-actions{align-items:center;gap:16px 26px}
.concept-actions>a{min-height:52px;font-family:Worx,Arial,sans-serif;font-size:16px;line-height:1.4}
.concept-actions .concept-button{border:0;padding:15px 23px;border-radius:3px;font-weight:600;box-shadow:none}
.concept-actions .concept-button:hover{background:#173553;color:white}
.concept-actions>a:not(.concept-button){font-weight:500;padding:10px 0}
.footer-identity .footer-tagline{transform:rotate(-3deg);transform-origin:center;text-align:center}
.ingredient-feature-heading h2{transform:rotate(-2deg);transform-origin:left center;margin-bottom:32px}
@media (max-width:650px){
 .concept-actions{gap:10px 22px}
 .ingredient-feature-heading h2{transform:rotate(-1.5deg);margin-bottom:28px}
}
.homepage .recipe-section>.section-heading{flex-direction:row-reverse;align-items:flex-end;justify-content:space-between}
.homepage .recipe-section>.section-heading>div{text-align:right}
.homepage .recipe-section>.section-heading .eyebrow{justify-content:flex-end}
@media (max-width:760px){
 .homepage .recipe-section>.section-heading{display:flex;flex-direction:column;align-items:center;gap:24px}
 .homepage .recipe-section>.section-heading>div{text-align:center}
 .homepage .recipe-section>.section-heading .eyebrow{justify-content:center}
 .homepage .recipe-section>.section-heading h2{font-size:clamp(36px,8.4vw,60px)}
}
@font-face{font-family:WorxHand;src:url("/assets/caveat-latin.woff2") format("woff2");font-weight:400 700;font-display:swap}
.booklet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10%;padding-top:90px;padding-bottom:100px}
.booklet-art{grid-column:1;grid-row:1;max-width:540px;position:relative;margin:0;justify-self:center;overflow:visible}
.booklet-copy{grid-column:2;grid-row:1;justify-self:start;width:100%;min-width:0}
.booklet .booklet-note{position:absolute;right:0;bottom:-59px;font-family:WorxHand,cursive;font-style:normal;font-weight:500;font-size:31px;line-height:1.1;transform:rotate(-5deg);padding:0;background:transparent;color:var(--navy);white-space:nowrap}
.booklet-note-arrow{position:absolute;right:100%;bottom:8px;width:85px;height:54px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:7px}
@media (max-width:760px){
 .booklet{grid-template-columns:1fr;gap:90px;padding-top:65px;padding-bottom:65px}
 .booklet-art{grid-column:1;grid-row:1;width:90%;max-width:460px;margin:0 auto}
 .booklet-copy{grid-column:1;grid-row:2;justify-self:center;max-width:560px}
 .booklet .booklet-note{font-size:28px;bottom:-53px;right:0}
 .booklet-note-arrow{width:65px;height:45px;bottom:6px}
}
.concept-hero.concept-range>.concept-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding-bottom:46px}
.concept-message{min-width:0}
.concept-hero.concept-range .concept-message h1{grid-row:auto;font-size:clamp(65px,6.8vw,120px);margin:0 0 25px;line-height:.98}
.concept-message .concept-description{max-width:40ch;margin:0 0 22px}
.opening-bites-feature{position:relative;margin:0;width:100%;min-width:0;justify-self:end;padding-bottom:72px}
.opening-bites-feature>a{display:block;height:clamp(340px,29vw,640px);overflow:hidden;border-radius:3px}
.opening-bites-feature img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block}
.opening-bites-feature figcaption{position:absolute;right:0;bottom:7px;font-family:WorxHand,cursive;font-size:33px;font-weight:500;line-height:1.1;white-space:nowrap;transform:rotate(-5deg);color:var(--navy)}
.opening-bites-arrow{position:absolute;right:100%;bottom:8px;width:85px;height:54px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:7px}
@media (max-width:850px){
 .concept-hero.concept-range>.concept-copy{grid-template-columns:1fr;gap:34px}
 .concept-hero.concept-range .concept-message h1{font-size:clamp(54px,10vw,84px)}
 .opening-bites-feature{justify-self:center}
}
@media (max-width:650px){
 .opening-bites-feature>a{height:clamp(215px,58vw,330px)}
 .opening-bites-feature figcaption{font-size:28px}
 .opening-bites-arrow{width:65px;height:45px;bottom:6px}
 .opening-bites-feature{padding-bottom:65px}
}
@media (max-width:450px){
 .concept-hero.concept-range .concept-message h1{font-size:clamp(46px,12vw,60px)}
}
@media (max-width:390px){
 .opening-bites-feature figcaption{font-size:26px}
 .opening-bites-arrow{width:48px;margin-right:5px}
}
.ingredient-feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px 5%;align-items:center;padding-bottom:0;border:0;background:#e8eef4}
.ingredient-portrait{position:relative;margin:0;min-width:0;overflow:visible;background:transparent;color:var(--navy);transform:rotate(-2deg);transform-origin:center}
.ingredient-map{position:relative;aspect-ratio:1000/850}
.ingredient-map>img{position:absolute;inset:14.11765% 0 auto;display:block;width:100%;height:71.64706%;object-fit:contain}
.ingredient-callout-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#17355370;stroke-width:2;pointer-events:none}
.ingredient-callout-dots{fill:#f37a27;stroke:#fff;stroke-width:2}
.ingredient-hotspot{position:absolute;top:var(--position);transform:translateY(-22px);width:19%;z-index:1}
.ingredient-hotspot.left{left:2%}
.ingredient-hotspot.right{right:2%}
.ingredient-hotspot.bottom-left{left:17%;width:24%}
.ingredient-hotspot.bottom-right{right:17%;width:24%}
.ingredient-hotspot .ingredient-callout{position:static;transform:none;width:100%;min-height:44px;display:flex;align-items:center;font-family:WorxHand,cursive;font-size:clamp(18px,1.9vw,34px);font-weight:600;line-height:1.05;color:var(--navy);padding:4px 2px;border:0;border-radius:0;background:transparent;text-decoration:none;text-shadow:none}
.ingredient-hotspot.left .ingredient-callout{justify-content:flex-end;text-align:right}
.ingredient-hotspot.right .ingredient-callout{text-align:left}
.ingredient-hotspot.bottom-left .ingredient-callout,
.ingredient-hotspot.bottom-right .ingredient-callout{justify-content:center;text-align:center}
.ingredient-callout[aria-pressed=true]{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px}
.ingredient-callout:focus-visible{outline:2px solid #f37a27;outline-offset:2px}
.ingredient-portrait{padding-bottom:140px}
.ingredient-label-description{margin:6px 0 0;color:#173553;font:16px/1.4 Worx,Arial,sans-serif;background:transparent;border:0;box-shadow:none;padding:0;min-height:4.2em}
.ingredient-label-description[hidden]{display:none}
.ingredient-hotspot.left .ingredient-label-description{text-align:right}
.ingredient-hotspot.right .ingredient-label-description{text-align:left}
.ingredient-hotspot.bottom-left .ingredient-label-description,
.ingredient-hotspot.bottom-right .ingredient-label-description{text-align:center}
.ingredient-portrait>.ingredient-prompt{position:absolute;bottom:0;left:0;right:0;font-size:14px;text-align:center;color:#455b70;margin:0;padding:15px 0}
.ingredient-caret{display:none;border-right:2px solid #f37a27;height:1em;vertical-align:-.12em;margin-left:2px}
.is-typing .ingredient-caret{display:inline-block;animation:ingredient-cursor .8s steps(1) infinite}
@keyframes ingredient-cursor{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){
 .ingredient-caret{animation:none}
}
@media (max-width:1050px){
 .ingredient-feature{grid-template-columns:1fr;gap:38px}
 .ingredient-portrait{width:100%;max-width:850px;justify-self:center}
 .ingredient-hotspot .ingredient-callout{font-size:clamp(20px,3.4vw,32px)}
 .ingredient-feature-heading>p:not(.eyebrow){max-width:55ch}
}
@media (max-width:650px){
 .ingredient-hotspot .ingredient-callout{font-size:clamp(16px,4vw,23px)}
}
@media (max-width:500px){
 .ingredient-portrait{transform:rotate(-1deg)}
 .ingredient-map{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:auto;padding-bottom:10px}
 .ingredient-map>img{position:static;grid-column:1/-1;height:auto}
 .ingredient-callout-lines{display:none}
 .ingredient-hotspot,
.ingredient-hotspot.bottom-left,
.ingredient-hotspot.bottom-right{position:static;transform:none;width:auto;padding:0 8px}
 .ingredient-hotspot .ingredient-callout{font-size:24px;padding:5px}
 .ingredient-hotspot.left .ingredient-callout,
.ingredient-hotspot.right .ingredient-callout{justify-content:center;text-align:center}
 .ingredient-callout:focus-visible{outline-offset:-2px}
 .ingredient-portrait{padding-bottom:35px}
 .ingredient-label-description{font-size:16px;text-align:center!important;min-height:0;margin-bottom:15px}
}
.concept-hero.concept-range>.concept-product-grid{gap:28px;padding-top:34px}
.concept-hero.concept-range>.concept-product-grid>a{box-shadow:0 8px 22px #11244016}
.concept-hero.concept-range>.concept-product-grid>a:first-child{transform:rotate(-1.25deg)}
.concept-hero.concept-range>.concept-product-grid>a:last-child{transform:translateY(24px) rotate(1.25deg)}
.concept-hero.concept-range>.concept-copy{gap:28px;padding-top:62px}
.opening-bites-feature>a{transform:rotate(-1.25deg);box-shadow:0 8px 22px #11244016}
.opening-bites-feature figcaption{bottom:0;right:10px}
@media (max-width:850px){
 .concept-hero.concept-range>.concept-copy{gap:34px}
}
@media (max-width:650px){
 .concept-hero.concept-range>.concept-product-grid{gap:12px;padding-top:22px}
 .concept-hero.concept-range>.concept-product-grid>a:first-child{transform:rotate(-.75deg)}
 .concept-hero.concept-range>.concept-product-grid>a:last-child{transform:translateY(12px) rotate(.75deg)}
 .concept-hero.concept-range>.concept-copy{padding-top:40px}
 .opening-bites-feature>a{transform:rotate(-.75deg)}
 .opening-bites-feature figcaption{right:3px}
}
.opening-gallery-note{display:flex;align-items:center;gap:14px;padding:40px var(--gutter) 0;color:var(--navy);font:500 clamp(29px,2.5vw,42px)/1.15 WorxHand,cursive}
.opening-gallery-note svg{width:70px;height:45px;fill:none;stroke:#b74700;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(8deg)}
.concept-hero.concept-range>.concept-product-grid{padding-top:14px}
.opening-story-note{margin-top:30px;padding:22px 26px 24px;background:#fff1e4;border-left:4px solid var(--orange);max-width:520px}
.opening-story-note .opening-story-heading{font:600 clamp(27px,2.6vw,38px)/1.15 WorxHand,cursive;margin:0 0 10px;color:var(--navy)}
.opening-story-note>p:not(.opening-story-heading){font-size:17px;line-height:1.55;margin:0 0 13px;max-width:42ch}
.opening-story-note>a{font-size:15px;font-weight:700;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#b74700;text-underline-offset:5px}
.home-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;background:#f5f3eb;align-items:start}
.home-faq-intro h2{font-size:clamp(38px,4.5vw,68px);line-height:1.03;margin-bottom:24px}
.home-faq-intro>p:not(.eyebrow){max-width:30ch;margin-bottom:26px;font-size:18px;line-height:1.6}
.home-faq .faq-list{width:100%;max-width:none}
.home-faq .faq-list details{background:transparent}
.home-faq .faq-list summary{font-size:20px;line-height:1.4;padding-block:24px;gap:18px}
.home-faq .faq-list details>p{font-size:17px;line-height:1.65;max-width:100%}
.faq-directory{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:8%;align-items:start}
.faq-topic+.faq-topic{margin-top:56px}
.faq-topic h2{font-size:clamp(30px,3.5vw,48px);margin-bottom:18px;scroll-margin-top:35px}
.faq-topics .faq-list{max-width:none;margin:0}
@media (max-width:850px){
 .opening-story-note{max-width:600px}
 .home-faq,
.faq-directory{grid-template-columns:1fr;gap:36px}
 .home-faq-intro>p:not(.eyebrow){max-width:48ch}
 .faq-topic+.faq-topic{margin-top:42px}
}
@media (max-width:650px){
 .opening-gallery-note{padding:28px 22px 0;font-size:29px;gap:10px}
 .opening-gallery-note svg{width:54px;height:38px}
 .concept-hero.concept-range>.concept-product-grid{padding-top:12px}
 .opening-story-note{margin-top:24px;padding:18px 20px}
 .opening-story-note>p:not(.opening-story-heading){font-size:16px}
 .home-faq .faq-list summary{font-size:18px;padding-block:20px}
 .home-faq .faq-list details>p{font-size:16px}
 .faq-topic h2{font-size:34px}
}
body:not(.homepage) main .eyebrow{display:flex;align-items:center;gap:10px}
body:not(.homepage) main .eyebrow::before{content:"";display:block;width:22px;height:3px;flex:none;background:var(--orange)}
body:not(.homepage) main h1::after{content:"";display:block;width:72px;height:4px;margin-top:25px;background:var(--orange)}
.page-intro{position:relative;background:#e8eef4;border-bottom:0;padding-bottom:58px}
.page-intro::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:20px;background:var(--paper);clip-path:polygon(0 100%,100% 0,100% 100%)}
.recipe-library .filters button[aria-pressed=true]{background:#173553;color:white;box-shadow:inset 0 -3px 0 var(--orange)}
.recipe-library .recipe-card .eyebrow::before,
.related .recipe-card .eyebrow::before{width:14px}
main .text-link{border-bottom-color:var(--orange)}
.contact-form-panel,
.booklet-download .download-copy form{border-top:3px solid var(--orange)}
.booklet-download .download-copy form{padding-top:24px}
.story-content .ingredient-line>span{border-bottom:2px solid #f37a2780}
.narrow h2{padding-left:17px;border-left:3px solid var(--orange)}
.faq-list summary:focus-visible,
.filters button:focus-visible{outline-color:var(--orange)}
@media (max-width:650px){
 body:not(.homepage) main h1::after{width:54px;height:3px;margin-top:21px}
 .page-intro{padding-bottom:44px}
 .narrow h2{padding-left:12px}
}
.filters{gap:5px;margin-bottom:34px;padding-bottom:0;border-bottom:1px solid #17355330}
.filters button{border:0;border-radius:0;background:transparent;padding:14px 18px;min-height:50px;font-size:15px;font-weight:500;box-shadow:inset 0 -3px 0 transparent}
.filters button:hover{background:#ffffff80;color:var(--navy)}
.filters button[aria-pressed=true],
.recipe-library .filters button[aria-pressed=true]{background:#173553;color:#fff;box-shadow:inset 0 -3px 0 var(--orange);font-weight:600}
.recipe-library .filters{justify-content:flex-start}
.section-heading>a.text-link.large-link{background:#173553;color:#fff;border:0;border-left:3px solid var(--orange);padding:14px 21px;min-height:50px;border-radius:2px;font-size:16px;font-weight:600;text-decoration:none}
.section-heading>a.text-link.large-link:hover{background:#244b72;opacity:1}
.recipe-card>a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #11244012;border-radius:3px;overflow:hidden;box-shadow:0 4px 16px #11244008;transition:box-shadow .2s}
.recipe-card>a:hover{box-shadow:0 7px 24px #11244018}
.recipe-card>a:focus-visible{outline-color:var(--orange)}
.recipe-card .recipe-photo{border-radius:0;margin:0}
.recipe-card .eyebrow{margin:20px 20px 10px}
.recipe-card :is(h3,.recipe-card-title){margin:0 20px 10px;line-height:1.15}
.recipe-card .recipe-wink{margin:0 20px 14px;font-size:16px;line-height:1.45}
.recipe-card .card-meta{margin:auto 20px 20px;padding-top:10px;border-top:1px solid #11244018;font-size:14px}
.feature-grid{gap:24px}
.feature-grid article{position:relative;background:#e8eef4;padding:28px;min-width:0;border-radius:3px}
.feature-grid article::before{content:"";position:absolute;top:0;left:28px;width:42px;height:3px;background:var(--orange)}
.feature-number{font-family:WorxHand,cursive;font-style:normal;font-size:46px;color:#173553;line-height:1;margin-bottom:18px}
.feature-grid h3{line-height:1.2}
.feature-grid p{font-size:17px;line-height:1.55}
.service-details{background:#e8eef4}
.founder-note{border-left:3px solid var(--orange);padding:24px 30px;background:#f5f3eb;margin-top:32px}
.founder-note>p{font-family:WorxHand,cursive;font-size:clamp(28px,3vw,42px);line-height:1.2;margin:0 0 12px}
.founder-note>span{font-size:14px}
.faq-list details{padding:0 20px;border-left:3px solid transparent;transition:background .2s}
.faq-list details[open]{background:#e8eef4;border-left-color:var(--orange)}
.faq-list summary{min-height:68px;gap:20px}
.faq-list summary span{color:#b74700}
.faq-list details>p{padding-bottom:22px}
.recipe-tools .text-link{background:#e8eef4;border:0;border-bottom:2px solid var(--orange);padding:10px 14px;min-height:44px;border-radius:2px;font-weight:500}
.recipe-tools .text-link:hover{opacity:1;background:#dce6ee}
.method li::marker{color:#b74700;font-family:WorxHand,cursive;font-size:27px;font-weight:600}
.button{border-radius:3px;min-height:50px;font-weight:600}
.contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea,
.booklet-download input:not([type=checkbox]){border-radius:3px}
.contact-form-panel input:focus,
.contact-form-panel textarea:focus,
.booklet-download input:focus{border-color:#173553;outline-color:var(--orange)}
@media (max-width:900px){
 .feature-grid{gap:18px}
 .feature-grid article{padding:23px}
 .feature-grid article::before{left:23px}
}
@media (max-width:650px){
 .filters{display:grid;grid-template-columns:1fr 1fr;gap:3px;border:0}
 .filters button{padding:12px 9px;text-align:center;font-size:14px;line-height:1.3;min-height:50px;border-bottom:1px solid #17355325}
 .recipe-card .eyebrow{margin:15px 14px 9px}
 .recipe-card :is(h3,.recipe-card-title){margin:0 14px 9px;font-size:23px}
 .recipe-card .recipe-wink{margin:0 14px 12px;font-size:15px}
 .recipe-card .card-meta{margin:auto 14px 16px}
 .feature-grid{grid-template-columns:1fr}
 .feature-grid article{padding:25px}
 .feature-number{font-size:40px}
 .faq-list details{padding-inline:13px}
 .faq-list summary{font-size:18px}
 .founder-note{padding:22px}
 .recipe-tools{gap:8px}
}
.ingredient-feature-heading .eyebrow{margin-bottom:30px}
.ingredient-feature-heading h2{margin-bottom:52px}
.ingredient-feature-heading>p:not(.eyebrow){margin-bottom:30px}
.ingredient-feature-heading .ingredient-promise{margin-top:35px;margin-bottom:32px}
.ingredient-feature-heading .fine-print{margin-top:30px}
.contact-copy .contact-mark{position:static;display:block;width:clamp(240px,21vw,380px);max-width:80%;height:auto;margin:46px 0 0}
.contact-form-panel select{font-weight:400;min-height:48px;line-height:1.5}
.contact-form-panel select option{font-weight:400}
.recipe-browser-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:22px}
.recipe-browser-summary .filter-count{margin:0;font:14px/1.5 Worx,Arial,sans-serif;color:#455b70}
.recipe-browser-summary .recipe-personality-note{margin:0;font:500 30px/1.2 WorxHand,cursive;color:var(--navy);transform:rotate(-2deg)}
@media (max-width:650px){
 .recipe-browser-summary{gap:8px 18px}
 .recipe-browser-summary .recipe-personality-note{font-size:28px}
}
.faq-section .faq-directory{display:block;max-width:1040px;margin:0 auto}
.faq-topic h2::after{content:"";display:block;width:54px;height:3px;margin-top:16px;background:var(--orange)}
.page-intro>.eyebrow{justify-content:center}
.page-intro>h1::after{margin-inline:auto}
.page-intro,
.split-intro>div,
.detail-copy,
.download-copy{position:relative;isolation:isolate}
.page-intro{overflow:hidden}
.page-intro::before,
.split-intro>div::before,
.detail-copy::before,
.download-copy::before{content:"";position:absolute;pointer-events:none;background:url("/assets/pretzel-mark.svg") center/contain no-repeat;opacity:.035;filter:brightness(0);transform:rotate(-12deg);z-index:-1}
.page-intro::before{width:clamp(200px,25vw,390px);aspect-ratio:1;right:4%;top:8px}
.split-intro>div::before{width:clamp(200px,20vw,330px);aspect-ratio:1;right:5%;bottom:20px;filter:brightness(0) invert(1);opacity:.06}
.detail-copy::before{width:clamp(150px,15vw,250px);aspect-ratio:1;right:7%;top:28px;opacity:.025}
.download-copy::before{width:clamp(160px,17vw,260px);aspect-ratio:1;right:0;top:-20px;opacity:.03}
@media (max-width:650px){
 .page-intro::before{width:180px;right:2%;top:20px;opacity:.025}
 .split-intro>div::before{width:190px;opacity:.045}
 .detail-copy::before,
.download-copy::before{width:150px;opacity:.02}
}
@media (max-width:650px){
 .contact-copy .contact-mark{display:none}
}
@media (max-width:650px){
 .ingredient-feature-heading .eyebrow{margin-bottom:25px}
 .ingredient-feature-heading h2{margin-bottom:40px}
 .ingredient-feature-heading>p:not(.eyebrow){margin-bottom:25px}
 .ingredient-feature-heading .ingredient-promise{margin-top:30px;margin-bottom:27px}
 .ingredient-feature-heading .fine-print{margin-top:27px}
}
.canadian-ownership.ownership-emblem{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;padding:12px 15px;background:#fff;color:#173553;line-height:1.2;letter-spacing:0;text-align:left;font-size:12px;border-radius:3px}
.ownership-emblem .canada-flag{width:30px;height:23px;display:block;flex:none}
.ownership-emblem>span{display:flex;flex-direction:column;gap:4px}
.ownership-emblem strong{font-size:14px;letter-spacing:.085em}
.ownership-emblem>span>span{font-size:10px;letter-spacing:.045em;white-space:nowrap}
.canadian-ownership.emblem-navy{background:#173553;color:white;border:1px solid #ffffff90;border-radius:5px;padding:13px 15px}
.emblem-navy strong{font-size:13px}
.ownership-emblem>span>span{font-size:12px;letter-spacing:0}
.canadian-ownership.ownership-emblem.emblem-navy{display:inline-flex;align-items:center;gap:11px;padding:11px 14px;background:#173553;border:1px solid #ffffff80;border-radius:5px;color:white;text-align:left}
.ownership-emblem.emblem-navy>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.25}
.ownership-emblem.emblem-navy strong,
.ownership-emblem.emblem-navy>span>span{font-family:Worx,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.055em;line-height:1.25;margin:0;white-space:nowrap}
.ownership-emblem.emblem-navy .canada-flag{display:block;width:30px;height:23px;flex:none;align-self:center}
.site-header{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:12px 32px;padding-top:18px;padding-bottom:18px;align-items:center}
.site-header .brand{width:245px;grid-column:1;grid-row:1/3;align-self:center;display:flex;align-items:center;justify-content:center}
.site-header .brand img{display:block;width:100%;height:auto}
.masthead-ownership{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center}
.site-header .desktop-nav{grid-column:2;grid-row:2;justify-content:flex-end;border:0;padding:0;margin:0}
.masthead-ownership .canadian-ownership.ownership-emblem.emblem-navy{border:0;box-shadow:none;background:transparent;padding:0;border-radius:0}
@media (min-width:2000px){
 .site-header .brand{width:290px}
}
@media (max-width:1050px){
 .site-header{grid-template-columns:auto minmax(0,1fr);gap:16px 24px}
 .site-header .brand{width:225px;grid-row:1}
 .masthead-ownership{grid-row:1}
 .site-header .desktop-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:9px}
}
@media (max-width:650px){
 .site-header .brand{width:145px}
 .site-header{gap:14px 16px}
 .masthead-ownership .ownership-emblem.emblem-navy{gap:8px}
 .masthead-ownership .ownership-emblem.emblem-navy .canada-flag{width:25px;height:19px}
 .masthead-ownership .ownership-emblem.emblem-navy>span>span{white-space:normal;max-width:100px}
 .site-header .desktop-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:390px){
 .site-header .brand{width:130px}
 .site-header{column-gap:12px}
 .masthead-ownership .ownership-emblem.emblem-navy{gap:6px}
}
@media (max-width:340px){
 .site-header .brand{width:115px}
 .site-header{column-gap:10px}
}
.masthead-ownership .canadian-ownership.emblem-navy{flex-direction:row-reverse}
.masthead-ownership .ownership-emblem.emblem-navy>span{align-items:flex-end;text-align:right}
.site-header{padding-top:32px;padding-bottom:32px;row-gap:16px;isolation:isolate;overflow:hidden}
.site-header .desktop-nav{column-gap:42px}
.site-header .desktop-nav a+a::before{content:"";position:absolute;left:-27px;top:50%;width:12px;height:1px;background:#ffffff75;pointer-events:none}
@media (max-width:1050px){
 .site-header{padding-top:28px;padding-bottom:28px}
 .site-header .desktop-nav{column-gap:28px}
 .site-header .desktop-nav a+a::before{left:-20px;width:10px}
}
@media (max-width:650px){
 .site-header{padding-top:25px;padding-bottom:25px;row-gap:20px}
 .site-header .desktop-nav{column-gap:12px;border-top:0;padding-top:0}
 .site-header .desktop-nav a{border-bottom:1px solid #ffffff40}
 .site-header .desktop-nav a+a::before{display:none}
}
.site-header::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58% 240% at 88% -80%,#2b5476 0 59%,transparent 60%),radial-gradient(ellipse 62% 260% at 100% -100%,#214764 0 63%,transparent 64%);opacity:.42;pointer-events:none;z-index:-2}
@media (max-width:650px){
 .site-header::after{background:radial-gradient(ellipse 120% 180% at 110% -40%,#2b5476 0 59%,transparent 60%),radial-gradient(ellipse 125% 210% at 120% -55%,#214764 0 63%,transparent 64%);opacity:.35}
}
.site-header::before{content:none;background-image:none}
.site-header{border-bottom:0;border-radius:0 0 80px 24px}
.homepage{background:#f7f4ee}
.site-header .desktop-nav a+a::before{width:3px;height:20px;top:50%;transform:translateY(-50%);left:-24px;background:#ffffffb3;border-radius:1px}
@media (max-width:1050px){
 .site-header .desktop-nav a+a::before{left:-17px}
}
@media (max-width:650px){
 .site-header{border-radius:0 0 42px 18px}
 .site-header .desktop-nav{gap:10px 0}
 .site-header .desktop-nav a{border-bottom:0;border-right:3px solid #ffffffa0;padding-inline:9px}
 .site-header .desktop-nav a:nth-child(3n){border-right:0}
 .site-header .desktop-nav a+a::before{display:none}
}
.site-header{border-radius:0;padding-bottom:48px}
.site-header::before{content:"";position:absolute;left:-24px;right:-24px;top:auto;bottom:0;height:16px;background:repeating-conic-gradient(#edf4f8 0 25%,#4a7ca1 0 50%) 50% / 32px 28px;transform:skewX(-24deg);filter:none;opacity:1;pointer-events:none;z-index:-1}
@media (max-width:650px){
 .site-header{border-radius:0;padding-bottom:39px}
 .site-header::before{height:14px;background-size:28px 24px}
}
.site-header{padding-bottom:58px;border-radius:0}
.site-header::before{left:0;right:0;height:26px;background:url("/assets/bavarian-lozenges.svg") center / 64px 64px repeat;transform:none;filter:none;opacity:1;clip-path:polygon(0 0,100% 16%,100% 100%,0 84%)}
@media (max-width:650px){
 .site-header{padding-bottom:47px}
 .site-header::before{height:22px;background-size:56px 56px}
}
.site-header{padding-bottom:32px;border-radius:0;background:#173553}
.site-header::before,
.site-header::after{content:none;background:none;clip-path:none}
@media (max-width:650px){
 .site-header{padding-bottom:25px}
}
.site-header{position:relative;overflow:visible;margin-bottom:48px;border-radius:0;background:#173553}
.site-header::after{content:"";position:absolute;inset:auto 0 -48px;height:49px;background:#173553;clip-path:polygon(0 0,100% 0,0 100%);opacity:1;z-index:-1;pointer-events:none}
.site-footer{position:relative;padding-bottom:100px}
.site-footer::after{content:"";position:absolute;inset:auto 0 0;height:62px;background:#173553;clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
@media (max-width:650px){
 .site-header{margin-bottom:27px}
 .site-header::after{bottom:-27px;height:28px}
 .site-footer{padding-bottom:78px}
 .site-footer::after{height:38px}
}
.site-header nav.desktop-nav>a:hover{text-decoration:none}
.site-header .desktop-nav>a::after{background:var(--orange)}
.site-footer{padding-bottom:168px}
.site-footer::after{height:132px;clip-path:polygon(0 58%,100% 0,100% 100%,0 100%)}
@media (max-width:650px){
 .site-footer{padding-bottom:160px}
 .site-footer::after{height:132px}
}
.site-header .brand{position:relative;top:12px}
@media (max-width:650px){
 .site-header .brand{top:7px}
}
.site-footer::after{z-index:0}
.footer-bottom{position:absolute;z-index:1;left:var(--gutter);right:var(--gutter);bottom:14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:0;border:0;color:#fff;opacity:1;font-size:14px;line-height:1.4;transform-origin:left center}
.footer-bottom .footer-legal{display:flex;flex-wrap:nowrap;gap:24px;transform:translateY(-66px)}
.footer-bottom .footer-legal a{min-height:44px;color:#fff;white-space:nowrap;text-decoration:none}
.footer-bottom .footer-legal a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom .footer-legal a:focus-visible{outline:2px solid #f37a27;outline-offset:3px}
@supports (transform:rotate(atan2(-1px,1px))){
 .footer-bottom{transform:rotate(atan2(-76.56px,100vw))}
 .footer-bottom .footer-legal{transform:none}
}
@media (max-width:850px){
 .site-footer{padding-bottom:238px}
 .site-footer::after{height:200px;clip-path:polygon(0 22%,100% 0,100% 100%,0 100%)}
 .footer-bottom{bottom:20px;flex-direction:column;align-items:center;gap:10px;transform:none;text-align:center}
 .footer-bottom .footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;transform:none;width:min(100%,440px);order:-1}
 .footer-bottom .footer-legal a{justify-content:center;font-size:14px}
}
.site-header{display:block;padding-top:18px;padding-bottom:20px}
.site-header .masthead-line{position:relative;top:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;column-gap:clamp(24px,2.2vw,44px);transform:rotate(-2deg);transform-origin:left bottom}
.site-header .masthead-line .brand{grid-column:1;grid-row:1;top:0;align-self:end;transform:none;margin:0}
.site-header .masthead-line .desktop-nav{grid-column:2;grid-row:1;align-self:end;justify-content:center;flex-wrap:nowrap;column-gap:clamp(24px,2.2vw,42px);row-gap:0;border:0;padding:0}
.site-header .masthead-line .masthead-ownership{grid-column:3;grid-row:1;align-self:end;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.site-header .masthead-line .desktop-nav a+a::before{left:calc(-.5 * clamp(24px,2.2vw,42px) - 1.5px)}
@supports (transform:rotate(atan2(-1px,1px))){
 .site-header .masthead-line{transform:rotate(atan2(-48px,100vw))}
}
@media (max-width:1250px){
 .site-header .masthead-line{grid-template-columns:auto minmax(0,1fr);gap:18px 24px}
 .site-header .masthead-line .masthead-ownership{grid-column:2;grid-row:1}
 .site-header .masthead-line .desktop-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;column-gap:28px}
 .site-header .masthead-line .desktop-nav a+a::before{left:-15.5px}
}
@media (max-width:650px){
 .site-header{padding-top:22px;padding-bottom:20px}
 .site-header .masthead-line{top:17px;gap:20px 16px;transform:rotate(-4deg)}
 .site-header .masthead-line .desktop-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0;justify-content:initial}
 .site-header .masthead-line .desktop-nav a{min-height:44px}
 .site-header .masthead-line .desktop-nav a+a::before{display:none}
}
@supports (transform:rotate(atan2(-1px,1px))){
 @media (max-width:650px){
  .site-header .masthead-line{transform:rotate(atan2(-27px,100vw))}
 }
}
@media (max-width:390px){
 .site-header .masthead-line{column-gap:12px}
}
@media (max-width:340px){
 .site-header .masthead-line{column-gap:10px}
}
.site-header{--header-underlay:var(--paper)}
.site-header::before{content:"";position:absolute;inset:auto 0 -48px;height:49px;background:var(--header-underlay);clip-path:none;transform:none;filter:none;opacity:1;z-index:-2;pointer-events:none}
.site-header .masthead-line .desktop-nav a{text-decoration:none}
.site-header .masthead-line .desktop-nav a::after{background:var(--orange)}
@media (max-width:650px){
 .site-header::before{bottom:-27px;height:28px}
}
.site-footer .footer-newsletter{border-bottom:0}
.site-footer .footer-main{position:relative;transform:rotate(-3deg);transform-origin:left top}
.site-footer .footer-main .footer-logo,
.site-footer .footer-main .footer-tagline{transform:none}
@supports (transform:rotate(atan2(-1px,1px))){
 .site-footer .footer-main{transform:rotate(atan2(-76.56px,100vw))}
}
@media (max-width:850px){
 .site-footer .footer-main{transform:none}
 .site-footer .footer-main>div,
.site-footer .footer-main>nav{transform:rotate(-2deg);transform-origin:center}
}
.site-footer{padding-bottom:224px}
.site-footer::after{height:190px;clip-path:polygon(0 40.29474%,100% 0,100% 100%,0 100%)}
.site-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8%}
.footer-bottom{display:grid;grid-template-columns:1fr;gap:10px;text-align:left}
.footer-bottom .footer-connect{grid-column:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:30px;font-size:14px;line-height:1.4}
.footer-bottom .footer-connect>a,
.footer-bottom .social-links a{display:inline-flex;align-items:center;min-height:44px;color:#fff;border:0;text-decoration:none;white-space:nowrap}
.footer-bottom .social-links{display:flex;align-items:center;gap:24px;margin:0}
.footer-bottom .footer-legal{order:initial;width:auto;transform:none}
.footer-bottom .footer-connect a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom .footer-connect a:focus-visible{outline:2px solid #f37a27;outline-offset:3px}
@media (max-width:850px){
 .site-footer{padding-bottom:368px}
 .site-footer::after{height:330px;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
 .footer-bottom{bottom:20px;text-align:center;transform:none;gap:8px}
 .footer-bottom .footer-connect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;justify-items:center}
 .footer-bottom .footer-connect>a{grid-column:1/-1;white-space:normal}
 .footer-bottom .social-links{display:contents}
 .footer-bottom .footer-legal{order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:min(100%,440px);transform:none}
}
@media (max-width:650px){
 .site-footer .footer-main{grid-template-columns:1fr;gap:30px}
}
.mobile-nav-toggle{display:none}
.mobile-nav-toggle[hidden],
.site-header .masthead-line .desktop-nav[hidden]{display:none!important}
@media (max-width:850px){
 .site-header{padding:20px var(--gutter);margin-bottom:27px}
 .site-header::before,
.site-header::after{bottom:-27px;height:28px}
 .site-header .masthead-line{top:0;transform:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 12px}
 .site-header .masthead-line .brand{width:clamp(185px,36vw,240px);max-width:100%;align-self:center;grid-row:1;grid-column:1}
 .site-header .masthead-line .masthead-ownership{grid-row:2;grid-column:1/-1;min-height:0;justify-content:flex-end;align-self:center}
 .site-header .masthead-ownership .ownership-emblem{gap:8px}
 .site-header .masthead-ownership .ownership-emblem>span{flex-direction:row;gap:4px;align-items:center}
 .site-header .masthead-ownership .ownership-emblem strong,
.site-header .masthead-ownership .ownership-emblem>span>span{font-size:10px;letter-spacing:.03em}
 .site-header .masthead-ownership .canada-flag{width:25px;height:18px}
 .mobile-nav-toggle{grid-row:1;grid-column:2;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 12px;color:white;background:transparent;border:1px solid #ffffff70;border-radius:0;font:600 13px/1 Worx,Arial,sans-serif;letter-spacing:.05em}
 .mobile-nav-toggle svg{display:block;fill:none;stroke:currentColor;stroke-width:2}
 .mobile-nav-toggle[aria-expanded=true]{border-color:var(--orange)}
 .mobile-nav-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
 .site-header .masthead-line .desktop-nav{position:static;inset:auto;grid-row:3;grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:0;transform:none;background:transparent;color:#fff;width:100%;padding:6px 0 0;max-height:none}
 .site-header .masthead-line .desktop-nav a{display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:12px 0;border:0;border-top:1px solid #ffffff30;font-size:15px;text-align:left;white-space:normal}
 .site-header .masthead-line .desktop-nav a::before{display:none}
 .site-header .masthead-line .desktop-nav a::after{display:none}
 .site-header .masthead-line .desktop-nav a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:7px;text-decoration-thickness:3px}
 .site-footer{padding-bottom:0}
 .site-footer::after{display:none}
 .site-footer .footer-bottom{position:relative;inset:auto;margin:56px calc(-1 * var(--gutter)) 0;padding:26px var(--gutter) max(24px,env(safe-area-inset-bottom));background:#173553;transform:none;width:auto}
 .site-footer .footer-bottom::before{content:"";position:absolute;inset:-24px 0 auto;height:25px;background:#173553;clip-path:polygon(0 100%,100% 0,100% 100%)}
 .site-footer .footer-main>div,
.site-footer .footer-main>nav{transform:none}
 .footer-bottom a{overflow-wrap:anywhere}
}
@media (max-width:650px){
 .ingredient-portrait{transform:none;padding-bottom:42px}
 .ingredient-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;aspect-ratio:auto;padding-bottom:10px}
 .ingredient-map>img{position:static;grid-column:1/-1;height:auto;width:100%}
 .ingredient-callout-lines{display:none}
 .ingredient-hotspot,
.ingredient-hotspot.bottom-left,
.ingredient-hotspot.bottom-right{position:static;transform:none;width:auto;padding:0;min-width:0}
 .ingredient-hotspot .ingredient-callout{font-size:27px;padding:6px 0;justify-content:center!important;text-align:center!important}
 .ingredient-hotspot .ingredient-label-description{position:relative;display:block;min-height:0;margin:8px 0 4px;font-size:15px;line-height:1.45;text-align:center!important}
 .ingredient-label-description::before{content:attr(data-description);display:block;visibility:hidden}
 .ingredient-label-description[hidden]{display:block;visibility:hidden}
 .ingredient-label-description [data-ingredient-typed]{position:absolute;inset:0 0 auto;width:100%}
 .ingredient-label-description .ingredient-caret{display:none}
 .homepage .recipe-section>.section-heading{gap:20px;margin-bottom:28px}
 .homepage .recipe-section>.section-heading h2{font-size:clamp(32px,8vw,46px);margin-bottom:0}
 .homepage .recipe-section>.section-heading .large-link{margin:0;min-height:48px}
 .recipe-section .recipe-grid,
.recipe-library .recipe-grid,
.related .recipe-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .recipe-section .recipe-card:nth-child(even){padding-top:0}
 .recipe-section .recipe-photo,
.recipe-library .recipe-photo,
.related .recipe-photo{aspect-ratio:4/3}
 .recipe-card :is(h3,.recipe-card-title){font-size:28px;line-height:1.15}
 .recipe-card .eyebrow{min-height:0;margin:16px 0 8px;font-size:12px}
 .recipe-card .card-meta{font-size:14px}
 .filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;gap:8px;padding-bottom:10px;scroll-padding-inline:4px;-webkit-overflow-scrolling:touch}
 .filters button{flex:0 0 auto;min-height:46px;white-space:nowrap;padding:10px 14px;font-size:14px}
 .site-footer .footer-logo{width:min(240px,80%);margin-inline:auto}
 .site-footer .footer-tagline{font-size:28px}
 .site-footer .footer-main{gap:24px}
 .site-footer .footer-nav{gap:4px 18px}
 .site-footer .footer-nav a{min-height:44px;font-size:15px}
}
.site-footer{--footer-rise:76.56px;padding-bottom:0}
.site-footer::after{display:none}
.site-footer .footer-bottom{position:relative;inset:auto;display:block;margin:calc(var(--footer-rise) + 36px) calc(-1 * var(--gutter)) 0;padding:24px var(--gutter) max(28px,env(safe-area-inset-bottom));width:auto;background:#173553;color:#fff;transform:none;overflow:visible;font-size:15px}
.site-footer .footer-bottom::before{content:"";position:absolute;inset:calc(-1 * var(--footer-rise)) 0 auto;height:calc(var(--footer-rise) + 1px);background:#173553;clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
.footer-band-content{position:relative;transform:rotate(-3deg);transform-origin:left top}
.site-footer .footer-main{transform:rotate(-3deg);transform-origin:left top}
.site-footer .footer-main>div,
.site-footer .footer-main>nav{transform:none}
@supports (transform:rotate(atan2(-1px,1px))){
 .footer-band-content,
.site-footer .footer-main{transform:rotate(atan2(calc(-1 * var(--footer-rise)),100vw))}
}
.footer-contact-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-footer .footer-bottom .footer-connect{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 26px;font-size:15px}
.site-footer .footer-bottom .social-links{display:flex;align-items:center;gap:24px}
.site-footer .footer-bottom .footer-connect a{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;line-height:1.4;white-space:normal;color:#fff}
.footer-link-icon{display:block;width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-copyright{margin-left:auto;font-size:13px;line-height:1.5;text-align:right}
.site-footer .footer-bottom .footer-legal{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0;width:auto;margin-top:12px;transform:none}
.site-footer .footer-bottom .footer-legal a{position:relative;min-height:44px;padding:8px 18px;line-height:1.4;font-size:14px;text-align:center;white-space:normal;justify-content:center}
.site-footer .footer-bottom .footer-legal a:last-child{padding-right:0}
.site-footer .footer-bottom .footer-legal a+a::before{content:"";position:absolute;left:0;top:50%;height:17px;width:2px;background:#fff;transform:translateY(-50%)}
@media (max-width:1050px){
 .footer-contact-row{gap:12px}
 .footer-copyright{width:100%}
 .site-footer .footer-bottom .footer-legal{justify-content:flex-start}
 .site-footer .footer-bottom .footer-legal a:first-child{padding-left:0}
}
@media (max-width:850px){
 .site-footer{--footer-rise:24px}
 .site-footer .footer-bottom{margin-top:52px;padding-top:24px;padding-bottom:max(28px,env(safe-area-inset-bottom));text-align:left}
 .footer-band-content,
.site-footer .footer-main{transform:rotate(-2deg)}
 .site-footer .footer-bottom .footer-connect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;width:100%;justify-items:start}
 .site-footer .footer-bottom .footer-connect>a{grid-column:1/-1}
 .site-footer .footer-bottom .social-links{display:contents}
 .footer-copyright{font-size:12px;margin-top:10px;text-align:right}
 .site-footer .footer-bottom .footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;gap:0;width:100%}
 .site-footer .footer-bottom .footer-legal a{padding:10px 12px;font-size:13px}
 .site-footer .footer-bottom .footer-legal a:first-child{padding-left:12px}
 .site-footer .footer-bottom .footer-legal a:nth-child(odd)::before{display:none}
 .site-footer .footer-bottom .footer-legal a:last-child{padding-right:12px}
}
@supports (transform:rotate(atan2(-1px,1px))){
 @media (max-width:850px){
  .footer-band-content,
.site-footer .footer-main{transform:rotate(atan2(-24px,100vw))}
 }
}
@media (min-width:851px){
 .site-header .masthead-line .desktop-nav{display:flex;width:auto;min-width:0;margin:0;justify-content:flex-end;justify-self:end;column-gap:clamp(22px,2vw,32px)}
 .site-header .masthead-line .desktop-nav a+a::before{left:calc(-.5 * clamp(22px,2vw,32px) - 1.5px)}
}
.benefits,
.homepage .benefits{background:#e8eef4;border-top:1px solid #f37a27;border-bottom:1px solid #f37a27;color:var(--navy)}
.site-footer .footer-newsletter{background:#e8eef4;border-top:1px solid #f37a27;border-bottom:1px solid #f37a27;margin-inline:calc(-1 * var(--gutter));padding:40px var(--gutter);color:var(--navy)}
@media (max-width:650px){
 .site-footer .footer-newsletter{padding-top:30px;padding-bottom:30px}
}
.dip-labels .dip-card{min-width:0}
.dip-recipe summary::-webkit-details-marker{display:none}
.dip-recipe summary>span{color:#b74700;font-size:22px;font-weight:400}
.dip-recipe[open] summary>span{transform:rotate(45deg)}
.dip-recipe summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.dip-recipe-copy h4{font-size:19px;line-height:1.2;margin:0 0 10px}
.dip-recipe-copy ul,
.dip-recipe-copy ol{padding-left:20px;margin:0}
.dip-recipe-copy li{margin-bottom:6px}
.dip-section .dip-allergen-note{max-width:70ch;font-size:13px;line-height:1.5;margin:26px auto 0;text-align:center}
.footer-newsletter .signup-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;margin-top:14px;font-weight:400;min-height:44px}
.footer-newsletter .signup-form .consent input{display:block;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#173553}
.footer-newsletter .signup-form .consent span{min-width:0}
.dip-section>div:first-child>.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font:600 30px/1.2 WorxHand,cursive;letter-spacing:0;text-transform:none;text-align:center;transform:rotate(-2deg);margin:0 0 22px}
.dip-section>div:first-child>.eyebrow::before{position:static;display:block;width:28px;height:3px;background:var(--orange);flex:none;transform:none}
@media (max-width:650px){
 .dip-section>div:first-child>.eyebrow{font-size:28px;margin-bottom:18px}
}
.dip-section>div:first-child>.eyebrow::before{display:none}
.dip-section>div:first-child>.eyebrow svg{display:block;width:54px;height:36px;flex:none;fill:none;stroke:#f37a27;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root{--band-blue:#e8eef4;--band-edge:1px solid #f37a27}
.recipe-section{background:var(--band-blue);border-top:var(--band-edge);border-bottom:0}
.booklet,
.booklet-download{background:#fff;color:var(--navy);border-top:0;border-bottom:0}
.wholesale-cta{background:#f0ede4;border-top:0;border-bottom:0}
.distributor,
.contact-section,
.related{background:var(--band-blue);border-top:0;border-bottom:0}
.page-intro{background:var(--band-blue);border-top:0;border-bottom:0}
.page-intro::after{background-image:none}
.ingredient-feature{background:var(--band-blue);border-top:var(--band-edge);border-bottom:0}
.story-teaser{border-top:0;border-bottom:0}
.feature-grid article{background:var(--band-blue);border-top:0;border-bottom:0}
.recipe-tip{background:var(--band-blue);border-top:0;border-bottom:0;border-left:2px solid #f37a27}
.feature-grid article::before{display:none}
.ingredient-hotspot .ingredient-callout{text-decoration:underline;text-decoration-color:#f37a27;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:auto}
.ingredient-hotspot .ingredient-callout[aria-pressed=true]{text-decoration-thickness:3px}
.ingredient-hotspot .ingredient-label-description{font-family:WorxHand,cursive;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:0}
@media (max-width:650px){
 .ingredient-hotspot .ingredient-label-description{font-size:23px;line-height:1.25}
}
.button,
.booklet .button.light,
.footer-newsletter .signup-row button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 23px;border-radius:3px;font:600 16px/1.35 Worx,Arial,sans-serif;gap:12px;text-align:center;text-decoration:none}
.footer-newsletter .signup-row{display:flex;align-items:stretch;gap:10px;border:0;background:transparent;border-radius:0;overflow:visible}
.footer-newsletter .signup-row input{min-height:54px;border:1px solid #11244055;border-radius:3px;background:#fff;margin:0;padding:14px;font-size:16px}
.footer-newsletter .signup-row button{margin:0;flex-shrink:0;background:var(--navy);color:#fff;border:1px solid var(--navy)}
.button:hover,
.booklet .button.light:hover,
.footer-newsletter .signup-row button:hover{background:var(--royal);border-color:var(--royal);color:#fff;transform:translateY(-2px)}
.button:focus-visible,
.footer-newsletter .signup-row button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media (max-width:650px){
 .button,
.booklet .button.light,
.footer-newsletter .signup-row button{font-size:15px;min-height:52px;padding:15px 20px}
 .footer-newsletter .signup-row input{min-height:52px}
}
@media (max-width:380px){
 .footer-newsletter .signup-row{flex-direction:column;gap:10px}
 .footer-newsletter .signup-row button{width:100%}
}
.heating-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);align-items:center;gap:8%;background:#e8eef4;padding-top:64px;padding-bottom:76px}
.heating-hero-copy{min-width:0}
.heating-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:48ch}
.heating-facts{display:flex;flex-wrap:wrap;gap:22px 36px;margin:30px 0}
.heating-facts>div{border-left:2px solid #f37a27;padding-left:14px}
.heating-facts span{display:block;font-size:11px;letter-spacing:.075em;font-weight:600;margin-bottom:8px}
.heating-facts strong{font-size:21px;line-height:1.3}
.heating-jump-links{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:15px}
.heating-jump-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#f37a27;text-underline-offset:6px}
.heating-hero-photo{margin:0;position:relative;min-width:0}
.heating-hero-photo img{display:block;width:100%;height:clamp(330px,31vw,520px);object-fit:cover;border-radius:3px;transform:rotate(-2deg)}
.heating-hero-photo figcaption{font:500 30px/1.2 WorxHand,cursive;text-align:right;margin:20px 0 0;transform:rotate(-2deg)}
.heating-storage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8%;background:#fff}
.heating-storage h2,
.heating-preparation h2,
.heating-serving h2{font-size:clamp(34px,3.8vw,58px);line-height:1.08;margin-bottom:24px}
.heating-storage p:not(.eyebrow),
.heating-serving p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:50ch}
.heating-storage-notes{padding-left:22px;margin:0;font-size:18px;line-height:1.6}
.heating-storage-notes li{padding:12px 0;border-bottom:1px solid #11244020}
.heating-storage-notes li::marker{color:#b74700}
.heating-preparation{background:#f0ede4}
.heating-step-cards{counter-reset:heat-step;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:36px 0 0;padding:0}
.heating-step-cards li{counter-increment:heat-step;min-width:0}
.heating-step-cards li::before{content:counter(heat-step,decimal-leading-zero);font:600 36px/1 WorxHand,cursive;color:#b74700;display:block;margin-bottom:18px}
.heating-step-cards h3{font-size:23px;line-height:1.15;margin-bottom:14px}
.heating-step-cards p{font-size:17px;line-height:1.6;margin:0}
.heating-serving{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;background:#fff}
.heating-help{border-left:1px solid #11244025;padding-left:32px}
.heating-help .heating-hand-note{font:500 32px/1.2 WorxHand,cursive;margin-bottom:18px}
.heating-serving .button{margin-top:22px}
.heating-storage,
.heating-preparation,
.heating-serving{scroll-margin-top:24px}
@media (max-width:1000px){
 .heating-step-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
}
@media (max-width:650px){
 .heating-hero,
.heating-storage,
.heating-serving{grid-template-columns:minmax(0,1fr);gap:30px}
 .heating-hero{padding-top:42px;padding-bottom:46px}
 .heating-facts{gap:18px 24px}
 .heating-facts strong{font-size:19px}
 .heating-hero-photo img{height:300px;transform:rotate(-1deg)}
 .heating-hero-photo figcaption{font-size:27px}
 .heating-step-cards{gap:26px 20px}
 .heating-step-cards h3{font-size:21px}
 .heating-step-cards p,
.heating-storage-notes{font-size:16px}
 .heating-help{border-left:0;border-top:1px solid #11244025;padding:26px 0 0}
 .heating-serving p:not(.eyebrow),
.heating-storage p:not(.eyebrow),
.heating-hero-copy>p:not(.eyebrow){font-size:17px}
}
@media (max-width:360px){
 .heating-step-cards{grid-template-columns:1fr}
 .heating-facts{gap:20px}
}
.light-intro{background:#e8eef4;color:var(--navy);border:0}
.light-intro>div{position:relative;overflow:hidden}
.light-intro>div::before{filter:brightness(0);opacity:.018;width:clamp(520px,48vw,920px);right:-23%;bottom:-24%}
.light-intro>div>*{position:relative}
.story-content,
.service-details{background:#173553;color:#fff}
.story-content{max-width:none;padding-inline:max(var(--gutter),calc((100% - 1100px)/2))}
.story-content h2,
.service-details h2{color:#fff}
.story-content .eyebrow,
.service-details .eyebrow{color:#fff}
.story-content .story-columns,
.story-content .ingredient-intro,
.service-details p:not(.eyebrow){color:#edf2f7}
.story-content .founder-note{background:transparent;color:#fff;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;border-left:2px solid #f37a27;padding:30px}
.story-content .founder-note p,
.story-content .founder-note span{color:#fff}
.story-content .ingredient-line>span{background:#ffffff0d;color:#fff;border-color:#ffffff40}
.story-content .fine-print{color:#dce7f1;opacity:1}
.service-details .text-link{color:#fff;border-bottom-color:#f37a27}
.feature-grid .feature-number{color:#b74700}
.feature-grid article h3::after{content:"";display:block;width:38px;height:2px;background:#f37a27;margin-top:18px}
.site-footer .footer-main{padding-top:44px}
.site-footer .footer-bottom .footer-copyright{display:block;width:100%;margin:12px 0 0;font-size:13px;line-height:1.5;text-align:right}
@media (max-width:1050px){
 .site-footer .footer-bottom .footer-copyright{text-align:left}
}
@media (max-width:850px){
 .site-footer .footer-main{padding-top:28px}
 .site-footer .footer-bottom .footer-copyright{font-size:12px;margin-top:18px;text-align:center}
}
@media (max-width:650px){
 .light-intro>div::before{width:clamp(420px,115vw,660px);right:-28%;bottom:-28%}
 .story-content .founder-note{padding:24px 20px}
 .feature-grid article h3::after{margin-top:14px}
}
.heating-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%}
.heating-photo-stack{position:relative;aspect-ratio:1/1.08;width:100%;margin:0 0 14px}
.heating-product-photo{--photo-angle:-3deg;position:absolute;display:flex;flex-direction:column;width:48%;background:#faf9f5;color:var(--navy);padding:10px;box-shadow:0 12px 30px #1124401a;transform:rotate(var(--photo-angle));transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;border-radius:0}
.heating-photo-classics{left:25%;top:0;width:48%;--photo-angle:-4deg;z-index:1}
.heating-photo-bites{left:0;top:30%;--photo-angle:-7deg;z-index:2}
.heating-photo-giant{right:0;top:28%;--photo-angle:6deg;z-index:3}
.heating-photo-label{font:500 clamp(23px,2.5vw,35px)/1.2 WorxHand,cursive;padding:0 4px 10px;text-decoration:underline;text-decoration-color:#f37a27;text-decoration-thickness:2px;text-underline-offset:5px}
.heating-photo-window{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e8eef4}
.heating-photo-collage .heating-photo-window img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;max-width:none;transform:none;border-radius:0}
.heating-photo-collage .heating-photo-bites img{inset:auto;width:235%;height:auto;left:0;top:-16%}
.heating-photo-collage .heating-photo-giant img{inset:auto;width:210%;height:auto;left:-110%;top:-117%}
.heating-photo-collage figcaption{text-align:right;font:500 30px/1.2 WorxHand,cursive;transform:rotate(-2deg);margin-top:20px}
.heating-photo-collage figcaption span{display:block;font:400 14px/1.5 Worx,sans-serif;margin-top:8px}
.heating-product-photo:hover,
.heating-product-photo:focus-visible{z-index:4;transform:rotate(var(--photo-angle)) translateY(-8px);box-shadow:0 18px 34px #11244030}
.heating-product-photo:focus-visible{outline:2px solid #f37a27;outline-offset:4px}
.heating-step-cards li{border-left:2px solid #f37a27;padding-left:18px}
@media (max-width:1000px){
 .heating-hero{gap:4%}
 .heating-product-photo{padding:8px}
 .heating-photo-label{font-size:25px}
}
@media (max-width:650px){
 .heating-hero{grid-template-columns:minmax(0,1fr);gap:38px}
 .heating-photo-stack{width:94%;margin-inline:auto;aspect-ratio:1/1.08}
 .heating-photo-label{font-size:clamp(22px,6vw,30px);padding-bottom:10px}
 .heating-photo-collage figcaption{font-size:27px;margin-top:20px;text-align:center}
 .heating-photo-collage figcaption span{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
 .heating-product-photo{transition:none}
 .heating-product-photo:hover,
.heating-product-photo:focus-visible{transform:rotate(var(--photo-angle))}
}
.opening-gallery-note{gap:18px;align-items:center}
.opening-gallery-note svg{stroke:#f37a27;stroke-width:3.5;transform:translateY(6px);width:76px;height:50px;flex:none}
.dip-labels .dip-recipe-link{display:flex;justify-content:center;min-height:46px;font:600 15px/1.4 Worx,sans-serif;border-bottom:1px solid #f37a27;padding:10px 0;margin-top:20px}
.dip-recipe-link[aria-expanded=true]{border-bottom-width:3px}
.dip-recipe-library{margin-top:32px;text-align:left}
.dip-recipe-library[hidden],
.dip-recipe-library .dip-recipe[hidden]{display:none!important}
.dip-recipe-library .dip-recipe{background:#faf9f5;border:0;border-left:2px solid #f37a27;margin:16px 0 0;padding:10px 30px;scroll-margin-top:30px}
.dip-recipe-library .dip-recipe summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;padding:12px 0;list-style:none;cursor:pointer;font:700 25px/1.2 Worx,sans-serif}
.dip-recipe-library .dip-recipe summary>span{color:#f37a27;font-size:27px;flex:none}
.dip-recipe-library .dip-recipe-copy{border-top:1px solid #11244020;padding:24px 0 22px;font:400 17px/1.6 Worx,sans-serif}
.dip-recipe-library .dip-yield{font-size:15px;color:#45586e;margin:0 0 24px}
.dip-recipe-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%}
.dip-recipe-columns h4{font-size:18px;margin:0 0 18px;line-height:1.3}
.dip-recipe-columns li{margin-bottom:12px;padding-left:4px}
.dip-recipe-columns ol li::marker{color:#b74700;font-weight:600}
@media (max-width:650px){
 .opening-gallery-note{gap:12px}
 .opening-gallery-note svg{width:60px;height:42px;transform:translateY(4px)}
 .dip-recipe-library .dip-recipe{padding:8px 20px}
 .dip-recipe-library .dip-recipe summary{font-size:21px;gap:16px}
 .dip-recipe-columns{grid-template-columns:minmax(0,1fr);gap:28px}
 .dip-recipe-library .dip-recipe-copy{font-size:16px}
 .dip-labels .dip-recipe-link{justify-content:flex-start}
 .dip-recipe-library{margin-top:26px}
}
.site-header .masthead-line .desktop-nav a{font-size:14px;line-height:1.4;min-height:48px;padding-block:12px;letter-spacing:.055em}
.site-header .masthead-ownership .ownership-emblem.emblem-navy strong,
.site-header .masthead-ownership .ownership-emblem.emblem-navy>span>span{font-size:12px;line-height:1.25;letter-spacing:.035em}
@media (min-width:851px){
 .site-header{padding-top:28px;padding-bottom:16px}
 .site-header .masthead-line{top:0;grid-template-columns:280px minmax(0,1fr);grid-template-rows:93px 48px;gap:12px 24px;align-items:end}
 .site-header .masthead-line .brand{grid-column:1;grid-row:1;width:280px;max-width:100%;align-self:end;transform:translateY(52px)}
 .site-header .masthead-line .masthead-ownership{grid-column:2;grid-row:1;align-self:center;justify-self:end}
 /* The rotated row follows the 48px taper; place its tap targets 8px above the edge. */
 .site-header .masthead-line .desktop-nav{grid-column:1/-1;grid-row:2;justify-self:end;justify-content:flex-end;flex-wrap:nowrap;column-gap:24px;row-gap:0;max-width:100%;border:0;padding:0;transform:translateY(56px)}
 .site-header .masthead-line .desktop-nav a+a::before{left:-13.5px;height:18px}
}
@media (max-width:850px){
 .site-header .masthead-line{gap:16px 12px}
 .site-header .masthead-ownership .ownership-emblem>span{flex-direction:column;align-items:flex-end;gap:2px}
 .site-header .masthead-ownership .ownership-emblem>span>span{max-width:none;white-space:nowrap}
}
.site-footer .footer-nav{gap:8px 24px;align-items:start}
.site-footer .footer-nav a{min-height:48px;font-size:16px;line-height:1.4;padding-block:10px;align-items:center}
.site-footer .footer-identity .footer-tagline{font-size:28px!important;line-height:1.2!important}
.site-footer .footer-bottom{font-size:14px;line-height:1.5;padding-top:40px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.site-footer .footer-band-content{display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px}
.site-footer .footer-contact-row{display:block;margin:0}
.site-footer .footer-bottom .footer-connect{display:flex;flex-wrap:nowrap;gap:24px;font-size:14px;line-height:1.5}
.site-footer .footer-bottom .social-links{display:flex;gap:24px}
.site-footer .footer-bottom .footer-connect a{min-height:44px;padding:10px 0;font-size:14px;line-height:1.5;white-space:nowrap}
.site-footer .footer-bottom .footer-legal{display:flex;justify-content:flex-start;gap:0;margin:0;width:100%}
.site-footer .footer-bottom .footer-legal a{min-height:44px;font-size:14px;line-height:1.5;padding:10px 18px}
.site-footer .footer-bottom .footer-legal a:first-child{padding-left:0}
.site-footer .footer-bottom .footer-copyright{display:flex;align-items:center;justify-content:flex-end;min-height:44px;width:100%;margin:0;padding:10px 0;font-size:14px;line-height:1.5;text-align:right}
@media (min-width:851px){
 .site-footer .footer-band-content{grid-template-columns:max-content minmax(0,1fr);column-gap:24px;align-items:center}
 .site-footer .footer-contact-row{grid-column:1/-1;grid-row:1}
 .site-footer .footer-bottom .footer-legal{grid-column:1;grid-row:2;width:auto;flex-wrap:nowrap}
 .site-footer .footer-bottom .footer-copyright{grid-column:2;grid-row:2;justify-self:end;width:auto;white-space:nowrap}
}
@media (max-width:1000px){
 .site-footer .footer-bottom .footer-connect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;justify-items:start}
 .site-footer .footer-bottom .footer-connect>a{grid-column:1/-1}
 .site-footer .footer-bottom .social-links{display:contents}
}
@media (max-width:650px){
 .site-footer .footer-bottom .footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%}
 .site-footer .footer-bottom .footer-legal a{justify-content:flex-start;text-align:left;padding:10px 16px}
 .site-footer .footer-bottom .footer-legal a:nth-child(odd){padding-left:0}
 .site-footer .footer-bottom .footer-legal a:nth-child(odd)::before{display:none}
 .site-footer .footer-nav{gap:8px 20px}
 .site-footer .footer-bottom .footer-connect>a{white-space:normal}
}
.text-link,
.contact-email{min-height:44px;align-items:center;padding-block:11px}
.consent{min-height:44px;padding-block:10px;cursor:pointer;align-items:flex-start}
.consent input{margin-top:2px}
.contact-email{display:inline-flex;overflow-wrap:anywhere}
.light-intro{overflow:hidden;overflow:clip;min-width:0}
.light-intro>div,
.light-intro>img{min-width:0;max-width:100%}
.recipe-card .recipe-card-title{font-family:Worx,sans-serif;font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0 20px 10px}
.not-found{min-height:420px;padding-bottom:88px}
.not-found-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.heating-quick{background:#e8eef4;padding-top:38px;padding-bottom:34px}
.heating-quick h1{font-size:clamp(32px,4vw,54px);line-height:1.08;margin-bottom:20px}
.heating-quick .eyebrow{margin-bottom:14px}
.heating-quick-temperature{margin-bottom:18px;font-size:18px}
.heating-quick-table{border-collapse:collapse;width:100%;max-width:900px;font-size:18px;text-align:left;background:#faf9f5;border-left:2px solid #f37a27}
.heating-quick-table th,
.heating-quick-table td{padding:14px 18px;border-bottom:1px solid #17355325;line-height:1.4}
.heating-quick-table thead th{font-size:14px;font-weight:600;background:#173553;color:#fff}
.heating-quick-table tbody th{font-weight:600}
.heating-quick-table tr[id]{scroll-margin-top:30px}
.heating-quick-table tr:target{background:#d8e3ef;outline:2px solid #f37a27;outline-offset:-2px}
.heating-quick-storage{font-size:18px;margin-top:22px;margin-bottom:8px}
.heating-quick-note{font-size:14px;color:#455b70}
.heating-hero h2{font-size:clamp(44px,5.1vw,82px);line-height:1.03;margin-bottom:28px}
@media (max-width:650px){
 .filters{display:flex!important;flex-wrap:wrap!important;overflow:visible;gap:8px;padding-bottom:0}
 .filters button{flex:0 1 auto;white-space:normal;max-width:100%;min-height:46px;line-height:1.35;text-align:center;padding:10px 12px}
 .ingredient-map .ingredient-label-description{position:relative;display:block!important;visibility:visible;min-height:0;margin:8px 0 4px;font:500 23px/1.25 WorxHand,cursive;text-align:center!important}
 .ingredient-map .ingredient-label-description[hidden]{display:block!important;visibility:hidden}
 .ingredient-map .ingredient-label-description::before{content:attr(data-description);display:block;visibility:hidden;position:static;width:auto;height:auto}
 .ingredient-map .ingredient-label-description [data-ingredient-typed]{position:absolute;inset:0 0 auto;width:100%}
 .ingredient-map .ingredient-hotspot{min-width:0;display:grid;grid-template-rows:44px auto;align-content:start}
 .ingredient-map .ingredient-callout{min-height:44px}
 .recipe-card .recipe-card-title{font-size:28px;margin-inline:14px}
 .site-footer{overflow:hidden;overflow:clip}
 .masthead-ownership .canadian-ownership.emblem-navy{display:flex;flex-direction:row-reverse;align-items:center;gap:9px;max-width:100%;font-size:12px}
 .site-header .masthead-ownership .ownership-emblem>span{display:flex;flex-direction:column!important;align-items:flex-end;gap:2px;text-align:right}
 .site-header .masthead-ownership .ownership-emblem strong,
.site-header .masthead-ownership .ownership-emblem>span>span{font:600 12px/1.25 Worx,sans-serif!important;letter-spacing:.035em!important;white-space:nowrap;max-width:none;margin:0}
 .site-header .masthead-ownership .canada-flag{flex:none;align-self:center;width:28px;height:21px}
 .heating-page .site-header{padding:12px var(--gutter);margin-bottom:16px}
 .heating-page .site-header::before,
.heating-page .site-header::after{bottom:-16px;height:17px}
 .heating-page .site-header .masthead-line{gap:8px 12px}
 .heating-page .site-header .masthead-line .brand{width:145px}
 .heating-page .masthead-ownership .ownership-emblem strong,
.heating-page .masthead-ownership .ownership-emblem>span>span{font-size:11px!important}
 .heating-quick{padding:20px var(--gutter) 24px}
 .heating-quick .eyebrow{font-size:11px;margin-bottom:10px}
 .heating-quick h1{font-size:31px;margin-bottom:12px}
 .heating-quick-temperature{font-size:16px;margin-bottom:12px}
 .heating-quick-table{font-size:15px}
 .heating-quick-table th,
.heating-quick-table td{padding:10px 9px}
 .heating-quick-table thead th{font-size:13px}
 .heating-quick-table td{white-space:nowrap}
 .heating-quick-storage{font-size:15px;margin-top:16px;margin-bottom:6px}
 .heating-quick-note{font-size:13px;line-height:1.4}
 .heating-hero h2{font-size:clamp(39px,11vw,56px)}
}
.site-header:has(+ main>:is(.page-intro,.light-intro,.contact-section,.heating-quick):first-child){--header-underlay:var(--band-blue)}
.site-header:has(+ main>.booklet-download:first-child){--header-underlay:#fff}

/* Scope: original website design, with photo depth and the orange header edge only. */
.concept-hero.concept-range>.concept-product-grid{padding-right:calc(var(--gutter) + 12px);padding-bottom:14px}
.concept-hero.concept-range>.concept-product-grid>a,.opening-bites-feature>a{position:relative;isolation:isolate;overflow:visible;border-radius:0;background:transparent}
.concept-hero.concept-range>.concept-product-grid>a::before,.opening-bites-feature>a::before{content:"";position:absolute;inset:0;transform:translate(11px,12px);background:#dce6ed;z-index:-1;pointer-events:none}
.concept-hero.concept-range>.concept-product-grid>a:nth-child(2)::before{background:#173553}
.concept-hero.concept-range>.concept-product-grid>a img,.opening-bites-feature>a img{display:block;clip-path:polygon(0 0,97% 0,100% 100%,3% 100%)}
.concept-hero.concept-range>.concept-product-grid>a::after,.opening-bites-feature>a::after{content:"";position:absolute;inset:0;background:#f37a27;clip-path:polygon(0 0,2px 0,calc(3% + 2px) 100%,3% 100%);pointer-events:none}
.site-header>.header-orange-band{display:block;position:absolute;left:0;right:0;bottom:-48px;height:49px;background:#f37a27;clip-path:polygon(0 calc(100% - 4px),100% 0,100% 1px,0 100%);z-index:1;pointer-events:none}
@media(max-width:850px){.site-header>.header-orange-band{bottom:-27px;height:28px}}
@media(max-width:650px){
 .heating-page .site-header>.header-orange-band{bottom:-16px;height:17px}
 .concept-hero.concept-range>.concept-product-grid{padding-right:34px}
 .opening-bites-feature{padding-right:12px}
}


/* Migration fixes re-applied to website v51, 2026-10-04 — see
   PretzelworxLeadGen/reports/website-migration-2026-10-02.md for the measurements.
   1. The header's bottom margin exposes the page background between the tapered edge and
      the first section, and .site-header::before paints a band over it. Neither matches the
      section below except on the homepage, so a pale bar showed on most pages. Extending the
      first section's own background upward fixes it at every breakpoint without hard-coding a
      colour; the negative margin and transparent border cancel, so no content moves.
   2. .filter-count used color:#455b70 with opacity:.7, compositing to #768798 = 3.16:1 on the
      #e8eef4 band, below the 4.5:1 WCAG AA minimum. #566980 measures 4.82:1 there. */
#main>:first-child{margin-top:-120px;border-top:120px solid transparent;background-clip:border-box}
.site-header::before{background:transparent}
.filter-count{opacity:1;color:#566980}

/* Mobile fixes, 2026-10-04 — reported by Philipp on an iPhone, both measured before/after.
   Scoped to <=650px; the desktop treatment is deliberately untouched.

   1. Ingredient captions. On mobile a ::before reserves the full caption height and the
      hidden captions stay display:block;visibility:hidden, so every one of the 8 ingredient
      names carried an empty 58-86px box and the names drifted far apart. Collapsing them
      takes the section from 1345px to 1038px. The active caption still shows on tap; the
      cost is a small reflow, which is what the reserved space was avoiding.
   2. Footer tilt. .site-footer .footer-main uses rotate(atan2(-24px,100vw)). That formula
      assumes a wide viewport - at 375px it resolves to -3.66deg, enough to visibly skew the
      link columns (11px out of alignment) and slant the text. Removed on phones only.

   Both overrides need this specificity: the winning rules are
   `.ingredient-map .ingredient-label-description[hidden]{display:block!important}` and
   `.footer-band-content,.site-footer .footer-main{transform:rotate(-2deg)}`, so a plain
   .footer-main / .ingredient-label-description override silently loses the cascade. */
@media (max-width:650px){
 .ingredient-map .ingredient-label-description[hidden],
 .ingredient-hotspot .ingredient-label-description[hidden]{display:none!important}
 .ingredient-map .ingredient-label-description::before,
 .ingredient-hotspot .ingredient-label-description::before{content:none!important}
 /* Keep the tilt - Philipp wants the motif on phones too - but gentle it. The stock
    mobile rule rotate(atan2(-24px,100vw)) resolves to -3.66deg at 375px, STEEPER than
    the ~-3deg desktop slope, and column stagger is gap x sin(angle), so narrow screens
    got the worst of it: 11px between the two link columns. -1.2deg gives ~3px. */
 .site-footer .footer-main,.footer-band-content{transform:rotate(-1.2deg)!important}
}

/* ---- Intro photo tiles, 2026-10-04 ------------------------------------------
   About us and Your menu each showed a single flat photo while the homepage uses
   offset tiles. This gives both pages the same treatment - two side by side, with
   the backing block, slanted clip and orange edge the homepage already uses, so
   the pages read as one site rather than two templates. */
.split-intro>.intro-tiles{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-content:center;padding:60px 7% 60px 0}
.split-intro>.intro-tiles>a{position:relative;isolation:isolate;display:block;height:clamp(300px,34vw,520px)}
.split-intro>.intro-tiles>a::before{content:"";position:absolute;inset:0;transform:translate(11px,12px);background:#dce6ed;z-index:-1;pointer-events:none}
.split-intro>.intro-tiles>a:nth-child(2)::before{background:#173553}
.split-intro>.intro-tiles>a img{display:block;height:100%;width:100%;object-fit:cover;object-position:50% 53%;clip-path:polygon(0 0,97% 0,100% 100%,3% 100%)}
.split-intro>.intro-tiles>a::after{content:"";position:absolute;inset:0;background:#f37a27;clip-path:polygon(0 0,2px 0,calc(3% + 2px) 100%,3% 100%);pointer-events:none}
.split-intro>.intro-tiles>a:first-child{transform:rotate(-1.25deg)}
.split-intro>.intro-tiles>a:last-child{transform:translateY(24px) rotate(1.25deg)}
@media (max-width:1000px){.split-intro>.intro-tiles{padding:0 22px 34px;gap:14px}.split-intro>.intro-tiles>a{height:clamp(210px,40vw,320px)}
 .split-intro>.intro-tiles>a:first-child{transform:rotate(-.75deg)}
 .split-intro>.intro-tiles>a:last-child{transform:translateY(12px) rotate(.75deg)}}

/* ---- Contact page tiles -----------------------------------------------------
   "Let's talk pretzels" was a form on an empty field. Three small product tiles
   sit alongside it in the same visual language. Decorative only, so aria-hidden
   and empty alt - they add nothing a screen reader needs. */
.contact-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:46px 0 0;max-width:560px}
.contact-tiles>span{position:relative;isolation:isolate;display:block;height:clamp(130px,15vw,210px)}
.contact-tiles>span::before{content:"";position:absolute;inset:0;transform:translate(8px,9px);background:#dce6ed;z-index:-1}
.contact-tiles>span:nth-child(2)::before{background:#173553}
.contact-tiles>span img{display:block;height:100%;width:100%;object-fit:cover;clip-path:polygon(0 0,96% 0,100% 100%,4% 100%)}
.contact-tiles>span::after{content:"";position:absolute;inset:0;background:#f37a27;clip-path:polygon(0 0,2px 0,calc(4% + 2px) 100%,4% 100%)}
.contact-tiles>span:nth-child(odd){transform:rotate(-1deg)}
.contact-tiles>span:nth-child(2){transform:translateY(14px) rotate(1deg)}
@media (max-width:650px){.contact-tiles{gap:10px;margin-top:32px}.contact-tiles>span{height:clamp(96px,26vw,150px)}}

/* ---- About us: the navy block was too much, 2026-10-04 ----------------------
   .story-content was a single 1019px slab of solid navy carrying both the story
   and the ingredients. Split in two: the story half keeps the navy and now runs
   two columns against the sharing-board photo, which also answers its own
   heading ("Something we'd be happy to put on the table"); the ingredients half
   drops onto the pale band the rest of the site uses. Roughly halves the navy. */
.story-content .story-content-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(30px,5%,70px);align-items:center}
/* The paragraphs were already a 2-column grid; inside half a page that gave two
   very narrow columns, so they stack here. */
.story-content .story-columns{grid-template-columns:1fr;gap:18px;margin-top:26px;font-size:18px}
.story-content .founder-note{margin:28px 0 0}
/* Two pictures side by side, matched in size - same tile language as the
   homepage and the page intro, with light backing blocks for the navy ground. */
.story-tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.story-tiles>span{position:relative;isolation:isolate;display:block;height:clamp(250px,27vw,400px)}
.story-tiles>span::before{content:"";position:absolute;inset:0;transform:translate(10px,11px);background:#ffffff1f;z-index:-1;pointer-events:none}
.story-tiles>span:nth-child(2)::before{background:#ffffff33}
.story-tiles>span img{display:block;width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,97% 0,100% 100%,3% 100%)}
.story-tiles>span::after{content:"";position:absolute;inset:0;background:#f37a27;clip-path:polygon(0 0,2px 0,calc(3% + 2px) 100%,3% 100%);pointer-events:none}
.story-tiles>span:first-child{transform:rotate(-1.25deg)}
.story-tiles>span:last-child{transform:translateY(20px) rotate(1.25deg)}
.story-ingredients{background:#e8eef4;color:var(--navy)}
.story-ingredients h2{color:var(--navy)}
.story-ingredients .ingredient-line>span{background:#ffffffcc;color:var(--navy);border-color:#17355330}
.story-ingredients .fine-print{color:#455b70}
@media (max-width:900px){
 .story-content .story-content-inner{grid-template-columns:1fr;gap:30px}
 .story-tiles>span{height:clamp(190px,30vw,290px)}
}

/* ---------------------------------------------------------------------------
   Reheating & storage — 2026-10-03
   Three complaints: the copy column sat 154px below the section top, the
   polaroids read as chaotic, and the cook-time table was plain.
   Source order is untouched: the release test asserts heating-quick-table
   precedes heating-hero (printed case QR codes land on the table).
   --------------------------------------------------------------------------- */

/* 1. Kill the gap above the copy. align-items:center was centring a 446px
      column inside a 766px section. */
.heating-hero{align-items:start;padding-top:56px}
.heating-hero-copy>h2{margin-top:0}

/* 2. Calmer collage: shallower angles, cards pulled up, container shortened so
      there is no dead space under the pile. */
/* Was an absolutely-positioned pile: the three cards overlapped so heavily
   that the classics card showed only 25% of its photo, which is what read as
   "jumping around". A fanned row keeps the offset-polaroid look and gives all
   three formats equal billing. */
.heating-photo-stack{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.3vw,15px);align-items:start;aspect-ratio:auto;width:100%;margin:0 0 6px}
.heating-product-photo{position:static;width:auto;left:auto;right:auto;top:auto;padding:8px}
.heating-photo-classics{margin-top:7%;--photo-angle:-2.5deg}
.heating-photo-bites{margin-top:0;--photo-angle:2deg}
.heating-photo-giant{margin-top:10%;--photo-angle:-1.8deg}
.heating-photo-label{font-size:clamp(15px,1.75vw,22px);padding:0 2px 7px;text-decoration-thickness:2px}

/* 3. Each card now holds its own photo, so the hand-tuned crops that faked two
      subjects out of hero-800.webp are gone. */
.heating-photo-collage .heating-photo-bites img,
.heating-photo-collage .heating-photo-giant img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;left:auto;top:auto}
.heating-photo-collage figcaption{margin-top:14px}

/* 4. The table. Same markup, same row ids, same numbers — the navy header slab
      and the hairline body are replaced by an orange rule under the head and
      large tabular figures, so the times are what the eye lands on. */
.heating-quick-table{border-collapse:separate;border-spacing:0;border-left:0;background:#faf9f5;border-radius:4px;overflow:hidden;box-shadow:0 10px 28px #11244014}
.heating-quick-table thead th{background:transparent;color:#455b70;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:18px 22px 11px;border-bottom:2px solid #f37a27}
.heating-quick-table tbody th,
.heating-quick-table tbody td{padding:17px 22px;border-bottom:1px solid #1735531f}
.heating-quick-table tbody th{font-size:19px;font-weight:600;color:var(--navy)}
.heating-quick-table tbody td{font-size:21px;line-height:1.25;color:#173553;font-variant-numeric:tabular-nums}
.heating-quick-table tbody tr:nth-child(even){background:#eef2f7}
.heating-quick-table tbody tr:last-child th,
.heating-quick-table tbody tr:last-child td{border-bottom:0}
.heating-quick-table tr:target{background:#dbe6f1;outline:2px solid #f37a27;outline-offset:-2px}

@media (max-width:1000px){
 .heating-hero{padding-top:40px}
}

@media (max-width:650px){
 /* The table is the first phone screen — it stays compact and legible. */
 .heating-quick-table{box-shadow:none;border:1px solid #1735531f}
 .heating-quick-table thead th{padding:12px 10px 8px;font-size:11px}
 .heating-quick-table tbody th,
 .heating-quick-table tbody td{padding:13px 10px}
 .heating-quick-table tbody th{font-size:16px}
 .heating-quick-table tbody td{font-size:17px;white-space:nowrap}
 .heating-hero{padding-top:34px}
 /* re-assert the mobile stack width: the fanned-row rule above is later in the
    cascade than the original mobile block and would otherwise win. */
 .heating-photo-stack{width:94%;margin-inline:auto;gap:7px}
 .heating-photo-label{font-size:clamp(13px,3.6vw,17px);padding-bottom:6px}
 .heating-product-photo{padding:6px}
 .heating-photo-classics{margin-top:6%}
 .heating-photo-giant{margin-top:9%}
}

/* The .bites crop zooms into hero-800.webp to manufacture a bites photo. Its
   offsets were tuned for aspect-ratio 450/625; .product-catalog overrides the
   aspect to 1/1.12, so in the catalog the crop landed on the twists and the
   "Pretzel bites" card showed the wrong product. That card now has its own
   photo, so the crop must not apply to it. */
.plain-product.bites img[src*="original-pretzelworx-bites"]{position:absolute;inset:0;width:100%;height:100%;max-width:none;left:auto;top:auto;object-fit:cover}

/* ---- Tile shape + navy reduction, 2026-10-04 -------------------------------
   Philipp: the tiles read too rectangular/too tall on both "Two friends." and
   "Big flavour." - they should be squarer; and the story section is still too
   blue. Fixed heights gave a 0.62-0.74 ratio at desktop width, so the shape
   drifted with the column. aspect-ratio pins it instead. */
.split-intro>.intro-tiles>a{height:auto;aspect-ratio:1/1.02}
.story-tiles>span{height:auto;aspect-ratio:1/1.02}

/* The navy no longer fills the whole section: it is now a panel behind the
   text only, and the two photos sit on the pale band. Cuts the blue again by
   roughly the width of the photo column. */
.story-content{background:#e8eef4;color:var(--navy)}
.story-content .story-text{background:#173553;padding:clamp(28px,3.6%,46px) clamp(26px,3.4%,42px)}
.story-content .story-content-inner{align-items:stretch}
.story-content .story-text>*:last-child{margin-bottom:0}
.story-tiles{align-self:center}
/* backing blocks were light-on-navy; on the pale band they need the page tones */
.story-tiles>span::before{background:#cdd9e4}
.story-tiles>span:nth-child(2)::before{background:#173553}

@media (max-width:1000px){
 .split-intro>.intro-tiles>a{height:auto;aspect-ratio:1/1.02}
}
@media (max-width:900px){
 .story-tiles>span{height:auto;aspect-ratio:1/1.02}
 .story-content .story-text{padding:26px 22px}
}
/* Rebalance: the panel is text-heavy and tall, the tiles are square, so give
   the photo column a little more room and tighten the panel's measure. */
.story-content .story-content-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.4%,50px)}
.story-content .story-text{padding:clamp(26px,3.2%,40px) clamp(24px,3%,36px)}
.story-content h2{font-size:clamp(30px,3.1vw,44px)}
.story-tiles{gap:16px}
/* Still too blue as a panel (443x782 of navy). The section now reads light like
   the rest of the page; the navy survives only as the founder-quote card, which
   keeps the brand moment at a fraction of the area. */
.story-content .story-text{background:transparent;padding:0}
.story-content h2,
.story-content .eyebrow{color:var(--navy)}
.story-content .story-columns{color:#2c4257}
.story-content .founder-note{background:#173553;color:#fff;border:0;border-left:3px solid #f37a27;padding:26px 30px;margin-top:32px}
.story-content .founder-note p,
.story-content .founder-note span{color:#fff}
/* With the navy gone, light-intro / story-content / story-ingredients were all
   #e8eef4 - 1862px of one flat tone. The story takes the warm off-white so the
   bands alternate: pale blue, off-white, pale blue, cream. */
.story-content{background:#faf9f5}
.story-tiles>span::before{background:#dde6ee}
/* Cascade: the two-column rule above is unconditional and sits later in the file
   than the original max-width:900px single-column rule, so it was winning on
   phones and the tiles collapsed to 70px. Re-assert it last. */
@media (max-width:900px){
 .story-content .story-content-inner{grid-template-columns:minmax(0,1fr);gap:30px}
 .story-tiles{max-width:none}
}
@media (max-width:650px){
 .story-content .founder-note{padding:22px 20px}
}
/* Story tiles are now a 2x2: charcuterie top-left, then a checkerboard of
   bites/pretzel so no two neighbours match in either direction. The old
   first/last-child rules were written for a pair, so they are replaced. */
.story-tiles{grid-template-columns:1fr 1fr;gap:16px}
.story-tiles>span:first-child,
.story-tiles>span:last-child{transform:none}
.story-tiles>span:nth-child(1){transform:rotate(-1.2deg)}
.story-tiles>span:nth-child(2){transform:rotate(1.1deg)}
.story-tiles>span:nth-child(3){transform:rotate(1deg)}
.story-tiles>span:nth-child(4){transform:rotate(-1.1deg)}
.story-tiles>span::before{background:#dde6ee}
.story-tiles>span:nth-child(2n)::before{background:#173553}
/* The second intro tile (the bites bowl on About us) hung 24px below the first.
   Halved to 12px: Philipp wanted it lifted, then wanted the stagger back but
   shallower. A full centimetre (37.8px) would have lifted it above the left tile. */
.split-intro>.intro-tiles>a:last-child{transform:translateY(12px) rotate(1.25deg)}
@media (max-width:1000px){
 .split-intro>.intro-tiles>a:last-child{transform:translateY(6px) rotate(.75deg)}
}