:root {
  --cream: #f7f4ef;
  --paper: #fffdfa;
  --ink: #4f5957;
  --deep: #343e3b;
  --gold: #bd823d;
  --gold-soft: #d5ae77;
  --line: rgba(79, 89, 87, .17);
  --serif: 'Cormorant Infant', Georgia, serif;
  --sans: 'Alata', system-ui, sans-serif;
  --shell: min(1180px, calc(100vw - 48px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--cream); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--serif); font-size: 18px; line-height: 1.58; }
a { color: inherit; text-decoration: none; }
img, video { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 999; background: #fff; padding: .75rem 1rem; }
.skip-link:focus { top: 1rem; }
.eyebrow { margin: 0 0 18px; color: var(--gold); font: 400 12px/1.3 var(--sans); letter-spacing: .42em; text-transform: uppercase; }
.display { margin: 0; font: 400 clamp(52px, 7vw, 98px)/.9 var(--serif); letter-spacing: -.035em; }
.h2 { margin: 0; font: 400 clamp(42px, 5vw, 70px)/.96 var(--serif); letter-spacing: -.025em; }
.lead { font-size: clamp(21px, 2.1vw, 28px); line-height: 1.42; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border: 1px solid currentColor; font: 400 13px/1 var(--sans); transition: .2s ease; }
.btn--solid { color: var(--deep); background: #fff; border-color: #fff; }
.btn--ghost { color: #fff; border-color: rgba(255,255,255,.58); }
.btn--line { color: var(--gold); padding-inline: 0; min-height: 38px; border: 0; border-bottom: 1px solid var(--gold-soft); }
.btn:hover { transform: translateY(-2px); }

.site-header { position: sticky; top: 0; z-index: 90; height: 96px; color: #fff; background: rgba(72,83,80,.96); backdrop-filter: blur(14px); transition: background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease; }
.site-header--overlay { position: fixed; left: 0; right: 0; background: linear-gradient(180deg, rgba(28,39,36,.48), rgba(28,39,36,.12) 72%, transparent); backdrop-filter: none; box-shadow: none; }
.site-header--overlay.is-scrolled, .site-header--overlay.nav-open { background: rgba(52,62,59,.88); backdrop-filter: blur(16px); box-shadow: 0 1px 0 rgba(255,255,255,.08); }
.header__inner { height: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand { grid-column: 2; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; min-width: 160px; }
.brand__mark { width: 48px; height: 22px; object-fit: contain; object-position: center; margin-bottom: -2px; }
.brand__word { font: 500 34px/.9 var(--serif); color: #d7483e; letter-spacing: -.02em; }
.brand__word span { color: #d7483e; }
.site-nav { grid-column: 3; display: flex; justify-self: end; gap: 34px; align-items: center; font: 400 11px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; }
.site-nav a { position: relative; padding-block: 10px; opacity: .88; }
.site-nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1px; background: var(--gold-soft); transition: .2s; }
.site-nav a:hover::after, .site-nav a[aria-current='page']::after { right: 0; }
.nav-toggle { display:none; background:none; border:0; color:#fff; width:46px; height:46px; }
.nav-toggle span { display:block; width:24px; height:1px; background:currentColor; margin:7px auto; }

.hero { min-height: 100vh; position: relative; display: grid; align-items: end; color: #fff; background: linear-gradient(90deg, rgba(25,34,31,.60), rgba(25,34,31,.16)), url('/assets/images/hero.jpg') center/cover no-repeat; overflow: hidden; }
.hero::after { content:''; position:absolute; inset:auto 0 0; height:40%; background:linear-gradient(transparent,rgba(19,29,26,.28)); pointer-events:none; }
.hero__content { position: relative; z-index: 4; padding: calc(96px + 8vh) 0 7vh; max-width: 900px; }
.hero .display { max-width: 860px; }
.hero__actions { display:flex; gap:14px; margin-top:36px; }
.hero__geese { position:absolute; z-index:3; top:17%; right:8%; width:310px; height:160px; pointer-events:none; opacity:.9; }
.hero__goose { position:absolute; width:96px; height:auto; object-fit:contain; filter:drop-shadow(0 8px 15px rgba(15,22,20,.18)); }
.hero__goose--one { right:6px; top:10px; transform:rotate(-7deg); }
.hero__goose--two { right:118px; top:70px; width:72px; opacity:.78; transform:rotate(5deg) scaleX(-1); }
.hero__goose--three { right:206px; top:28px; width:55px; opacity:.58; transform:rotate(-3deg); }
.hero__footprint { position:absolute; z-index:2; right:11%; top:42%; width:112px; opacity:.27; color:var(--gold-soft); pointer-events:none; transform:rotate(-11deg); }
.hero__footprint svg { display:block; width:100%; height:auto; }
.hero__footprint path { fill:none; stroke:currentColor; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }
.stats { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.3); }
.stat { padding: 25px 18px 27px; border-right: 1px solid rgba(255,255,255,.22); text-align:center; }
.stat:last-child { border-right:0; }
.stat strong { display:block; font: 500 32px/1 var(--serif); }
.stat span { display:block; margin-top:8px; font: 400 10px/1.3 var(--sans); letter-spacing:.17em; text-transform:uppercase; opacity:.8; }

.origin { background: var(--cream); padding: 120px 0; overflow:hidden; }
.origin__grid { display:grid; grid-template-columns: 1.65fr .7fr; gap: 80px; align-items:start; }
.origin__main .h2 { max-width: 660px; margin-bottom: 54px; }
.origin__vineyard { width: 100%; aspect-ratio: 1.55; object-fit: cover; }
.origin__quote { max-width: 700px; margin: 44px auto 0; text-align:center; font: 400 clamp(34px,4vw,55px)/1.06 var(--serif); }
.origin__aside { padding-top: 12px; }
.origin__aside img { width: 190px; aspect-ratio: .73; object-fit: cover; margin: 0 auto 34px; }
.origin__aside p { max-width: 310px; margin:0 auto 22px; }

.collections-home { padding: 115px 0; background: #f2eee7; }
.section-head { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:54px; }
.section-head > p:last-child { max-width:500px; margin:0; }
.spotlights { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
.spotlight { position:relative; min-height: 640px; padding: 42px 38px; overflow:hidden; background:rgba(247,244,239,.72); border:1px solid rgba(79,89,87,.07); }
.spotlight__art { position:absolute; inset:0; opacity:.42; background-repeat:no-repeat; background-position:center; background-size:cover; }
.spotlight--viorica .spotlight__art { background-image:url('/assets/images/viorica-fruits.png'); }
.spotlight--blends .spotlight__art { background-image:url('/assets/images/plums.jpg'); opacity:.28; }
.spotlight--barrique .spotlight__art { background:radial-gradient(circle at 20% 25%, rgba(94,50,63,.14), transparent 24%),linear-gradient(145deg,#f3ede5,#f9f6f1); opacity:1; }
.spotlight__content { position:relative; z-index:3; display:flex; flex-direction:column; height:100%; }
.spotlight h3 { margin:0; font:400 48px/1 var(--serif); }
.spotlight p { margin:14px 0 0; max-width:330px; }
.spotlight__bottle { margin:auto auto 8px; height: 370px; width: 235px; object-fit:contain; background:transparent; filter:drop-shadow(0 25px 25px rgba(37,42,39,.14)); }
.spotlight__link { margin-top:22px; font:400 12px/1 var(--sans); color:var(--gold); }

.film { padding: 105px 0; background: var(--paper); }
.film--early { border-bottom:1px solid rgba(79,89,87,.08); }
.film__grid { display:grid; grid-template-columns: .8fr 1.4fr; gap:70px; align-items:center; }
.film__copy p { max-width:470px; }
.film__media { position:relative; aspect-ratio:16/9; background:#1f2926; overflow:hidden; }
.film__media video { width:100%; height:100%; object-fit:cover; }

.journal-strip { padding: 100px 0; background:#e9e3da; }
.journal-strip__grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.journal-strip p { max-width:520px; }

.page-hero { padding: 110px 0 85px; background:var(--cream); border-bottom:1px solid var(--line); }
.page-hero__inner { max-width:900px; }
.page-hero p:last-child { max-width:640px; }

.collection-nav { position:sticky; top:96px; z-index:20; background:rgba(255,253,250,.95); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
.collection-nav__inner { overflow:auto; display:flex; gap:28px; padding:18px 0; scrollbar-width:none; }
.collection-nav a { white-space:nowrap; font:400 11px/1 var(--sans); text-transform:uppercase; letter-spacing:.16em; }
.wines-section { padding: 100px 0 80px; scroll-margin-top: 150px; }
.wines-section:nth-of-type(even) { background:var(--cream); }
.collection-intro { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; margin-bottom:48px; }
.collection-intro h2 { margin:0; font:400 clamp(48px,5vw,68px)/1 var(--serif); }
.collection-intro p { margin:0; max-width:620px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.product-card { min-height:540px; display:flex; flex-direction:column; padding:18px 10px 24px; background:transparent; border:0; transition:.22s ease; }
.product-card:hover { transform:translateY(-5px); box-shadow:none; }
.product-card__image { height:390px; display:grid; place-items:end center; background:transparent; overflow:visible; }
.product-card img { width:auto; height:auto; max-width:94%; max-height:390px; object-fit:contain; object-position:center bottom; transition:.25s ease; filter:drop-shadow(0 18px 24px rgba(42,49,47,.12)); }
.product-card img[src$=".jpg"], .product-card img[src$=".jpeg"] { mix-blend-mode:multiply; }
.product-card:hover img { transform:scale(1.025); }
.product-card__meta { margin-top:16px; font:400 10px/1 var(--sans); color:var(--gold); letter-spacing:.18em; text-transform:uppercase; }
.product-card h3 { margin:9px 0 0; font:500 28px/1.05 var(--serif); }
.product-card__arrow { margin-top:auto; padding-top:20px; font:400 11px/1 var(--sans); color:var(--gold); }

.product-hero { background:var(--cream); padding:80px 0 90px; }
.product-hero__grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.product-visual { min-height:680px; display:grid; place-items:center; position:relative; background:transparent; overflow:visible; }
.product-visual img { width:auto; height:auto; max-height:660px; max-width:94%; object-fit:contain; object-position:center; filter:drop-shadow(0 30px 35px rgba(42,49,47,.16)); }
.product-visual img[src$=".jpg"], .product-visual img[src$=".jpeg"] { mix-blend-mode:multiply; }
.product-copy h1 { margin:0; font:400 clamp(58px,7vw,88px)/.9 var(--serif); letter-spacing:-.035em; }
.product-year { margin:9px 0 24px; color:var(--gold); font:400 29px/1 var(--serif); }
.product-copy .lead { max-width:550px; }
.product-copy > p { max-width:610px; }
.product-facts { background:var(--deep); color:#fff; }
.product-facts__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.fact { padding:30px 26px; border-right:1px solid rgba(255,255,255,.13); }
.fact:last-child { border-right:0; }
.fact span { display:block; color:var(--gold-soft); font:400 10px/1.2 var(--sans); letter-spacing:.17em; text-transform:uppercase; }
.fact strong { display:block; margin-top:9px; font:500 24px/1.2 var(--serif); }
.product-story { padding:100px 0; }
.product-story__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; }
.product-story h2 { margin:0; font:400 54px/1 var(--serif); }
.product-story__notes { background:var(--cream); padding:46px; }
.note-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.note-tags span { padding:9px 12px; background:#fff; border:1px solid var(--line); font:400 11px/1 var(--sans); }

.story { background:var(--cream); padding:110px 0; }
.story__grid { display:grid; grid-template-columns:1.55fr .6fr; gap:85px; }
.story__main img { width:100%; aspect-ratio:1.55; object-fit:cover; margin:48px 0; }
.story__main blockquote { margin:0 0 50px; text-align:center; font:400 clamp(38px,4vw,58px)/1.05 var(--serif); }
.story__aside { padding-top:90px; }
.story__aside img { width:100%; max-width:260px; aspect-ratio:.76; object-fit:cover; margin-bottom:35px; }
.story__aside p { margin:0 0 22px; }

.contact { padding:100px 0; background:var(--cream); }
.contact__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.contact-card { padding:34px 0; border-top:1px solid var(--line); }
.contact-card h2 { margin:8px 0 16px; font:400 34px/1.1 var(--serif); }
.contact-card a { color:var(--gold); }
.contact-form { background:#fff; padding:48px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-field { display:flex; flex-direction:column; gap:7px; }
.form-field--full { grid-column:1/-1; }
.form-field label { font:400 11px/1.2 var(--sans); letter-spacing:.08em; text-transform:uppercase; }
.form-field input,.form-field textarea { width:100%; border:1px solid var(--line); background:#fffdfa; color:var(--deep); padding:14px 15px; outline:none; }
.form-field textarea { min-height:150px; resize:vertical; }
.form-field input:focus,.form-field textarea:focus { border-color:var(--gold); }
.form-note { font-size:14px; color:#727b78; }
.hp-field { position:absolute; left:-9999px; }

.journal-page { min-height:60vh; padding:100px 0; background:var(--cream); }
.journal-empty { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:55px 0; border-top:1px solid var(--line); }
.subscribe { background:var(--deep); color:#fff; padding:90px 0; }
.subscribe form { display:flex; gap:12px; max-width:620px; }
.subscribe input { flex:1; border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; padding:14px; }

.privacy { padding:100px 0; }
.privacy article { max-width:760px; }
.privacy h2 { margin-top:40px; font:500 32px/1.1 var(--serif); }

.site-footer { color:#eee8df; background:#2f3936; }
.footer__image { height:230px; background:linear-gradient(rgba(39,49,46,.35),rgba(39,49,46,.75)),url('/assets/images/hero.jpg') center 54%/cover; }
.footer__grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:55px; padding:65px 0 50px; }
.site-footer .brand { align-items:flex-start; min-width:0; }
.site-footer .brand__mark { display:none; }
.site-footer p { max-width:310px; color:rgba(255,255,255,.65); font-size:16px; }
.site-footer a { display:block; margin:8px 0; color:rgba(255,255,255,.76); font-size:16px; }
.footer__label { display:block; margin-bottom:17px; color:var(--gold-soft); font:400 10px/1 var(--sans); letter-spacing:.17em; text-transform:uppercase; }
.footer__bottom { display:flex; justify-content:space-between; padding:22px 0 28px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.48); font:400 11px/1 var(--sans); }
.footer__bottom a { margin:0; font-size:11px; }

@media (max-width: 980px) {
  :root { --shell: min(100% - 40px, 760px); }
  .site-header { height:78px; }
  .site-header--overlay { background:linear-gradient(180deg,rgba(28,39,36,.46),rgba(28,39,36,.08) 75%,transparent); }
  .site-header--overlay.is-scrolled, .site-header--overlay.nav-open { background:rgba(52,62,59,.91); }
  .header__inner { grid-template-columns:1fr auto; }
  .brand { grid-column:1; justify-self:start; min-width:0; }
  .brand__mark { display:none; }
  .nav-toggle { display:block; grid-column:2; }
  .site-nav { display:none; position:absolute; inset:78px 0 auto; padding:28px 20px 34px; background:rgba(52,62,59,.98); flex-direction:column; gap:12px; align-items:stretch; }
  .site-nav.is-open { display:flex; }
  .site-nav a { padding:13px 4px; }
  .collection-nav { top:78px; }
  .stats { grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(2) { border-right:0; }
  .stat:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.22); }
  .origin__grid,.film__grid,.journal-strip__grid,.story__grid,.contact__grid,.product-story__grid { grid-template-columns:1fr; gap:48px; }
  .origin__aside { display:grid; grid-template-columns:200px 1fr; gap:30px; padding-top:0; }
  .origin__aside img { width:200px; margin:0; }
  .spotlights { grid-template-columns:1fr; }
  .spotlight { min-height:540px; }
  .spotlight__bottle { height:310px; }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .product-hero__grid { grid-template-columns:.8fr 1.2fr; gap:30px; }
  .product-visual { min-height:520px; }
  .product-facts__grid { grid-template-columns:repeat(2,1fr); }
  .fact:nth-child(2) { border-right:0; }
  .fact:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.13); }
  .footer__grid { grid-template-columns:1.4fr 1fr 1fr; }
  .footer__grid > div:last-child { grid-column:2; }
}

@media (max-width: 640px) {
  :root { --shell: calc(100vw - 32px); }
  body { font-size:17px; }
  .hero { min-height:760px; }
  .hero__content { padding:130px 0 52px; }
  .hero__actions { flex-direction:column; align-items:flex-start; }
  .hero__geese { top:115px; right:15px; width:175px; height:92px; opacity:.72; }
  .hero__goose--one { width:62px; }
  .hero__goose--two { right:73px; top:45px; width:46px; }
  .hero__goose--three { right:124px; top:17px; width:36px; }
  .hero__footprint { top:255px; right:26px; width:70px; opacity:.22; }
  .stats { margin-inline:-16px; }
  .stat { padding:22px 10px !important; text-align:center; }
  .stat strong { font-size:29px; }
  .stat span { max-width:135px; margin:8px auto 0; }
  .origin,.collections-home,.film,.journal-strip,.wines-section,.story,.contact,.journal-page,.privacy { padding-block:72px; }
  .origin__grid { gap:38px; }
  .origin__aside { display:block; }
  .origin__aside img { width:170px; margin-bottom:28px; }
  .origin__aside p { margin-left:0; }
  .section-head { display:block; }
  .section-head > p:last-child { margin-top:20px; }
  .collection-intro { grid-template-columns:1fr; gap:18px; }
  .product-grid { grid-template-columns:1fr; }
  .product-card { min-height:520px; padding-inline:0; }
  .product-hero { padding:55px 0 70px; }
  .product-hero__grid { grid-template-columns:1fr; }
  .product-visual { min-height:480px; }
  .product-visual img { max-height:460px; max-width:96%; }
  .product-copy { text-align:center; }
  .product-facts__grid { grid-template-columns:1fr; }
  .fact { border-right:0; border-bottom:1px solid rgba(255,255,255,.13); text-align:center; }
  .fact:last-child { border-bottom:0; }
  .product-story__notes { padding:30px; }
  .contact-form { padding:28px 20px; }
  .form-grid { grid-template-columns:1fr; }
  .form-field--full { grid-column:auto; }
  .journal-empty { grid-template-columns:1fr; }
  .subscribe form { flex-direction:column; }
  .footer__grid { grid-template-columns:1fr 1fr; gap:36px 24px; }
  .footer__grid > div:first-child { grid-column:1/-1; }
  .footer__grid > div:last-child { grid-column:auto; }
  .footer__bottom { gap:20px; flex-direction:column; }
}

/* V4 — transparent, full-size product presentation */
@media (min-width:768px) and (max-width:1180px) {
  .product-card__image { height:340px; }
  .product-card img { max-height:340px; max-width:96%; }
}
/* V5 — use the client source product photography unchanged; remove white JPG canvas visually with CSS only. */
.spotlight__bottle[src$=".jpg"], .spotlight__bottle[src$=".jpeg"] { mix-blend-mode:multiply; }
.product-card__image { height:430px; }
.product-card img { max-height:430px; max-width:100%; }
.product-visual img { max-height:700px; max-width:100%; }
@media (min-width:768px) and (max-width:1180px) {
  .product-card__image { height:370px; }
  .product-card img { max-height:370px; max-width:100%; }
}
@media (max-width:767px) {
  .product-card__image { height:390px; }
  .product-card img { max-height:390px; max-width:100%; }
  .product-visual img { max-height:500px; max-width:100%; }
}


/* ================================================================
   KAZAYAK V6 — DESIGNER PASS
   Layout/CSS only. Product image files are not modified.
   ================================================================ */

:root {
  --shell: min(1220px, calc(100vw - 64px));
}

/* Home hero: one restrained brand goose, not a repeated clip-art pattern. */
.hero__geese,
.hero__footprint { display:none !important; }

.hero__goose-mark {
  position:absolute;
  z-index:3;
  top:17%;
  right:8%;
  width:118px;
  height:auto;
  object-fit:contain;
  opacity:.72;
  filter:drop-shadow(0 10px 16px rgba(16,24,21,.14));
  transform:rotate(-5deg);
}

.hero__content { padding-bottom:8.5vh; }
.hero .display { text-wrap:balance; }
.stats { width:100%; }
.stat { display:flex; min-height:104px; flex-direction:column; justify-content:center; align-items:center; }

/* Film: editorial introduction + large cinematic frame. */
.film--editorial {
  padding:118px 0 0;
  background:#fffdfa;
  overflow:hidden;
}
.film__intro {
  display:grid;
  grid-template-columns:.9fr 1fr;
  gap:90px;
  align-items:end;
  padding-bottom:54px;
}
.film__intro > div:last-child {
  max-width:560px;
  padding-bottom:6px;
}
.film__intro > div:last-child p { margin-top:0; }
.film__stage {
  width:min(1420px, calc(100vw - 48px));
  margin:0 auto;
  aspect-ratio:16/7.4;
  min-height:520px;
  overflow:hidden;
  background:#1f2926;
}
.film__stage video {
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Origin: stronger visual pause. */
.origin { padding:132px 0 138px; }
.origin__quote {
  margin-top:58px;
  max-width:820px;
}
.origin__aside img {
  width:176px;
  margin-bottom:44px;
}

/* Home collections: editorial rows, not ecommerce cards. */
.collections-home {
  padding:132px 0 146px;
  background:#f1ece4;
}
.section-head--collections {
  margin-bottom:72px;
  padding-bottom:38px;
  border-bottom:1px solid rgba(79,89,87,.14);
}
.collection-features {
  display:grid;
  gap:20px;
}
.collection-feature {
  position:relative;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  min-height:570px;
  overflow:hidden;
  background:#f8f5f0;
  border:1px solid rgba(79,89,87,.06);
  transition:transform .35s ease, box-shadow .35s ease;
}
.collection-feature:hover {
  transform:translateY(-3px);
  box-shadow:0 24px 70px rgba(54,61,58,.07);
}
.collection-feature:nth-child(even) {
  grid-template-columns:1.08fr .92fr;
}
.collection-feature:nth-child(even) .collection-feature__copy { order:2; }
.collection-feature:nth-child(even) .collection-feature__visual { order:1; }

.collection-feature__copy {
  position:relative;
  z-index:4;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:72px 74px;
}
.collection-feature__copy h3 {
  margin:0 0 22px;
  font:400 clamp(58px,5.6vw,82px)/.9 var(--serif);
  letter-spacing:-.035em;
}
.collection-feature__copy > p:not(.eyebrow) {
  max-width:470px;
  margin:0;
  font-size:17px;
}
.collection-feature__link {
  align-self:flex-start;
  margin-top:32px;
  padding-bottom:9px;
  border-bottom:1px solid var(--gold-soft);
  color:var(--gold);
  font:400 12px/1 var(--sans);
}
.collection-feature__visual {
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  min-height:570px;
}
.collection-feature__visual::after {
  content:'';
  position:absolute;
  inset:12% 15%;
  z-index:0;
  border-radius:50%;
  background:rgba(255,255,255,.38);
  filter:blur(1px);
}
.collection-feature__art {
  position:absolute;
  z-index:0;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  opacity:.32;
}
.collection-feature--viorica .collection-feature__art {
  background-image:url('/assets/images/viorica-fruits.png');
  background-position:38% center;
}
.collection-feature--blends {
  background:#ece5dc;
}
.collection-feature--blends .collection-feature__art {
  background-image:url('/assets/images/plums.jpg');
  opacity:.20;
}
.collection-feature--barrique {
  color:var(--ink);
  background:#e9e1d7;
}
.collection-feature--barrique .eyebrow,
.collection-feature--barrique .collection-feature__link { color:var(--gold); }
.collection-feature--barrique .collection-feature__art {
  background:
    radial-gradient(circle at 28% 34%,rgba(164,111,74,.16),transparent 22%),
    radial-gradient(circle at 68% 70%,rgba(111,62,72,.20),transparent 26%);
  opacity:1;
}
.collection-feature__visual img {
  position:relative;
  z-index:2;
  width:auto;
  height:auto;
  max-height:490px;
  max-width:72%;
  object-fit:contain;
  filter:drop-shadow(0 28px 30px rgba(35,42,39,.18));
  transition:transform .45s ease;
}
.collection-feature__visual img[src$=".jpg"],
.collection-feature__visual img[src$=".jpeg"] {
  mix-blend-mode:multiply;
}
.collection-feature--barrique .collection-feature__visual img[src$=".jpg"],
.collection-feature--barrique .collection-feature__visual img[src$=".jpeg"] {
  mix-blend-mode:multiply;
  filter:drop-shadow(0 30px 34px rgba(35,42,39,.17));
}
.collection-feature:hover .collection-feature__visual img { transform:translateY(-7px) scale(1.02); }

/* Journal teaser on home */
.journal-strip {
  padding:112px 0;
  background:#e8e0d5;
}
.journal-strip__grid { gap:110px; }

/* Wines hero */
.page-hero--wines,
.page-hero--journal {
  position:relative;
  padding:132px 0 112px;
  overflow:hidden;
  background:#f3eee7;
}
.page-hero--wines::after,
.page-hero--journal::after {
  content:'';
  position:absolute;
  right:-8vw;
  top:-18%;
  width:46vw;
  aspect-ratio:1;
  border:1px solid rgba(189,130,61,.16);
  border-radius:50%;
  pointer-events:none;
}
.page-hero__wines-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:110px;
  align-items:end;
}
.page-hero__wines-grid .lead {
  max-width:560px;
  margin:0 0 6px;
}

/* Collection navigation stays slim and editorial. */
.collection-nav {
  top:96px;
  background:rgba(255,253,250,.93);
}
.collection-nav__inner {
  justify-content:center;
  gap:34px;
  padding:17px 0;
}

/* Wines catalogue: 3 columns, larger products, no boxes. */
.wines-section {
  position:relative;
  padding:124px 0 112px;
  overflow:hidden;
}
.wines-section:nth-of-type(even) { background:#f7f4ef; }
.wines-section:nth-of-type(odd) { background:#fffdfa; }

.wines-section--barrique { background:#f0ebe4 !important; }
.wines-section--cans { background:#f5f1eb !important; }

.collection-intro {
  position:relative;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:end;
  margin-bottom:70px;
  padding-bottom:34px;
  border-bottom:1px solid rgba(79,89,87,.13);
}
.collection-intro__title { position:relative; }
.collection-index {
  position:absolute;
  left:-4px;
  top:-56px;
  color:rgba(189,130,61,.24);
  font:400 46px/1 var(--serif);
}
.collection-intro h2 {
  font-size:clamp(58px,5.8vw,82px);
  letter-spacing:-.03em;
}
.collection-intro > p {
  max-width:600px;
  padding-bottom:7px;
}

.product-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:36px;
  row-gap:72px;
}
.product-card {
  min-height:630px;
  padding:0;
  border:0;
  background:transparent;
}
.product-card:hover {
  transform:none;
}
.product-card__image {
  position:relative;
  height:500px;
  place-items:end center;
  overflow:visible;
}
.product-card__image::after {
  content:'';
  position:absolute;
  left:12%;
  right:12%;
  bottom:1px;
  height:1px;
  background:rgba(79,89,87,.10);
  transition:left .25s ease,right .25s ease,background .25s ease;
}
.product-card img {
  position:relative;
  z-index:1;
  max-height:480px;
  max-width:100%;
  filter:drop-shadow(0 24px 28px rgba(42,49,47,.13));
}
.product-card:hover img {
  transform:translateY(-9px) scale(1.018);
}
.product-card:hover .product-card__image::after {
  left:4%;
  right:4%;
  background:rgba(189,130,61,.35);
}
.product-card__copy {
  display:grid;
  grid-template-columns:1fr auto;
  column-gap:20px;
  align-items:end;
  padding-top:22px;
}
.product-card__meta { grid-column:1/-1; margin:0 0 10px; }
.product-card h3 {
  grid-column:1;
  margin:0;
  max-width:300px;
  font-size:31px;
}
.product-card__arrow {
  grid-column:2;
  margin:0;
  padding:0 0 4px;
  white-space:nowrap;
}

/* Product detail: quiet premium hero, very large bottle. */
.product-hero {
  position:relative;
  padding:72px 0 84px;
  overflow:hidden;
  background:#f4efe8;
}
.product-hero::after {
  content:'';
  position:absolute;
  left:-13vw;
  bottom:-45%;
  width:42vw;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(189,130,61,.13);
  pointer-events:none;
}
.product-hero__grid {
  position:relative;
  z-index:2;
  grid-template-columns:.95fr 1.05fr;
  gap:90px;
  min-height:720px;
}
.product-visual {
  min-height:720px;
}
.product-visual__collection {
  position:absolute;
  left:-12px;
  top:50%;
  z-index:0;
  color:rgba(79,89,87,.055);
  font:500 clamp(74px,9vw,150px)/1 var(--serif);
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
  white-space:nowrap;
  pointer-events:none;
}
.product-visual img {
  position:relative;
  z-index:2;
  max-height:700px;
  max-width:98%;
  filter:drop-shadow(0 34px 38px rgba(42,49,47,.17));
}
.product-copy {
  max-width:620px;
}
.product-copy h1 {
  font-size:clamp(68px,7.5vw,104px);
}
.product-copy .lead {
  margin:30px 0 34px;
  max-width:590px;
}
.product-collection-intro {
  margin:28px 0 36px;
  color:#747e7a;
  font:400 13px/1.5 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}

.product-facts__grid {
  grid-template-columns:repeat(var(--fact-count,4),1fr);
}
.fact {
  display:flex;
  min-height:116px;
  flex-direction:column;
  justify-content:center;
  padding:30px 34px;
  text-align:center;
}
.product-story {
  padding:126px 0 136px;
  background:#fffdfa;
}
.product-story__grid {
  grid-template-columns:1.2fr .8fr;
  gap:110px;
  align-items:start;
}
.product-story h2 {
  font-size:clamp(52px,5vw,72px);
  letter-spacing:-.025em;
}
.product-story__description {
  max-width:720px;
  margin-top:32px;
  font-size:20px;
  line-height:1.68;
}
.product-story__notes {
  padding:50px 0 10px 46px;
  border-left:1px solid rgba(79,89,87,.15);
  background:transparent;
}
.product-story__notes h3 {
  margin:0 0 26px;
  font:400 38px/1.05 var(--serif);
}
.note-tags {
  display:block;
  margin-top:0;
}
.note-tags span {
  display:block;
  padding:13px 0;
  border:0;
  border-bottom:1px solid rgba(79,89,87,.12);
  background:transparent;
  font:400 14px/1.45 var(--sans);
}

/* Journal: brand-facing teaser rather than developer placeholder. */
.journal-preview {
  padding:120px 0 132px;
  background:#f5f1eb;
}
.journal-preview__grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:90px;
  align-items:center;
}
.journal-preview__visual {
  min-height:560px;
  background:
    linear-gradient(rgba(37,47,44,.16),rgba(37,47,44,.42)),
    url('/assets/images/vineyard.jpg') center/cover no-repeat;
}
.journal-preview__copy {
  max-width:510px;
}
.journal-preview__copy p:not(.eyebrow) {
  margin:26px 0 0;
}
.journal-preview__actions {
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  margin-top:30px;
}

/* Footer refinement */
.footer__image { height:185px; }
.footer__grid { padding:78px 0 62px; }
.site-footer .brand__word { font-size:40px; }

/* ---------------- Responsive ---------------- */
@media (max-width: 980px) {
  :root { --shell:min(100% - 48px,820px); }

  .hero__goose-mark { top:14%; right:5%; width:92px; }
  .film__intro,
  .page-hero__wines-grid,
  .journal-preview__grid {
    grid-template-columns:1fr;
    gap:34px;
  }
  .film__stage {
    width:calc(100vw - 32px);
    min-height:0;
    aspect-ratio:16/9;
  }

  .collection-feature,
  .collection-feature:nth-child(even) {
    grid-template-columns:1fr 1fr;
    min-height:500px;
  }
  .collection-feature:nth-child(even) .collection-feature__copy { order:1; }
  .collection-feature:nth-child(even) .collection-feature__visual { order:2; }
  .collection-feature__copy { padding:52px 42px; }
  .collection-feature__visual { min-height:500px; }
  .collection-feature__visual img { max-height:420px; max-width:82%; }

  .collection-nav { top:78px; }
  .collection-nav__inner { justify-content:flex-start; }

  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-hero__grid { grid-template-columns:.85fr 1.15fr; gap:36px; min-height:600px; }
  .product-visual { min-height:600px; }
  .product-visual img { max-height:570px; }
  .product-copy h1 { font-size:clamp(58px,8vw,78px); }
  .product-story__grid { gap:55px; }

  .journal-preview__visual { min-height:430px; }
}

@media (max-width: 640px) {
  :root { --shell:calc(100vw - 36px); }

  .hero__goose-mark {
    top:105px;
    right:18px;
    width:74px;
    opacity:.62;
  }

  .film--editorial { padding-top:78px; }
  .film__intro { padding-bottom:36px; }
  .film__stage { width:100%; aspect-ratio:16/10; }

  .origin { padding-block:82px 90px; }

  .collections-home { padding-block:84px 94px; }
  .section-head--collections { margin-bottom:38px; }
  .collection-feature,
  .collection-feature:nth-child(even) {
    display:flex;
    min-height:0;
    flex-direction:column;
  }
  .collection-feature__copy,
  .collection-feature:nth-child(even) .collection-feature__copy {
    order:1;
    padding:46px 34px 20px;
  }
  .collection-feature__visual,
  .collection-feature:nth-child(even) .collection-feature__visual {
    order:2;
    min-height:410px;
  }
  .collection-feature__copy h3 { font-size:58px; }
  .collection-feature__copy > p:not(.eyebrow) { font-size:16px; }
  .collection-feature__visual img { max-height:365px; max-width:80%; }
  .collection-feature__link { margin-top:24px; }

  .page-hero--wines,
  .page-hero--journal { padding:84px 0 72px; }
  .page-hero__wines-grid { gap:28px; }

  .wines-section { padding:84px 0 74px; }
  .collection-intro {
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:45px;
  }
  .collection-index { top:-39px; font-size:34px; }
  .collection-intro h2 { font-size:58px; }

  .product-grid { grid-template-columns:1fr; row-gap:58px; }
  .product-card { min-height:0; }
  .product-card__image { height:470px; }
  .product-card img { max-height:450px; }
  .product-card__copy { padding-top:18px; }
  .product-card h3 { font-size:31px; }

  .product-hero { padding:44px 0 62px; }
  .product-hero__grid {
    grid-template-columns:1fr;
    gap:20px;
    min-height:0;
  }
  .product-visual {
    min-height:510px;
    order:1;
  }
  .product-visual img { max-height:490px; max-width:92%; }
  .product-visual__collection {
    left:50%;
    top:51%;
    font-size:82px;
    transform:translate(-50%,-50%) rotate(-90deg);
  }
  .product-copy {
    order:2;
    padding-top:20px;
  }
  .product-copy h1 { font-size:58px; }
  .product-copy .lead { margin-top:22px; }

  .product-facts__grid {
    grid-template-columns:1fr 1fr;
  }
  .fact { min-height:105px; padding:24px 12px; }
  .fact:nth-child(2n) { border-right:0; }
  .fact:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.13); }

  .product-story { padding:82px 0 94px; }
  .product-story__grid { grid-template-columns:1fr; gap:52px; }
  .product-story__description { font-size:18px; }
  .product-story__notes {
    padding:34px 0 0;
    border-left:0;
    border-top:1px solid rgba(79,89,87,.15);
  }

  .journal-preview { padding:80px 0 92px; }
  .journal-preview__visual { min-height:390px; }

  .footer__image { height:130px; }
  .footer__grid { padding-top:58px; }
}



/* ================================================================
   KAZAYAK V7 — ORIGINAL WINE MEDIA / NO WHITE MATTE
   CSS only. Source product images are not modified.
   ================================================================ */

/* Every product surface itself stays transparent. */
.product-card,
.product-card__image,
.product-visual,
.collection-feature__visual,
.spotlight {
  background-color: transparent;
}

/*
  Original JPG/JPEG bottle photos have a white studio matte.
  `darken` makes pure white inherit the page/section background while
  preserving the darker bottle, glass, label and cap pixels.
*/
.product-card img[src$=".jpg"],
.product-card img[src$=".jpeg"],
.product-visual img[src$=".jpg"],
.product-visual img[src$=".jpeg"],
.collection-feature__visual img[src$=".jpg"],
.collection-feature__visual img[src$=".jpeg"],
.spotlight__bottle[src$=".jpg"],
.spotlight__bottle[src$=".jpeg"] {
  mix-blend-mode: darken !important;
  background: transparent !important;
}

/* Transparent PNG files remain normal — no blending needed. */
.product-card img[src$=".png"],
.product-visual img[src$=".png"],
.collection-feature__visual img[src$=".png"],
.spotlight__bottle[src$=".png"] {
  mix-blend-mode: normal !important;
  background: transparent !important;
}

/* No frame/plate behind bottles anywhere in the wine catalogue/details. */
.product-card__image::before,
.product-visual::before {
  display: none !important;
}

.product-card__image,
.product-visual {
  border: 0 !important;
  box-shadow: none !important;
}


/* ================================================================
   KAZAYAK V10 — FOOTER SOCIAL BRAND ICONS
   SVG icons are code, no image assets added.
   ================================================================ */

.footer__social {
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:2px;
}

.site-footer a.footer__social-link {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  color:rgba(255,255,255,.86);
  transition:
    color .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    transform .22s ease;
}

.site-footer a.footer__social-link:hover,
.site-footer a.footer__social-link:focus-visible {
  color:#fff;
  border-color:var(--gold-soft);
  background:rgba(213,174,119,.08);
  transform:translateY(-2px);
}

.footer__social-icon {
  width:20px;
  height:20px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.footer__social-dot {
  fill:currentColor;
  stroke:none;
}

.footer__social-icon--facebook {
  width:21px;
  height:21px;
  fill:currentColor;
  stroke:none;
}


/* ================================================================
   KAZAYAK V11 — FOOTER BOTTOM ROW / MOBILE + IPAD
   Copyright stays left; Privacy stays right at every viewport width.
   ================================================================ */

.footer__bottom {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center;
  justify-content:initial;
  gap:24px !important;
  flex-direction:initial !important;
}

.footer__bottom > span {
  min-width:0;
  white-space:nowrap;
}

.footer__bottom > a {
  justify-self:end;
  margin:0 !important;
  text-align:right;
  white-space:nowrap;
}

@media (max-width: 980px) {
  .footer__bottom {
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:20px !important;
  }
}

@media (max-width: 640px) {
  .footer__bottom {
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:14px !important;
    padding:22px 0 28px;
  }

  .footer__bottom,
  .footer__bottom a {
    font-size:11px;
    line-height:1.25;
  }
}

@media (max-width: 380px) {
  .footer__bottom {
    gap:10px !important;
  }

  .footer__bottom,
  .footer__bottom a {
    font-size:10px;
  }
}


/* ================================================================
   KAZAYAK V12 — VIORICA + BLENDS PRODUCT CONTENT
   Inline SVG category icons; no image assets.
   ================================================================ */

.product-story--detailed {
  background:
    linear-gradient(90deg, rgba(189,130,61,.035), rgba(189,130,61,0) 34%),
    #fffdfa;
}

.product-story--detailed .product-story__grid {
  grid-template-columns:.9fr 1.1fr;
  gap:92px;
}

.wine-details__head {
  margin-bottom:28px;
}

.wine-details__head h3 {
  margin:0;
  font:400 clamp(34px,3vw,46px)/1.05 var(--serif);
  letter-spacing:-.02em;
}

.wine-details__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(79,89,87,.14);
  border-left:1px solid rgba(79,89,87,.14);
}

.wine-detail {
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:start;
  min-height:132px;
  padding:25px 23px 24px;
  border-right:1px solid rgba(79,89,87,.14);
  border-bottom:1px solid rgba(79,89,87,.14);
  background:rgba(255,255,255,.24);
}

.wine-detail__icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(189,130,61,.38);
  border-radius:50%;
  color:var(--gold);
}

.wine-detail__icon svg {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wine-detail__copy > span {
  display:block;
  margin:2px 0 8px;
  color:var(--gold);
  font:500 10px/1.2 var(--sans);
  letter-spacing:.15em;
  text-transform:uppercase;
}

.wine-detail__copy strong {
  display:block;
  color:var(--ink);
  font:400 16.5px/1.48 var(--serif);
}

.product-story--detailed .product-story__description {
  max-width:650px;
}

@media (max-width:980px) {
  .product-story--detailed .product-story__grid {
    grid-template-columns:1fr;
    gap:58px;
  }

  .wine-details__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px) {
  .product-story--detailed .product-story__grid {
    gap:44px;
  }

  .wine-details__grid {
    grid-template-columns:1fr;
  }

  .wine-detail {
    grid-template-columns:42px 1fr;
    min-height:0;
    padding:21px 18px;
  }

  .wine-detail__icon {
    width:38px;
    height:38px;
  }

  .wine-detail__icon svg {
    width:19px;
    height:19px;
  }

  .wine-detail__copy strong {
    font-size:16px;
  }
}

/* ================================================================
   KAZAYAK V13 — RO / RU LANGUAGE SWITCH
   ================================================================ */
html[lang="ru"] {
  --sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.language-switch {
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:2px;
  padding-left:20px;
  border-left:1px solid rgba(255,255,255,.24);
  font:500 10px/1 var(--sans);
  letter-spacing:.13em;
}
.language-switch span { color:rgba(255,255,255,.32); }
.site-nav .language-switch a { padding:10px 1px; opacity:.48; letter-spacing:.12em; }
.site-nav .language-switch a::after { display:none; }
.site-nav .language-switch a[aria-current="true"] { color:var(--gold-soft); opacity:1; }
.site-nav .language-switch a:hover { color:#fff; opacity:1; }
html[lang="ru"] .site-nav { letter-spacing:.12em; }
html[lang="ru"] .eyebrow,
html[lang="ru"] .footer__label,
html[lang="ru"] .fact span,
html[lang="ru"] .product-card__meta { letter-spacing:.12em; }
@media (max-width:1180px) and (min-width:981px) {
  .site-nav { gap:22px; }
  .language-switch { padding-left:14px; }
}
@media (max-width:980px) {
  .site-nav .language-switch {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin:8px 0 0;
    padding:20px 4px 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.15);
  }
  .site-nav .language-switch a { width:auto; padding:8px 0; font-size:13px; }
  html[lang="ru"] .site-nav a { letter-spacing:.08em; }
}
@media (max-width:640px) {
  html[lang="ru"] .display { letter-spacing:-.025em; }
  html[lang="ru"] .product-copy h1 { overflow-wrap:anywhere; }
}


/* ================================================================
   KAZAYAK V14 — RO / RU / EN
   ================================================================ */
.language-switch { flex-shrink:0; }

@media (max-width:1180px) and (min-width:981px) {
  .language-switch { gap:5px; padding-left:12px; }
  .site-nav .language-switch a { font-size:9px; }
}

@media (max-width:980px) {
  .site-nav .language-switch { gap:13px; }
}


/* ================================================================
   KAZAYAK V16 — DESKTOP HEADER ALIGNMENT
   Approved V14 behaviour: logo left / navigation right.
   ================================================================ */
@media (min-width:981px) {
  .site-header .header__inner {
    grid-template-columns:auto minmax(40px,1fr) auto;
    column-gap:42px;
  }

  .site-header .brand {
    grid-column:1;
    justify-self:start;
    min-width:0;
  }

  .site-header .site-nav {
    grid-column:3;
    justify-self:end;
  }
}


/* ================================================================
   KAZAYAK V16 — PRODUCT HERO REBALANCE
   Keeps the profile discoverable without V15 animation effects.
   ================================================================ */
@media (min-width:981px) {
  .product-hero {
    padding:48px 0 54px;
  }

  .product-hero__grid {
    min-height:600px;
    gap:76px;
  }

  .product-visual {
    min-height:600px;
  }

  .product-visual img {
    max-height:590px;
  }

  .product-copy {
    padding-top:6px;
  }

  .product-copy h1 {
    font-size:clamp(66px,7vw,98px);
  }

  .product-copy .lead {
    margin:22px 0 24px;
    max-width:590px;
  }
}

.product-kicker {
  color:var(--gold);
}

.product-signature {
  margin:-7px 0 25px;
  color:#6f7975;
  font:500 11px/1.5 var(--sans);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.product-hero__actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:22px 28px;
  margin-top:6px;
}

.product-back-link {
  color:#78817e;
  font:500 11px/1.4 var(--sans);
  letter-spacing:.06em;
  text-transform:uppercase;
  border-bottom:1px solid transparent;
}

.product-back-link:hover {
  color:var(--gold);
  border-bottom-color:rgba(189,130,61,.4);
}

#wine-profile {
  scroll-margin-top:105px;
}

@media (max-width:980px) and (min-width:641px) {
  .product-hero {
    padding:48px 0 58px;
  }

  .product-hero__grid {
    min-height:540px;
  }

  .product-visual {
    min-height:540px;
  }

  .product-visual img {
    max-height:520px;
  }

  .product-hero__actions {
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
}

@media (max-width:640px) {
  .product-hero {
    padding-bottom:50px;
  }

  .product-signature {
    margin:0 0 22px;
  }

  .product-hero__actions {
    justify-content:center;
    gap:18px;
  }

  .product-back-link {
    width:100%;
    text-align:center;
  }

  #wine-profile {
    scroll-margin-top:84px;
  }
}


/* ================================================================
   KAZAYAK V16 — POVESTE / STORY
   Modern editorial interpretation using existing Kazayak media only.
   ================================================================ */

.story-hero {
  position:relative;
  min-height:720px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  color:#fff;
  background:#26332f;
}

.story-hero__media,
.story-hero__shade {
  position:absolute;
  inset:0;
}

.story-hero__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
}

.story-hero__shade {
  background:
    linear-gradient(180deg,rgba(20,31,28,.16) 0%,rgba(20,31,28,.18) 34%,rgba(20,31,28,.76) 100%),
    linear-gradient(90deg,rgba(19,29,26,.58),rgba(19,29,26,.06) 66%);
}

.story-hero__content {
  position:relative;
  z-index:2;
  padding-bottom:76px;
  max-width:1180px;
}

.story-hero__mark {
  width:70px;
  height:auto;
  margin:0 0 24px;
  filter:brightness(0) invert(1);
  opacity:.82;
}

.story-hero__year {
  margin:15px 0 -15px;
  color:var(--gold-soft);
  font:500 12px/1 var(--sans);
  letter-spacing:.28em;
}

.story-hero .display {
  max-width:910px;
  margin:25px 0 24px;
  font-size:clamp(72px,8.6vw,132px);
  line-height:.88;
  letter-spacing:-.045em;
}

.story-hero .lead {
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:clamp(21px,2vw,30px);
}

.story-chapter-nav {
  position:sticky;
  top:96px;
  z-index:54;
  background:rgba(247,243,236,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(62,72,69,.11);
}

.story-chapter-nav__inner {
  display:flex;
  align-items:center;
  gap:34px;
  min-height:68px;
  overflow-x:auto;
  scrollbar-width:none;
}

.story-chapter-nav__inner::-webkit-scrollbar {
  display:none;
}

.story-chapter-nav a {
  position:relative;
  flex:0 0 auto;
  color:#707a76;
  font:500 11px/1 var(--sans);
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.story-chapter-nav a::after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-15px;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}

.story-chapter-nav a:hover,
.story-chapter-nav a.is-active {
  color:var(--ink);
}

.story-chapter-nav a.is-active::after {
  transform:scaleX(1);
}

.story-editorial {
  background:#f8f5ef;
}

.story-chapter {
  scroll-margin-top:180px;
}

.story-chapter--1958 {
  padding:118px 0 128px;
}

.story-chapter__grid--year {
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  gap:86px;
  align-items:end;
}

.story-year {
  color:rgba(58,70,66,.08);
  font:400 clamp(150px,18vw,300px)/.72 var(--serif);
  letter-spacing:-.08em;
}

.story-chapter__copy {
  max-width:720px;
  padding-bottom:8px;
}

.story-chapter__copy h2,
.story-split__copy h2,
.story-today h2 {
  margin:12px 0 28px;
  color:var(--ink);
  font:400 clamp(48px,5vw,78px)/.98 var(--serif);
  letter-spacing:-.035em;
}

.story-chapter__copy p,
.story-split__copy p,
.story-today__copy p {
  margin:0;
  color:#66716d;
  font:400 18px/1.82 var(--sans);
}

.story-chapter--place {
  padding:0 0 126px;
}

.story-split {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  gap:78px;
  align-items:center;
}

.story-split--reverse {
  grid-template-columns:minmax(360px,.75fr) minmax(0,1.05fr);
}

.story-split__visual {
  margin:0;
  overflow:hidden;
  background:#e7e1d8;
}

.story-split__visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.story-split__visual--wide {
  aspect-ratio:1.52;
}

.story-split__visual--portrait {
  justify-self:end;
  width:min(100%,520px);
  aspect-ratio:.82;
}

.story-split__copy {
  max-width:590px;
}

.story-quote-band {
  padding:108px 0 116px;
  color:#fff;
  background:#33413d;
}

.story-quote-band blockquote {
  max-width:1120px;
  margin:0 auto;
  text-align:center;
  font:400 clamp(46px,5.4vw,82px)/1.02 var(--serif);
  letter-spacing:-.035em;
}

.story-chapter--vines {
  padding:126px 0;
}

.story-numbers {
  padding:86px 0 94px;
  color:#fff;
  background:#283632;
}

.story-numbers__eyebrow {
  margin-bottom:36px;
  color:var(--gold-soft);
}

.story-numbers__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.13);
  border-left:1px solid rgba(255,255,255,.13);
}

.story-number {
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px 34px;
  border-right:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}

.story-number strong {
  display:block;
  margin-bottom:10px;
  color:#fff;
  font:400 clamp(50px,5vw,72px)/1 var(--serif);
}

.story-number span {
  color:rgba(255,255,255,.58);
  font:500 10px/1.45 var(--sans);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.story-chapter--today {
  padding:126px 0 140px;
  background:#fffdfa;
}

.story-today {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:end;
}

.story-today__copy {
  max-width:620px;
}

.story-today__copy .btn {
  margin-top:36px;
}

/* Keep old .story rules harmless; new page uses dedicated classes. */

@media (max-width:980px) {
  .story-hero {
    min-height:620px;
  }

  .story-hero__content {
    padding-bottom:58px;
  }

  .story-chapter-nav {
    top:78px;
  }

  .story-chapter-nav__inner {
    gap:25px;
    min-height:62px;
  }

  .story-chapter {
    scroll-margin-top:148px;
  }

  .story-chapter--1958,
  .story-chapter--vines,
  .story-chapter--today {
    padding:92px 0;
  }

  .story-chapter__grid--year,
  .story-split,
  .story-split--reverse,
  .story-today {
    grid-template-columns:1fr;
    gap:48px;
  }

  .story-year {
    font-size:clamp(140px,30vw,230px);
  }

  .story-split__copy,
  .story-today__copy {
    max-width:760px;
  }

  .story-split__visual--portrait {
    justify-self:start;
    width:min(72vw,520px);
  }

  .story-numbers__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px) {
  .story-hero {
    min-height:600px;
  }

  .story-hero__shade {
    background:
      linear-gradient(180deg,rgba(20,31,28,.16),rgba(20,31,28,.78)),
      linear-gradient(90deg,rgba(19,29,26,.46),transparent);
  }

  .story-hero__content {
    padding-bottom:46px;
  }

  .story-hero__mark {
    width:55px;
    margin-bottom:18px;
  }

  .story-hero .display {
    margin:18px 0 20px;
    font-size:clamp(58px,16vw,86px);
  }

  .story-hero .lead {
    font-size:19px;
  }

  .story-chapter-nav__inner {
    gap:22px;
    padding-right:20px;
  }

  .story-chapter-nav a {
    font-size:10px;
  }

  .story-chapter--1958,
  .story-chapter--vines,
  .story-chapter--today {
    padding:72px 0;
  }

  .story-chapter--place {
    padding-bottom:72px;
  }

  .story-year {
    font-size:42vw;
  }

  .story-chapter__copy h2,
  .story-split__copy h2,
  .story-today h2 {
    font-size:46px;
  }

  .story-chapter__copy p,
  .story-split__copy p,
  .story-today__copy p {
    font-size:16px;
    line-height:1.72;
  }

  .story-split__visual--portrait {
    width:82vw;
  }

  .story-quote-band {
    padding:72px 0 78px;
  }

  .story-quote-band blockquote {
    font-size:44px;
  }

  .story-numbers {
    padding:66px 0 72px;
  }

  .story-numbers__grid {
    grid-template-columns:1fr 1fr;
  }

  .story-number {
    min-height:145px;
    padding:24px 18px;
  }

  .story-number strong {
    font-size:45px;
  }

  .story-number span {
    font-size:9px;
  }
}


/* ================================================================
   KAZAYAK V17 — HOME HERO GRID FIX
   Header, hero copy and stats now share one editorial grid.
   ================================================================ */
.hero {
  grid-template-rows:minmax(0,1fr) auto;
  align-items:stretch;
}
.hero__content { align-self:end; }

@media (min-width:981px) {
  .hero__content {
    width:var(--shell);
    max-width:none;
    margin-inline:auto;
    padding-top:calc(96px + 7vh);
    padding-bottom:7.5vh;
  }
  .hero .eyebrow { max-width:820px; }
  .hero .display {
    max-width:840px;
    font-size:clamp(72px,6.6vw,98px);
    line-height:.91;
  }
  .hero__actions { max-width:840px; }
  .hero > .stats {
    width:var(--shell);
    margin-inline:auto;
    border-left:1px solid rgba(255,255,255,.22);
    border-right:1px solid rgba(255,255,255,.22);
    background:rgba(29,40,37,.13);
    backdrop-filter:blur(2px);
  }
  .hero > .stats .stat { min-height:112px; }
  .hero__goose-mark {
    right:max(8%, calc((100vw - var(--shell))/2 + 18px));
  }
}

@media (max-width:980px) and (min-width:641px) {
  .hero__content {
    width:var(--shell);
    max-width:none;
    margin-inline:auto;
  }
  .hero > .stats {
    width:var(--shell);
    margin-inline:auto;
  }
}

@media (max-width:640px) {
  .hero { grid-template-rows:minmax(0,1fr) auto; }
  .hero__content {
    width:var(--shell);
    max-width:none;
  }
}


/* ================================================================
   KAZAYAK V19 — OFFICIAL LOGO + HERO CLAIM
   Uses the user-supplied transparent Kazayak logo file as-is.
   ================================================================ */

.brand--official {
  display:flex;
  align-items:center;
  width:auto;
  min-width:0;
  text-decoration:none;
}

.brand__official-logo {
  display:block;
  width:128px;
  height:auto;
  max-height:68px;
  object-fit:contain;
  object-position:left center;
}

.site-footer .brand__official-logo {
  width:172px;
  max-height:none;
}

/* The new two-line claim is shorter and stronger; give it a more
   compact editorial measure than the previous sentence-style headline. */
.hero .display {
  max-width:760px;
  text-transform:uppercase;
  letter-spacing:-.035em;
}

@media (min-width:981px) {
  .hero .display {
    font-size:clamp(66px,6.2vw,92px);
    line-height:.92;
  }

  .brand__official-logo {
    width:132px;
    max-height:70px;
  }
}

@media (max-width:980px) and (min-width:641px) {
  .brand__official-logo {
    width:118px;
    max-height:64px;
  }

  .hero .display {
    max-width:680px;
    font-size:clamp(58px,8vw,78px);
  }
}

@media (max-width:640px) {
  .brand__official-logo {
    width:105px;
    max-height:58px;
  }

  .site-footer .brand__official-logo {
    width:148px;
  }

  .hero .display {
    max-width:100%;
    font-size:clamp(48px,14vw,68px);
    line-height:.94;
  }
}


/* ================================================================
   KAZAYAK V20 — HERO CLAIM LINE CONTROL
   Exact two-line composition:
   PRODUS LOCAL
   APRECIAT MONDIAL
   ================================================================ */

.hero-title-line {
  display:block;
  white-space:nowrap;
}

@media (min-width:981px) {
  .hero .display {
    max-width:1040px;
    font-size:clamp(62px,5.55vw,86px);
    line-height:.92;
  }
}

@media (max-width:980px) and (min-width:641px) {
  .hero .display {
    max-width:880px;
    font-size:clamp(50px,6.8vw,70px);
  }
}

@media (max-width:640px) {
  .hero .display {
    max-width:100%;
    font-size:clamp(38px,10.8vw,55px);
    line-height:.95;
  }

  .hero-title-line {
    white-space:normal;
  }
}


/* ================================================================
   KAZAYAK V21 — COMPACT EDITORIAL SPACING
   Reduce oversized empty vertical gaps so the next section is visible
   earlier. Content-led hero sections remain premium, not cramped.
   ================================================================ */

/* ---------- Desktop / global ---------- */

/* Generic inner-page hero: Contact / Privacy / simple pages. */
.page-hero {
  padding:56px 0 44px;
}

/* Portfolio and Journal were especially tall. */
.page-hero--wines,
.page-hero--journal {
  padding:64px 0 50px;
}

.page-hero__wines-grid {
  gap:72px;
}

/* Home sections: reduce dead air while preserving editorial rhythm. */
.film--editorial {
  padding-top:70px;
}

.film__intro {
  gap:66px;
  padding-bottom:36px;
}

.origin {
  padding:72px 0 78px;
}

.origin__main .h2 {
  margin-bottom:38px;
}

.origin__quote {
  margin-top:40px;
}

.collections-home {
  padding:72px 0 82px;
}

.section-head--collections {
  margin-bottom:48px;
  padding-bottom:26px;
}

.collection-feature__copy {
  padding:58px 60px;
}

.journal-strip {
  padding:62px 0;
}

.journal-strip__grid {
  gap:72px;
}

/* Wines catalogue: collection starts sooner after the sticky nav. */
.wines-section {
  padding:66px 0 72px;
}

.collection-intro {
  gap:70px;
  margin-bottom:36px;
  padding-bottom:26px;
}

.collection-index {
  top:-44px;
}

/* Journal continuation appears much earlier. */
.journal-preview {
  padding:58px 0 66px;
}

.journal-preview__grid {
  gap:58px;
}

.journal-preview__visual {
  min-height:440px;
}

/* Contact content begins immediately after the hero instead of after
   another almost-screen-sized pause. */
.contact {
  padding:50px 0 60px;
}

.contact__grid {
  gap:56px;
}

.contact-card {
  padding:26px 0;
}

.contact-form {
  padding:38px;
}

/* Product lower content is kept generous but no longer overly distant. */
.product-story {
  padding:70px 0 76px;
}

.product-story__grid {
  gap:76px;
}

/* Legal pages. */
.privacy {
  padding:56px 0 64px;
}

/* Poveste chapters contain real content, so we tighten them less than
   the empty page heroes, but remove unnecessary blank vertical space. */
.story-chapter--1958 {
  padding:72px 0 80px;
}

.story-chapter--place {
  padding-bottom:72px;
}

.story-quote-band {
  padding:70px 0 76px;
}

.story-chapter--vines {
  padding:74px 0;
}

.story-numbers {
  padding:58px 0 62px;
}

.story-chapter--today {
  padding:74px 0 82px;
}

/* Footer is part of the page flow; shorten the decorative transition
   and the large internal top/bottom padding. */
.footer__image {
  height:130px;
}

.footer__grid {
  padding:48px 0 40px;
}

/* ---------- iPad / tablet ---------- */
@media (max-width:980px) {
  .page-hero {
    padding:56px 0 48px;
  }

  .page-hero--wines,
  .page-hero--journal {
    padding:58px 0 50px;
  }

  .page-hero__wines-grid {
    gap:22px;
  }

  .film--editorial {
    padding-top:66px;
  }

  .film__intro {
    gap:30px;
    padding-bottom:30px;
  }

  .origin {
    padding:70px 0 76px;
  }

  .collections-home {
    padding:70px 0 78px;
  }

  .section-head--collections {
    margin-bottom:40px;
    padding-bottom:22px;
  }

  .wines-section {
    padding:64px 0 68px;
  }

  .collection-intro {
    margin-bottom:38px;
    padding-bottom:24px;
  }

  .journal-preview {
    padding:58px 0 68px;
  }

  .journal-preview__visual {
    min-height:390px;
  }

  .contact {
    padding:52px 0 62px;
  }

  .contact__grid {
    gap:42px;
  }

  .product-story {
    padding:68px 0 76px;
  }

  .story-chapter--1958,
  .story-chapter--vines,
  .story-chapter--today {
    padding:62px 0;
  }

  .story-chapter--place {
    padding-bottom:72px;
  }

  .story-quote-band {
    padding:58px 0 62px;
  }

  .story-numbers {
    padding:58px 0 62px;
  }

  .footer__image {
    height:125px;
  }
}

/* ---------- Phones ---------- */
@media (max-width:640px) {
  .page-hero {
    padding:46px 0 40px;
  }

  .page-hero--wines,
  .page-hero--journal {
    padding:48px 0 42px;
  }

  /* Override the old global 72px mobile section rule. */
  .origin,
  .collections-home,
  .film,
  .journal-strip,
  .wines-section,
  .contact,
  .journal-page,
  .privacy {
    padding-block:54px;
  }

  .film--editorial {
    padding-top:54px;
  }

  .origin {
    padding-bottom:60px;
  }

  .collections-home {
    padding-bottom:64px;
  }

  .section-head--collections {
    margin-bottom:32px;
  }

  .collection-feature__copy,
  .collection-feature:nth-child(even) .collection-feature__copy {
    padding:38px 28px 18px;
  }

  .wines-section {
    padding:56px 0 62px;
  }

  .collection-intro {
    margin-bottom:34px;
    padding-bottom:20px;
  }

  .journal-preview {
    padding:52px 0 60px;
  }

  .journal-preview__visual {
    min-height:330px;
  }

  .contact {
    padding:48px 0 56px;
  }

  .contact-form {
    padding:28px 20px;
  }

  .product-story {
    padding:58px 0 66px;
  }

  .story-chapter--1958,
  .story-chapter--vines,
  .story-chapter--today {
    padding:58px 0;
  }

  .story-chapter--place {
    padding-bottom:58px;
  }

  .story-quote-band {
    padding:56px 0 60px;
  }

  .story-numbers {
    padding:50px 0 54px;
  }

  .footer__image {
    height:105px;
  }

  .footer__grid {
    padding:42px 0 38px;
  }
}
