*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{font-size:12px;--color-text: #1a1a1a;--color-bg: #fff;--color-link: #1a1a1a;--color-link-hover: #1a1a1a;--page-padding: 1.5rem}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:area-normal,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{max-width:100vw;overflow-x:hidden}body{margin:0}@media (scripting: enabled){.loading:before,.loading:after{content:"";position:fixed;z-index:10000}.loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading:after{top:50%;left:50%;width:100px;height:1px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}a{text-decoration:none;color:var(--color-link);font-weight:600;outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus:focus-visible{outline:2px solid red;background:transparent}.frame{display:grid;z-index:1000;grid-row-gap:.25rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;align-content:start;padding:var(--page-padding);height:100vh;position:fixed;top:0;left:0;width:100%;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"title" "subtitle"}.frame a,.frame button{pointer-events:auto}.frame .frame__title{grid-area:title;font-size:inherit;margin:0}.frame .frame__subtitle{grid-area:subtitle;font-size:inherit;margin:0}.frame .frame__tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:1rem}.frame .frame__demos{grid-area:demos;display:flex;flex-wrap:wrap;gap:1rem}.section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;--progress: 0}.section .section__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:scale(var(--progress))}.section .section__media .section__media__front,.section .section__media .section__media__back{position:absolute;left:0;top:0;width:100%;height:100%}.section .section__media .section__media__front{filter:blur(2px)}.section .section__media .section__media__front img{-webkit-mask-image:url(./mask.png);mask-image:url(./mask.png);-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover}.section .section__media .front-1{transform:scale(1)}.section .section__media .front-2{transform:scale(.85)}.section .section__media .front-3{transform:scale(.6)}.section .section__media .front-4{transform:scale(.45)}.section .section__media .front-5{transform:scale(.3)}.section .section__media .front-6{transform:scale(.15)}.section .section__media img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.section h1{font-size:3vw;font-weight:400;transform:translateY(-15%);font-weight:600;display:flex}.section h1 span{display:inline-block}.section h1 .left{transform:translate3d(calc(var(--progress) * (-66vw + 100%) - .5vw),0,0)}.section h1 .right{transform:translate3d(calc(var(--progress) * (66vw - 100%)),0,0)}@media (max-width: 768px){.section h1{font-size:9vw}.section h1 .left{transform:translate3d(calc(var(--progress) * (-100vw + 100%) - .5vw),0,0)}.section h1 .right{transform:translate3d(calc(var(--progress) * (100vw - 100%)),0,0)}}.section__images{position:absolute;top:0;left:0;width:100vw;height:100vh;perspective:100vh}.section__images img{position:absolute;width:10vw}@media (max-width: 768px){.section__images img{width:20vw}}.section__images img:nth-of-type(1){top:15vw;left:-3vw}.section__images img:nth-of-type(2){top:5vw;left:20vw}.section__images img:nth-of-type(3){top:8vw;left:26.5vw}@media (max-width: 768px){.section__images img:nth-of-type(3){top:30vw;left:30vw}}.section__images img:nth-of-type(4){top:18vw;right:18vw}@media (max-width: 768px){.section__images img:nth-of-type(4){right:15vw;top:30vw}}.section__images img:nth-of-type(5){top:5vw;right:10vw}@media (max-width: 768px){.section__images img:nth-of-type(5){top:10vw;right:5vw}}.section__images img:nth-of-type(6){bottom:5vw;left:10vw}@media (max-width: 768px){.section__images img:nth-of-type(6){left:5vw}}.section__images img:nth-of-type(7){bottom:8vw;left:22.5vw}@media (max-width: 768px){.section__images img:nth-of-type(7){left:10vw;bottom:27.5vw}}.section__images img:nth-of-type(8){bottom:3vw;left:45vw}@media (max-width: 768px){.section__images img:nth-of-type(8){bottom:10vw;left:35vw}}.section__images img:nth-of-type(9){bottom:5vw;right:15vw}@media (max-width: 768px){.section__images img:nth-of-type(9){bottom:5vw}}.section__images img:nth-of-type(10){bottom:9vw;right:7vw}@media (max-width: 768px){.section__images img:nth-of-type(10){right:3vw;bottom:22vw}}