:root{
  --ink:#090909;
  --ink-2:#111214;
  --charcoal:#18191b;
  --paper:#f5f2e9;
  --paper-2:#ede8de;
  --cream:#efe5c3;
  --gold:#d6bd72;
  --gold-2:#f0dc95;
  --line:rgba(214,189,114,.28);
  --muted:#b8b5ad;
  --max:1180px;
  --font-brand:"Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:#f7f4eb;font-family:var(--font-brand);font-weight:300;line-height:1.6;letter-spacing:.02em;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
::selection{background:var(--gold);color:#111}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.eyebrow{font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);font-weight:500}
.section-title{font-family:var(--font-brand);font-size:clamp(2.1rem,4vw,4rem);line-height:1.02;font-weight:300;margin:.35rem 0 1rem;letter-spacing:.1em;text-transform:uppercase}
.section-copy{color:#c8c5bd;max-width:720px;font-size:1.04rem}
.gold-rule{width:78px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:22px 0}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:.35s ease;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.07)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;min-width:0;max-width:340px}
.brand-logo{width:100%;max-width:265px;height:auto;filter:drop-shadow(0 0 10px rgba(0,0,0,.15))}
.nav-links{display:flex;align-items:center;gap:28px;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}
.nav-links a{color:#e4e1d9;transition:.2s}.nav-links a:hover{color:var(--gold-2)}
.nav-cta{border:1px solid rgba(214,189,114,.55);padding:10px 15px;border-radius:999px}
.menu-btn{display:none;background:none;border:0;color:#fff;padding:8px;cursor:pointer}
.menu-btn span{display:block;width:24px;height:1px;background:#fff;margin:6px 0}
.hero{min-height:760px;height:100svh;max-height:980px;position:relative;display:flex;align-items:flex-end;isolation:isolate;background:#050505}
.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#030303 0%,#0a0a0a 38%,rgba(6,6,6,.25) 67%,rgba(0,0,0,.55) 100%)}
.hero-image{position:absolute;z-index:-4;inset:0 0 0 34%;background:url('../img/extra-dry.webp') center 41%/cover no-repeat;filter:saturate(.83) contrast(1.06)}
.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 45%,#060606 99%)}
.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.17;background-image:linear-gradient(rgba(214,189,114,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,189,114,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 64%)}
.hero-inner{padding-bottom:84px;max-width:850px}
.hero-logo{width:min(720px,92%);margin:20px 0 18px;filter:drop-shadow(0 2px 26px rgba(0,0,0,.42))}
.hero-sub{font-size:clamp(1.1rem,2.2vw,1.45rem);font-family:var(--font-brand);font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin:0 0 13px}
.hero-copy{max-width:610px;color:#d3d0c7;font-size:1.04rem;margin:0 0 32px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--gold);border-radius:999px;font-size:.73rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:.2s}
.btn.primary{background:var(--gold);color:#101010}.btn.primary:hover{background:var(--gold-2)}
.btn.ghost:hover{background:rgba(214,189,114,.09)}
.scroll-mark{position:absolute;bottom:28px;right:38px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#aba79e;writing-mode:vertical-rl}
.intro{padding:110px 0 90px;background:radial-gradient(circle at 82% 20%,rgba(214,189,114,.08),transparent 25%),#0b0c0d}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.quote-card{border:1px solid var(--line);padding:42px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));position:relative;overflow:hidden}
.quote-card:before{content:'“';position:absolute;font:300 9rem/1 var(--font-brand);letter-spacing:.04em;color:rgba(214,189,114,.1);right:18px;top:2px}
.quote-card p{font-family:var(--font-brand);font-size:clamp(1.25rem,2.3vw,1.9rem);line-height:1.45;margin:0;color:#eee7d5;font-weight:300;letter-spacing:.08em;text-transform:uppercase}
.collection{padding:105px 0 115px;background:#111214}
.collection-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}
.collection-head .section-copy{max-width:480px;margin:0 0 6px}
.wine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wine-card{position:relative;border:1px solid rgba(255,255,255,.08);background:#0a0a0a;overflow:hidden;min-height:570px;cursor:pointer}
.wine-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease;filter:saturate(.82)}
.wine-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 47%,rgba(0,0,0,.95) 94%)}
.wine-card:hover img{transform:scale(1.025);filter:saturate(1)}
.wine-meta{position:absolute;z-index:2;left:20px;right:18px;bottom:17px}
.wine-meta small{display:block;color:var(--gold-2);text-transform:uppercase;letter-spacing:.17em;font-size:.63rem;margin-bottom:6px}
.wine-meta h3{font:300 1.35rem/1.15 var(--font-brand);margin:0;color:#fff;letter-spacing:.08em;text-transform:uppercase}
.wine-meta span{font-size:.72rem;color:#c9c6bd;letter-spacing:.08em}
.details{padding:105px 0;background:#f1eee7;color:#171717}
.details .eyebrow{color:#765f21}
.details .section-copy{color:#52514d}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}
.detail-card{border:1px solid #d6d1c5;padding:30px;background:rgba(255,255,255,.55)}
.detail-card h3{font:300 1.5rem/1.2 var(--font-brand);margin:0 0 18px;letter-spacing:.09em;text-transform:uppercase}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #ddd7c8}
.specs div{padding:9px 0;border-bottom:1px solid #ddd7c8;font-size:.87rem}
.specs div:nth-child(odd){color:#6c6657;letter-spacing:.08em;text-transform:uppercase}.specs div:nth-child(even){font-weight:500;text-align:right}
.detail-note{margin-top:18px;color:#5b574e;font-size:.94rem}
.ritual{padding:110px 0;background:#090a0b}
.ritual-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.ritual-art{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;align-items:end}
.ritual-art figure{margin:0;background:#fff;overflow:hidden;border:1px solid rgba(214,189,114,.18)}
.ritual-art figure:first-child img{aspect-ratio:.78;object-fit:contain;padding:15px}
.ritual-art figure:last-child img{aspect-ratio:.72;object-fit:cover}
.ritual-copy ul{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}
.ritual-copy li{padding:12px 0 12px 24px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;color:#ccc8be;letter-spacing:.05em}
.ritual-copy li:before{content:'•';color:var(--gold);position:absolute;left:2px}
.pairing{padding:105px 0;background:linear-gradient(180deg,#151618,#0c0d0e)}
.pairing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.pair{padding:30px;border:1px solid rgba(255,255,255,.09);min-height:210px;background:rgba(255,255,255,.018)}
.pair .num{font:300 2.3rem/1 var(--font-brand);letter-spacing:.12em;color:var(--gold);opacity:.75}
.pair h3{font:300 1.25rem/1.15 var(--font-brand);letter-spacing:.1em;text-transform:uppercase;margin:8px 0}.pair p{color:#aaa79f;margin:0}
.contact{padding:110px 0;background:#ece8dc;color:#121212}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.contact .eyebrow{color:#765f21}.contact .section-copy{color:#56534b}
.contact-box{border:1px solid #ccc4b1;padding:34px;background:#f7f4ec}
.contact-box a.mail{font-family:var(--font-brand);font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:#55420d;word-break:break-word}
.contact-box p{color:#655f53;font-size:.92rem}
.footer{padding:32px 0;background:#060606;border-top:1px solid rgba(255,255,255,.06);color:#8d8a83;font-size:.76rem}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-brand img{width:120px;opacity:.95}
.footer a:hover{color:#ddd}
.legal{min-height:100vh;padding:120px 0 80px;background:#f1eee7;color:#171717}
.legal-wrap{max-width:900px}
.legal-logo img{width:min(360px,85%);margin-bottom:28px}
.legal h1{font:300 clamp(2.5rem,6vw,4.6rem)/1 var(--font-brand);letter-spacing:.12em;text-transform:uppercase;margin:.2em 0}
.legal h2{font:300 1.2rem/1.2 var(--font-brand);letter-spacing:.12em;text-transform:uppercase;margin-top:2rem}
.legal p,.legal li{color:#535047;max-width:800px}
.legal a{color:#6c5416;text-decoration:underline}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){
 .brand{max-width:270px}
 .wine-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.ritual-grid,.contact-wrap{grid-template-columns:1fr}.collection-head{display:block}.collection-head .section-copy{max-width:700px}.hero-image{inset:0 0 0 20%;opacity:.72}.hero:before{background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.94) 44%,rgba(3,3,3,.2) 82%,rgba(0,0,0,.5))}
}
@media (max-width:760px){
 .container{width:min(100% - 28px,var(--max))}.nav{height:70px}.brand{max-width:190px}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:#090909;border-bottom:1px solid rgba(255,255,255,.08);padding:18px 22px 24px;flex-direction:column;align-items:flex-start;gap:18px}.nav-links.open{display:flex}.menu-btn{display:block}.hero{min-height:700px}.hero-image{inset:0;opacity:.48;background-position:62% 35%}.hero:before{background:linear-gradient(180deg,rgba(3,3,3,.4),rgba(3,3,3,.64) 42%,#050505 93%)}.hero-inner{padding-bottom:72px}.hero-logo{width:min(100%,520px);margin-top:16px}.hero-copy{font-size:.98rem}.scroll-mark{display:none}.intro,.collection,.details,.ritual,.pairing,.contact{padding:80px 0}.wine-grid,.detail-grid,.pairing-grid{grid-template-columns:1fr}.wine-card{min-height:auto;aspect-ratio:.74}.quote-card{padding:28px}.specs{grid-template-columns:1fr 1fr}.ritual-art{grid-template-columns:.75fr 1.25fr}.contact-box{padding:25px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.wine-card img,.site-header{transition:none}}