:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65;--color-berry: #5e1524;--color-berry-light: rgba(94, 21, 36, .08);--color-cream: #f7f4f1;--color-stem: #715861;--color-ink: #2e1f24;--color-shadow: rgba(94, 21, 36, .2);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--space-xl: 3.5rem;--space-lg: 2.5rem;--space-md: 1.5rem;--space-sm: .85rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-cream);color:var(--color-ink);font-size:1rem}a{color:var(--color-berry);text-decoration:none}a:hover{text-decoration:underline}.nav-link{color:var(--color-berry);font-weight:700;text-decoration:none}.nav-link--inline{border-bottom:1px solid rgba(94,21,36,.25);padding-bottom:.08rem}.nav-link--inline:hover{text-decoration:none;border-color:var(--color-berry)}h1,h2,h3,h4{font-family:Playfair Display,Times New Roman,serif;font-weight:600;letter-spacing:.02em;margin:0 0 .75rem;color:var(--color-berry)}p{margin:0}.layout{background:linear-gradient(180deg,#f7f4f1,#fff 45%,#f4eff4);min-height:100vh}.page{max-width:1080px;margin:0 auto;padding:var(--space-xl) 1.5rem 4rem}.top-nav{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.logo{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600;text-decoration:none;color:var(--color-berry)}.hero{border-radius:var(--radius-lg);box-shadow:0 24px 50px -24px #5e152473;padding:clamp(2.6rem,3vw,3.2rem);margin-bottom:var(--space-lg);background:var(--color-berry);color:var(--color-cream)}.hero--dish{background:var(--color-berry);color:var(--color-cream)}.hero--style{background:#fff;color:var(--color-ink);border:1px solid var(--color-berry-light)}.hero--dish h1,.hero--dish h2,.hero--dish h3{color:var(--color-cream)}.hero--dish .muted{color:#ffffffd9}.hero--dish .badge{background:#fff3;color:var(--color-cream)}.hero h1{font-size:clamp(2.4rem,4vw,3.4rem);margin-bottom:1rem;color:inherit}.hero--style h1{color:var(--color-berry)}.hero .search{margin:1.5rem 0 0}.hero .search__label{color:#5e1524}.hero p{font-size:1.075rem;line-height:1.7;max-width:52ch}.hero .cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-cream);color:var(--color-berry);padding:.85rem 1.4rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;margin-top:1.5rem}.hero .cta:hover{transform:translateY(-2px);box-shadow:0 12px 20px -16px #2f131999}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.stat-card{background:#ffffffeb;border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 2px 18px -10px #0e0a0c47;text-align:center}.stat-card .value{font-size:2.4rem;font-weight:700;color:var(--color-berry)}.stat-card .label{margin-top:.3rem;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-stem)}.section-heading{font-size:clamp(1.9rem,3vw,2.4rem);margin:0 0 1.2rem;color:#3b242e}.pairing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.pairing-card{background:#fff;border-radius:var(--radius-md);padding:1.6rem;border:1px solid rgba(94,21,36,.12);box-shadow:0 10px 24px -18px #5e152473;display:flex;flex-direction:column;gap:.75rem;min-height:220px}.badge{display:inline-flex;padding:.35rem .75rem;background:#ffffff26;border-radius:999px;letter-spacing:.08em;font-size:.75rem;text-transform:uppercase;color:inherit}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:var(--color-berry-light);color:var(--color-berry);border-radius:var(--radius-sm);padding:.25rem .6rem;font-size:.78rem;font-weight:600;letter-spacing:.04em}.trait-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.trait-chip{display:inline-flex;align-items:center;gap:.35rem;background:#5e152414;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--color-berry)}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0}.pill{background:#7158611f;color:var(--color-stem);border-radius:999px;padding:.35rem .85rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.card{background:#fff;border-radius:var(--radius-md);padding:1.8rem;margin-bottom:var(--space-md);border:1px solid rgba(94,21,36,.12);box-shadow:0 10px 24px -18px #5e152466}.card h2{margin-top:0;margin-bottom:1rem}.list{padding-left:1.2rem;margin:0;display:grid;gap:.65rem}.list--warn{color:#8b3a4f}.sku-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.2rem}.sku-card{border:1px solid rgba(94,21,36,.12);border-radius:var(--radius-md);padding:1.25rem;background:#5e15240f}.sku-card h3{margin:0 0 .45rem;font-size:1rem}.sku-card .notes{margin:.6rem 0;color:var(--color-ink);line-height:1.55}.sku-card .price{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:var(--color-stem);font-weight:600}.styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.style-card{background:#fff;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(94,21,36,.12);box-shadow:0 10px 24px -18px #5e152466;display:flex;flex-direction:column;gap:.55rem}.style-card>span:first-of-type{color:var(--color-stem);font-size:.9rem}.style-card p{line-height:1.6}.muted{color:#2e1f24bf}.timestamp{font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-stem)}.copy-lead{font-size:1.1rem;line-height:1.75}footer.site-footer{margin-top:var(--space-lg);text-align:center;font-size:.85rem;color:var(--color-stem)}@media (max-width: 768px){.page{padding:2.8rem 1.25rem 3rem}.hero{padding:2.2rem 1.5rem}.section-heading{text-align:center}.stats{gap:.85rem}.pairing-grid,.styles-grid{grid-template-columns:1fr}.pairing-card,.style-card{padding:1.25rem}.trait-grid{gap:.5rem}.card{padding:1.45rem}}@media (max-width: 540px){.page{padding:2.2rem 1rem 2.6rem}.hero{margin:0 -.25rem var(--space-md);border-radius:18px}.hero h1{font-size:clamp(1.9rem,7vw,2.4rem)}.hero p{font-size:1rem}.badge{font-size:.72rem}.pill{font-size:.72rem;padding:.3rem .75rem}}
