:root{--bg:#0f0f0f;--card:#18181b;--g:#d4af37;--gl:#f3e5ab;--gd:#aa820a;--t:#e7e2d6;--m:#a39e93}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.7;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:600}
a{color:var(--g);text-decoration:none}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:14px 28px;border:1px solid var(--g);color:var(--g);letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:600;background:none;cursor:pointer;transition:.3s;font-family:inherit}
.btn:hover,.btn.solid{background:var(--g);color:#0f0f0f}.btn.solid:hover{background:var(--gl)}
.wa{background:#1f7a4d;border-color:#25d366;color:#fff}.wa:hover{background:#25d366;color:#0f0f0f}
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(15,15,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.2)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
header img{height:52px;width:auto;max-width:none;object-fit:contain}
nav a{color:var(--t);margin-left:32px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}nav a:hover{color:var(--g)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--g);margin:6px 8px;transition:.3s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.deco{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--g);margin:18px auto}
.deco:before,.deco:after{content:"";height:1px;width:80px;background:linear-gradient(90deg,transparent,var(--g))}.deco:after{transform:scaleX(-1)}
.eyebrow{color:var(--g);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem}
section{padding:110px 0;position:relative}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:110px;background:radial-gradient(ellipse at 70% 50%,rgba(212,175,55,.12),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.hero .logo{width:min(420px,80%);height:auto;object-fit:contain;margin:10px 0 20px}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.15;color:var(--gl)}
.hero h1 em{color:var(--g)}
.hero p{color:var(--m);max-width:520px;margin:20px 0 34px;font-size:1.05rem}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.trio{display:flex;justify-content:center;align-items:flex-end;position:relative}
.trio:before{content:"";position:absolute;inset:8% 0 0;border:1px solid rgba(212,175,55,.35);clip-path:polygon(15% 0,85% 0,100% 12%,100% 100%,0 100%,0 12%)}
.trio picture{width:36%;margin:0 -3%;box-shadow:0 30px 60px rgba(0,0,0,.7);border:1px solid rgba(212,175,55,.3)}
.trio picture:nth-child(2){width:42%;z-index:2;transform:translateY(-20px)}
.trio img{aspect-ratio:2/3;object-fit:cover}
.story{background:#121212;border-top:1px solid rgba(212,175,55,.15);border-bottom:1px solid rgba(212,175,55,.15)}
.story .wrap{max-width:820px;text-align:center}
.story h2,.h2{font-size:clamp(1.9rem,4vw,2.8rem);color:var(--gl)}
.story p{color:var(--m);margin-top:22px;font-size:1.05rem}
#poveste p:first-of-type:first-letter{font-family:'Playfair Display',serif;color:var(--g);font-size:3.4em;float:left;line-height:.9;margin:6px 10px 0 0}
.center{text-align:center}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}
.card{background:var(--card);border:1px solid rgba(212,175,55,.2);display:flex;flex-direction:column;transition:.4s;position:relative}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px rgba(212,175,55,.18)}
.card img{aspect-ratio:4/5;object-fit:cover;object-position:center 40%}
.card .b{padding:28px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.6rem;color:var(--gl)}.card .meta{color:var(--g);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;margin:4px 0 14px}
.card p{color:var(--m);font-size:.95rem;flex:1}
.order{display:flex;gap:10px;margin-top:22px;align-items:stretch}
.qty{display:flex;border:1px solid rgba(212,175,55,.4)}
.qty button{background:none;border:0;color:var(--g);width:36px;font-size:1.2rem;cursor:pointer}
.qty input{width:38px;background:none;border:0;color:var(--t);text-align:center;font:inherit;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{display:none}
.order .btn{flex:1;justify-content:center;padding:12px 10px;font-size:.7rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;counter-reset:s}
.step{border:1px solid rgba(212,175,55,.25);padding:36px 28px;text-align:center;position:relative}
.step:before{counter-increment:s;content:counter(s,upper-roman);display:block;font-family:'Playfair Display',serif;font-size:2.4rem;color:var(--g)}
.step h3{color:var(--gl);margin:8px 0}.step p{color:var(--m);font-size:.95rem}
.contact{background:#121212}
form{max-width:760px;margin:50px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:rgba(24,24,27,.75);border:1px solid rgba(212,175,55,.2);padding:36px}
label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);display:block;margin-bottom:6px}
input,textarea{width:100%;background:#0f0f0f;border:1px solid #333;color:var(--t);padding:12px;font:inherit}
input:focus,textarea:focus{outline:0;border-color:var(--g)}
.full{grid-column:1/-1}.wines{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wines div{border:1px solid #333;padding:10px;text-align:center;font-size:.85rem}.wines input{margin-top:6px;text-align:center}
footer{padding:60px 0 30px;text-align:center;border-top:1px solid rgba(212,175,55,.2);color:var(--m);font-size:.85rem}
footer img{height:70px;width:auto;object-fit:contain;margin:0 auto 14px}footer .mod{color:var(--g);letter-spacing:.2em;text-transform:uppercase;margin:16px 0}
.fab{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.fab svg{width:32px;fill:#fff}
.gate{position:fixed;inset:0;z-index:200;background:rgba(10,10,10,.97);display:none;place-items:center;padding:20px}
.gate.on{display:grid}.gate .box{max-width:440px;text-align:center;border:1px solid var(--g);padding:44px 32px;outline:1px solid rgba(212,175,55,.3);outline-offset:6px}
.gate img{width:240px;height:auto;object-fit:contain;margin:0 auto 10px}.gate h2,.gate .gh{font-family:"Playfair Display",serif;font-weight:600;line-height:1.2;margin:.4em 0;color:var(--gl);font-size:1.6rem}.gate p{color:var(--m);margin:12px 0 26px}
.gate .btns{justify-content:center}.gate small{display:block;margin-top:20px;color:var(--m)}
.cookie{position:fixed;left:20px;bottom:20px;z-index:70;max-width:380px;background:var(--card);border:1px solid rgba(212,175,55,.3);padding:18px;font-size:.85rem;color:var(--m);display:none}
.cookie.on{display:block}.cookie .btn{margin-top:10px;padding:8px 18px}
.legal{padding:140px 0 80px}.legal .wrap{max-width:800px}.legal h2{color:var(--gl);margin:30px 0 8px;font-size:1.3rem}.legal p,.legal li{color:var(--m);margin-bottom:10px}.legal ul{padding-left:20px}
@media(max-width:900px){header{backdrop-filter:none;background:#0f0f0f}
.burger{display:block}
nav{position:fixed;top:76px;left:0;right:0;bottom:0;background:#0f0f0f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transform:translateX(100%);transition:.35s}
nav.open{transform:none}nav a{margin:0;font-size:1.2rem;font-family:'Playfair Display',serif}
.hero .wrap,.grid,.steps{grid-template-columns:1fr}.hero{text-align:center}.hero .logo{margin:0 auto 16px}.hero p{margin:18px auto 28px}.btns{justify-content:center}
section{padding:80px 0}form{grid-template-columns:1fr;padding:24px}.cookie{right:20px;max-width:none;bottom:90px}}
@media(max-width:480px){.wines{grid-template-columns:1fr}}
.cine{padding:0;aspect-ratio:16/9;max-height:85vh;width:100%;overflow:hidden;display:grid;place-items:end center;text-align:center;border-top:1px solid rgba(212,175,55,.25);border-bottom:1px solid rgba(212,175,55,.25)}
.cine video,.cine .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cine .poster{display:none}
.cine:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(15,15,15,.55)),linear-gradient(transparent 60%,rgba(15,15,15,.85))}
.cine .q{position:relative;z-index:2;padding:0 24px 28px}.cine .q .deco:first-child{display:none}
.cine blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1rem,2.6vw,2.2rem);color:var(--gl);max-width:800px;text-shadow:0 2px 20px #000}
@media(prefers-reduced-motion:reduce){.cine video{display:none}.cine .poster{display:block}*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.cine{aspect-ratio:16/9;max-height:none}.cine .q{padding-bottom:10px}.cine .q .deco{display:none}}