/**
 * #.# Banner Module
 *
 * Styles for template-part/modules/banner_module.php
**/

.banner_module h1{color:var(--white);font-family: var(--black-font);
font-size: clamp(3.5rem, 8.5vw, 10.5rem);
font-weight: 900;
letter-spacing: clamp(-1.8px, -0.125vw, -0.5px);
}
.bdc-banner{height:100svh;min-height:500px;position:relative;overflow:hidden;display:grid;place-items:center}
.bdc-banner::before{content:'';position:absolute;inset:0;background-image:var(--bdc-banner-bg);background-size:cover;background-position:center;clip-path:circle(50px at 50% 50%);animation:bdc-banner-reveal 4s ease-out .2s forwards;will-change:clip-path}
.bdc-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.35));pointer-events:none}
.bdc-banner__inner{position:relative;z-index:1;text-align:center;padding:2rem}
.bdc-banner__title{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.1;color:#fff;text-wrap:balance}

/* Animation */
@keyframes bdc-banner-reveal {
  to {
    /* Expand well beyond edges to ensure full coverage on all screens */
    clip-path: circle(150% at 50% 50%);
  }
}

/* Accessibility: respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .bdc-banner::before {
    animation: none;
    clip-path: circle(150% at 50% 50%);
  }
}


@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 600px) {

}