@layer core,playground,project;@layer project{html{--mobile-design-width: 950;--desktop-design-width: 1440;--ultrawide-design-width: 2100;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=2100px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}body .playground-ui-bar-top-right,body .playground-ui-bar-bottom-right,body .playground-ui-mobile-navigation select{color:#212121;opacity:1;font-weight:400}body .playground-ui-bar-top-right a:hover,body .playground-ui-bar-bottom-right a:hover,body .playground-ui-mobile-navigation select a:hover{color:#000}body .playground-ui-bar-bottom-right a:has(svg) svg{margin-right:-1px}body .playground-ui-bar-bottom-right a:has(svg) svg path{stroke-width:1px}html{--color-black: #1D262E;--color-peach: #F29C86;--color-white: #F8F8F8}.h-verslun-body{background:var(--color-white)}.h-verslun-main{width:100%;height:100dvh;background:var(--color-white);color:var(--color-black);font-size:16rem;font-weight:400;visibility:hidden}.h-verslun-main svg{overflow:visible}.h-verslun-main .intro{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:1;height:100%;padding:50rem}.h-verslun-main .intro-container{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;height:100%;overflow:hidden;background:var(--color-peach)}.h-verslun-main .intro .logo-svg{position:relative;z-index:2;width:400rem;margin-top:-50rem}.h-verslun-main .intro .logo-dot{transform-origin:35px 35px}.h-verslun-main .intro .line{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;height:100vh;margin-top:-50rem}.h-verslun-main .intro .line-svg{width:700rem;height:100%}.h-verslun-main .intro .line path{stroke-width:100rem}.h-verslun-main .header{position:fixed;inset:0 0 auto;left:var(--playground-ui-sidebar-width);z-index:1;padding:20rem 50rem;background:var(--color-white)}.h-verslun-main .header-container{display:flex;flex-flow:row nowrap;align-items:center;gap:60rem}.h-verslun-main .header .logo-svg{transform:translateY(-4rem);width:30rem}.h-verslun-main .header ul{display:flex;gap:40rem;width:100%;list-style:none}.h-verslun-main .header ul li:nth-of-type(6){margin-left:auto}.h-verslun-main .hero{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:1;padding:80rem 50rem 50rem}.h-verslun-main .hero-container{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.h-verslun-main .hero video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.h-verslun-main .hero-text{position:absolute;inset:auto auto 50rem 50rem;z-index:2}.h-verslun-main .hero-text span{display:block;margin-bottom:12rem;color:var(--color-peach);font-size:14rem;font-weight:600}.h-verslun-main .hero-text p{color:var(--color-white);font-size:60rem;line-height:1}.h-verslun-main .hero-text button{margin-top:24rem;background:var(--color-white);color:var(--color-black);padding:8rem 24rem;border:0;border-radius:48rem;font-size:16rem;font-weight:500;line-height:200%}.h-verslun-main .cards{padding:50rem}.h-verslun-main .cards-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25rem;padding-top:100dvh}.h-verslun-main .cards .card{color:var(--color-black)}.h-verslun-main .cards .card-box{position:relative;z-index:1;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--color-peach)}.h-verslun-main .cards .card-box video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.h-verslun-main .cards .card-text{display:flex;flex-flow:column nowrap;gap:4rem;padding:8rem 0}.h-verslun-main .cards .card-text p{overflow:hidden}.h-verslun-main .cards .card-text p:nth-child(1){font-size:20rem;font-weight:500}.h-verslun-main .cards .card-text p:nth-child(2){font-size:12rem;font-weight:400}.h-verslun-main .cards .card-text p:nth-child(3){font-size:16rem;font-weight:420}.h-verslun-main .cards .card-text span{display:block}.footer{position:relative;z-index:2;width:100%;height:50dvh;padding:0 50rem 50rem;overflow:hidden}.footer-container{width:100%;height:100%;background:var(--color-black)}}