.layout-home{width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.layout-home>header{position:fixed;z-index:99999;top:0;left:0}.layout-home>div{display:flex;align-items:center;padding:1rem}@media only screen and (orientation:landscape){.layout-home>div{gap:1rem;justify-content:space-between;max-width:70rem}}@media only screen and (orientation:portrait){.layout-home>div{flex-direction:column;justify-content:space-between;gap:1rem;padding:0;height:calc(var(--vh, 1vh) * 100 - 8rem);margin:4rem 0}}.layout-home>div>p{font-size:3rem}.layout-home>div>section{overflow:hidden}@media only screen and (orientation:landscape){.layout-home>div>section{width:22rem;height:calc(var(--vh, 1vh) * 100);padding:calc(var(--vh, 1vh) * 50 - 11rem) 0;scroll-snap-type:y proximity}}@media only screen and (orientation:portrait){.layout-home>div>section{position:relative;width:100vw;height:12rem;padding:0 calc(50vw - 6rem);scroll-snap-type:x proximity}}@media only screen and (orientation:portrait)and (max-height:720px){.layout-home>div>section{height:16rem;padding:0 calc(50vw - 8rem)}}.layout-home>div>section figure.hidden{opacity:0;pointer-events:none}.layout-home>div>section>ul{display:flex;gap:1rem}@media only screen and (orientation:landscape){.layout-home>div>section>ul{flex-direction:column;align-items:center;justify-content:center}}@media only screen and (orientation:portrait){.layout-home>div>section>ul{flex-flow:row nowrap;width:max-content;height:12rem}}@media only screen and (orientation:portrait)and (max-height:720px){.layout-home>div>section>ul{height:16rem}}.layout-home>div>section>ul>figure:has(svg){scroll-snap-align:center}@media only screen and (orientation:portrait){.layout-home>div>section>ul>figure:has(svg){max-width:12rem;margin:0 2rem}}@media only screen and (orientation:portrait)and (max-height:720px){.layout-home>div>section>ul>figure:has(svg){max-width:16rem}}.layout-home>div>section>ul>figure:has(svg) *{pointer-events:none}.layout-home>div>section>ul>li{display:flex;gap:1rem;align-items:center}@media only screen and (orientation:landscape){.layout-home>div>section>ul>li{width:100%;flex-direction:column;justify-content:center}}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li{flex-flow:row nowrap;width:max-content;height:12rem}.layout-home>div>section>ul>li *{order:2;scroll-snap-align:center}.layout-home>div>section>ul>li a{display:flex}}@media only screen and (orientation:portrait)and (max-height:720px){.layout-home>div>section>ul>li{height:16rem}}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li>header{max-width:calc(100vw - 2rem);width:20rem;order:1}}.layout-home>div>section>ul>li>header>*{line-height:115%}.layout-home>div>section>ul>li>header>h6{font-size:1rem;margin-top:.5rem}.layout-home>div>section>ul>li>.mask__ctn{order:0}.layout-home>div>section>ul>li figure{display:flex;justify-content:center;align-items:center;overflow:hidden}@media only screen and (orientation:landscape){.layout-home>div>section>ul>li figure{width:100%}}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li figure{height:100%;max-width:calc(100vw - 2rem);border-radius:.5rem;width:max-content}}.layout-home>div>section>ul>li figure>svg{display:flex;width:fit-content;height:fit-content}.layout-home>div>section>ul>li figure:has(svg){scroll-snap-align:center;aspect-ratio:1/1}@media only screen and (orientation:landscape){.layout-home>div>section>ul>li figure:has(svg){max-height:22rem}}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li figure:has(svg){height:12rem;width:100%}}@media only screen and (orientation:portrait)and (max-height:720px){.layout-home>div>section>ul>li figure:has(svg){height:16rem}}.layout-home>div>section>ul>li>p{padding:0 1.15rem}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li>p{max-width:17rem;overflow:hidden;max-height:12rem;-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box}}@media only screen and (orientation:portrait)and (max-height:720px){.layout-home>div>section>ul>li>p{max-height:16rem}}.layout-home>div>section>ul>li>a{font-size:2rem;background-color:#ededed;border-radius:.75rem;padding:0 .5rem;text-align:center;padding:0 .4rem;margin:1rem 0}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li>a{max-width:14rem;border-radius:.5rem}}.layout-home>div>section>ul>li>a:after{text-transform:lowercase}@media only screen and (orientation:landscape){.layout-home>div>section>ul>li>a:after{content:attr(data-after)}}@media only screen and (orientation:portrait){.layout-home>div>section>ul>li>a:after{content:attr(data-before)}}.layout-home>div>section>div{z-index:9999;width:22rem;pointer-events:none}@media only screen and (orientation:landscape){.layout-home>div>section>div{position:fixed;bottom:1rem}}@media only screen and (orientation:portrait){.layout-home>div>section>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease-in-out}}.layout-home>div>section>div>p{margin:auto;font-size:2rem;width:fit-content;border-radius:.75rem;padding:0 .5rem;padding:0 .4rem;transition:color .6s ease-in-out}@media only screen and (orientation:landscape){.layout-home>div>section>div>p{background-color:#fdfdfd}}@media only screen and (orientation:portrait){.layout-home>div>section>div>p{border-radius:.5rem;color:#ededed}}.layout-home>div>section:not(.active)>ul>figure:has(svg){pointer-events:initial}.layout-home>div>section:not(.active)>ul>li>*:is(.mask__ctn,figure,svg){pointer-events:initial}.layout-home>div>section:not(.active)>ul>li>*,.layout-home>div>section:not(.active)>ul>li>* :is(.mask__ctn>a){pointer-events:none}.layout-home>div>section:not(.active)>ul>li>*:not(.mask__ctn):not(figure:has(svg)){opacity:0}.layout-home>div>section.active{overflow:hidden}@media only screen and (orientation:landscape){.layout-home>div>section.active{overflow-y:scroll}}@media only screen and (orientation:portrait){.layout-home>div>section.active{overflow-x:scroll}}@media only screen and (orientation:landscape){.layout-home>div>section.active>div>p{color:#d9d9d9}}@media only screen and (orientation:portrait){.layout-home>div>section.active>div>p{opacity:0}}