/* pages.css: layouts of the foundation agent's pages (home, Povestea Alira, Podgorie & Terroir, Vizitează crama, Contact).
   Language: DESIGN.md 11 (VineWinner) under the heroes; shared components live in components.css. */

/* ---------- shared ---------- */
.chapter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:var(--gap-m)}
.chapter-head .chapter__title{max-width:14ch}
@media (max-width:700px){.chapter-head{flex-direction:column;align-items:flex-start}}
.panel--cream .ghost{color:rgba(20,16,14,.045)}
.photo{border-radius:var(--r-card);overflow:hidden;background:var(--surface)}
.photo img{width:100%;height:100%;object-fit:cover}

/* ---------- home: Vizitează crama chapter ---------- */
.home-visit .chapter__media{aspect-ratio:5/4}
@media (max-height:520px) and (orientation:landscape){.home-visit .chapter__media{aspect-ratio:auto;height:72svh}.sigla .chapter__media{max-height:80svh;width:auto;aspect-ratio:524/789;height:80svh}}

/* ---------- home: collection carousel ---------- */
.home-coll .ghost{top:52%;font-size:clamp(110px,19vw,300px)}
.home-coll .carousel{margin-top:clamp(8px,2vh,24px)}
.home-coll .stage{aspect-ratio:3/4}
@media (min-width:1000px){
  .home-coll .carousel__track{grid-auto-columns:clamp(260px,23vw,360px);gap:clamp(150px,18vw,300px);padding:0 calc(50% - clamp(260px,23vw,360px) / 2)}
  .home-coll .carousel__item{position:relative}
  .home-coll .carousel__meta{position:absolute;left:calc(100% + clamp(20px,2vw,32px));top:34%;margin:0;width:clamp(170px,15vw,240px);justify-items:start;text-align:left;transform:translateX(-8px)}
  .home-coll .carousel__item.is-active .carousel__meta{transform:none}
}
.carousel__meta .small{color:var(--ink-muted)}
.carousel__price s{color:var(--ink-faint);font-weight:400;margin-right:6px}

/* ---------- home: timeline ---------- */
.tl{display:grid;gap:clamp(40px,8vh,88px)}
.tl__row{display:grid;grid-template-columns:1fr clamp(90px,10vw,150px) 1fr;align-items:center;gap:clamp(24px,4vw,64px)}
.tl__row>.tl__ev:first-child{text-align:right;justify-self:end}
.tl__icon{justify-self:center;height:clamp(110px,14vh,170px);width:auto;opacity:.9}
.tl__ev{max-width:40ch}
.tl__yr{display:block;font:400 var(--fs-year)/1 var(--font-display);color:var(--accent);margin-bottom:12px}
.tl__ev h3{font-size:clamp(20px,1.7vw,26px);letter-spacing:.06em;margin-bottom:12px}
.tl__ev p{color:var(--ink-muted);font-size:15.5px}
@media (max-width:760px){
  .tl__row{grid-template-columns:1fr;gap:clamp(28px,5vh,44px)}
  .tl__row>.tl__ev:first-child{text-align:left;justify-self:start}
  .tl__icon{justify-self:center;height:72px;order:3;opacity:.7}
}

/* ---------- home: terroir long-text panel (C-20260925-101: dark inset surface, sharp photo + map beside the text) ---------- */
.terroir{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"text photo" "text map";grid-template-rows:auto 1fr;
  column-gap:clamp(32px,5vw,88px);row-gap:clamp(24px,4vh,40px);align-items:start}
.terroir__text{grid-area:text}
.terroir__photo{grid-area:photo;aspect-ratio:4/3}
.terroir__map{grid-area:map;align-self:center;justify-self:center;width:min(100%,420px)}
.panel--dark figure.terroir__map{border-radius:0;overflow:visible}
.terroir__map img{height:auto;object-fit:contain}
.terroir .chapter__body{margin-top:clamp(20px,3vh,28px)}
@media (max-width:900px) and (orientation:portrait),(max-width:600px){
  .terroir{grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "text" "map";grid-template-rows:auto}
  .terroir__map{width:min(100%,320px)}
}

/* ---------- home: proof strip ---------- */
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);border-top:1px solid var(--hairline);padding-top:clamp(28px,5vh,48px)}
.stats li{display:grid;gap:12px}
.stats__n{font:400 var(--fs-stat)/.9 var(--font-display);letter-spacing:.01em;color:var(--ink)}
.stats__l{font:600 12.5px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted)}
@media (max-width:900px){.stats{grid-template-columns:1fr 1fr;row-gap:44px}}

