/* ========================================================
   AgroBalon — start-balonu.css
   ======================================================== */

/* ============ PAGE-SPECIFIC: start-balonu ============ */

/* ============ VIDEO ============ */
.video-sec{
  background:var(--forest-deep);
  padding:80px 40px;
  overflow:hidden;position:relative;
}
.video-sec::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(184,147,90,.07) 0%,transparent 70%);
  pointer-events:none;
}
.video-inner{max-width:820px;margin:0 auto;position:relative;z-index:1}
.video-sec .eyebrow{color:var(--gold-light)}
.video-sec .eyebrow::before{background:var(--gold-light)}
.video-sec-title{
  font-family:var(--heading);font-weight:300;
  font-size:clamp(28px,3vw,44px);
  color:var(--cream);margin-bottom:40px;
  letter-spacing:-.01em;line-height:1.15;
}
.video-sec-title em{font-style:italic;color:var(--gold-light)}
.video-wrap{
  position:relative;border-radius:6px;overflow:hidden;
  box-shadow:0 32px 64px rgba(0,0,0,.45);
}
.video-wrap::before{content:"";display:block;padding-top:56.25%}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.video-cover{position:absolute;inset:0;cursor:pointer;transition:opacity .4s ease}
.video-cover img{width:100%;height:100%;object-fit:cover;display:block}
.video-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,40,28,.25) 0%,rgba(20,40,28,.55) 100%)}
.video-cover.hidden{opacity:0;pointer-events:none}
.play-btn{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);z-index:2;
  width:80px;height:80px;border-radius:50%;
  background:rgba(184,147,90,.92);
  display:grid;place-items:center;
  transition:transform .3s cubic-bezier(.25,.8,.25,1),background .3s;
  box-shadow:0 8px 32px rgba(0,0,0,.4);
}
.play-btn svg{width:30px;height:30px;fill:#fff;margin-left:5px}
.video-cover:hover .play-btn{transform:translate(-50%,-50%) scale(1.1);background:var(--gold-light)}

/* Photo pair (image left or right of text) */
.photo-prose{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
  margin:44px 0;
}
.photo-prose.reverse{direction:rtl}
.photo-prose.reverse > *{direction:ltr}
.photo-prose-img{
  border-radius:4px;overflow:hidden;
  aspect-ratio:4/3;
}
.photo-prose-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1s cubic-bezier(.25,.8,.25,1);
}
.photo-prose-img:hover img{transform:scale(1.04)}
.photo-prose-text{display:flex;flex-direction:column;gap:18px}

/* ============ RESPONSIVE (page-specific overrides) ============ */
@media(max-width:1024px){
  .photo-prose{grid-template-columns:1fr;gap:28px}
  .photo-prose.reverse{direction:ltr}
  .video-sec{padding:60px 28px}
}