:root{
  --ink:#0a2325;
  --ink-2:#102f30;
  --ink-3:#173a38;
  --copper:#bd7445;
  --copper-2:#d09869;
  --ivory:#f5efe6;
  --paper:#ece1d2;
  --white:#fffdf8;
  --muted:#aa9e91;
  --line:rgba(14,38,39,.16);
  --serif:"Cormorant Garamond",serif;
  --sans:"Manrope",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;font-family:var(--sans);color:var(--ink);background:transparent;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
::selection{background:var(--copper);color:var(--white)}
.scene{position:fixed;inset:0;z-index:-4;background:url("https://images.unsplash.com/photo-1749928402397-2ff41f3bf925?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=85&w=3000") center 52%/cover no-repeat;transform:scale(1.04);animation:slowScene 22s ease-in-out infinite alternate}
.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,22,22,.34),rgba(5,18,18,.58))}
.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
@keyframes slowScene{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1%,.5%,0)}}

.topbar{position:fixed;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);z-index:50;color:var(--white);transition:.35s ease;border-bottom:1px solid transparent}
.topbar.scrolled{height:70px;background:rgba(8,32,33,.91);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}
.brand-mark{width:40px;height:40px;border:1px solid rgba(205,145,94,.65);display:grid;place-items:center;font:600 18px/1 var(--serif);color:var(--copper-2);border-radius:50%;position:relative}
.brand-mark:after{content:"";position:absolute;width:1px;height:19px;background:var(--copper-2);left:50%;top:10px;opacity:.65}
.brand-copy{display:grid;line-height:.85}.brand-copy strong{font:600 15px/.84 var(--serif);letter-spacing:.08em}.brand-copy small{font-size:6px;letter-spacing:.45em;margin-top:6px;color:var(--copper-2)}
.nav{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nav a{opacity:.82;transition:.2s}.nav a:hover{opacity:1;color:var(--copper-2)}.nav-cta{border:1px solid rgba(206,151,104,.55);padding:11px 16px!important;opacity:1!important}
.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:0;position:relative}.menu-toggle span{position:absolute;left:8px;width:26px;height:1px;background:var(--white);transition:.25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}.menu-toggle.active span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

.hero{min-height:100svh;display:grid;place-items:center;position:relative;color:var(--white);isolation:isolate;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-3;background:url("https://images.unsplash.com/photo-1749928402397-2ff41f3bf925?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=88&w=3000") center 54%/cover no-repeat;transform:scale(1.03);animation:heroZoom 18s ease-out both}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,21,21,.22) 0%,rgba(5,26,26,.28) 42%,rgba(4,17,18,.74) 100%),linear-gradient(90deg,rgba(3,20,20,.36),transparent 55%)}
@keyframes heroZoom{from{transform:scale(1.12)}to{transform:scale(1.03)}}
.hero-content{text-align:center;max-width:920px;padding:130px 24px 110px}.eyebrow,.kicker{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--copper-2)}
.hero-monogram{width:82px;height:82px;border:1px solid rgba(212,157,110,.72);border-radius:50%;display:grid;place-items:center;margin:24px auto 16px;color:var(--copper-2);font:600 34px/1 var(--serif);position:relative}.hero-monogram:after{content:"";position:absolute;width:1px;height:34px;background:currentColor;top:24px;left:50%;opacity:.6}
.hero h1{font:500 clamp(62px,9.5vw,144px)/.76 var(--serif);letter-spacing:-.04em;margin:14px 0 10px;text-shadow:0 8px 28px rgba(0,0,0,.22)}
.hero-tagline{font:italic 500 clamp(25px,3vw,44px)/1 var(--serif);color:#ead4bb;margin:0 0 20px}.hero-sub{max-width:650px;margin:0 auto;color:rgba(255,255,255,.76);font-size:13px;line-height:1.8;font-weight:300}.hero-actions,.visit-actions{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{min-width:180px;padding:14px 20px;border:1px solid transparent;text-align:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:.28s ease}.btn-primary{background:var(--copper);color:var(--white)}.btn-primary:hover{background:#cc8456;transform:translateY(-2px)}.btn-ghost{border-color:rgba(255,255,255,.45);color:var(--white);backdrop-filter:blur(4px)}.btn-ghost:hover{border-color:var(--copper-2);color:var(--copper-2)}
.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.25em;text-transform:uppercase;display:grid;gap:9px;place-items:center;color:rgba(255,255,255,.58)}.scroll-hint span{width:1px;height:28px;background:linear-gradient(var(--copper-2),transparent);animation:scrollLine 1.6s ease-in-out infinite}@keyframes scrollLine{0%,100%{transform:scaleY(.45);transform-origin:top}50%{transform:scaleY(1)}}

