/* ============================================================
   1370 CLUBHOUSE — V8.9 WINE PAGE
   Dedicated wine-list layer. Keeps the approved V8.6 system.
   ============================================================ */

.wine-page{position:relative;overflow:hidden;background:
  radial-gradient(circle at 8% 16%,rgba(177,74,29,.08),transparent 28%),
  radial-gradient(circle at 94% 40%,rgba(154,174,147,.18),transparent 30%),
  var(--cream)}
.wine-page:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.17;
  background-image:repeating-linear-gradient(92deg,rgba(14,56,39,.08) 0 1px,transparent 1px 7px);
  mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 86%,transparent 100%)}
.wine-page>section,.wine-page>.subnav{position:relative;z-index:1}

.wine-hero.inner-hero{padding:144px 0 92px;border-radius:0 0 110px 28px;
  /* V8.8: exact same green hero treatment as the other inner pages (La carte, Galerie, Contact). */
  background:linear-gradient(135deg,var(--green2),var(--deep))}
.wine-hero.inner-hero:before{content:"WINE";position:absolute;left:-.04em;bottom:-.23em;font-size:clamp(150px,22vw,380px);
  font-weight:850;letter-spacing:-.09em;line-height:1;color:rgba(245,238,228,.035);pointer-events:none}
.wine-hero.inner-hero:after{right:-190px;top:-310px;width:700px;height:700px;border-width:125px;
  /* Same terracotta used by the approved inner-page hero. */
  border-color:rgba(177,74,29,.76)}
.wine-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:clamp(45px,7vw,96px);align-items:center}
.wine-hero-copy{padding:22px 0 10px}
.wine-hero-copy h1{margin:24px 0 26px;font-size:clamp(70px,9vw,142px);line-height:.79;letter-spacing:-.075em;font-weight:760}
.wine-hero-copy h1 em{
  /* No special handwritten font here: the wine title now uses the same display family as the rest of the site. */
  font-family:inherit;font-style:normal;font-weight:inherit;color:var(--cream);letter-spacing:inherit;font-size:1em
}
.wine-hero-copy p{max-width:670px;margin:0;color:rgba(245,238,228,.74);font-size:17px;line-height:1.72}
.wine-hero-meta{margin-top:34px;display:inline-flex;align-items:center;gap:14px;padding:9px 9px 9px 16px;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);color:rgba(245,238,228,.78);
  font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.wine-hero-meta b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;letter-spacing:.04em}
.wine-hero-visual{position:relative;justify-self:end;width:min(490px,100%);height:590px;border:8px solid var(--cream);border-radius:230px 28px 105px 28px;
  overflow:hidden;transform:rotate(2.3deg);box-shadow:0 44px 100px rgba(0,0,0,.34)}
.wine-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,30,22,.28));pointer-events:none}
.wine-hero-visual picture,.wine-hero-visual img{width:100%;height:100%;display:block}
.wine-hero-visual img{object-fit:cover;object-position:50% 47%;transform:scale(1.015)}
.wine-hero-stamp{position:absolute;z-index:2;left:28px;bottom:26px;display:flex;align-items:center;gap:11px;padding:11px 14px 11px 11px;
  border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,253,248,.82);backdrop-filter:blur(16px);color:var(--green);
  box-shadow:0 12px 35px rgba(6,29,21,.18)}
.wine-hero-stamp span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--cream);font-weight:800;font-size:12px}
.wine-hero-stamp small{font-size:8px;font-weight:800;line-height:1.25;letter-spacing:.11em;text-transform:uppercase}

.wine-subnav .subnav-inner{width:min(800px,calc(100% - 30px));justify-content:center}
.wine-subnav a{min-width:100px;text-align:center}

.wine-glass-section{padding:130px 0 112px}
.wine-section-head{margin-bottom:48px}
.wine-section-head .copy{max-width:910px}
.wine-section-head .display{font-size:clamp(58px,7.2vw,108px)}
.glass-wine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.glass-wine-card{position:relative;min-height:300px;padding:25px 23px 21px;border:1px solid rgba(255,255,255,.94);border-radius:26px 26px 72px 26px;
  background:rgba(255,253,248,.86);backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(6,29,21,.09);overflow:hidden}
