/* Tighten the top/bottom framing while preserving the artwork's lettering. */
.home-banner {position:relative;background:#e9f5fc;padding:0}
.home-banner [hidden] {display:none!important}
.home-banner-brand picture{display:block;width:100%;flex:none}
.home-banner-brand img {display:block;width:100%;height:45vw;object-fit:cover;object-position:center;background:#e9f5fc}
/* Both slides reserve the same grid area, including the inactive slide's height. */
.home-banner.is-ready .home-banner-stage{display:grid}
.home-banner.is-ready .home-banner-panel{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}
.home-banner.is-ready .home-banner-panel.is-active{visibility:visible;pointer-events:auto}
.home-banner.is-ready .home-banner-brand{display:flex;align-items:center}
.home-banner.is-ready .hero-expo{height:100%;min-height:0}
.home-banner .hero-expo .inner{padding-block:clamp(24px,3.125vw,40px)}
.home-banner.is-ready .hero-expo .inner{padding-bottom:52px}
.home-banner-dots{position:absolute;inset:auto 0 6px;z-index:3;display:flex;justify-content:center;align-items:center;gap:4px;min-height:44px;background:transparent;pointer-events:none}
.home-banner-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius);pointer-events:auto}
.home-banner-dots button::before{content:"";width:11px;height:11px;border:2px solid var(--green-deep);border-radius:50%;background:#fff;outline:2px solid rgba(255,255,255,.9)}
.home-banner-dots button[aria-pressed="true"]::before{background:var(--green-deep)}
.home-banner-dots button:hover{background:rgba(255,255,255,.7)}
.home-banner-dots button:focus-visible{background:#fff;outline:2px solid var(--green-deep);outline-offset:-3px}
@media(max-width:620px){
  .home-banner-brand{background:linear-gradient(#1c99f7,#5aadf0)}
  .home-banner-brand img{
    height:auto;aspect-ratio:941/1672;object-fit:contain;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent)
  }
}
