/* Static hero photography for the NOVA homepage. */
.hero-visuals .hero-slide{background-color:#fff!important;background-size:100% 100%,auto 100%!important;background-position:left center,right center!important;background-repeat:no-repeat!important}
.hero-visuals .hero-slide:nth-child(1),.hero-visuals .hero-slide:nth-child(2){background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 27%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.52) 56%,rgba(255,255,255,.08) 72%,transparent 100%),url('/assets/nova-folkdance-hero.jpg?v=20261104-1')!important}
.hero-visuals .hero-slide:nth-child(2){display:none!important}
.hero-visuals .hero-slide.is-active{opacity:1!important}
.hero .nova-hero-video,.hero video{display:none!important}
@media(max-width:760px){
 .hero{overflow:hidden!important}
 .hero-visuals .hero-slide:nth-child(1){background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 33%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.14) 100%),url('/assets/nova-folkdance-hero.jpg?v=20261104-1')!important;background-size:100% 100%,auto 76%!important;background-position:left center,right bottom!important}
}


/* Image-only, CMS-driven homepage slider: no text or white overlay layers. */
body.nova-homepage .hero{position:relative!important;display:block!important;height:clamp(340px,42vw,640px)!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#f7faff!important;isolation:isolate!important}
body.nova-homepage .hero:before,body.nova-homepage .hero:after,body.nova-homepage .hero-copy{display:none!important;content:none!important}
body.nova-homepage .hero .hero-visuals{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;overflow:hidden!important}
body.nova-homepage .hero .home-slider__slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0;visibility:hidden;transform:translateX(2.5%) scale(1.01);transition:opacity 850ms ease,transform 1050ms cubic-bezier(.22,.7,.2,1),visibility 850ms ease!important;background:none!important}
body.nova-homepage .hero .home-slider__slide.is-active{opacity:1!important;visibility:visible;transform:translateX(0) scale(1)}
body.nova-homepage .hero .home-slider__slide.is-before{transform:translateX(-2.5%) scale(1.01)}
body.nova-homepage .hero .home-slider__slide img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
.home-slider-hotspot{position:absolute;z-index:3;display:block;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer}
.home-slider-hotspot:hover,.home-slider-hotspot:focus-visible{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.06);outline:2px solid rgba(23,102,197,.55);outline-offset:2px}
.home-slider-dots{position:absolute;z-index:5;right:clamp(18px,4vw,56px);bottom:clamp(16px,3vw,32px);display:flex;align-items:center;gap:8px}
.home-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:20px;background:rgba(255,255,255,.64);box-shadow:0 1px 6px rgba(10,35,65,.3);cursor:pointer;transition:width .25s ease,background-color .25s ease}
.home-slider-dots button.is-active{width:26px;background:#fff}
@media(max-width:760px){body.nova-homepage .hero{height:clamp(300px,92vw,470px)!important;min-height:0!important;padding:0!important}body.nova-homepage .hero .home-slider__slide img{object-position:center!important}.home-slider-dots{right:18px;bottom:16px}}
@media(prefers-reduced-motion:reduce){body.nova-homepage .hero .home-slider__slide,.home-slider-dots button{transition:none!important}}


/* Mobil slider görüntüsünü gerçek görsel oranında tut; çevresinde boşluk bırakma. */
@media(max-width:760px){
 body.nova-homepage .hero{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--nova-home-slide-aspect,1672 / 941)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #dce5ed!important;
  background:#fff!important;
  line-height:0!important;
 }
 body.nova-homepage .hero .hero-visuals{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
 }
 body.nova-homepage .hero .home-slider__slide{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
 }
 body.nova-homepage .hero .home-slider__slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
 }
 body.nova-homepage .home-slider-dots{right:12px!important;bottom:9px!important}
}


/* Final mobile override: keep the hero at the active image's height. */
@media(max-width:760px){
 body.nova-homepage:has(.partners-marquee) .hero{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--nova-home-slide-aspect,1672 / 941)!important;
  margin:0!important;
  padding:0!important;
 }
}

