/* About us V2: hero content only. Header, background and separators stay unchanged. */
.svarga-pro-nas .svarga-home-hero {
  max-width: 1200px;
  width: 100%;
}
.svarga-home-hero .svarga-pro-nas__hero-logo { margin: 0 0 clamp(24px, 3.5vw, 50px); }
.svarga-home-hero .svarga-pro-nas__hero-logo-img {
  filter: none;
  width: 140px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 140 / 30;
}
.svarga-home-hero .svarga-pro-nas__hero-title {
  font-size: clamp(32px, 7.4vw, 104px);
  font-weight: 500;
  line-height: 1.12;
  text-transform: uppercase;
  color: #e5c666;
  background-image: linear-gradient(180deg, #eece77 0%, #d5ad42 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.025em;
  width: 100%;
}
.svarga-home-hero__description {
  margin: clamp(26px, 4vw, 55px) 0 0;
  color: #fff;
  font-size: clamp(18px, 2.5vw, 30px);
  line-height: 1.45;
  font-weight: 500;
}
.svarga-home-hero__description span { display: block; }
.svarga-home-hero__badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(10px, 1.6vw, 18px);
  list-style: none;
  padding: 0;
  margin: clamp(32px, 7vw, 100px) 0 0;
}
.svarga-home-hero__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 66px;
  padding: 10px 32px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: clamp(18px, 2.4vw, 28px);
  font-weight: 500;
  line-height: 1.2;
  background: rgba(4, 54, 41, .7);
  box-shadow: inset 0 0 16px rgba(164,255,201,.55), 0 8px 16px rgba(0,0,0,.38), 0 2px 4px rgba(0,0,0,.24);
}
.svarga-home-hero__badge--raw { color: #9affc0; }
.svarga-home-hero__badge--vegan {
  color: #8dd8ff;
  background: rgba(10, 55, 68, .8);
  box-shadow: inset 0 0 16px rgba(144,222,255,.65), 0 8px 16px rgba(0,0,0,.38), 0 2px 4px rgba(0,0,0,.24);
}
.svarga-home-hero__badge--plant {
  color: #e0ff82;
  box-shadow: inset 0 0 16px rgba(225,255,133,.65), 0 8px 16px rgba(0,0,0,.38), 0 2px 4px rgba(0,0,0,.24);
}
@media (max-width: 767px) {
  .svarga-home-hero .svarga-pro-nas__hero-title { font-size: clamp(30px, 7.5vw, 56px); }
  .svarga-home-hero__description { max-width: 540px; font-size: clamp(16px, 3.7vw, 23px); }
  .svarga-home-hero__badge { min-height: 44px; padding: 10px 16px; font-size: 16px; }
}
@media (max-width: 374px) {
  .svarga-home-hero__badges { gap: 8px; }
  .svarga-home-hero__badge { padding-inline: 12px; font-size: 14px; }
}
@media (min-width: 768px) and (max-height: 800px) {
  .svarga-home-hero .svarga-pro-nas__hero-title { font-size: clamp(48px, 6.5vw, 88px); }
  .svarga-home-hero .svarga-pro-nas__hero-logo { margin-bottom: 24px; }
  .svarga-home-hero__description { margin-top: 26px; }
  .svarga-home-hero__badges { margin-top: 36px; }
}
/* Mobile hero follows its content instead of stretching to the viewport height. */
@media (max-width: 767.98px) {
  .svarga-pro-nas .svarga-pro-nas__hero:not(.svarga-pro-nas__hero--fallback) {
    height: auto;
    min-height: 0;
    padding: 140px 0 100px;
  }
}

/* Revised hero typography from the designer: 48px / 110%, tracking -4%. */
.svarga-home-hero .svarga-pro-nas__hero-title {
  font-size:48px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-0.04em;
  text-align:center;
}
@media (max-width:767.98px) {
  .svarga-home-hero .svarga-pro-nas__hero-title { font-size:clamp(28px,6.5vw,40px); }
}
@font-face {
  font-family:'Trajan Pro 3';
  src:url('../fonts/TrajanPro3SemiBold.woff2') format('woff2'), url('../fonts/TrajanPro3SemiBold.woff') format('woff');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
.svarga-home-hero .svarga-pro-nas__hero-title { font-family:'Trajan Pro 3',serif; }
.svarga-home-hero .svarga-home-hero__description {
  font-family:'HelveticaNeueCyr',sans-serif;
  font-size:18px;
  font-weight:550;
  line-height:1.45;
  letter-spacing:0;
  text-align:center;
}