/* Shared hero composition for Losklana's five primary directions. */
.ll-primary-hero{box-sizing:border-box;width:min(1360px,calc(100% - 80px));margin:72px auto 0;display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:clamp(42px,7vw,112px);align-items:center;min-height:610px;padding:clamp(48px,6.5vw,90px) clamp(28px,5.2vw,72px);overflow:hidden;border:1px solid rgba(107,126,108,.16);border-radius:48px;background:#f7f3eb radial-gradient(ellipse at 105% 0,rgba(180,191,166,.22),transparent 34%);box-shadow:0 18px 46px rgba(56,67,54,.045)}
.ll-primary-hero-copy{position:relative;z-index:1;display:block;max-width:510px}
.ll-primary-hero .ll-kicker{margin:0;color:#9b7848;font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.4;text-transform:uppercase}
.ll-primary-hero h1{margin:23px 0 0;font-family:"Losklana Display","Cormorant Garamond",Georgia,serif;font-size:clamp(62px,6.2vw,102px);font-weight:400;letter-spacing:-.065em;line-height:.84}
.ll-primary-hero h1 em{color:#748477;font-weight:400}
.ll-primary-hero-description{max-width:510px;margin:34px 0 0;color:#526057;font-size:clamp(17px,1.45vw,21px);line-height:1.65}
.ll-primary-hero .ll-button{margin-top:30px;border-radius:999px}
.ll-primary-hero-media{position:relative;z-index:1;align-self:center;height:min(500px,38vw);margin:0;min-width:0;overflow:hidden;border-radius:42px}
.ll-primary-hero-media .ll-photo{display:block;width:100%;height:100%}
.ll-primary-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.ll-service-hero.is-yoga .ll-primary-hero-media img{object-position:center 42%}
.ll-service-hero.is-gvozdestoyanie .ll-primary-hero-media img{object-position:center 58%}
.ll-service-hero.is-body-practices .ll-primary-hero-media img{object-position:center 50%}
.ll-primary-hero .ll-photo-placeholder--hero{width:100%;height:100%;min-height:100%;border-radius:42px}

@media(max-width:980px){
  .ll-primary-hero{grid-template-columns:1fr;min-height:0}
  .ll-primary-hero-copy{max-width:none}
  .ll-primary-hero-media{width:100%;min-height:0;height:auto;aspect-ratio:16/10;max-width:760px}
}
@media(max-width:760px){
  .ll-primary-hero{width:calc(100% - 24px);margin-top:38px;gap:32px;padding:42px 20px;border-radius:32px}
  .ll-primary-hero h1{font-size:clamp(54px,14vw,72px)}
  .ll-primary-hero-description{margin-top:26px;font-size:16px}
  .ll-primary-hero .ll-button{width:100%;margin-top:26px}
  .ll-primary-hero-media{aspect-ratio:4/3;border-radius:24px}
  .ll-primary-hero .ll-photo-placeholder--hero{border-radius:24px}
}