:root{
  --sage:#e5eadf;
  --sage-2:#d3dccb;
  --sage-dark:#7c8872;
  --green:#3f4b35;
  --green-2:#59664f;
  --ivory:#faf7ef;
  --paper:#f4f1e8;
  --gold:#b58b3a;
  --gold-light:#d5b56a;
  --ink:#394136;
  --white:#fffdf8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--ivory);overflow-x:hidden}
body.locked{overflow:hidden}
h1,h2,h3,.brand-name{font-family:"Cormorant Garamond",Georgia,serif}
a{text-decoration:none;color:inherit}
.eyebrow{font-size:.72rem;letter-spacing:.22em;font-weight:600;margin:0 0 18px;color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:1px;border:1px solid transparent;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:600;cursor:pointer;transition:.25s ease}
.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.btn.gold:hover{background:transparent;color:var(--gold)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.35);color:white}
.text-link{font-size:.84rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;border-bottom:1px solid rgba(23,62,50,.25);padding-bottom:5px}
.text-link span{color:var(--gold);margin-left:8px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}

/* Age gate */
.age-gate{position:fixed;inset:0;background:rgba(91,105,80,.98);z-index:1000;display:grid;place-items:center;padding:24px;transition:.5s ease}
.age-gate.hidden{opacity:0;visibility:hidden}
.age-card{max-width:560px;text-align:center;color:#fff;border:1px solid rgba(212,185,116,.55);padding:48px 46px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,0))}
.age-card h1{font-size:4rem;line-height:.9;margin:14px 0 24px;font-weight:500}
.age-card h1 span{color:var(--gold-light);font-style:italic}
.age-copy{font-family:"Cormorant Garamond";font-size:1.35rem;line-height:1.4;color:#e9eee7}
.age-actions{display:flex;gap:12px;justify-content:center;margin:28px 0}
.age-card .fine{font-size:.7rem;opacity:.65}
.mini-crest{width:56px;height:56px;margin:0 auto;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-light);font-family:"Cormorant Garamond";font-weight:700}

/* Header */
.site-header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,62,50,.13);background:rgba(247,241,230,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:12px}
.crest{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:"Cormorant Garamond";font-weight:700;color:var(--green)}
.crest.large{width:60px;height:60px;color:var(--gold-light)}
.brand-name{font-size:1.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.brand-name em{color:var(--gold);font-weight:500}
.site-header nav{display:flex;gap:28px}
.site-header nav a{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.header-cta{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:4px}
.menu-toggle{display:none;border:0;background:none;font-size:1.4rem;color:var(--green)}

/* Hero */
.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:7vw 8vw;position:relative;background:
radial-gradient(circle at 76% 44%,rgba(255,255,255,.8),transparent 28%),
linear-gradient(120deg,var(--sage) 0 61%,var(--ivory) 61% 100%);overflow:hidden}
.hero-copy{position:relative;z-index:2;max-width:650px}
.hero h1{font-size:clamp(4.1rem,6.2vw,7.2rem);line-height:.82;font-weight:500;letter-spacing:-.035em;margin:0 0 26px;color:var(--green)}
.hero h1 span{color:var(--gold);font-style:italic;font-weight:500}
.intro{font-family:"Cormorant Garamond";font-size:1.45rem;line-height:1.45;max-width:540px;color:#3c5148}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}
.scroll-note{position:absolute;left:4vw;bottom:30px;font-size:.62rem;letter-spacing:.22em;color:var(--sage-dark);writing-mode:vertical-rl}
.botanical-bg{position:absolute;width:360px;height:360px;border:1px solid rgba(180,145,79,.18);border-radius:50%;opacity:.6}
.botanical-bg:before,.botanical-bg:after{content:"";position:absolute;width:70%;height:1px;background:rgba(180,145,79,.2);left:15%;top:50%;transform:rotate(35deg)}
.botanical-bg:after{transform:rotate(-35deg)}
.botanical-bg.left{left:-160px;bottom:-120px}
.botanical-bg.right{right:-180px;top:-80px}

.bottle-stage{position:relative;display:grid;place-items:center;min-height:640px}
.halo{position:absolute;width:460px;height:460px;border:1px solid rgba(180,145,79,.38);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.12),0 0 0 100px rgba(255,255,255,.06)}
.bottle{position:relative;width:250px;height:610px;filter:drop-shadow(0 28px 28px rgba(32,56,45,.22));z-index:2}
.bottle-cap{width:94px;height:62px;background:linear-gradient(90deg,#8f743a,#d5b971 45%,#96783d);margin:0 auto;border-radius:8px 8px 4px 4px;border:1px solid #7f6531}
.bottle-neck{width:90px;height:88px;margin:0 auto;background:linear-gradient(90deg,rgba(90,132,115,.46),rgba(221,239,224,.7) 45%,rgba(91,129,115,.45));border-left:2px solid rgba(44,92,72,.35);border-right:2px solid rgba(44,92,72,.35)}
.bottle-body{height:460px;border-radius:34px 34px 22px 22px;background:linear-gradient(90deg,rgba(99,143,123,.65),rgba(208,229,213,.78) 30%,rgba(236,247,238,.86) 48%,rgba(122,159,143,.66));border:2px solid rgba(55,94,78,.4);padding:60px 22px;position:relative}
.bottle-body:after{content:"";position:absolute;right:18px;top:28px;width:14px;height:330px;background:linear-gradient(#fff,rgba(255,255,255,0));opacity:.42;border-radius:12px}
.label{height:300px;background:#f3ead7;border:2px solid var(--gold);outline:1px solid rgba(23,62,50,.28);outline-offset:-8px;padding:25px 16px;text-align:center;color:var(--green);box-shadow:0 8px 18px rgba(23,62,50,.12)}
.label-rule{height:1px;background:var(--gold);width:80%;margin:0 auto 14px}
.lion-mark{font-size:2rem;color:var(--gold)}
.label-small,.label-copy,.label-footer{font-family:Inter;font-size:.48rem;letter-spacing:.16em;line-height:1.5}
.label-title{font-family:"Cormorant Garamond";font-weight:700;font-size:1.9rem;line-height:.9;margin:8px 0}.label-title span{color:var(--gold);font-style:italic}
.lotus-mark{color:var(--gold);font-size:1.35rem;margin:6px 0}
.label-sub{font-family:"Cormorant Garamond";font-size:1.05rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px}
.label-footer{margin-top:14px}

/* Story */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:760px}
.illustration-panel{background:var(--sage-2);color:var(--gold);display:grid;place-items:center;position:relative;overflow:hidden}
.lotus-svg{width:min(70%,520px);opacity:.72}
.quote-card{position:absolute;left:8%;bottom:8%;background:var(--ivory);color:var(--green);padding:22px 26px;min-width:245px}
.quote-card span{color:var(--gold);font-size:.7rem;letter-spacing:.15em}
.quote-card p{font-family:"Cormorant Garamond";font-size:1.45rem;margin:8px 0 0}
.copy-panel{padding:10vw 9vw;background:var(--ivory);display:flex;flex-direction:column;justify-content:center}
.copy-panel h2,.section-heading h2{font-size:clamp(3.2rem,5.2vw,5.8rem);line-height:.92;font-weight:500;margin:0 0 28px;color:var(--green)}
.copy-panel p:not(.eyebrow){font-family:"Cormorant Garamond";font-size:1.3rem;line-height:1.55;color:#46574f}
.copy-panel .text-link{align-self:flex-start;margin-top:18px}

/* Gin */
.gin-section{padding:9vw 8vw;background:var(--paper)}
.section-heading{max-width:760px}
.section-heading>p:last-child{font-family:"Cormorant Garamond";font-size:1.28rem;line-height:1.5;color:#4b5c54}
.tasting-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid rgba(23,62,50,.18);border-bottom:1px solid rgba(23,62,50,.18)}
.taste-card{padding:40px 36px;min-height:245px;border-right:1px solid rgba(23,62,50,.18)}
.taste-card:last-child{border-right:0}
.taste-card span{font-size:.7rem;color:var(--gold);letter-spacing:.15em}
.taste-card h3{font-size:2.2rem;font-weight:500;color:var(--green);margin:18px 0 12px}
.taste-card p{font-family:"Cormorant Garamond";font-size:1.16rem;line-height:1.5;color:#4d5c54}
.disclaimer{font-size:.68rem;color:#7a857f;margin-top:20px}

/* Botanicals */
.botanicals-section{padding:9vw 8vw;background:var(--sage)}
.centered{text-align:center;margin:0 auto}
.botanical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,62,50,.15);border:1px solid rgba(23,62,50,.15);margin-top:60px}
.botanical-card{background:var(--sage);padding:44px 36px;min-height:240px;text-align:center}
.botanical-icon{font-family:"Cormorant Garamond";font-size:3rem;color:var(--gold);height:65px}
.botanical-card h3{font-size:1.8rem;color:var(--green);margin:12px 0 10px}
.botanical-card p{font-family:"Cormorant Garamond";font-size:1.05rem;color:#516158}

/* Serve */
.serve-section{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#dfe6d8;color:var(--ink)}
.serve-copy{padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}
.serve-copy h2{font-size:clamp(3.6rem,5vw,5.5rem);line-height:.9;font-weight:500;margin:0 0 28px;color:var(--green)}
.serve-copy>p:not(.eyebrow){font-family:"Cormorant Garamond";font-size:1.3rem;line-height:1.5;color:#586256;max-width:540px}
.recipe{margin-top:32px;border-top:1px solid rgba(181,139,58,.38)}
.recipe div{display:grid;grid-template-columns:125px 1fr;padding:15px 0;border-bottom:1px solid rgba(181,139,58,.28)}
.recipe strong{color:var(--gold);font-family:"Cormorant Garamond";font-size:1.2rem}
.recipe span{font-size:.83rem;letter-spacing:.04em}
.glass-art{display:grid;place-items:center;background:linear-gradient(140deg,#eef1e8,#cfd9c6)}
.glass{position:relative;width:220px;height:420px;border:5px solid rgba(255,255,255,.6);border-top:0;border-radius:0 0 45px 45px;overflow:hidden;box-shadow:0 30px 45px rgba(0,0,0,.2)}
.liquid{position:absolute;left:0;right:0;bottom:0;height:68%;background:linear-gradient(rgba(221,231,210,.55),rgba(190,202,170,.8))}
.ice{position:absolute;width:70px;height:70px;border:2px solid rgba(255,255,255,.55);transform:rotate(18deg);z-index:2}
.i1{left:28px;bottom:155px}.i2{right:24px;bottom:95px;transform:rotate(-10deg)}.i3{left:65px;bottom:45px;transform:rotate(32deg)}
.garnish{position:absolute;width:95px;height:28px;border:8px solid #d3b466;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;right:-25px;top:85px;transform:rotate(24deg);z-index:3}

/* Journal */
.journal-section{padding:9vw 8vw;background:var(--ivory)}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.journal-art{height:300px;background:var(--sage);border:1px solid rgba(23,62,50,.08);position:relative;overflow:hidden}
.journal-art:before,.journal-art:after{content:"";position:absolute;border:1px solid var(--gold);border-radius:50%}
.art-one:before{width:190px;height:190px;left:20%;top:18%}.art-one:after{width:100px;height:260px;border-radius:50% 10%;transform:rotate(28deg);left:40%;top:5%}
.art-two:before{width:240px;height:80px;border-radius:60% 0;left:15%;top:35%;transform:rotate(-15deg)}.art-two:after{width:180px;height:80px;border-radius:60% 0;left:35%;top:45%;transform:rotate(25deg)}
.art-three:before{width:120px;height:220px;border-radius:48% 48% 30% 30%;left:32%;top:14%}.art-three:after{width:72px;height:72px;left:43%;top:30%}
.journal-meta{font-size:.63rem;letter-spacing:.15em;color:var(--gold);margin:18px 0 10px}
.journal-card h3{font-size:2rem;line-height:1.05;color:var(--green);margin:0 0 18px}

/* Newsletter */
.newsletter{padding:7vw 8vw;background:var(--gold);color:#fff;text-align:center}
.newsletter-inner{max-width:760px;margin:auto}
.newsletter h2{font-size:clamp(3.4rem,5vw,5.3rem);line-height:.9;margin:0 0 18px;font-weight:500}
.newsletter .eyebrow{color:#fff}
.newsletter>div>p:not(.eyebrow):not(.form-note){font-family:"Cormorant Garamond";font-size:1.25rem}
.newsletter form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:560px;margin:30px auto 0}
.newsletter input{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.1);padding:0 18px;color:#fff;min-height:52px;font:inherit}
.newsletter input::placeholder{color:rgba(255,255,255,.8)}
.newsletter .btn.gold{background:var(--green);border-color:var(--green)}
.form-note{font-size:.75rem;min-height:1rem}

/* Footer */
footer{background:#7f8d73;color:#fffdf8;padding:60px 7vw 30px}
.footer-brand{display:flex;align-items:center;gap:18px}
.footer-brand h3{font-size:2.2rem;margin:0;text-transform:uppercase;letter-spacing:.05em}
.footer-brand h3 em{color:var(--gold-light)}
.footer-brand p{font-family:"Cormorant Garamond";margin:4px 0;color:#eef1e8}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin:45px 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);padding-top:20px;font-size:.68rem;color:#eef1e8}

@media (max-width: 980px){
  .site-header nav,.header-cta{display:none}
  .menu-toggle{display:block}
  .site-header.open nav{display:flex;position:absolute;top:86px;left:0;right:0;background:var(--ivory);padding:25px 6vw;flex-direction:column;border-bottom:1px solid rgba(23,62,50,.12)}
  .hero{grid-template-columns:1fr;padding:80px 7vw 40px;background:linear-gradient(180deg,var(--sage) 0 64%,var(--ivory) 64%)}
  .hero h1{font-size:clamp(3.7rem,12vw,6.3rem)}
  .bottle-stage{min-height:630px}
  .split,.serve-section{grid-template-columns:1fr}
  .illustration-panel{min-height:560px}
  .copy-panel{padding:90px 8vw}
  .tasting-grid,.botanical-grid,.journal-grid{grid-template-columns:1fr}
  .taste-card{border-right:0;border-bottom:1px solid rgba(23,62,50,.18)}
  .taste-card:last-child{border-bottom:0}
  .journal-art{height:360px}
  .serve-section{min-height:auto}.glass-art{min-height:620px}
}
@media (max-width: 600px){
  .site-header{height:72px}
  .brand-name{font-size:1.25rem}.crest{width:36px;height:36px}
  .hero{min-height:auto;padding-top:68px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .bottle-stage{transform:scale(.84);margin:-35px 0}
  .scroll-note{display:none}
  .copy-panel h2,.section-heading h2{font-size:3.3rem}
  .age-card{padding:38px 22px}.age-card h1{font-size:3.2rem}
  .age-actions{flex-direction:column}.age-actions .btn{width:100%}
  .gin-section,.botanicals-section,.journal-section{padding:85px 6vw}
  .serve-copy{padding:85px 7vw}
  .newsletter{padding:80px 6vw}
  .newsletter form{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px}
}


/* Full visual concept */
.visual-concept{padding:7vw 6vw;background:#f7f1e6;border-top:1px solid rgba(23,62,50,.1);border-bottom:1px solid rgba(23,62,50,.1)}
.visual-concept-inner{max-width:1440px;margin:0 auto;text-align:center}
.visual-concept h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,5vw,5.4rem);font-weight:500;line-height:.95;color:var(--green);margin:0 auto 18px;max-width:950px}
.visual-concept p:not(.eyebrow){font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;line-height:1.5;color:#4b5c54;max-width:760px;margin:0 auto 38px}
.visual-concept img{display:block;width:100%;height:auto;border:1px solid rgba(180,145,79,.3);box-shadow:0 30px 70px rgba(23,62,50,.15)}
.muted-link{opacity:.62;cursor:default}
.legal-page{max-width:850px;margin:0 auto;padding:140px 7vw 90px}.legal-page h1{font-size:clamp(3rem,7vw,5.5rem);color:var(--green);margin-bottom:28px}.legal-page h2{color:var(--green);margin-top:38px}.legal-page p,.legal-page li{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem;line-height:1.65;color:#46574f}.legal-back{display:inline-block;margin-bottom:30px;color:var(--gold);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}

/* September refinement: mobile polish + premium label details */
.label{box-shadow:0 8px 18px rgba(63,75,53,.08),inset 0 0 0 1px rgba(181,139,58,.22)}
.label:before{content:"";position:absolute;inset:7px;border:1px solid rgba(181,139,58,.72);pointer-events:none}
.label-title,.label-sub,.label-small,.label-copy,.label-footer{position:relative;z-index:1}
.label-title span,.lotus-mark,.lion-mark{color:var(--gold)}
@media (max-width: 600px){
  .site-header{padding:0 5vw;background:rgba(250,247,239,.96)}
  .site-header.open nav{top:72px;padding:22px 7vw;gap:18px}
  .site-header.open nav a{font-size:.78rem}
  .hero{padding:54px 6vw 30px;background:linear-gradient(180deg,var(--sage) 0 60%,var(--ivory) 60%)}
  .hero-copy{max-width:100%}
  .hero h1{font-size:clamp(3.25rem,15vw,4.9rem);line-height:.86;margin-bottom:20px}
  .intro{font-size:1.14rem;line-height:1.45}
  .hero-actions{margin-top:28px}
  .bottle-stage{min-height:520px;transform:scale(.72);margin:-60px 0 -70px}
  .bottle{filter:drop-shadow(0 22px 22px rgba(32,56,45,.18))}
  .split,.serve-section{overflow:hidden}
  .illustration-panel{min-height:430px}
  .copy-panel{padding:72px 7vw}
  .copy-panel h2,.section-heading h2{font-size:3rem;line-height:.94}
  .botanical-grid{gap:14px}
  .botanical-card{padding:34px 24px}
  .glass-art{min-height:500px}
  .journal-art{height:300px}
  .newsletter h2{font-size:3.2rem}
  footer{padding:50px 7vw 26px}
}


/* Heritage artwork hero — uses the artwork, not the full label */
.heritage-hero{min-height:calc(100vh - 86px);display:block;padding:0;background:#f5f2e8;position:relative;overflow:hidden}
.heritage-hero-art{width:100%;height:calc(100vh - 86px);min-height:650px;object-fit:cover;object-position:center;display:block}
.heritage-hero .hero-copy{position:absolute;left:7.5vw;top:50%;transform:translateY(-50%);z-index:3;width:min(38vw,590px);padding:34px 30px 34px 0;background:linear-gradient(90deg,rgba(247,244,234,.88),rgba(247,244,234,.52) 75%,transparent)}
.heritage-hero .hero-copy.visible{transform:translateY(-50%)}
.heritage-hero h1{font-size:clamp(3.8rem,5.5vw,6.8rem);text-shadow:0 1px 0 rgba(255,255,255,.5)}
.heritage-hero .intro{max-width:510px}
@media(max-width:980px){.heritage-hero{min-height:auto;padding:0}.heritage-hero-art{height:auto;min-height:0;object-fit:contain}.heritage-hero .hero-copy{position:relative;left:auto;top:auto;transform:none!important;width:auto;padding:55px 7vw 65px;background:var(--ivory)}.heritage-hero h1{font-size:clamp(3.5rem,10vw,5.5rem)}}
@media(max-width:600px){.heritage-hero-art{height:62vh;min-height:430px;object-fit:cover;object-position:62% center}.heritage-hero .hero-copy{padding:46px 6vw 55px}.heritage-hero h1{font-size:clamp(3.15rem,14vw,4.7rem)}}

/* Corrected artwork hero: one visual layer only; no duplicate text/navigation overlay */
.clean-hero{background:#f7f3e8;min-height:auto;position:relative;overflow:hidden}
.clean-hero .heritage-hero-art{width:100%;height:auto;min-height:0;display:block;object-fit:contain;object-position:center top}
.clean-hero .scroll-note{z-index:2}
@media(max-width:980px){.clean-hero .heritage-hero-art{width:100%;height:auto;min-height:0;object-fit:contain;object-position:center top}}
@media(max-width:600px){.clean-hero .heritage-hero-art{height:auto;min-height:0;object-fit:contain;object-position:center top}.clean-hero .scroll-note{display:none}}