.paper-section{background:var(--ivory);position:relative;z-index:2}.section-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:120px clamp(24px,6vw,84px);align-items:center}.origin-copy h2,.section-heading h2,.process-copy h2,.experience-copy h2,.brand-story-copy h2,.visit h2{font:500 clamp(42px,6vw,84px)/.92 var(--serif);margin:18px 0 28px;letter-spacing:-.035em}.origin-copy h2 em,.process-copy h2 em,.brand-story-copy h2 em,.visit h2 em{font-weight:400;color:var(--copper);}.origin-copy>p,.process-copy>p,.experience-copy>p,.brand-story-copy>p{max-width:590px;font-size:13px;line-height:1.9;color:#5f625d}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}.facts div{padding:18px 14px 18px 0}.facts div+div{border-left:1px solid var(--line);padding-left:18px}.facts strong{display:block;font:500 27px/1 var(--serif);color:var(--ink)}.facts span{display:block;margin-top:5px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#77766f}.note{display:block;margin-top:8px;color:#9c968e;font-size:8px}.origin-image{height:650px;margin:0;position:relative;overflow:hidden;background:#d8c8b5}.origin-image:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.48);z-index:1;pointer-events:none}.origin-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 22px;display:flex;justify-content:space-between;background:linear-gradient(transparent,rgba(5,25,25,.7));color:white;font-size:8px;letter-spacing:.18em;text-transform:uppercase}

.interlude{height:72svh;min-height:560px;display:grid;place-items:center;color:white;position:relative;z-index:1}.interlude-content{text-align:center;padding:24px;max-width:900px}.interlude-content>span{display:block;color:var(--copper-2);font:500 15px/1 var(--serif);margin-bottom:18px}.interlude-content p{font:italic 400 clamp(42px,7vw,96px)/.94 var(--serif);margin:0;text-shadow:0 10px 30px rgba(0,0,0,.34)}.interlude-content small{display:block;margin-top:24px;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.67)}

.dark-section{background:var(--ink);color:var(--white);position:relative;z-index:2}.varieties{padding:120px clamp(24px,6vw,84px)}.section-heading{max-width:1100px;margin:0 auto 70px}.section-heading h2{margin-bottom:18px}.section-heading p{max-width:620px;color:rgba(255,255,255,.6);font-size:13px;line-height:1.8}.variety-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}.variety-card{min-height:210px;padding:26px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);position:relative;transition:.25s}.variety-card:hover{background:rgba(255,255,255,.035)}.variety-card>span{color:var(--copper-2);font-size:9px;letter-spacing:.15em}.variety-card h3{font:500 32px/1 var(--serif);margin:60px 0 8px}.variety-card p{color:rgba(255,255,255,.47);font-size:11px}.vine-image{max-width:1240px;height:560px;margin:74px auto 0;position:relative;overflow:hidden}.vine-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,22,.72),transparent 62%)}.vine-caption{position:absolute;z-index:2;left:34px;bottom:34px;display:grid;gap:9px}.vine-caption span{font-size:9px;letter-spacing:.2em;color:var(--copper-2)}.vine-caption strong{font:500 clamp(34px,4vw,58px)/1 var(--serif);max-width:430px}

.process{display:grid;grid-template-columns:1fr 1fr;min-height:820px}.process-media{min-height:720px}.process-copy{padding:100px clamp(24px,6vw,80px);align-self:center}.steps{list-style:none;margin:42px 0 0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.steps li>span{color:var(--copper);font:500 14px/1 var(--serif)}.steps strong{font:500 22px/1 var(--serif)}.steps p{margin:5px 0 0;color:#77776f;font-size:10px;line-height:1.5}

.interlude-two{background:linear-gradient(rgba(8,34,34,.32),rgba(8,34,34,.42))}
.experience{padding:120px clamp(24px,6vw,84px)}.experience-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.experience-copy p{color:rgba(255,255,255,.57)}.text-link{display:inline-flex;gap:18px;align-items:center;margin-top:24px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-2);border-bottom:1px solid rgba(205,145,94,.4);padding-bottom:7px}.experience-panels{border-top:1px solid rgba(255,255,255,.14)}.experience-card{display:grid;grid-template-columns:42px 1fr;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.14)}.experience-card>span{font:500 14px/1 var(--serif);color:var(--copper-2)}.experience-card h3{font:500 36px/1 var(--serif);margin:0 0 8px}.experience-card p{margin:0;font-size:10px;color:rgba(255,255,255,.48)}

