/* Pass 3 — final art direction: optical polish and the daylight tasting aperture. */

::selection{background:#c7784e;color:#fffaf0;text-shadow:none}
html{scrollbar-color:#b86943 #0d2b22;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0d2b22}
::-webkit-scrollbar-thumb{background:linear-gradient(#d09166,#8f4b36);border:2px solid #0d2b22;border-radius:10px}
body{font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility}
h1,h2,h3,.brand,.state-note,.season-note p{font-kerning:normal;font-optical-sizing:auto}
.kicker,.chapter,.primary-nav,.glass-caption,.curve-heading,.process-time,.lot-mark,.site-footer{font-variant-numeric:tabular-nums;font-feature-settings:"kern" 1,"liga" 1,"tnum" 1}
:focus-visible{outline:2px solid #ffd08f;outline-offset:5px}
button:focus-visible,input:focus-visible{outline-color:#ffd08f}
.primary-nav .nav-season,.steep-toggle,.reset-steep,.light-toggle{transition:color .28s ease,border-color .28s ease,background-color .28s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.primary-nav .nav-season:hover,.primary-nav .nav-season:focus-visible{background:rgba(242,240,232,.1);border-color:rgba(255,222,173,.78)}

/* The local estate film remains atmospheric; the still keeps the terraces crisp. */
.hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 71% 38%,rgba(244,239,215,.16),transparent 30%),linear-gradient(113deg,rgba(8,35,25,.18),transparent 48%);mix-blend-mode:soft-light}
.hero-mist{filter:saturate(.64) sepia(.06) contrast(.96)}
.hero h1{letter-spacing:-.061em}
.hero-intro{max-width:580px;letter-spacing:-.012em}
.harvest-stamp{backdrop-filter:blur(2px);box-shadow:inset 0 0 30px rgba(242,240,232,.06),0 18px 45px rgba(5,25,18,.12)}

/* THE LIGHT TABLE — lift the live infusion into a daylight aperture. */
.glass-stage{--live-liquor:191,191,112;--extraction:.1;isolation:isolate;transition:background .7s cubic-bezier(.2,.8,.2,1)}
.light-aperture{position:absolute;z-index:0;left:50%;top:48%;width:min(500px,88%);aspect-ratio:1;transform:translate(-50%,-50%) scale(.7);border:1px solid rgba(255,236,196,.22);border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 47%,rgba(var(--live-liquor),calc(.16 + var(--extraction) * .24)) 0 22%,rgba(255,218,157,.13) 39%,rgba(255,240,209,.035) 57%,transparent 70%);box-shadow:0 0 110px rgba(var(--live-liquor),.12),inset 0 0 70px rgba(255,236,204,.08);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1),border-color .7s ease}
.light-aperture>i{position:absolute;inset:9%;border:1px solid rgba(255,239,207,.16);border-radius:50%}
.light-aperture>i:nth-child(2){inset:21%;border-style:dashed;transform:rotate(12deg)}
.light-aperture>i:nth-child(3){inset:34%;border-color:rgba(var(--live-liquor),.34)}
.light-aperture p{position:absolute;right:-7%;top:45%;width:128px;margin:0;padding:12px 0 12px 16px;border-left:1px solid rgba(255,235,199,.42);display:flex;flex-direction:column;text-transform:uppercase;text-align:left}
.light-aperture span{font-size:7px;letter-spacing:.24em;color:#d4bc9a}
.light-aperture strong{margin:7px 0 4px;font-family:var(--display);font-size:18px;line-height:1;font-weight:500;text-transform:none;color:#fff3dc}
.light-aperture b{font-size:6px;font-weight:500;letter-spacing:.13em;color:#cba984;font-variant-numeric:tabular-nums}
.tasting-glass,.saucer,.glass-caption,.light-toggle{position:relative;z-index:3}
.tasting-glass{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}
.saucer{transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease,box-shadow .7s ease}
.glass-caption{transition:color .4s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.light-toggle{min-height:48px;margin-top:22px;padding:0 17px 0 19px;border:1px solid rgba(242,240,232,.25);background:rgba(5,28,21,.25);display:flex;align-items:center;gap:14px;color:#cbd6ce;cursor:pointer;text-transform:uppercase;font-size:8px;font-weight:500;letter-spacing:.19em}
.light-toggle i{position:relative;width:26px;height:26px;border:1px solid rgba(255,218,162,.5);border-radius:50%;transition:background .4s ease,box-shadow .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.light-toggle i::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#d68a52;box-shadow:0 0 0 0 rgba(255,199,111,.2);transition:box-shadow .5s ease,transform .5s ease}
.light-toggle:hover{color:#fff4de;border-color:#d99b70;transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.light-toggle:hover i{transform:rotate(35deg)}
.light-held{background:radial-gradient(circle at 50% 46%,rgba(var(--live-liquor),.28),transparent 26%),radial-gradient(ellipse at 77% 23%,rgba(184,105,67,.2),transparent 30%),#102e24}
.light-held .light-aperture{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:rgba(255,235,198,.4)}
.light-held .tasting-glass{transform:translateY(-9px) scale(1.035);filter:drop-shadow(0 38px 24px rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(var(--live-liquor),.18))}
.light-held .liquor{filter:saturate(1.16) brightness(1.08)}
.light-held .saucer{transform:translateY(5px) scale(.93);opacity:.6;box-shadow:0 30px 48px rgba(0,0,0,.36)}
.light-held .glass-caption{color:#d4c3a9;transform:translateY(3px)}
.light-held .light-toggle{color:#fff0d2;border-color:#d49162;background:rgba(184,105,67,.14)}
.light-held .light-toggle i{background:rgba(216,137,43,.12);box-shadow:0 0 28px rgba(255,192,97,.32)}
.light-held .light-toggle i::before{box-shadow:0 0 0 5px rgba(255,199,111,.12),0 0 22px rgba(255,191,95,.5);transform:scale(.72)}

/* Material depth in the quiet process field. */
.process-section{background:radial-gradient(ellipse at 77% 82%,rgba(111,143,95,.2),transparent 34%),linear-gradient(122deg,rgba(255,255,255,.2),transparent 46%),#d7d6c7;overflow:hidden}
.process-section::after{content:"";position:absolute;z-index:0;width:760px;height:360px;right:-140px;bottom:-80px;border-radius:50%;opacity:.18;background:repeating-radial-gradient(ellipse at center,transparent 0 38px,rgba(23,61,45,.44) 39px 40px);transform:rotate(-9deg);pointer-events:none}
.process-head,.process-rail{position:relative;z-index:1}
.process-rail h3{letter-spacing:-.025em}
.lot-list h3{letter-spacing:-.018em}
.season-note p{letter-spacing:-.012em}

/* Field-guide marginalia gets the same copper-room exactness. */
.guide-article h3{display:flex;align-items:center;gap:12px;letter-spacing:-.018em}
.guide-article h3::before{content:"";width:22px;height:1px;background:#b86943;flex:0 0 auto}
.guide-article code{border-bottom:1px solid rgba(240,190,138,.25)}

@media(max-width:900px){
  .light-aperture{width:min(510px,75%)}
  .light-aperture p{right:-4%}
}

@media(max-width:560px){
  .hero h1{letter-spacing:-.052em}
  .light-aperture{width:330px;top:47%}
  .light-aperture p{right:auto;left:92px;top:-58px;width:154px;padding:8px 0 8px 11px}
  .light-aperture strong{font-size:16px}
  .light-toggle{margin-top:18px;max-width:285px;width:calc(100% - 48px);justify-content:space-between;padding-left:16px}
  .light-held .tasting-glass{transform:translateY(-5px) scale(1.018)}
  .process-section::after{width:520px;height:270px;right:-260px;bottom:-60px}
  .guide-article h3{gap:9px}
  .guide-article h3::before{width:15px}
}

@media(prefers-reduced-motion:reduce){
  .light-aperture,.tasting-glass,.saucer,.glass-caption,.light-toggle,.light-toggle i,.light-toggle i::before{transition:none!important}
}