/* ---------- home: colour ranges as stacking cards ---------- */
.range{background:var(--surface);border:0;border-radius:var(--r-card);padding:clamp(24px,4vw,64px);box-shadow:0 -18px 48px rgba(0,0,0,.35)}
.range .chapter{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.range .stage{aspect-ratio:auto;height:min(58vh,560px);background:var(--ground)}
.range .chapter__body{font-size:15.5px}
@media (max-width:860px) and (orientation:portrait),(max-width:600px){
  .range .chapter{grid-template-columns:1fr}
  .range .stage{height:min(62vh,440px);order:-1}
  .stack__item.range{position:relative;top:auto}
}

/* ---------- Povestea Alira ---------- */
/* opening long-text panel (C-20260925-101): dark inset surface, sharp photo beside the text (above it on phones), Cinzel drop cap */
.story{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4.4vw,72px);align-items:stretch;max-width:1180px;margin:0 auto}
.story__photo{min-height:100%}
.story__text{align-self:center}
@media (max-width:900px) and (orientation:portrait),(max-width:600px){
  .story{grid-template-columns:minmax(0,1fr)}
  .story__photo{min-height:0;aspect-ratio:4/3}
}
.sigla .chapter__media{aspect-ratio:524/789;max-width:440px;justify-self:end;width:100%}
@media (max-width:860px) and (orientation:portrait),(max-width:600px){.sigla .chapter__media{justify-self:start;max-width:360px}}
.wines{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.wines li{min-height:100%}
.wine{height:100%;background:var(--surface);border:0;border-radius:var(--r-card);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:10px}
.wine__yr{font:400 clamp(30px,2.6vw,40px)/1 var(--font-display);color:var(--accent)}
.wine h3{font-size:clamp(17px,1.25vw,20px);letter-spacing:.06em}
.wine p{color:var(--ink-muted);font-size:15px}
.wines .photo{height:100%;min-height:180px}
@media (max-width:1100px){.wines{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wines{grid-template-columns:1fr}.wines .photo{max-width:none;aspect-ratio:274/181;min-height:0;height:auto}}

/* ---------- Podgorie & Terroir gallery ---------- */
.gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.gallery li{border-radius:var(--r-card);overflow:hidden;background:var(--surface);aspect-ratio:1024/1151}
.gallery img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gallery{grid-template-columns:1fr}}

/* ---------- Vizitează crama: packages ---------- */
.pk-nav{position:sticky;top:calc(var(--header-h) + 12px);z-index:5;display:flex;justify-content:center;margin-bottom:clamp(24px,5vh,48px)}
.pk{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;background:var(--surface);border:0;
  border-radius:var(--r-card);padding:clamp(18px,2.4vw,32px);box-shadow:0 -18px 48px rgba(0,0,0,.35);scroll-margin-top:calc(var(--header-h) + 90px)}
.pk__media{aspect-ratio:528/396;border-radius:calc(var(--r-card) - 4px);overflow:hidden}
.pk__media img{width:100%;height:100%;object-fit:cover}
.pk__body{display:flex;flex-direction:column;gap:14px;padding-right:clamp(0px,2vw,24px)}
.pk__body .eyebrow{margin:0}
.pk__title{font:400 clamp(34px,3.6vw,56px)/1 var(--font-display);letter-spacing:.02em}
.pk__caption{font-size:var(--fs-lede);color:var(--ink);font-weight:300}
.pk__facts{list-style:none;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--hairline);display:grid;gap:8px}
.pk__facts li{font:600 12.5px/1.4 var(--font-body);letter-spacing:.14em;color:var(--ink)}
.pk__facts .pk__note{color:var(--ink-muted);font-weight:400}
.pk__line{font-size:14.5px;color:var(--ink-muted);display:flex;gap:10px;align-items:flex-start}
.pk__line svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--ink-faint)}
.pk .btn{align-self:flex-start;margin-top:6px}
.stack--pk{gap:clamp(20px,3vh,32px)}
.stack--pk .stack__item{top:calc(var(--header-h) + 84px + var(--i,0) * 16px);z-index:6} /* C-20260925-72: a released card slides over the sticky nav, never under it */
@media (max-width:860px) and (orientation:portrait),(max-width:600px){.pk{grid-template-columns:1fr}.stack--pk .stack__item{position:relative;top:auto;z-index:auto}}
@media (max-height:520px) and (orientation:landscape){.stack--pk .stack__item,.stack__item.range{position:relative;top:auto}.pk-nav{position:relative;top:auto}.range .stage{height:min(78svh,360px)}}

/* ---------- Contact ---------- */
.contact__title{font-size:clamp(48px,7vw,104px);margin-bottom:var(--gap-m)}
.contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:start}
.contact__form{background:var(--surface);border:0;border-radius:var(--r-card);padding:clamp(22px,3.4vw,48px)}
.contact__form .btn{margin-top:26px}
.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact__row .field+.field{margin-top:0}
.contact__info h4{font:600 12px/1.2 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#8a4a00;margin:0 0 6px}
.contact__info .place__body{gap:22px}
.contact__info a{color:var(--cream-ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.contact__info a:hover{text-decoration:underline}
.contact__info .site-ftr__social a{border-color:var(--cream-hairline);color:var(--cream-ink);width:44px;height:44px;justify-content:center;border:1px solid var(--cream-hairline);border-radius:var(--r-pill)}
.contact__info .site-ftr__social svg{width:18px;height:18px}
@media (max-width:900px) and (orientation:portrait),(max-width:600px){.contact{grid-template-columns:1fr}}
@media (max-width:560px){.contact__row{grid-template-columns:1fr}.contact__row .field+.field{margin-top:18px}}

/* phones: 16px gutters under the heroes (DESIGN.md 11.8) */
@media (max-width:560px){main .sec .wrap{padding-left:16px;padding-right:16px}}
/* a .stage used as a chapter photo keeps the backdrop's own bottle geometry (the chapter photo rule would stretch it) */
.chapter__media.stage img.stage__bottle{width:auto;height:75.8%;object-fit:contain}
.contact__row+.field{margin-top:18px}