.glass-wine-card:before{content:"";position:absolute;right:-48px;top:-54px;width:145px;height:145px;border:30px solid rgba(14,56,39,.045);border-radius:50%}
.glass-wine-card.rose{background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(249,226,216,.82))}
.glass-wine-card.red{background:linear-gradient(145deg,#14392e,#0b2a20);color:var(--cream);box-shadow:0 25px 65px rgba(6,29,21,.18)}
.glass-wine-card.spark{background:linear-gradient(145deg,#b14a1d,#dd5e1f);color:#fff}
.glass-wine-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.glass-wine-card.red .glass-wine-head,.glass-wine-card.spark .glass-wine-head{border-color:rgba(255,255,255,.18)}
.glass-wine-head>span{width:33px;height:33px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:8px;font-weight:850}
.glass-wine-head h3{margin:0;font-size:28px;letter-spacing:-.035em}
.wine-list{margin-top:5px}
.wine-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}
.wine-row:last-child{border-bottom:0}
.glass-wine-card.red .wine-row,.glass-wine-card.spark .wine-row{border-color:rgba(255,255,255,.14)}
.wine-row-copy strong{display:block;font-size:14px;line-height:1.28}
.wine-row-copy small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}
.glass-wine-card.red small,.glass-wine-card.spark small{color:rgba(255,255,255,.68)}
.wine-price{white-space:nowrap;font-size:13px;font-weight:850}

.wine-bottles-section{padding:120px 0 126px;border-radius:110px 28px 110px 28px;background:
  radial-gradient(circle at 90% 7%,rgba(221,94,31,.16),transparent 25%),
  linear-gradient(160deg,#dce5d8 0%,#edf0e6 49%,#f5eee4 100%)}
.wine-bottle-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}
.wine-bottle-card{position:relative;padding:31px 28px 24px;border:1px solid rgba(255,255,255,.98);border-radius:30px 30px 88px 30px;
  background:rgba(255,253,248,.92);backdrop-filter:blur(18px);box-shadow:0 28px 68px rgba(6,29,21,.10);overflow:hidden}
.wine-bottle-card.red-card{background:linear-gradient(145deg,#0f3829,#08261d);color:var(--cream);border-color:rgba(255,255,255,.12);box-shadow:0 32px 75px rgba(6,29,21,.22)}
.wine-bottle-card.rose-card{background:linear-gradient(145deg,#fffaf4,#f7ddd1)}
.wine-bottle-card.bubble-card{background:linear-gradient(145deg,#b14a1d,#d65b25);color:#fff;border-color:rgba(255,255,255,.18)}
.wine-bottle-card.compact{min-height:340px}
.wine-card-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.red-card .wine-card-head,.bubble-card .wine-card-head{border-color:rgba(255,255,255,.17)}
.wine-card-head span{display:block;margin-bottom:8px;color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.red-card .wine-card-head span,.bubble-card .wine-card-head span{color:#ff9b6e}
.wine-card-head h3{margin:0;font-size:clamp(34px,3.5vw,54px);line-height:.9;letter-spacing:-.05em}
.wine-card-mark{display:flex;align-items:flex-end;gap:4px;min-width:54px;height:50px;opacity:.72}
.wine-card-mark i{display:block;width:12px;border:1px solid currentColor;border-radius:50% 50% 28% 28%/35% 35% 12% 12%;position:relative}
.wine-card-mark i:after{content:"";position:absolute;width:1px;height:12px;background:currentColor;left:50%;bottom:-12px}
.wine-card-mark i:nth-child(1){height:29px}.wine-card-mark i:nth-child(2){height:38px}.wine-card-mark i:nth-child(3){height:33px}
.red-card .wine-row,.bubble-card .wine-row{border-color:rgba(255,255,255,.14)}
.red-card .wine-row-copy small,.bubble-card .wine-row-copy small{color:rgba(255,255,255,.64)}
.wine-source-note{margin:20px 8px 0;text-align:right;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}

.wine-story-section{padding:125px 0 145px}
.wine-story-grid{display:grid;grid-template-columns:minmax(350px,.85fr) 1fr;gap:clamp(45px,7vw,100px);align-items:center}
.wine-story-media{position:relative;height:610px;border-radius:36px 160px 36px 36px;overflow:hidden;box-shadow:0 34px 86px rgba(6,29,21,.16)}
.wine-story-media img,.wine-story-media picture{width:100%;height:100%;display:block}.wine-story-media img{object-fit:cover}
.wine-story-orbit{position:absolute;right:-68px;bottom:-86px;width:240px;height:240px;border:48px solid rgba(221,94,31,.78);border-radius:50%}
.wine-story-copy h2{margin:25px 0 28px;font-size:clamp(62px,7vw,112px);line-height:.82;letter-spacing:-.07em}
.wine-story-copy p{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.72}
.wine-story-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.wine-reserve{padding-bottom:130px}

@media(max-width:1120px){
  .wine-hero-grid{grid-template-columns:1fr .72fr;gap:45px}
  .wine-hero-visual{height:520px}
  .glass-wine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wine-bottle-grid{grid-template-columns:1fr}
  .wine-bottle-card.compact{min-height:0}
}
@media(max-width:820px){
  .wine-hero.inner-hero{padding:118px 0 70px;border-radius:0 0 72px 20px}
  .wine-hero.inner-hero:after{right:-320px;top:-350px}
  .wine-hero-grid{grid-template-columns:1fr;gap:34px}
  .wine-hero-copy h1{font-size:clamp(68px,21vw,108px)}
  .wine-hero-copy p{font-size:15px}
  .wine-hero-visual{justify-self:stretch;width:100%;height:min(96vw,560px);border-width:6px;border-radius:180px 22px 80px 22px;transform:rotate(1deg)}
  .wine-subnav{top:80px;margin-top:-22px}
  .wine-subnav .subnav-inner{justify-content:flex-start}
  .wine-glass-section{padding:105px 0 85px}
  .wine-bottles-section{padding:95px 0 100px;border-radius:70px 18px 70px 18px}
  .wine-section-head{margin-bottom:34px}
  .wine-section-head .display{font-size:clamp(52px,16vw,82px)}
  .wine-story-section{padding:100px 0 115px}
  .wine-story-grid{grid-template-columns:1fr;gap:42px}
  .wine-story-media{height:min(120vw,610px);border-radius:28px 105px 28px 28px}
  .wine-story-copy h2{font-size:clamp(58px,16vw,86px)}
}
@media(max-width:560px){
  .glass-wine-grid{grid-template-columns:1fr}
  .glass-wine-card{min-height:0}
  .wine-bottle-card{padding:25px 21px 20px;border-radius:24px 24px 62px 24px}
  .wine-card-head{align-items:flex-end}
  .wine-card-head h3{font-size:38px}
  .wine-row{gap:12px;padding:13px 0}
  .wine-row-copy strong{font-size:13px}
  .wine-price{font-size:12px}
  .wine-hero-stamp{left:18px;bottom:18px}
  .wine-story-actions{display:grid}
  .wine-story-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .wine-hero-visual{transform:none}
}

/* ============================================================
   V8.9 — Sommelier note
   Replaces the two generic CTAs with a non-clickable editorial
   signature, keeping the wine page more premium and less busy.
   ============================================================ */
.wine-sommelier-note{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;
  width:min(590px,100%);margin-top:34px;padding:14px 18px 14px 14px;overflow:hidden;
  border:1px solid rgba(14,56,39,.11);border-radius:24px 24px 56px 24px;
  background:linear-gradient(135deg,rgba(255,253,248,.92),rgba(243,240,233,.72));
  box-shadow:0 20px 55px rgba(6,29,21,.08),inset 0 1px 0 rgba(255,255,255,.85);
  backdrop-filter:blur(18px)
}
.wine-sommelier-note:after{content:"";position:absolute;right:-48px;top:-62px;width:140px;height:140px;border:27px solid rgba(177,74,29,.09);border-radius:50%;pointer-events:none}
.wine-sommelier-icon{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border-radius:18px 18px 28px 18px;background:var(--green);color:var(--cream);box-shadow:0 13px 28px rgba(7,31,23,.16)}
.wine-sommelier-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.wine-sommelier-copy{position:relative;z-index:1;min-width:0}
.wine-sommelier-copy span{display:block;margin-bottom:5px;color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.wine-sommelier-copy strong{display:block;color:var(--green);font-size:15px;line-height:1.35;letter-spacing:-.015em}
.wine-sommelier-mark{position:relative;z-index:1;display:flex;align-items:flex-end;gap:3px;height:38px;opacity:.34}
.wine-sommelier-mark i{display:block;width:8px;border:1px solid var(--terra);border-radius:50% 50% 26% 26%/36% 36% 12% 12%}
.wine-sommelier-mark i:nth-child(1){height:21px}.wine-sommelier-mark i:nth-child(2){height:31px}.wine-sommelier-mark i:nth-child(3){height:25px}

@media(max-width:560px){
  .wine-sommelier-note{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:13px;border-radius:20px 20px 48px 20px}
  .wine-sommelier-icon{width:49px;height:49px}
  .wine-sommelier-copy strong{font-size:14px}
  .wine-sommelier-mark{display:none}
}


/* ============================================================
   1370 CLUBHOUSE — V9.0 WINE HERO REFINEMENT
   - removes the two pill/badge UI elements from the hero
   - replaces them with editorial, non-clickable wine UI
   - keeps the approved V8.8/V8.9 palette and typography
   ============================================================ */
.wine-curator-line{
  position:relative;display:flex;align-items:center;gap:16px;max-width:560px;margin-top:34px;padding:4px 0 4px 25px;
  color:var(--cream)
}
.wine-curator-line:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:var(--orange)}
.wine-curator-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;color:#ff8b58}
.wine-curator-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.wine-curator-copy{display:block;min-width:0}
.wine-curator-copy small{display:block;margin-bottom:5px;color:#ff8b58;font-size:8px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.wine-curator-copy strong{display:block;max-width:430px;color:rgba(245,238,228,.92);font-size:14px;font-weight:720;line-height:1.42;letter-spacing:-.012em}

.wine-hero-index{
  position:absolute;z-index:2;left:25px;bottom:24px;min-width:172px;padding:14px 15px 13px;
  border-left:2px solid rgba(255,139,88,.92);background:linear-gradient(90deg,rgba(7,34,25,.76),rgba(7,34,25,.38));
  backdrop-filter:blur(12px);color:#fff;box-shadow:0 14px 34px rgba(5,25,18,.18)
}
.wine-hero-index small{display:block;margin-bottom:9px;color:#ff9a6d;font-size:7px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.wine-hero-index>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 13px}
.wine-hero-index span{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:760;letter-spacing:.055em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.wine-hero-index i{width:4px;height:4px;border-radius:50%;background:#ff8b58;box-shadow:0 0 0 3px rgba(255,139,88,.12)}

/* Legacy V8.8 hero pills are intentionally disabled if cached markup survives. */
.wine-hero-meta,.wine-hero-stamp{display:none!important}

/* V8.9 sommelier card was a mistaken replacement for the approved story block. */
.wine-sommelier-note{display:none!important}

@media(max-width:820px){
  .wine-curator-line{margin-top:27px;max-width:100%;padding-left:20px;gap:12px}
  .wine-curator-icon{width:36px;height:36px}.wine-curator-icon svg{width:27px;height:27px}
  .wine-curator-copy strong{font-size:13px}
  .wine-hero-index{left:18px;bottom:18px;min-width:160px;padding:12px 13px}
}
@media(max-width:560px){
  .wine-hero-index{min-width:148px}.wine-hero-index>div{gap:5px 10px}
}

/* ============================================================
   1370 CLUBHOUSE — V9.1 WINE HERO SIGNATURE
   One cohesive UI element based directly on the site's existing
   asymmetric glass + terracotta-offset language. Image stays clean.
   ============================================================ */
.wine-curator-line,.wine-hero-index{display:none!important}

.wine-selection-signature{
  position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;
  width:min(610px,100%);margin-top:34px;padding:14px 18px 14px 14px;
  border:1px solid rgba(255,255,255,.9);border-radius:22px 22px 8px 22px;
  background:rgba(255,253,248,.94);backdrop-filter:blur(18px);
  box-shadow:0 1px 0 #fff inset,0 20px 46px rgba(4,28,20,.18);
  color:var(--green);isolation:isolate
}
.wine-selection-signature:before{
  content:"";position:absolute;z-index:-1;inset:8px -7px -7px 8px;
  border-radius:22px 22px 8px 22px;background:var(--orange)
}
.wine-selection-icon{
  width:52px;height:52px;display:grid;place-items:center;border-radius:16px 16px 28px 16px;
  background:var(--green);color:var(--cream);box-shadow:0 12px 27px rgba(5,29,21,.15)
}
.wine-selection-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.wine-selection-copy{display:block;min-width:0}
.wine-selection-copy small{display:block;margin-bottom:5px;color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.wine-selection-copy strong{display:block;color:var(--green);font-size:14px;font-weight:740;line-height:1.38;letter-spacing:-.012em}
.wine-selection-categories{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;color:rgba(14,56,39,.56);font-size:7px;font-weight:830;letter-spacing:.12em;text-transform:uppercase}
.wine-selection-categories i{width:3px;height:3px;border-radius:50%;background:var(--orange);opacity:.9}

/* Keep the photography itself editorial and uncluttered. */
.wine-hero-visual picture,.wine-hero-visual img{position:relative;z-index:1}

@media(max-width:820px){
  .wine-selection-signature{margin-top:27px;width:min(560px,100%)}
}
@media(max-width:560px){
  .wine-selection-signature{gap:12px;padding:12px 14px 12px 12px;border-radius:18px 18px 7px 18px}
  .wine-selection-signature:before{inset:6px -5px -5px 6px;border-radius:18px 18px 7px 18px}
  .wine-selection-icon{width:46px;height:46px;border-radius:14px 14px 23px 14px}
  .wine-selection-copy strong{font-size:13px}
  .wine-selection-categories{gap:6px;font-size:6.5px}
}