.brand-story{padding:120px clamp(24px,6vw,84px)}.brand-story-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.brand-symbol{min-height:520px;background:var(--ink);color:var(--copper-2);display:grid;place-items:center;align-content:center;gap:25px;position:relative}.brand-symbol:before{content:"";position:absolute;inset:18px;border:1px solid rgba(200,143,93,.35)}.symbol-large{width:190px;height:190px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font:500 78px/1 var(--serif);position:relative}.symbol-large:after{content:"";position:absolute;width:2px;height:85px;background:currentColor;left:50%;top:48px;opacity:.6}.brand-symbol small{font-size:8px;letter-spacing:.25em}.brand-story-copy p{max-width:600px}

.visit{min-height:92svh;display:grid;place-items:center;color:white;position:relative;z-index:2;isolation:isolate;text-align:center;overflow:hidden}.visit-bg{position:absolute;inset:0;z-index:-2;background:url("https://images.unsplash.com/photo-1749928402397-2ff41f3bf925?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=88&w=3000") center/cover no-repeat;transform:scale(1.04)}.visit:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(4,23,23,.42),rgba(4,23,23,.77))}.visit-content{max-width:900px;padding:100px 24px}.visit h2{margin-bottom:22px}.visit p{font-size:12px;line-height:1.9;color:rgba(255,255,255,.7)}.visit-meta{display:flex;justify-content:center;gap:30px;margin-top:34px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);flex-wrap:wrap}

footer{background:#061c1d;color:white;min-height:120px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px clamp(24px,6vw,84px);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand>div{display:grid}.footer-brand strong{font:500 18px/1 var(--serif);letter-spacing:.06em}.footer-brand small{margin-top:5px;font-size:7px;letter-spacing:.18em;color:var(--copper-2)}.footer-note{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.whatsapp{position:fixed;right:18px;bottom:18px;z-index:45;background:var(--copper);color:white;padding:12px 15px;display:flex;gap:9px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.24);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.whatsapp span{font-size:14px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .topbar{height:72px;padding:0 18px}.brand-copy{display:none}.menu-toggle{display:block}.nav{position:fixed;inset:72px 0 auto 0;background:rgba(7,29,30,.97);backdrop-filter:blur(16px);padding:30px 24px 34px;display:grid;gap:20px;transform:translateY(-130%);transition:.3s;z-index:-1;border-bottom:1px solid rgba(255,255,255,.08)}.nav.open{transform:none}.nav a{font-size:12px}.nav-cta{margin-top:6px;text-align:center}
  .hero-content{padding-top:110px}.hero h1{font-size:clamp(58px,18vw,96px)}.hero-sub{font-size:12px;max-width:480px}.hero-actions{display:grid;max-width:310px;margin-left:auto;margin-right:auto}.btn{width:100%}
  .section-grid,.experience-grid,.brand-story-grid,.process{grid-template-columns:1fr}.section-grid{padding:82px 22px;gap:44px}.origin-image{height:520px;order:-1}.facts{grid-template-columns:1fr}.facts div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.facts div{padding:14px 0}.interlude{height:60svh;min-height:480px}.interlude-content p{font-size:clamp(46px,13vw,72px)}
  .varieties,.experience,.brand-story{padding:82px 22px}.variety-grid{grid-template-columns:1fr 1fr}.vine-image{height:500px}.process-media{min-height:520px}.process-copy{padding:76px 22px}.experience-grid{gap:55px}.brand-story-grid{gap:50px}.brand-symbol{min-height:440px}.visit{min-height:80svh}footer{align-items:flex-start;flex-direction:column}.footer-note{max-width:260px}
}
@media(max-width:560px){
  .scene{background-position:56% center}.hero-media{background-position:58% center}.hero h1{line-height:.82}.hero-tagline{font-size:29px}.hero-sub{padding:0 6px}.eyebrow{font-size:8px}.origin-copy h2,.section-heading h2,.process-copy h2,.experience-copy h2,.brand-story-copy h2,.visit h2{font-size:46px}.origin-image{height:430px}.variety-grid{grid-template-columns:1fr}.variety-card{min-height:165px}.variety-card h3{margin-top:38px}.vine-image{height:420px}.process-media{min-height:440px}.interlude{min-height:440px}.interlude-content p{font-size:48px}.experience-card h3{font-size:32px}.brand-symbol{min-height:380px}.symbol-large{width:155px;height:155px;font-size:62px}.symbol-large:after{height:68px;top:39px}.visit-actions{display:grid;max-width:300px;margin-left:auto;margin-right:auto}.visit-meta{display:grid;gap:8px}.whatsapp{right:12px;bottom:12px;padding:11px 12px}.whatsapp strong{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene,.hero-media,.scroll-hint span{animation:none}.reveal{opacity:1;transform:none;transition:none}}