:root{--ink:#102321;--deep:#0a1817;--mint:#b7e0d2;--gold:#edcf90;--paper:#fbf5e9;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans)}
a{color:inherit}
a:focus-visible{outline:3px solid #2c9180;outline-offset:6px}
.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.masthead,.footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:80px}
.brand{font:700 1.35rem var(--serif);text-decoration:none}
.brand span{font-weight:400}
nav{display:flex;gap:1.65rem}
nav a,.footer a{font-size:.88rem;text-underline-offset:.35em}
.hero{position:relative;isolation:isolate;background:var(--deep);color:var(--paper);border-bottom:4px solid var(--gold)}
.hero::before,.hero::after{content:"";position:absolute;inset:0;pointer-events:none}
.hero::before{z-index:-2;background:url("hero-spices.webp") center / cover no-repeat;filter:brightness(1.58) saturate(1.07)}
.hero::after{z-index:-1;background:linear-gradient(90deg,rgba(7,19,18,.34),rgba(7,19,18,.22) 44%,transparent 70%)}
.hero .intro{text-shadow:0 2px 10px #071312,0 1px 3px #071312}
.hero .button{text-shadow:none}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,6vw,7rem);min-height:580px;padding-block:70px}
.eyebrow,.category{font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem}
.hero .eyebrow{color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}
h1{font-size:clamp(3.7rem,7vw,6.65rem);line-height:.97;letter-spacing:-.06em}
h1 em{color:var(--mint)}
.intro>p:not(.eyebrow){max-width:34ch;color:#e3eee8;margin:1.55rem 0 1.85rem}
.button{display:inline-flex;gap:1rem;align-items:center;padding:.75rem 1.1rem;background:var(--gold);color:var(--deep);text-decoration:none;font-weight:700;font-size:.9rem}
.button:hover{background:#f9e3b6}
.frame{padding:13px;aspect-ratio:1;display:grid;align-items:center}
.frame img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 8px #000b)}
.story{background:var(--mint);padding-block:clamp(3rem,7vw,5rem)}
.story-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center}
.story-grid>p{max-width:57ch;margin:0}
h2{font-size:clamp(2.3rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.04em}
.ideas{padding-block:clamp(3.5rem,8vw,6.5rem)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
article{border:1px solid #c9bb9f;border-top:3px solid #527b6e;padding:1.45rem}
.category{color:#3b6557;letter-spacing:.1em}
h3{font-size:1.65rem;line-height:1.15}
article p:last-child{margin-bottom:0}
footer{background:var(--deep);color:var(--paper)}
.footer a{color:var(--mint)}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.masthead{min-height:70px;gap:.8rem}.brand{font-size:1.1rem}nav{gap:.85rem}nav a{font-size:.78rem}.hero-grid,.story-grid,.cards{grid-template-columns:1fr}.hero-grid{padding-block:48px}.frame{width:min(100%,400px)}.footer{flex-wrap:wrap;padding-block:1rem;gap:.5rem}.footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.collection{padding-block:clamp(3.5rem,8vw,6.5rem)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}
.product{padding:0;border-top-color:#ad8750;background:#fffaf0}
.product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#faf7f1}
.product-copy{padding:1rem}
.product-copy p{font-size:.9rem;margin-top:.55rem}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.masthead{flex-wrap:wrap;justify-content:flex-start;padding-block:.85rem}.masthead nav{flex-wrap:wrap}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr}}
.spice-set{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.25rem,5vw,4rem);padding:0;margin-top:2rem;border-top-color:#ad8750;background:#fffaf0}
.spice-set img{display:block;width:100%;height:auto}
.set-copy{padding:1.5rem 2rem 1.5rem 0}
.set-copy h3{font-size:clamp(1.9rem,4vw,3rem)}
.set-price{display:flex;align-items:baseline;gap:.5rem;margin:.55rem 0}
.set-price strong{font:700 2rem var(--serif)}
.set-price span{font-size:.9rem}
.set-copy p:last-child{margin-top:.5rem;max-width:42ch}
@media(max-width:600px){.spice-set{grid-template-columns:1fr;gap:0}.set-copy{padding:1.5rem}}
.product-copy .product-price{margin:.6rem 0}
.product-price strong{font-size:1.1rem}
.product-price span{color:#3b6557}
.ground-spices{padding-block:clamp(3rem,6vw,4.5rem);border-top:1px solid #c9bb9f}
.ground-spices p{margin-bottom:0}
.cookbooks{background:var(--mint);padding-block:clamp(3rem,7vw,5rem)}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.book-grid article{background:var(--paper)}
.book-price strong{font-size:1.25rem}
.masthead nav{flex-wrap:wrap}
@media(max-width:600px){.book-grid{grid-template-columns:1fr}}
.merchandise{padding-block:clamp(3rem,7vw,5rem)}
.merch-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem;margin-top:2rem}
.merch-grid article{padding:0;background:#fffaf0;border-top-color:#ad8750}
.tee-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#d0c5bc}
.tee-views figure{margin:0}
.tee-views img,.drinkware{display:block;width:100%;height:auto}
.tee-views figcaption{padding:.25rem .5rem;background:#fffaf0;text-align:center;font-size:.8rem}
.merch-copy{padding:1rem}
.merch-copy p{margin-top:.55rem}
@media(max-width:820px){.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merch-grid article:first-child{grid-column:1/-1}}
@media(max-width:440px){.merch-grid{grid-template-columns:1fr}}

@media(max-width:720px){.hero::before{background-position:63% center}.hero::after{background:linear-gradient(180deg,rgba(7,19,18,.42),rgba(7,19,18,.28) 48%,transparent 76%)}}
.idea-photos{margin-bottom:1.15rem}
.idea-photos img{display:block;width:100%;height:clamp(190px,25vw,245px);object-fit:cover}
.idea-photos-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
@media(min-width:960px){.ideas .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:721px) and (max-width:959px){.ideas .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.idea-photos .branzino-photo{height:auto;aspect-ratio:4/3}
@media(min-width:960px){.ideas .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.idea-photos .cheeseburger-photo{height:auto;filter:brightness(.68) contrast(1.09)}
.book-grid img{display:block;width:100%;height:clamp(240px,35vw,410px);object-fit:contain;margin-bottom:1rem}