/* Hero */
.hero {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  min-height: min(620px, 80vh);
  margin-bottom: 56px;
}
.hero__content {
  padding: clamp(40px, 6vw, 76px) clamp(20px, 5vw, 56px) clamp(48px, 7vw, 84px) clamp(20px, 5vw, 64px);
  align-self: center;
}
.hero__eyebrow { display: flex; align-items: center; gap: 16px; margin: 0 0 26px; }
.hero__eyebrow-line { width: 56px; height: 1px; background: #917F67; }
.hero__eyebrow-text {
  font: 600 12px var(--font-body);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--tekstas-silpnas);
}
.hero__title { margin: 0 0 24px; max-width: 15em; }
.hero__title-main {
  display: block;
  font: 700 clamp(29px, 4.2vw, 44px)/1.08 var(--font-heading);
  letter-spacing: -.024em;
}
.hero__title-accent { display: block; width: 120px; height: 2px; margin: 20px 0; background: var(--zalia-akcentas); }
.hero__title-sub {
  display: block;
  font: 400 italic clamp(22px, 3vw, 31px)/1.25 var(--font-heading);
  letter-spacing: -.012em;
  color: var(--zalia);
}
.hero__photo-inline {
  display: none;
  background-image: url('/assets/img/hero-sodri.jpg');
  background-size: cover;
  background-position: 58% 28%;
  min-height: min(46vh, 360px);
  border-radius: var(--radius-block);
  margin: 0 0 30px;
}
.hero__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 34px;
  max-width: 28em;
  font-size: clamp(17px, 1.35vw, 19px);
  color: var(--tekstas-silpnas);
  text-wrap: pretty;
}
.hero__intro p { margin: 0; }
.hero__intro p strong { color: var(--tekstas); font-weight: 600; }
.hero__cta-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.hero__photo-side {
  background-image: url('/assets/img/hero-sodri.jpg');
  background-size: cover;
  background-position: 58% 28%;
  min-height: min(52vh, 420px);
}

/* WebP su JPG fallback — CSS background-image neturi <picture> atitikmens,
   tad progresyvus patobulinimas per @supports (naršyklės be image-set() palaikymo
   tiesiog lieka su .jpg iš aukščiau). */
@supports (background-image: -webkit-image-set(url('/assets/img/hero-sodri.webp') type('image/webp'))) {
  .hero__photo-inline,
  .hero__photo-side {
    background-image: -webkit-image-set(url('/assets/img/hero-sodri.webp') type('image/webp'));
  }
}
@supports (background-image: image-set(url('/assets/img/hero-sodri.webp') type('image/webp'))) {
  .hero__photo-inline,
  .hero__photo-side {
    background-image: image-set(url('/assets/img/hero-sodri.webp') type('image/webp'));
  }
}

/* Section-specific spacing helpers */
.section--tight-top .prose,
.section--tight-top .join-block { padding-top: 0; }
.section-body { padding-top: 36px; }

/* Apie iniciatorę */
.bio { display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 72px); padding-top: 36px; align-items: flex-start; }
.bio__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1 300px;
  min-width: 280px;
  max-width: 70ch;
  color: var(--tekstas-kunas);
}
.bio__text p { margin: 0; }
.bio__name { margin: 0 0 6px; font: 700 24px/1.15 var(--font-heading); letter-spacing: -.02em; }
.bio__cta-block { margin-top: 10px; display: flex; flex-direction: column; gap: 16px; }
.bio__cta-block p { margin: 0; }
.bio__cta-footer { display: flex; flex-direction: column; gap: 26px; margin-top: 16px; padding-top: 24px; border-top: 1px solid var(--linija-svelni); }

/* Responsive breakpointai — README § Responsive breakpointai (suvestinė) */
@media (max-width: 899px) {
  .join-row { flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; }
  .join-row > .join-btn { justify-content: flex-start; align-self: flex-start; }
  .join-row__or { text-align: left; }
}

@media (max-width: 959px) {
  .bio-photo-col { position: static; flex: 1 1 100%; max-width: none; width: 100%; }
  .bio-photo { width: 100%; aspect-ratio: auto; height: min(70vh, 560px); background-position: 50% 58%; }
}

@media (max-width: 719px) {
  .hero { min-height: auto; margin-bottom: 16px; }
  .hero__content { padding-bottom: 32px; }
  .hero__photo-side { display: none; }
  .hero__photo-inline { display: block; }
  .prose__subhead { font-size: 18px; }
}