*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0;padding:0}ul[role=list],ol[role=list],ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}a{color:inherit;text-decoration:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{color:#fff;font-family:-apple-system,Arial,Helvetica,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:700}h1,h2,h3,h4,h5,h6,p{font-size:clamp(var(--fluid-type-min, 1rem),1rem + var(--fluid-type-target, 3vw),var(--fluid-type-max, 1.3rem))}h1,h2,h3{margin-bottom:20px}h4,h5,h6{margin-bottom:10px}h1{--fluid-type-min: 5rem;--fluid-type-max: 10rem;--fluid-type-target: 10vw}h2{--fluid-type-min: 1.8rem;--fluid-type-max: 2.5rem}h3{--fluid-type-min: 1.5rem;--fluid-type-max: 2rem}h4{--fluid-type-min: 1.2rem;--fluid-type-max: 1.4rem}p{line-height:1.2;max-width:60ch}.special{color:#f21e8c;font-family:Pacifico,cursive;font-weight:700;margin-bottom:0}.shadowed,.detail-section h4{text-shadow:rgba(0,0,0,.7) 2px 3px 2px}.preloader{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;gap:70px;justify-content:center;position:fixed;left:0;top:0;height:100%;width:100%;z-index:99}.preloader .percent-count{color:#f21e8c;font-family:Arial,Helvetica,sans-serif;font-size:.65rem}.cube-container{width:100px;height:100px;margin:100px auto 0}.cube-container .cube{transform-style:preserve-3d;width:100%;height:100%;position:relative;animation:spin 3s infinite linear}.cube-container .cube .face{position:absolute;width:100%;height:100%;border:1px dashed #f21e8c}.cube-container .cube .face.top{transform:rotateX(90deg) translateZ(50px)}.cube-container .cube .face.bottom{transform:rotateX(-90deg) translateZ(50px)}.cube-container .cube .face.right{transform:rotateY(90deg) translateZ(50px)}.cube-container .cube .face.left{transform:rotateY(-90deg) translateZ(50px)}.cube-container .cube .face.front{transform:rotateX(0) translateZ(50px)}.cube-container .cube .face.back{transform:rotateX(-180deg) translateZ(50px)}@keyframes spin{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.title-section{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.title-section h1{transform:scale(0)}.loaded.webgl-unavailable .title-section h1{animation:scale-text .4s ease-out forwards}@keyframes scale-text{0%{transform:scale(0)}75%{transform:scale(1.6)}90%{transform:scale(.8)}to{transform:scale(1)}}.scroll-arrow{border:solid #f21e8c;border-width:0 1px 1px 0;display:inline-block;padding:3px;position:absolute;left:50%;bottom:100px;height:15px;width:15px;transform:rotate(45deg) translate(-50%);-webkit-animation:1s linear 0s infinite alternate fade;animation:1s linear 0s infinite alternate fade}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}.introduction-section .introduction{margin-bottom:90px}.introduction-section .introduction .introduction-text{--fluid-type-min: 2rem;--fluid-type-max: 3rem}.introduction-section .information .details .detail-section{margin-bottom:10px}.introduction-section .information .details .detail-section ul li{margin-bottom:5px}@media screen and (min-width: 576px){.introduction-section .introduction{padding:0 20px}.introduction-section .information .details{display:flex;flex-wrap:wrap;gap:50px}.introduction-section .information .details .detail-section{margin-bottom:0}}@media screen and (min-width: 768px){.introduction-section .introduction{padding:0 50px}}.featured-work-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size, 16rem),1fr));grid-gap:.5rem}.featured-work-container .featured-work{position:relative}.featured-work-container .featured-work .featured-work-image{width:100%;height:100%}.webgl-available .featured-work-container .featured-work .featured-work-image{transition:opacity .4s ease-out;will-change:opacity}.webgl-available .featured-work-container .featured-work:hover .featured-work-image{opacity:0}@media screen and (min-width: 576px){.featured-work-container{--auto-grid-min-size: 350px}}.featured-work .featured-work-title{--border-length: 1px;--border-depth: 15px;--_s: calc(var(--border-depth) + var(--border-length));background-color:#1a1a1a;border:solid #f21e8c;border-bottom-style:solid;border-width:var(--border-length) var(--border-length) var(--_s) var(--_s);color:#fff;clip-path:polygon(var(--border-depth) 0%,var(--border-depth) 0%,100% 0%,100% calc(100% - var(--border-depth)),100% calc(100% - var(--border-depth)),var(--border-depth) calc(100% - var(--border-depth)));font-size:1rem;font-weight:700;line-height:1;transform:translate(calc(var(--border-depth) / -1),var(--border-depth));transition:.3s;padding:5px;position:absolute;left:2px;bottom:5px}.featured-work:hover .featured-work-title{clip-path:polygon(0% var(--border-depth),var(--border-depth) 0%,100% 0%,100% calc(100% - var(--border-depth)),calc(100% - var(--border-depth)) 100%,0% 100%);transform:translate(0)}a.text-link{border-bottom:1px dashed #1a1a1a;padding-bottom:1px;text-transform:lowercase;transition:all .5s}a.text-link:hover{border-color:#f21e8c}footer{padding:15px}footer .social-links{display:flex;gap:15px;justify-content:center;margin-bottom:10px}footer .social-links a,footer .social-links a:link,footer .social-links a:hover,footer .social-links a:active{color:#fff;font-size:1.5rem;opacity:.6;transition:opacity .3s;will-change:opacity}footer .social-links a:hover{opacity:.9}footer .copyright{font-size:.75rem;text-align:center}@media screen and (min-width: 576px){footer{padding:30px 15px}}body{background-color:#1a1a1a;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 6px);background-size:4px 4px}body.loading{overflow:hidden}.page-wrapper{margin:0 auto;max-width:1400px;padding:0 20px 20px}.flow>*+*{margin-top:50px}.section-block{min-height:100vh;width:100%}.display-experiments,.display-samples{display:flex;flex-wrap:wrap;gap:10px;max-width:600px}.webgl{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%}