/* EvolyBlocks.org – LYA HERO V18 (2026-11-03)
   Desktop uses the APPROVED clean original artwork (LYA on the LEFT, wolf, fjord, ship).
   Copy and buttons stay native home.tpl/Smarty elements, positioned on the RIGHT.
   Homepage-only selectors. No changes to header/footer, forms or existing sections. */

@media (min-width:1201px) {
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 {
    position:relative!important;
    isolation:isolate!important;
    background-color:#041226!important;
    background-image:url('../img/lya-viking-clean-desktop-v18.webp')!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    min-height:clamp(590px,50vw,900px)!important;
    overflow:hidden!important;
  }
  /* Subtle right-side shading protects text without covering LYA on the left. */
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(2,10,27,.28) 55%,rgba(2,10,27,.72) 100%);
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18>.ebn-frame {
    min-height:clamp(590px,50vw,900px)!important;
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    padding:45px 0 86px!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 .ebn-hero-copy {
    width:min(46%,610px)!important;
    max-width:610px!important;
    min-width:0!important;
    margin:0 0 0 auto!important;
    padding:24px 27px!important;
    background:linear-gradient(115deg,rgba(3,13,31,.77),rgba(3,13,31,.90))!important;
    border:1px solid rgba(253,202,105,.34)!important;
    border-radius:16px!important;
    box-shadow:0 12px 35px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 h1 {
    font-size:clamp(35px,3.4vw,58px)!important;
    line-height:1.02!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 h1 span {
    white-space:normal!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 .ebn-hero-desc {
    font-size:clamp(13px,1vw,16px)!important;
  }
}

/* Tablet and phone: show LYA + wolf fully ABOVE the actual HTML content.
   This avoids placing text over faces or cropping them out. */
@media (max-width:1200px) {
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 {
    min-height:0!important;
    height:auto!important;
    background:#041329!important;
    background-image:none!important;
    overflow:visible!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18>.ebn-frame {
    display:block!important;
    min-height:0!important;
    padding:0 0 82px!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 .ebn-hero-layout::before {
    content:""!important;
    display:block!important;
    position:relative!important;
    width:calc(100% + 64px)!important;
    margin:0 -32px 22px!important;
    height:clamp(360px,55vw,570px)!important;
    background:#06172b url('../img/lya-viking-clean-desktop-v18.webp') center center / cover no-repeat!important;
    box-shadow:inset 0 -48px 40px #041329!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 .ebn-hero-copy {
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
  }
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 h1 span {
    white-space:normal!important;
  }
}
@media (max-width:760px) {
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 .ebn-hero-layout::before {
    width:calc(100% + 32px)!important;
    margin:0 -16px 18px!important;
    height:clamp(310px,87vw,410px)!important;
    background-image:url('../img/lya-viking-clean-mobile-v18.webp')!important;
    background-position:center 34%!important;
  }
}
@media (max-width:430px) {
  body.ebn-home-page .ebn-home .ebn-hero-v11.ebn-hero-lya-v18 .ebn-hero-layout::before {
    height:clamp(290px,90vw,370px)!important;
  }
}