section.hero-section{--banner-width:820px;--banner-aspect:16 / 9;--banner-drop:320px;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:82dvh;min-height:680px;max-height:760px;margin-bottom:320px;padding:0;display:flex;position:relative}section.hero-section .title-shadow{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;width:2000px;position:absolute}section.hero-section h1{pointer-events:none;-webkit-user-select:none;user-select:none;gap:5px;margin:0;display:flex}section.hero-section h1 .hidden{display:none}section.hero-section h1 img{width:auto;height:20dvw;max-height:125px}section.hero-section .hero-ticket-actions{display:contents}section.hero-section .hero-ticket-actions>.glass-effect,section.hero-section .hero-ticket-actions>.live-visitor-count{display:none}section.hero-section .castle,section.hero-section .banner-block{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}section.hero-section .castle{bottom:-370px}section.hero-section .banner-block{bottom:calc(var(--banner-drop)*-1);width:var(--banner-width);flex-direction:column;align-items:center;max-width:92%;display:flex}section.hero-section .banner{width:100%;aspect-ratio:var(--banner-aspect);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073}section.hero-section .banner:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:90px;position:absolute;inset:auto 0 0}section.hero-section .banner-track{height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}section.hero-section .banner-slide{flex:0 0 100%;height:100%;position:relative}section.hero-section .banner-slide img{object-fit:cover}section.hero-section .banner-dots{z-index:1;pointer-events:auto;justify-content:center;gap:14px;display:flex;position:absolute;bottom:18px;left:0;right:0}section.hero-section .banner-dots button{appearance:none;cursor:pointer;background:#ffffff80;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,transform .2s}section.hero-section .banner-dots button:hover{background:#ffffffbf}section.hero-section .banner-dots button[aria-current=true]{background:#fff;transform:scale(1.4)}@media (prefers-reduced-motion:reduce){section.hero-section .banner-track{transition-duration:1ms}}@media (max-width:1023px){section.hero-section .hero-ticket-actions[data-has-live-count=true]{--border-radius:32px;isolation:isolate;-webkit-backdrop-filter:blur(40px)brightness(1.7)saturate(1.5);backdrop-filter:blur(40px)brightness(1.7)saturate(1.5);background:#0c10186b;border-radius:32px 32px 28px 28px;flex-direction:column;align-items:center;gap:26px;width:fit-content;max-width:calc(100vw - 24px);padding:20px 18px 18px;display:flex;position:relative;overflow:hidden}section.hero-section .hero-ticket-actions[data-has-live-count=true]>.glass-effect{--border-radius:32px;border-radius:32px 32px 28px 28px;display:block}section.hero-section .hero-ticket-actions[data-has-live-count=true]>.styled-button{z-index:1;flex:none;position:relative;top:-2px}section.hero-section .hero-ticket-actions[data-has-live-count=true]>.live-visitor-count{--live-count-gap:6px;width:100%;display:grid}section.hero-section h1{flex-direction:column;gap:0}section.hero-section .title-shadow{width:200dvw}}@media (max-width:767px){section.hero-section{height:auto;min-height:auto;max-height:auto;--banner-drop:175px;margin-bottom:260px;padding-top:150px;padding-bottom:100px}section.hero-section .castle{width:75%;max-width:375px;height:auto;bottom:-310px}section.hero-section .banner-block{max-width:88%}}
