:root{--ink:#09090b;--cream:#f4efe8;--muted:#c9c2c7;--violet:#9b4ed0;--violet2:#54246e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Georgia,'Times New Roman',serif}.hero{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:6.2rem 7vw 3rem;background:radial-gradient(circle at 78% 38%,#321441 0,#150d1b 25%,#08080a 57%,#050506 100%)}.hero:after{content:"";position:absolute;inset:auto -10% -22% -10%;height:42%;background:radial-gradient(ellipse at center,#321340 0,#0c0a0e 55%,transparent 70%);filter:blur(30px)}.nav{position:absolute;top:2rem;right:7vw;z-index:5;display:flex;gap:2.2rem}.nav a,footer a{color:inherit;text-decoration:none}.nav a{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem}.hero-copy{z-index:2;max-width:760px;text-align:center}.brand{width:min(430px,76%);max-height:250px;object-fit:contain}.syrah,.eyebrow{text-transform:uppercase;letter-spacing:.34em}.syrah{margin:1.15rem 0 .7rem}.rule{width:76px;height:2px;background:linear-gradient(90deg,var(--violet),#c879ff);margin:1rem auto 1.65rem}.hero h1{font-weight:400;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(1.65rem,2.45vw,2.75rem);white-space:nowrap;margin:.35rem 0}.lead{font-size:1.2rem;color:#ded8df}.button{display:inline-flex;gap:1.4rem;align-items:center;margin-top:1.4rem;padding:1rem 2rem;border:1px solid #b65bf2;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;transition:.25s}.button:hover{background:#a34bd0;border-color:#a34bd0}.hero-bottle{height:88vh;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}.hero-bottle img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 28px 28px #000)}.glow{position:absolute;width:72%;height:72%;background:#6d278c;filter:blur(100px);opacity:.17}.section{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.copy{padding:6rem 8vw;display:flex;flex-direction:column;justify-content:center}.copy .rule{margin:1rem 0 1.7rem}.eyebrow{margin:0 0 .5rem;font-size:1rem}.copy h2,.contact h2{font-weight:400;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(1.65rem,2.55vw,2.45rem);margin:0}.copy p{font-size:1.08rem;line-height:1.72;max-width:650px}.signature{font-style:italic;color:#d7c3df}.vision{background:linear-gradient(90deg,#100e11,#181319)}.abstract{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 45%,#251128,#0c0b0d 66%);display:flex;align-items:center;justify-content:center}.vision-seal{width:min(72%,600px);opacity:.075;filter:grayscale(1) brightness(1.5);transform:translateX(7%)}.terroir{background:#09090a}.detail{overflow:hidden;position:relative;background:radial-gradient(circle at 50% 50%,#31113f,#080809 62%)}.detail img{position:absolute;height:155%;left:-4%;top:-28%;transform:rotate(-13deg);filter:drop-shadow(0 30px 35px #000)}.rare{background:linear-gradient(110deg,#141216,#0b0a0c)}.seal{display:flex;align-items:center;justify-content:center;overflow:hidden}.seal img{width:70%;opacity:.075;filter:grayscale(1)}.contact{text-align:center;padding:5.5rem 1.5rem 4.5rem;background:radial-gradient(circle at 50% 0,#1e1124,#08080a 58%)}.contact p{font-size:1.03rem;line-height:1.6;color:#d4cdd5}.contact .small{margin-top:2rem;font-size:.9rem;color:#aaa2aa}footer{text-align:center;padding:1.7rem;border-top:1px solid #211d23;color:#827b84;font-size:.75rem;letter-spacing:.14em}@media(max-width:1050px){.hero h1{white-space:normal}}@media(max-width:800px){.nav{left:0;right:0;justify-content:center;gap:1.2rem}.hero{grid-template-columns:1fr;padding:6.5rem 1.5rem 2rem;min-height:auto}.hero-copy{order:1}.hero-bottle{order:2;height:65vh;margin-top:1rem}.brand{width:90%;max-height:200px}.section{grid-template-columns:1fr;min-height:0}.copy{padding:4.5rem 1.7rem}.abstract,.detail,.seal{min-height:330px}.vision-seal{width:78%;transform:none}.terroir .detail{order:2}.detail img{height:130%;left:10%;top:-12%}.seal img{width:86%}.contact{padding:4.5rem 1.5rem 3.8rem}.nav a{font-size:.62rem}.hero h1{font-size:1.55rem;white-space:normal}.lead{font-size:1rem}}