@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,650&display=swap");:root{color-scheme:light;--ink:#211f1d;--muted:#6c635c;--paper:#fbf8f2;--panel:#fffdf8;--line:#ded4c6;--wine:#7a1832;--wine-dark:#481120;--leaf:#496a43;--gold:#c19647;--blue:#295d75;--shadow:0 22px 70px rgba(52,38,28,0.14);font-family:Instrument Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(251,248,242,.94),rgba(251,248,242,.94)),url(/assets/wine-table.svg) 100% 0 /760px auto no-repeat,var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,72px);border-bottom:1px solid rgba(222,212,198,.72);background:rgba(251,248,242,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:700}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--wine-dark);color:#fff6e9;font-family:Newsreader,serif;font-size:15px;letter-spacing:0}.nav-links{display:flex;gap:clamp(12px,3vw,30px);color:var(--muted);font-size:14px;font-weight:600}.nav-links a:hover{color:var(--wine)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;grid-gap:clamp(34px,6vw,96px);gap:clamp(34px,6vw,96px);min-height:calc(100vh - 72px);padding:clamp(44px,7vw,92px) clamp(20px,5vw,72px) 54px}.hero-copy{max-width:760px}.eyebrow{margin:0 0 12px;color:var(--wine);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Newsreader,Georgia,serif;letter-spacing:0}h1{max-width:760px;margin-bottom:22px;font-size:clamp(3rem,8vw,7.5rem);line-height:.86}h2{margin-bottom:0;font-size:clamp(2rem,4vw,4.4rem);line-height:.95}h3{margin-bottom:10px;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.intro{max-width:640px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:0 18px;cursor:pointer;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--wine);color:white;box-shadow:0 12px 30px rgba(122,24,50,.24)}.button.secondary{border-color:var(--line);background:rgba(255,253,248,.8);color:var(--ink)}.button.full{width:100%}.hero-visual{position:relative;min-height:440px}.hero-visual img{width:min(100%,620px);filter:drop-shadow(0 34px 50px rgba(45,26,20,.22))}.matcher-section,.pairings-section{padding:70px clamp(20px,5vw,72px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.matcher-layout{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(300px,1.08fr);grid-gap:20px;gap:20px;align-items:stretch}.matcher-panel,.pairing-card,.result-panel{border:1px solid var(--line);border-radius:8px;background:rgba(255,253,248,.9);box-shadow:var(--shadow)}.matcher-panel{display:grid;grid-gap:18px;gap:18px;padding:clamp(18px,3vw,28px)}.field{display:grid;grid-gap:9px;gap:9px;margin:0;border:0;padding:0}.field legend,.field span,.toggle-row{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fffaf0;color:var(--ink);outline:none}textarea{min-height:130px;resize:vertical;padding:14px;line-height:1.45}select{min-height:48px;padding:0 12px}select:focus,textarea:focus{border-color:var(--wine);box-shadow:0 0 0 4px rgba(122,24,50,.12)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.segmented label{min-width:0}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:grid;min-height:44px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fffaf0;color:var(--ink);font-size:13px;font-weight:750;text-transform:capitalize;letter-spacing:0}.segmented input:checked+span{border-color:var(--wine);background:#f5e4e4;color:var(--wine-dark)}.toggle-row{display:flex;align-items:center;gap:10px;min-height:32px}.toggle-row input{width:18px;height:18px;accent-color:var(--wine)}.result-panel{position:relative;overflow:hidden;padding:clamp(24px,4vw,42px)}.result-panel:before{position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,var(--wine),var(--gold),var(--leaf),var(--blue));content:""}.backup,.result-topline{display:flex;align-items:center;gap:10px}.result-topline{color:var(--leaf);font-weight:800}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--leaf)}.recommendation-label{margin:32px 0 10px;color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.result-panel>p:not(.recommendation-label){color:var(--muted);font-size:1.08rem;line-height:1.6}.result-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:30px 0}.result-details div{min-width:0;border-left:3px solid rgba(122,24,50,.2);padding-left:12px}.result-details dt{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.result-details dd{margin:7px 0 0;line-height:1.35}.backup{justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:22px}.backup span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.backup strong{text-align:right}.cellar-band{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(280px,1fr);align-items:flex-end;grid-gap:clamp(24px,6vw,96px);gap:clamp(24px,6vw,96px);padding:62px clamp(20px,5vw,72px);background:var(--wine-dark);color:#fff8ee}.cellar-band p:last-child{max-width:700px;margin-bottom:0;color:#e4d1c9;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.cellar-band .eyebrow{color:#e9b95a}.pairing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.pairing-card{min-height:230px;padding:24px}.pairing-card span{display:inline-block;margin-bottom:24px;color:var(--wine);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.pairing-card h3{font-size:clamp(1.6rem,2.5vw,2.4rem)}.pairing-card p{color:var(--muted);line-height:1.55}.footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer span:first-child{color:var(--ink);font-weight:800}@media (max-width:980px){.cellar-band,.hero,.matcher-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:260px}.pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.nav-links{width:100%;justify-content:space-between}.hero,.matcher-section,.pairings-section{padding-left:16px;padding-right:16px}h1{font-size:clamp(3.4rem,18vw,5.6rem)}.field-grid,.pairing-grid,.result-details,.segmented{grid-template-columns:1fr}.backup,.footer,.section-heading{align-items:flex-start;flex-direction:column}.backup strong{text-align:left}}