.flavor-hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(5rem,9vw,8rem) 5vw;background:radial-gradient(circle at 80% 40%,rgba(203,153,65,.14),transparent 29%),#050505;border-bottom:1px solid var(--line)}
.flavor-hero-copy{max-width:770px}.flavor-breadcrumbs{display:flex;gap:.7rem;align-items:center;margin-bottom:3.2rem;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.flavor-breadcrumbs a{color:var(--muted)}
.flavor-hero h1{margin:.5rem 0 1.3rem;font-size:clamp(3.4rem,7vw,7rem);line-height:.9;letter-spacing:-.06em}.flavor-hero-copy>p:not(.eyebrow){max-width:680px;color:#b7b2a9;font-size:1.1rem;line-height:1.75}
.flavor-stats{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0}.flavor-stats span{padding:.75rem 1rem;border:1px solid var(--line);color:#8e8a82;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.flavor-stats b{color:#e2b65f;font-size:1rem}
.flavor-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);transform:rotate(2deg)}.flavor-hero-grid a{position:relative;min-height:270px;display:flex;flex-direction:column;padding:1rem;background:#0b0b0b;overflow:hidden}.flavor-hero-grid img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.45));transition:.3s}.flavor-hero-grid a:hover img{transform:scale(1.05)}.flavor-hero-grid span{position:absolute;top:1rem;left:1rem;color:#9d783c;font-size:.72rem}.flavor-hero-grid strong{margin-top:auto;color:#ddd7cb;font-size:.85rem}
.flavor-intro,.flavor-copy{display:grid;grid-template-columns:.8fr 1fr;gap:5rem;padding:5rem 5vw;background:#0a0a0a;border-bottom:1px solid var(--line)}.flavor-intro h2,.flavor-section-head h2,.flavor-guide h2,.flavor-copy h2,.flavor-faq h2{margin:.5rem 0 1rem;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.flavor-intro>p,.flavor-copy>div:last-child{margin:0;color:#aaa59c;line-height:1.8}
.featured-flavors,.flavor-directory,.flavor-guide,.flavor-faq{padding:clamp(4rem,8vw,7rem) 5vw}.flavor-section-head{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:2.5rem}.flavor-section-head>div{max-width:750px}.flavor-section-head>p{max-width:430px;color:var(--muted);line-height:1.7}
.featured-flavor-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.featured-flavor-row a{min-width:0;padding:1.2rem;background:#090909}.featured-flavor-row img{width:100%;height:150px;object-fit:contain}.featured-flavor-row span{display:block;color:#8c867c;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.featured-flavor-row strong{display:block;margin-top:.4rem;color:#eee8dc}
.flavor-directory{background:#070707;border-block:1px solid var(--line)}.flavor-toolbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:1rem;align-items:end;padding:1.2rem;margin-bottom:2rem;background:rgba(8,8,8,.94);border:1px solid var(--line);backdrop-filter:blur(14px)}.flavor-toolbar label span{display:block;margin-bottom:.45rem;color:#aaa59c;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.flavor-toolbar input{width:100%;padding:.92rem 1rem;background:#111;border:1px solid #302d28;color:#fff}.flavor-filters{display:flex;flex-wrap:wrap;gap:.4rem}.flavor-filters button{padding:.82rem .9rem;background:#111;border:1px solid #302d28;color:#aaa59c;cursor:pointer}.flavor-filters button.active{background:#d5a946;border-color:#d5a946;color:#080808}.flavor-toolbar>p{margin:0 0 .8rem;color:#8d887f;white-space:nowrap}.flavor-toolbar>p b{color:#e5bb68}
.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.flavor-card{min-width:0;background:#0b0b0b}.flavor-card[hidden]{display:none}.flavor-image{display:block;height:250px;padding:1rem;background:radial-gradient(circle at center,#171410,#090909 68%)}.flavor-image img{width:100%;height:100%;object-fit:contain;transition:.3s}.flavor-card:hover .flavor-image img{transform:scale(1.035)}.flavor-card-copy{padding:1.35rem}.flavor-card h3{min-height:2.5em;margin:.4rem 0 .8rem;font-size:1.22rem}.flavor-card h3 a{color:#eee8dd}.flavor-badges{display:flex;flex-wrap:wrap;gap:.35rem}.flavor-badges span{padding:.28rem .42rem;border:1px solid #39342c;color:#9c968b;font-size:.64rem;text-transform:uppercase}.flavor-price{color:#dcb45f;font-weight:700}.flavor-view{display:inline-block;margin-top:.8rem;color:#aaa49a;font-size:.83rem}.flavor-empty{padding:3rem;text-align:center;border:1px solid var(--line);color:var(--muted)}
.flavor-guide{display:grid;grid-template-columns:.75fr 1fr;gap:5rem}.flavor-guide>div:first-child>p:last-child{color:var(--muted);line-height:1.7}.flavor-format-list{border-top:1px solid var(--line)}.flavor-format-list a{display:grid;grid-template-columns:55px 1fr auto;gap:1.2rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}.flavor-format-list>a>span{color:var(--gold);font-size:.7rem}.flavor-format-list h3{margin:0 0 .35rem;color:#eee7db}.flavor-format-list p{margin:0;color:#89857e;line-height:1.5}.flavor-format-list b{color:#b6ae9f;font-size:.8rem}
.flavor-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-block:1px solid var(--line)}.flavor-links a{min-height:310px;padding:2.5rem 5vw;display:flex;flex-direction:column;background:#090909}.flavor-links a:hover{background:#11100d}.flavor-links h2{font-size:clamp(1.8rem,3vw,3rem);max-width:450px}.flavor-links span{margin-top:auto;color:var(--gold)}
.flavor-faq{background:#0a0a0a}.flavor-faq-list{margin-top:2.5rem;border-top:1px solid var(--line)}.flavor-faq article{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.flavor-faq article>b{color:var(--gold);font-size:.8rem}.flavor-faq h3{margin:0 0 .7rem;font-size:1.2rem}.flavor-faq p{max-width:820px;margin:0;color:#9f9b93;line-height:1.7}
@media(max-width:1100px){.flavor-hero{grid-template-columns:1fr}.flavor-hero-grid{max-width:720px;transform:none}.featured-flavor-row{grid-template-columns:repeat(3,1fr)}.flavor-grid{grid-template-columns:repeat(3,1fr)}.flavor-toolbar{grid-template-columns:1fr}.flavor-guide{grid-template-columns:1fr;gap:2rem}}
@media(max-width:760px){.flavor-intro,.flavor-copy{grid-template-columns:1fr;gap:2rem}.flavor-section-head{display:block}.featured-flavor-row{grid-template-columns:repeat(2,1fr)}.flavor-grid{grid-template-columns:repeat(2,1fr)}.flavor-toolbar{position:static}.flavor-format-list a{grid-template-columns:40px 1fr}.flavor-format-list b{grid-column:2}.flavor-links{grid-template-columns:1fr}}
@media(max-width:520px){.flavor-hero{min-height:auto;padding-inline:1.25rem}.flavor-hero h1{font-size:3.15rem}.flavor-hero-grid a{min-height:210px}.flavor-hero-grid img{height:145px}.featured-flavors,.flavor-directory,.flavor-guide,.flavor-faq,.flavor-intro,.flavor-copy{padding-inline:1.25rem}.flavor-grid{grid-template-columns:1fr}.flavor-image{height:280px}.flavor-faq article{grid-template-columns:42px 1fr}}
