#main .hero.hero-opening .hero-bottom>a{display:none}
.hero.hero-opening .hero-bottom p{max-width:none;width:max-content;max-inline-size:100%;text-align:center;white-space:nowrap;font-size:36px;line-height:1.2;transform:rotate(-3deg)}
.hero.hero-opening .hero-bottom p br{display:none}
.hero.hero-opening .hero-bottom p .hero-slogan-space{white-space:pre}
.hero.hero-opening:not(.with-carousel) .hero-bottom p,
.hero.hero-opening:has(.carousel-slide.is-logo.is-active) .hero-bottom p{position:absolute;left:50%;bottom:100px;translate:-50% 0;margin:0}
.hero.hero-opening:not(.with-carousel) .hero-bottom,
.hero.hero-opening:has(.carousel-slide.is-logo.is-active) .hero-bottom{justify-content:flex-end}
#main .hero.hero-opening:not(.with-carousel)>img,
#main .hero.hero-opening .hero-carousel .carousel-slide.is-logo img{padding-bottom:180px}
@media(min-width:761px) and (max-width:1099px){.hero.hero-opening .hero-bottom p{font-size:30px}}
@media(max-width:760px){
 .hero.hero-opening .hero-bottom{flex-direction:column;align-items:center;gap:20px}
 .hero.hero-opening .hero-bottom p{font-size:24px}
 .hero.hero-opening:not(.with-carousel) .hero-bottom p,
 .hero.hero-opening:has(.carousel-slide.is-logo.is-active) .hero-bottom p{bottom:135px}
 .hero.hero-opening:not(.with-carousel) .hero-bottom>a,
 .hero.hero-opening:has(.carousel-slide.is-logo.is-active) .hero-bottom>a{position:absolute;bottom:77px;left:50%;translate:-50% 0}
 #main .hero.hero-opening .hero-carousel .carousel-slide.is-logo img,
 #main .hero.hero-opening.has-parallax .hero-carousel .carousel-slide.is-logo img{padding:0;margin-top:60px;width:min(220px,65%);max-height:220px}
}
@media(max-width:359px){.hero.hero-opening .hero-bottom p{font-size:21px}}
.hero.hero-opening .hero-bottom p{pointer-events:auto;perspective:900px}
.hero.hero-opening .hero-bottom p::after{content:"";position:absolute;inset:0;pointer-events:auto}
.hero-slogan-turn{display:inline-block;pointer-events:none;transform-origin:50% 50%;transform:rotateX(0deg);backface-visibility:visible}
@keyframes slogan-full-turn{0%{transform:rotateX(0deg)}45%,55%{transform:rotateX(180deg)}100%{transform:rotateX(360deg)}}
@media(prefers-reduced-motion:no-preference){.slogan-cycle-running .hero-slogan-turn{animation:slogan-full-turn 2s cubic-bezier(.22,.7,.25,1)}}
@media(prefers-reduced-motion:reduce){.hero-slogan-turn{animation:none}}