:root{--ink: oklch(.18 .02 60);--ink-soft: oklch(.24 .02 60);--cream: oklch(.95 .02 85);--cream-dim: oklch(.86 .025 80);--niebla: oklch(.3 .02 60);--vina: oklch(.42 .09 145);--vina-deep: oklch(.3 .06 145);--ambar: oklch(.72 .15 70);--ambar-deep: oklch(.55 .13 68);--vermut: oklch(.45 .17 25);--vermut-deep: oklch(.33 .14 25);--brasa: oklch(.68 .19 45);--bg: var(--ink);--fg: var(--cream);--accent: var(--brasa);--liquid-bottom: var(--vina-deep);--liquid-top: var(--vina);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Cabinet Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--ease-pour: cubic-bezier(.65, .05, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .4s;--dur-med: .8s;--dur-slow: 1.2s;--maxw: 1440px;--gutter: clamp(1.25rem, 5vw, 5rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);line-height:1.55;font-size:clamp(1rem,.95rem + .3vw,1.2rem);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0}em{font-style:italic}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;background:var(--accent);color:var(--ink);padding:.6rem 1rem;font-family:var(--font-mono);font-size:.8rem;border-radius:6px;transform:translateY(-150%);transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.display{font-family:var(--font-display);font-weight:900;font-optical-sizing:auto;font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 1;line-height:.86;letter-spacing:-.02em;font-size:clamp(3.5rem,14vw,11rem);text-wrap:balance}.display--hero{font-size:clamp(4.5rem,22vw,18rem)}.display--big{font-size:clamp(3.5rem,16vw,13rem)}.display__line{display:block}.display__line--em{font-style:italic;font-weight:300;color:var(--accent);margin-left:.06em}.kicker{font-family:var(--font-mono);font-size:clamp(.7rem,.68rem + .2vw,.82rem);text-transform:uppercase;letter-spacing:.28em;color:var(--accent);margin-bottom:1.25rem}.lede{font-family:var(--font-display);font-weight:400;font-size:clamp(1.15rem,1rem + 1vw,1.9rem);line-height:1.35;max-width:30ch;text-wrap:balance}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.grain{position:fixed;inset:-50%;width:200%;height:200%;z-index:900;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>");animation:grainShift .6s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-2%)}to{transform:translate(0)}}.cursor{display:none}@media (hover: hover) and (pointer: fine){.cursor{display:block;position:fixed;top:0;left:0;z-index:950;pointer-events:none;mix-blend-mode:difference}.cursor__dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cream);transform:translate(-50%,-50%)}.cursor__ring{position:absolute;width:38px;height:38px;border:1px solid var(--cream);border-radius:50%;transform:translate(-50%,-50%);transition:width var(--dur-fast) var(--ease-out),height var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}body[data-cursor-hover=true] .cursor__ring{width:64px;height:64px;background:color-mix(in oklch,var(--accent) 18%,transparent);border-color:var(--accent)}body[data-custom-cursor=true],body[data-custom-cursor=true] a,body[data-custom-cursor=true] button{cursor:none}}.stage{position:fixed;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}.stage__glass{position:relative;width:clamp(150px,26vw,330px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));will-change:transform}.glass-svg{width:100%;height:auto;overflow:visible}.glass-svg__bowl{fill:color-mix(in oklch,var(--fg) 4%,transparent);stroke:color-mix(in oklch,var(--fg) 55%,transparent);stroke-width:2.5;stroke-linejoin:round}.glass-svg__foot{fill:color-mix(in oklch,var(--fg) 30%,transparent)}.glass-svg__base{stroke:color-mix(in oklch,var(--fg) 55%,transparent);stroke-width:2.5;stroke-linecap:round}.glass-svg__rim{fill:none;stroke:color-mix(in oklch,var(--fg) 70%,transparent);stroke-width:2.5}.glass-svg__sheen{pointer-events:none}.liquid{transform:translateY(calc((1 - var(--fill, 0)) * 470px));will-change:transform}.liquid__wave{will-change:transform}.liquid__wave--b{mix-blend-mode:screen}.bubbles{position:absolute;inset:0;overflow:hidden}.bubble{position:absolute;bottom:26%;width:var(--s, 5px);height:var(--s, 5px);border-radius:50%;background:color-mix(in oklch,var(--cream) 65%,transparent);opacity:0;animation:rise var(--d, 4s) ease-in infinite;animation-delay:var(--delay, 0s)}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.7}to{transform:translateY(-160px) scale(1);opacity:0}}.site-head{position:fixed;top:0;left:0;right:0;z-index:800;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.6rem) var(--gutter);mix-blend-mode:normal}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.brand__mark{font-size:1.1rem;color:var(--accent);transform:translateY(-1px)}.head-nav{display:none}.head-nav ol{display:flex;gap:clamp(.8rem,2vw,1.8rem)}.head-nav a{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;opacity:.72;transition:opacity var(--dur-fast) var(--ease-out)}.head-nav a span{opacity:.5;margin-right:.35em}.head-nav a:hover,.head-nav a[aria-current=true]{opacity:1}.head-cta{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;border:1px solid color-mix(in oklch,var(--fg) 35%,transparent);padding:.6rem 1rem;border-radius:100px;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.head-cta:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.pour-meter{position:fixed;z-index:800;left:var(--gutter);bottom:clamp(1.2rem,3vw,2.2rem);display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.pour-meter__label{opacity:.6}.pour-meter__track{width:clamp(80px,14vw,160px);height:3px;border-radius:100px;background:color-mix(in oklch,var(--fg) 22%,transparent);overflow:hidden}.pour-meter__fill{display:block;height:100%;width:0%;background:var(--accent);border-radius:inherit}.pour-meter__pct{opacity:.6;min-width:3ch}.scene{position:relative;z-index:2}.act{position:relative;min-height:100svh;display:grid;align-items:center;padding:clamp(4rem,12vh,9rem) var(--gutter)}.act--intro{z-index:3;text-align:center;justify-items:center;gap:clamp(1.2rem,3vh,2.2rem);grid-template-rows:auto}.act--intro .lede{margin-inline:auto}.scroll-hint{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin-top:1rem}.scroll-hint__dot{animation:scrollDot 1.8s var(--ease-out) infinite}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}60%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:0}}.act--tierra,.act--vendimia,.act--reposo,.act--copa{grid-template-columns:1fr}.act__media{position:absolute;inset:0;z-index:-1;overflow:hidden}.act__media img{width:100%;height:100%;object-fit:cover;opacity:0;will-change:transform,opacity}.act__veil{position:absolute;inset:0;background:linear-gradient(to right,color-mix(in oklch,var(--ink) 78%,transparent),color-mix(in oklch,var(--ink) 20%,transparent) 60%,transparent),linear-gradient(to top,color-mix(in oklch,var(--ink) 85%,transparent),transparent 55%)}.act__veil--soft{background:linear-gradient(to top,color-mix(in oklch,var(--ink) 75%,transparent),transparent 60%),radial-gradient(120% 80% at 50% 60%,transparent,color-mix(in oklch,var(--ink) 55%,transparent))}.act__body{max-width:42rem;position:relative}.act__body--right{margin-left:auto;text-align:left}.act__body--center{margin-inline:auto;text-align:center;justify-items:center}.act__body--center .lede,.act__body--center .act__text{margin-inline:auto}.act__body--full{max-width:var(--maxw);margin-inline:auto;width:100%}.act__num{position:absolute;top:-2.2em;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;color:var(--accent);opacity:.7}.act__text{font-size:clamp(1.02rem,.98rem + .4vw,1.3rem);max-width:46ch;margin-top:1.4rem;color:color-mix(in oklch,var(--fg) 88%,transparent);text-wrap:pretty}.act--copa{z-index:3}.act__media--product img{object-position:center}.stat-row{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,5vw,3.5rem);margin-top:2.4rem}.stat-row--center{justify-content:center}.stat dt{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;opacity:.6;margin-bottom:.3rem}.stat dd{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.6rem);line-height:1}.stat__small{font-family:var(--font-body);font-size:.85rem;opacity:.6;font-weight:400}.botanicals{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}.botanicals li{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;padding:.4rem .85rem;border:1px solid color-mix(in oklch,var(--fg) 30%,transparent);border-radius:100px;opacity:.85}.bars{display:grid;grid-template-columns:1fr;gap:0;margin-top:2.6rem;border-top:1px solid color-mix(in oklch,var(--fg) 22%,transparent)}.bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;padding:1.1rem .2rem;border-bottom:1px solid color-mix(in oklch,var(--fg) 22%,transparent);transition:padding-left var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.bar:hover{padding-left:.9rem;color:var(--accent)}.bar__name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.3rem,1rem + 1.8vw,2.4rem)}.bar__addr{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;opacity:.65}.cta-block{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;padding:1rem 1.8rem;border-radius:100px;border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn--primary{background:var(--accent);color:var(--ink)}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{border-color:color-mix(in oklch,var(--fg) 35%,transparent)}.btn--ghost:hover{border-color:var(--fg);transform:translateY(-2px)}.site-foot{margin-top:clamp(4rem,12vh,8rem);padding-top:2rem;border-top:1px solid color-mix(in oklch,var(--fg) 22%,transparent)}.site-foot__row{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;justify-content:space-between}.brand--foot{font-size:1.2rem}.site-foot__note{max-width:52ch;font-size:.82rem;line-height:1.6;opacity:.7}.site-foot__row--meta{margin-top:2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;opacity:.55}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}[data-reveal].is-in{opacity:1;transform:none}.pour-curtain{position:fixed;inset:0;z-index:980;pointer-events:none;transform:translateY(-101%);background:var(--accent)}@media (min-width: 760px){.head-nav{display:block}.act--tierra .act__body{max-width:40rem}.act--tierra,.act--reposo{grid-template-columns:1.1fr .9fr;justify-items:start}.act--vendimia{grid-template-columns:.9fr 1.1fr}.act--vendimia .act__body{grid-column:2}.act__media{inset:0}}@media (min-width: 1100px){.act{padding-inline:clamp(3rem,8vw,8rem)}.act--tierra .act__body,.act--reposo .act__body{max-width:34rem}.act--vendimia .act__body{max-width:34rem;margin-left:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.grain{animation:none;opacity:.4}.cursor{display:none!important}body{cursor:auto!important}.stage{position:relative;height:60svh}.liquid{transform:translateY(235px)}.bubble,.scroll-hint{display:none}[data-reveal]{opacity:1!important;transform:none!important}.act__media img{opacity:1!important}.act{min-height:auto;padding-block:clamp(3rem,10vh,6rem)}}