/* Mobile hero occupies roughly half the visible screen; separate mobile artwork fills the frame. */
@media(max-width:760px){
 body.nova-homepage:has(.partners-marquee) .hero{
  height:calc(100vh - 196px)!important;
  height:calc(100svh - 196px)!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
 }
 body.nova-homepage .hero .home-slider-picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
 }
 body.nova-homepage .hero .home-slider__slide img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
 }
}
@media(max-width:640px){
 body.nova-homepage:has(.partners-marquee) .hero{
  height:calc(100vh - 162px)!important;
  height:calc(100svh - 162px)!important;
 }
}

/* Compact homepage news cards on mobile: scale image block and copy by 20%. */
@media(max-width:760px){
 body.nova-homepage .nova-news .nova-news-card{
  width:80%!important;
  margin-inline:auto!important;
 }
 body.nova-homepage .nova-news .nova-news-card-image{
  height:172px!important;
  margin-bottom:22.4px!important;
 }
 body.nova-homepage .nova-news .nova-news-card-copy>small{
  margin-bottom:9.6px!important;
  font-size:8px!important;
 }
 body.nova-homepage .nova-news .nova-news-card-copy h3{
  margin:0 0 8px!important;
  font-size:16.8px!important;
 }
 body.nova-homepage .nova-news .nova-news-card-copy p{
  font-size:11.2px!important;
  line-height:1.75!important;
 }
 body.nova-homepage .nova-news .nova-news-date-badge{
  left:14.4px!important;
  bottom:-16px!important;
  width:54.4px!important;
  height:54.4px!important;
 }
 body.nova-homepage .nova-news .nova-news-date-badge>span{font-size:19.2px!important}
 body.nova-homepage .nova-news .nova-news-date-badge>small{font-size:7.2px!important}
}

/* Center mobile news filters and give the first story clear separation. */
@media(max-width:760px){
 body.nova-homepage .nova-news .nova-news-head>.nova-news-tabs{
  position:static!important;
  justify-self:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0 0 20px!important;
  transform:none!important;
 }
 body.nova-homepage .nova-news #nova-home-news,
 body.nova-homepage .nova-news .nova-news-grid{
  margin-top:52px!important;
  clear:both!important;
 }
}

/* Desktop slider: keep the complete artwork visible without changing the mobile crop rules. */
@media(min-width:761px){
 body.nova-homepage .hero .home-slider__slide img{
  object-fit:contain!important;
  object-position:center!important;
  background:#f7faff!important;
 }
}


/* Restore CMS slider artwork to its authored dimensions and align its left edge with the header logo. */
@media(min-width:761px){
 body.nova-homepage:has(.partners-marquee) .hero{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
 }
 body.nova-homepage:has(.partners-marquee) .hero .home-slider__slide{
  transform:none!important;
  transition:opacity 850ms ease,visibility 850ms ease!important;
 }
 body.nova-homepage:has(.partners-marquee) .hero .home-slider__slide.is-before{transform:none!important}
 body.nova-homepage:has(.partners-marquee) .hero .home-slider__slide img{
  object-fit:contain!important;
  object-position:left center!important;
  background:#fff!important;
 }
}

/* Set desktop hero height from the full natural aspect ratio of each CMS slide. */
@media(min-width:761px){
 body.nova-homepage:has(.partners-marquee) .hero{height:calc(100vw / var(--nova-home-slide-aspect,3.0935))!important}
 body.nova-homepage:has(.partners-marquee) .hero .home-slider__slide img{object-fit:fill!important}
}

@media(min-width:761px){
 body.nova-homepage:has(.partners-marquee) .hero{
  height:calc(100vw / var(--nova-home-slide-aspect,3.0))!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
 }
 body.nova-homepage:has(.partners-marquee) .hero .home-slider__slide img{object-fit:fill!important}
}