:root{--paper:#fff8ee;--ink:#30251e;--muted:#625247;--copper:#925423;--line:#dacbb9;--green:#176339;--gutter:clamp(1rem,3.2vw,2.5rem)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#291b12 url('assets/walnut-background.webp') center top/120rem auto;color:var(--ink);font:1.125rem/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #176339;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}p,h1,h2,figure{margin:0}.page{width:min(80rem,100%);margin:auto;background:var(--paper);padding-inline:var(--gutter);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 0 80px #0004}.header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:7rem;margin-inline:calc(-1 * var(--gutter));padding:.3rem var(--gutter);background:linear-gradient(#21160e80,#21160e80),url('assets/walnut-background.webp') center/120rem auto;color:#fff5e8}.brand{width:8.5rem;flex-shrink:0}.brand img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;mix-blend-mode:lighten}.header-note{font:italic 1.5rem/1.2 'Cormorant Garamond',Georgia,serif;text-align:center;color:#edcfa9}.header-phone{min-height:3rem;display:flex;flex-direction:column;justify-content:center;text-align:right;line-height:1.4;white-space:nowrap}.header-phone span{font-size:.875rem;color:#edcfa9}.header-phone strong{font-size:1.0625rem;font-weight:600}.business-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding-block:2rem}.copy{min-width:0}.eyebrow{font-size:.875rem;letter-spacing:.06em;color:var(--copper);font-weight:700;margin-bottom:.7rem}h1{font-size:clamp(2.1rem,3.7vw,3.2rem);line-height:1.16;letter-spacing:-.045em;font-weight:600;overflow-wrap:break-word}h1 em{font-style:normal;color:var(--copper)}h2{font:500 clamp(1.8rem,2.5vw,2.1rem)/1.12 'Cormorant Garamond',Georgia,serif}h2 em{color:var(--copper);font-weight:500}.frozen-label{display:inline-block;margin-top:1rem;border:1px solid #b79066;padding:.35rem .75rem;border-radius:.3rem;background:#f2e6d5;color:#694021;font-size:1rem;font-weight:700}.intro{margin-top:.85rem;color:var(--muted);font-size:1.125rem;line-height:1.6}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1rem}.products a{min-width:0;min-height:3.5rem;border-bottom:1px solid #bda083;padding-bottom:.55rem}.products b{display:block;font-size:1.1875rem;font-weight:700}.products span{display:block;font-size:1rem;margin-top:.15rem;color:var(--muted)}.products a:hover{color:var(--copper)}.price{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.2rem;margin-block:1.15rem}.price strong{font:600 2rem/1.15 Manrope,Arial,sans-serif;white-space:nowrap}.price small{font-size:1rem;color:var(--muted);font-weight:400}.price>span{max-width:16rem;font-size:.875rem;line-height:1.5;color:var(--muted)}.price a{text-decoration:underline;text-underline-offset:3px}.order-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}.button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.5rem;max-width:100%;padding:.85rem 1rem;border-radius:.6rem;font-size:1.125rem;font-weight:700;text-align:center;line-height:1.4;overflow-wrap:anywhere}.whatsapp{background:var(--green);color:white;border:2px solid var(--green)}.whatsapp:hover{background:#104c2b}.call{border:2px solid var(--copper);color:#75421c;background:transparent}.call:hover{background:#f2e6d5}.order-note{margin-top:.7rem;text-align:center;font-size:1rem;color:var(--muted);line-height:1.6}.order-note a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1.25rem;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.product-photo{position:relative;min-width:0;min-height:30rem;overflow:hidden;border-radius:.75rem;background:#291b12}.product-photo>img{width:100%;height:100%;position:absolute;inset:0;object-position:center}.product-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#17100df2)}figcaption{position:absolute;bottom:1.8rem;left:1.6rem;right:1.5rem;z-index:1;color:#fff8ee}figcaption>span{font-size:.875rem;letter-spacing:.04em}figcaption>b{display:block;font:400 clamp(1.8rem,3vw,2.6rem)/1.05 'Cormorant Garamond',Georgia,serif;margin-top:.65rem}.how-order{padding:1.4rem 0;border-block:1px solid var(--line)}.how-order h2{font-family:Manrope,Arial,sans-serif;font-size:1.4rem;font-weight:700}.how-order ol{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.how-order li{display:flex;align-items:flex-start;gap:.7rem}.how-order li>span{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:50%;background:#ead9c3;color:#694021;font-size:1rem;font-weight:700}.how-order b{display:block;font-size:1rem;line-height:1.5}.how-order p{font-size:1rem;color:var(--muted);margin-top:.3rem}.care{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem;padding-block:1rem;font-size:1rem;color:#624326}.care i{font-size:.7rem;font-style:normal}.makers{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding-block:1rem 1.4rem;border-bottom:1px solid var(--line)}.makers .eyebrow{font-size:.875rem;margin-bottom:.5rem}.makers p:last-child{max-width:42rem;color:var(--muted);font-size:1rem;margin-top:.65rem}.process-link{display:flex;align-items:center;gap:.8rem;min-height:3rem;padding:.6rem 0;font-size:1rem;color:#75421c;font-weight:600}.process-link small{display:block;font-size:.875rem;font-weight:400;color:var(--muted);margin-top:.2rem}.play{display:grid;place-items:center;flex:0 0 2.8rem;height:2.8rem;border:1px solid #b79066;border-radius:50%;font-size:1.5rem}.process-link:hover{text-decoration:underline}.sauces{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding-block:1.4rem}.sauces>img{width:100%;height:auto;aspect-ratio:1.4;border-radius:.5rem}.sauces>div{min-width:0}.sauces .eyebrow{font-size:.875rem;margin-bottom:.4rem}.sauces p:last-child{font-size:1rem;color:var(--muted);margin-top:.5rem}.sauce-link{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1rem;color:#75421c;text-decoration:underline;text-underline-offset:4px}.first-order{border-top:1px solid var(--line)}.first-order summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;min-height:3.5rem;cursor:pointer;list-style:none;font-size:1.0625rem;font-weight:600}.first-order summary::-webkit-details-marker{display:none}.first-order summary small{font-size:.875rem;font-weight:400;color:var(--muted);margin-left:1rem}.expand{font-size:1.5rem;color:var(--copper)}.first-order[open] .expand{transform:rotate(45deg)}.order-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 2rem;padding-bottom:1.2rem}.order-details h3{font-size:1rem;margin:0 0 .4rem}.order-details p{font-size:1rem;color:var(--muted)}.order-details>a{grid-column:1/-1;justify-self:start}.contacts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1.2rem;border-top:1px solid var(--line);padding-top:.9rem}.contacts>span{font-size:.875rem;color:var(--muted)}.contacts>a{display:inline-flex;align-items:center;min-height:3rem;font-size:1.0625rem;font-weight:600;overflow-wrap:anywhere}.disclosure{font-size:.875rem;color:var(--muted);padding-block:.5rem 1.3rem}.skip{position:absolute;top:-10rem;left:1rem;z-index:10;background:var(--green);color:#fff;padding:.6rem 1rem}.skip:focus{top:.6rem}
@media(min-width:90rem){.page{margin-block:1.5rem}.header{border-radius:.5rem .5rem 0 0}.page{border-radius:.5rem}}
@media(max-width:62rem){.header-note{display:none}.sauces{grid-template-columns:7rem minmax(0,1fr);gap:.5rem 1rem}.sauces>img{grid-row:1/3;aspect-ratio:1}.sauce-link{grid-column:2}.makers{grid-template-columns:minmax(0,1fr)}.contacts>span{flex-basis:100%}.how-order ol{gap:1rem}.how-order li{gap:.5rem}}
@media(max-width:48rem){.header{min-height:6rem;gap:.65rem}.brand{width:6.75rem}.header-phone strong{font-size:1rem}.business-card{grid-template-columns:minmax(0,1fr);gap:1.2rem;padding-block:1.5rem}.eyebrow{font-size:.8125rem}h1{font-size:clamp(2rem,8.9vw,3rem)}.product-photo{min-height:0;aspect-ratio:1.4}.product-photo figcaption{left:1.1rem;right:1rem;bottom:1.15rem}figcaption>span{font-size:.8125rem}figcaption>b{font-size:clamp(1.8rem,6.5vw,2.3rem)}.how-order ol{grid-template-columns:minmax(0,1fr);gap:1rem}.how-order b{font-size:1.0625rem}.care{justify-content:flex-start;gap:.4rem 1rem}.care i{display:none}.makers{gap:.6rem;padding-top:.5rem}.makers h2{font-size:1.9rem}.sauces{grid-template-columns:5.75rem minmax(0,1fr)}.sauces h2{font-size:1.9rem}.first-order summary small{display:block;margin:.2rem 0 0}.order-details{grid-template-columns:minmax(0,1fr)}.order-details>.sauce-link{grid-column:1}.contacts{justify-content:flex-start}.price>span{max-width:19rem}.page{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}}
@media(max-width:22rem){.brand{width:5.75rem}.header-phone strong{font-size:.875rem}.header-phone span{font-size:.8125rem}.products{gap:.7rem}.products b{font-size:1.0625rem}.products span{font-size:1rem}.button{font-size:1rem}.sauces{grid-template-columns:minmax(0,1fr)}.sauces>img{grid-row:auto;max-height:9rem;aspect-ratio:2}.sauce-link{grid-column:1}.order-note a{font-size:1.125rem}}

/* Keep readable layouts with larger system text and narrow screens. */
.header{flex-wrap:wrap}.header-phone{max-width:100%}.process-link>span:last-child,.how-order li>div{min-width:0}p,.field-hint,.process-link{overflow-wrap:break-word}
@media(max-width:48rem){body{background:#fff8ee}.header{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));background-image:linear-gradient(#21160e80,#21160e80),url('assets/walnut-background-mobile.webp')}}
@media(max-width:19rem){.header-phone{white-space:normal;text-align:left}.products{grid-template-columns:minmax(0,1fr)}}

/* Compact storefront: one offer, one ordering flow. */
.minimal-site .header{min-height:5rem}.minimal-site .brand{width:6rem}.minimal-site .business-card{align-items:center;padding-block:1.5rem}.minimal-site .product-photo{min-height:20rem}.minimal-site .product-photo:after{display:none}.minimal-site .intro{font-size:1rem}.minimal-site .order-actions{grid-template-columns:1.4fr 1fr}.minimal-site .price{margin-block:1rem}.minimal-site .compact-extras{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:.6rem}.compact-extras a{display:flex;align-items:center;min-height:2.75rem;font-size:1rem;color:#75421c;text-decoration:underline}.minimal-site .first-order>p{font-size:1rem;padding-bottom:1rem;color:var(--muted)}.minimal-site .order-section{margin-block:.5rem 1rem}.minimal-site .contacts a{font-size:1rem}.minimal-site .disclosure{font-size:.75rem;padding-bottom:.75rem}
@media(max-width:48rem){.minimal-site .business-card{gap:1rem;padding-block:1.25rem}.minimal-site .product-photo{min-height:0;aspect-ratio:2.1}.minimal-site h1{font-size:clamp(2rem,8vw,2.8rem)}.minimal-site .frozen-label{margin-top:.75rem}.minimal-site .intro{margin-top:.5rem}.minimal-site .compact-extras{gap:0}.minimal-site .compact-extras a{flex-basis:100%}}
