@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#141412;--panel:#1c1c19;--cream:#f3efdf;--muted:#aaa89d;--gold:#d9b67a;--line:#37372f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:700;letter-spacing:-1.5px}.logo span{color:var(--gold);padding-left:3px}nav{display:flex;gap:34px;font-size:13px}.nav-cta{font-size:13px;border-bottom:1px solid var(--gold);padding:10px 0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.hero-copy{padding:80px 10% 35px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:var(--gold);line-height:1.8}h1{font-size:clamp(64px,7.8vw,120px);line-height:.99;letter-spacing:-6px;font-weight:500;margin:29px 0}em{font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-weight:500}p{line-height:1.7}.intro{max-width:380px;font-size:15px;color:var(--muted);margin:25px 0 34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:0;background:var(--gold);color:#181813;padding:17px 24px;font-size:13px;font-weight:600}.hero-foot{display:flex;gap:30px;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:70px}.hero-art{position:relative;background:#d8dcf1;overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#171719;background:#f5f0e8df;padding:14px}.ribbon{display:flex;justify-content:space-around;align-items:center;gap:22px;padding:24px 4%;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;overflow:hidden;white-space:nowrap}.ribbon span{color:var(--gold)}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}h2{font-size:clamp(42px,4.5vw,66px);line-height:1.06;letter-spacing:-2.4px;font-weight:500;margin:18px 0 0}.section-heading>p{color:var(--muted);font-size:13px;margin:0 0 5px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:34px 0}.filter{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:10px 20px;font-size:12px}.filter.active{background:var(--cream);color:var(--bg);border-color:var(--cream)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px}.product{border:0;background:none;color:inherit;text-align:left;padding:0}.product-image{overflow:hidden;background:#d6dcf0;aspect-ratio:1/1.05}.product img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.035)}.product .category{display:block;color:var(--gold);font-size:9px;letter-spacing:1.6px;text-transform:uppercase;margin-top:18px}.product h3{font-size:17px;font-weight:500;display:flex;justify-content:space-between;margin:7px 0}.product h3 span{color:var(--gold)}.feature{display:grid;grid-template-columns:1fr 1fr;background:#20201b}.feature-image img{display:block;width:100%;height:100%;object-fit:cover}.feature-copy{padding:70px 13%;align-self:center}.feature-copy p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:380px}.feature-copy h2{margin-bottom:27px}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:8px;margin-top:25px}.search-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:38px 0}.search{display:flex;gap:14px;align-items:center;flex:1}.search span{font-size:29px;color:var(--gold)}input{width:100%;border:0;background:transparent;color:var(--cream);padding:12px 0;font-size:15px}select{background:var(--panel);color:var(--cream);border:1px solid var(--line);padding:12px;font-size:12px}.select-label{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}#result-count{font-size:11px;color:var(--muted);min-width:85px;text-align:right}.flavor-group{margin:40px 0 55px}.group-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.group-heading h3{font-size:22px;font-weight:500;margin:0}.group-heading span{color:var(--gold);font-size:11px}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px}.flavor-item{font-size:13px;padding:16px 0;border-bottom:1px solid var(--line);color:#c9c7bb}.empty{color:var(--muted);padding:25px 0}.closing{text-align:center;background:#23231d;padding:75px 20px 90px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(62px,7vw,96px);margin-bottom:35px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;font-size:11px}footer p{color:var(--muted);letter-spacing:2px}dialog{background:var(--panel);color:var(--cream);border:1px solid var(--line);padding:0;max-width:850px;width:90%;max-height:90vh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog>img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:50px 30px;align-self:center}.detail-copy h2{font-size:38px}.detail-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:var(--cream);color:#111;width:34px;height:34px;font-size:25px}.detail-copy .button{margin-top:15px;gap:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{height:80px}nav{gap:18px}.hero-copy{padding:60px 10% 30px}.hero{min-height:560px}h1{letter-spacing:-4px}.hero-foot{margin-top:38px;gap:15px}.product-grid{grid-template-columns:repeat(3,1fr)}.feature-copy{padding:45px 10%}.flavor-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:74px;padding:0 6%}.logo{font-size:23px}nav{display:none}.nav-cta{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 6% 35px}h1{font-size:80px;letter-spacing:-4px}.hero-foot{margin-top:32px}.hero-art{aspect-ratio:1}.ribbon{justify-content:flex-start;padding:20px 6%}.section{padding:60px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px}.product-grid{grid-template-columns:repeat(2,1fr);gap:26px 13px}.product h3{font-size:14px}.filter{padding:9px 14px}.feature{grid-template-columns:1fr}.feature-copy{padding:44px 6% 55px}.search-row{flex-wrap:wrap;gap:12px}.search{flex-basis:100%}.select-label{flex:1}#result-count{text-align:right}.flavor-grid{grid-template-columns:repeat(2,1fr);gap:0 20px}.flavor-item{font-size:12px}.group-heading h3{font-size:19px}.closing{padding:55px 20px 65px}footer{flex-wrap:wrap;gap:20px}footer p{display:none}dialog[open]{grid-template-columns:1fr}dialog>img{max-height:45vh;object-fit:contain}.detail-copy{padding:25px}.detail-copy h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product img{transition:none}}