.hero-banner{position:relative;width:100%;overflow:hidden;border-radius:1rem;opacity:0;transform:scale(.9);transition:opacity .6s ease-out,transform .6s ease-out}.hero-banner.in-view{opacity:1;transform:scale(1)}.hero-banner .embla__container{position:relative;width:100%;height:100%;border-radius:inherit;will-change:transform;background:#0003;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:2rem}.hero-banner .embla__container li{position:relative;width:100%;height:100%;max-height:90vh;aspect-ratio:1 / .7;display:grid;grid-template-columns:1fr;place-items:center;place-content:center;gap:.5rem;padding:clamp(2rem,4vw,5rem);overflow:hidden;background:var(--clr-navy-dark);border-radius:inherit;cursor:grab;transition:opacity .3s}.hero-banner .embla__container li.hero-banner__placeholder{background:var(--clr-white)}.hero-banner .embla__container li.hero-banner__placeholder:before{display:none}.hero-banner .embla__container li.hero--align\:bottom-left{place-items:start;align-content:end}.hero-banner .embla__container li.hero--align\:bottom-right{place-items:end;align-content:end}.hero-banner .embla__container li.hero--align\:bottom-right h1{text-align:right}.hero-banner .embla__container li .image{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.hero-banner .embla__container li .image.sm{display:none}.hero-banner .embla__container li .image ._image{background-repeat:no-repeat;background-size:cover;background-position:center}.hero-banner .embla__container li:last-child{margin-right:1rem}.hero-banner .embla__container li:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;--f: brightness(var(--brightness, 1));backdrop-filter:var(--f);-webkit-backdrop-filter:var(--f);border-radius:inherit;overflow:hidden}.hero-banner .embla__container li h2{max-width:60%;color:var(--clr-white);text-align:center;text-shadow:0 0 1rem #000,0 0 3rem #000;z-index:3;cursor:default;-webkit-user-select:none;user-select:none;font-size:clamp(.9rem,5vw,3em);color:var(--white);font-weight:900;line-height:1.1;text-align:left}.hero-banner .embla__container li .btn{box-shadow:0 0 1rem #0003;z-index:3;border-radius:.5rem}.hero-banner .embla__container li .btn:not([href]){cursor:default}.hero-banner .embla__container li.hero--is-clickable .btn:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:5;left:0;top:0}.hero-banner .embla__container li.hero--no-button .btn{grid-row:-1 / 1;opacity:0}.hero-banner #hero-nav{display:flex;place-content:center;place-items:center;gap:.5rem;margin-top:.7rem}.hero-banner #hero-nav .button{color:var(--accent);border-radius:50%;font-size:3.5em;padding:0;height:auto}.hero-banner .nav-hint{position:absolute;top:50%;transform:translateY(calc(-50% - 2rem));--scale-bg-color: #0006;color:var(--white);border-radius:50%;font-size:2.5em;padding:.5rem;height:auto;z-index:10}.hero-banner .nav-hint.prev{left:1rem}.hero-banner .nav-hint.next{right:1rem}@media(max-width:700px){>article{border-radius:.5rem}>article>ul{aspect-ratio:1 / .7}>article>ul li{justify-content:start;justify-items:start;align-content:end;gap:.5rem}>article>ul li .mui-image.sm{display:block}>article>ul li .mui-image.lg{display:none}>article>ul li h2{text-align:left}}@media(max-width:500px){>article>ul{grid-auto-columns:100%}>article>ul li h2{max-width:unset}}.log-wall{display:flex;justify-content:center;align-items:flex-end;gap:2rem}.hero-container{width:100%;max-width:var(--width-inner);padding-inline:var(--pad-lr);overflow:hidden}