.hero{width:100%;height:100vh;position:relative;background:#2d2d2d}.hero-container{display:grid;grid-template-rows:auto 1fr;gap:2rem;height:100%;padding:14rem 2.5rem 2.5rem;justify-items:center}.hero-header{display:grid;justify-items:center;align-content:start}.hero-header p{color:#fff;font-size:clamp(12px,1.6rem,40px);font-weight:400;line-height:1.2;width:60%;text-align:center}.hero-container .hero-h1{font-size:8rem;line-height:1.1;margin-bottom:1rem;text-align:center;font-weight:500;color:var(--white);width:100%;white-space:nowrap}.hero-content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;width:100%;height:100%}.hero-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:1rem;width:100%;position:relative;z-index:1}.hero-grid>a{grid-column:span 2}.accordion-css{position:relative}.accordion-css__item{position:relative;list-style:none;overflow:hidden;border-radius:1rem;padding:1rem;height:100%;display:flex;align-items:end}.accordion-css__blur{padding:2rem;border-radius:1rem;border:1px solid #ffffff10;background:#d9d9d934;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;width:fit-content;max-width:min(70%,46rem)}.accordion-css__item img{position:absolute;inset:0;z-index:-1;pointer-events:none}.accordion-css__item:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,#0000008c,#0000 60%)}@media(orientation:landscape){.hero-grid>a:nth-child(4) .accordion-css__item img{object-position:50% 100%}.hero-grid>a:nth-child(6) .accordion-css__item img{object-position:50% 70%}}@media(orientation:portrait){.hero-grid>a:nth-child(3) .accordion-css__item img{height:130%;top:-30%;bottom:auto}}.accordion-css__item-top{grid-column-gap:1em;grid-row-gap:1em;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.accordion-css__item-bottom{transition:grid-template-rows .6s cubic-bezier(.625,.05,0,1);grid-template-rows:0fr;display:grid;position:relative;overflow:hidden}[data-accordion-status=active] .accordion-css__item-bottom{grid-template-rows:1fr}.accordion-css__item-bottom-wrap{flex-flow:column;height:100000%;display:flex;position:relative;overflow:hidden}.accordion-css__item-bottom-content{margin-top:1rem}.accordion-css__item-h3{color:#fff;font-size:clamp(12px,2.5rem,80px);font-weight:500;line-height:1.2}[data-accordion-status=active] .accordion-css__item-icon{transform:rotate(.001deg)}.accordion-css__item-p,.accordion-css__link{color:#fff;font-size:clamp(10px,1.6rem,30px);line-height:1.3}.accordion-css__link{display:none}.accordion-css__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff;transform:scaleX(.3);transform-origin:bottom left;transition:transform .3s cubic-bezier(.625,.05,0,1)}@media(orientation:landscape)and (max-height:1200px){.hero-container .hero-h1{font-size:5.5rem;width:100%}.hero-container .hero-explore span{font-size:1.5rem}.accordion-css__item-h3{font-size:clamp(12px,2.1rem,80px)}.accordion-css__item-p,.accordion-css__link{font-size:clamp(10px,1.4rem,30px)}}@media(orientation:landscape)and (max-height:800px){.hero-container .hero-h1{font-size:5rem;width:100%}.hero .flick-card{padding:2rem;border-radius:3rem}.hero-container .hero-explore{display:none}}@media(orientation:portrait){.is--landscape{display:none}.hero{min-height:100svh;padding-block:12rem 8rem;height:auto}.hero-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0rem;height:100%;padding:0;justify-items:center}.hero-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,30rem);max-width:42rem}.hero-grid>a{grid-column:span 1}.accordion-css__blur{width:100%;max-width:100%}.accordion-css__item-h3{font-size:2.2rem}.hero-header{grid-column:1;grid-row:1;width:100%;padding-inline:2.5rem;margin-bottom:2rem}.hero-container .hero-header p{font-size:1.5rem;text-align:center;width:80%}.hero-container .hero-h1{font-size:5rem;margin-bottom:4rem;line-height:1.1;width:100%;white-space:normal}}@media(orientation:portrait)and (max-height:670px){.hero-container .hero-h1{font-size:4.5rem;width:30rem}}.fixed-logo path{stroke:#fff!important}.page-markers{z-index:1!important}@media(orientation:portrait){.page-marker__top{top:8rem!important}}
