*{margin:0;padding:0}*,*::after,*::before{box-sizing:border-box}html{background:#0c0c0c;color:#fff;font-size:.5208333333vw;height:100%;left:0;position:fixed;top:0;user-select:none;width:100%}body{font-family:"halyard-display",sans-serif;font-size:15px;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:after{animation:grain 6s steps(10) infinite;background-image:url(62f64d5233f6333080c87c81a9a35f9d.png);background-repeat:repeat;content:"";height:300%;left:-100%;opacity:0;pointer-events:none;position:fixed;top:-100%;transition:opacity .4s ease;width:300%;will-change:transform;z-index:3}.loaded body:after{opacity:.06}body #cdawrap{--cda-bottom: 3rem;--cda-left: 3rem;--cda-width: 400px;--cda-footer-fontsize: initial;--cda-footer-color: rgba(255,255,255,0.5)}body #cdawrap a:hover{text-decoration:none;opacity:.7}img{display:block}canvas{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity 1s ease;width:100%}.loaded canvas{opacity:1}a{color:#fff;outline:none;text-decoration:none}a:hover,a:focus{outline:none}@keyframes grain{0%{transform:translate(20%, -15%)}10%{transform:translate(-20%, -15%)}20%{transform:translate(20%, -5%)}30%{transform:translate(-20%, -5%)}40%{transform:translate(20%, 5%)}50%{transform:translate(-20%, 5%)}60%{transform:translate(20%, 15%)}70%{transform:translate(-20%, 15%)}80%{transform:translate(20%, 5%)}90%{transform:translate(-20%, 5%)}100%{transform:translate(20%, -5%)}}.frame{font-size:15px;padding:3rem;text-align:center;position:relative;z-index:1000}.frame__title{font-size:15px;margin:0 0 15px;font-weight:normal}.frame__links{margin-top:15px}.frame__links a:not(:last-child),.frame__demos a:not(:last-child){margin-right:15px}.frame__demos{margin:15px 0}@media screen and (min-width: 53em){.frame{position:fixed;text-align:left;z-index:100;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:3rem;pointer-events:none;grid-template-columns:75% 25%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "credits demos"}.frame__title-wrap{grid-area:title;display:flex}.frame__title{margin:0}.frame__tagline{position:relative;margin:0 0 0 1rem;padding:0 0 0 1rem;opacity:.5}.frame__demos{margin:0;grid-area:demos;justify-self:end}.frame__links{grid-area:links;padding:0;margin:0;justify-self:end;white-space:nowrap}.frame a{pointer-events:auto}.frame__credits{grid-area:credits}}html::after{content:"";position:fixed;z-index:1000;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:#fff;animation:loaderAnim .7s linear infinite alternate forwards;transition:opacity .4s ease}html.loaded::after{animation-play-state:paused;opacity:0 !important}@keyframes loaderAnim{to{opacity:1;transform:scale3d(0.5, 0.5, 1)}}a,.frame__demo--current,.frame__demo--current:hover{display:inline-block;overflow:hidden;position:relative;vertical-align:top}a:after,.frame__demo--current:after,.frame__demo--current:hover:after{background:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;transition:transform .4s ease;width:100%}a:hover:after,.frame__demo--current:after,.frame__demo--current:hover:after{transform:scaleX(1);transform-origin:left center}a:after,.frame__demo--current:hover:after{transform:scaleX(0);transform-origin:right center}.frame__demo--current,.frame__demo--current:hover{display:inline-block}a{display:inline-block}.demo-1{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.demo-1__header{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:2}.loaded .demo-1__header{opacity:1;transition:opacity .4s ease}.demo-1__title{font:800 10rem/1 "moret",serif}.demo-1__description{font-size:2rem;margin-top:-1rem;opacity:.75}.demo-1__gallery{height:1250rem;position:relative;visibility:hidden}@media(max-width: 1200px){.demo-1__gallery{height:2590rem}}.demo-1__gallery__figure{position:absolute}.demo-1__gallery__figure:nth-child(1){height:40rem;width:70rem}.demo-1__gallery__figure:nth-child(2){height:50rem;left:85rem;top:30rem;width:40rem}.demo-1__gallery__figure:nth-child(3){height:50rem;left:15rem;top:60rem;width:60rem}.demo-1__gallery__figure:nth-child(4){height:30rem;right:0;top:10rem;width:50rem}.demo-1__gallery__figure:nth-child(5){height:60rem;right:15rem;top:55rem;width:40rem}.demo-1__gallery__figure:nth-child(6){height:75rem;left:5rem;top:120rem;width:57.5rem}.demo-1__gallery__figure:nth-child(7){height:70rem;right:0;top:130rem;width:50rem}.demo-1__gallery__figure:nth-child(8){height:50rem;left:85rem;top:95rem;width:40rem}.demo-1__gallery__figure:nth-child(9){height:65rem;left:75rem;top:155rem;width:50rem}.demo-1__gallery__figure:nth-child(10){height:43rem;right:0;top:215rem;width:30rem}.demo-1__gallery__figure:nth-child(11){height:50rem;left:70rem;top:235rem;width:80rem}.demo-1__gallery__figure:nth-child(12){left:0;top:210rem;height:70rem;width:50rem}.demo-1__gallery__figure:nth-child(13){height:60rem;right:10rem;top:270rem;width:50rem}.demo-1__gallery__figure:nth-child(14){height:50rem;left:15rem;top:300rem;width:40rem}.demo-1__gallery__figure:nth-child(15){height:70rem;left:65rem;top:310rem;width:60rem}.demo-1__gallery__figure:nth-child(16){height:40rem;right:0;top:345rem;width:70rem}.demo-1__gallery__figure:nth-child(17){height:55rem;left:5rem;top:365rem;width:50rem}.demo-1__gallery__figure:nth-child(18){height:65rem;right:5rem;top:400rem;width:45rem}.demo-1__gallery__figure:nth-child(19){height:70rem;left:60rem;top:410rem;width:50rem}.demo-1__gallery__figure:nth-child(20){height:50rem;left:10rem;top:440rem;width:40rem}.demo-1__gallery__figure:nth-child(21){height:60rem;right:20rem;top:480rem;width:50rem}.demo-1__gallery__figure:nth-child(22){height:75rem;left:0;top:500rem;width:60rem}.demo-1__gallery__figure:nth-child(23){height:50rem;left:80rem;top:505rem;width:45rem}.demo-1__gallery__figure:nth-child(24){height:45rem;right:0rem;top:555rem;width:60rem}.demo-1__gallery__figure:nth-child(25){height:60rem;left:20rem;top:590rem;width:40rem}.demo-1__gallery__figure:nth-child(26){height:70rem;right:10rem;top:610rem;width:55rem}.demo-1__gallery__figure:nth-child(27){height:55rem;left:75rem;top:595rem;width:40rem}.demo-1__gallery__figure:nth-child(28){height:60rem;left:0;top:670rem;width:50rem}.demo-1__gallery__figure:nth-child(29){height:50rem;right:0;top:695rem;width:40rem}.demo-1__gallery__figure:nth-child(30){height:80rem;left:60rem;top:680rem;width:60rem}.demo-1__gallery__figure:nth-child(31){height:45rem;left:10rem;top:745rem;width:35rem}.demo-1__gallery__figure:nth-child(32){height:60rem;right:5rem;top:760rem;width:50rem}.demo-1__gallery__figure:nth-child(33){height:70rem;left:15rem;top:800rem;width:55rem}.demo-1__gallery__figure:nth-child(34){height:50rem;right:25rem;top:835rem;width:40rem}.demo-1__gallery__figure:nth-child(35){height:65rem;left:85rem;top:800rem;width:50rem}.demo-1__gallery__figure:nth-child(36){height:60rem;left:0;top:885rem;width:45rem}.demo-1__gallery__figure:nth-child(37){height:70rem;right:0;top:900rem;width:60rem}.demo-1__gallery__figure:nth-child(38){height:50rem;left:55rem;top:905rem;width:40rem}.demo-1__gallery__figure:nth-child(39){height:60rem;right:15rem;top:980rem;width:45rem}.demo-1__gallery__figure:nth-child(40){height:75rem;left:10rem;top:970rem;width:50rem}.demo-1__gallery__figure:nth-child(41){height:50rem;left:75rem;top:985rem;width:50rem}.demo-1__gallery__figure:nth-child(42){height:60rem;right:0;top:1055rem;width:40rem}.demo-1__gallery__figure:nth-child(43){height:55rem;left:0;top:1060rem;width:60rem}.demo-1__gallery__figure:nth-child(44){height:50rem;left:70rem;top:1080rem;width:40rem}.demo-1__gallery__figure:nth-child(45){height:70rem;right:10rem;top:1120rem;width:60rem}.demo-1__gallery__figure:nth-child(46){height:50rem;left:20rem;top:1130rem;width:35rem}.demo-1__gallery__figure:nth-child(47){height:60rem;left:75rem;top:1150rem;width:50rem}.demo-1__gallery__figure:nth-child(48){height:45rem;right:0;top:1200rem;width:55rem}.demo-1__gallery__figure:nth-child(49){height:65rem;left:0;top:1180rem;width:50rem}.demo-1__gallery__figure:nth-child(50){height:40rem;left:60rem;top:1205rem;width:60rem}@media(max-width: 1200px){.demo-1__gallery__figure:nth-child(1){height:60rem;width:100rem}.demo-1__gallery__figure:nth-child(2){height:110rem;left:auto;right:0;top:25rem;width:70rem}.demo-1__gallery__figure:nth-child(3){height:80rem;left:12rem;top:80rem;width:89rem}.demo-1__gallery__figure:nth-child(4){height:60rem;right:0;top:153rem;width:60rem}.demo-1__gallery__figure:nth-child(5){height:110rem;left:0;right:auto;top:180rem;width:70rem}.demo-1__gallery__figure:nth-child(6){height:135rem;left:95rem;top:230rem;width:87.5rem}.demo-1__gallery__figure:nth-child(7){height:110rem;left:0;right:auto;top:310rem;width:80rem}.demo-1__gallery__figure:nth-child(8){height:50rem;left:auto;right:0;top:385rem;width:80rem}.demo-1__gallery__figure:nth-child(9){height:100rem;left:110rem;top:450rem;width:70rem}.demo-1__gallery__figure:nth-child(10){height:50rem;left:20rem;right:auto;top:440rem;width:55rem}.demo-1__gallery__figure:nth-child(11){height:70rem;left:auto;right:0;top:570rem;width:70rem}.demo-1__gallery__figure:nth-child(12){left:0;top:515rem;height:100rem;width:90rem}.demo-1__gallery__figure:nth-child(13){height:80rem;left:auto;right:5rem;top:650rem;width:90rem}.demo-1__gallery__figure:nth-child(14){height:90rem;left:0;top:700rem;width:80rem}.demo-1__gallery__figure:nth-child(15){height:100rem;left:auto;right:0;top:740rem;width:70rem}.demo-1__gallery__figure:nth-child(16){height:70rem;left:10rem;top:800rem;width:90rem}.demo-1__gallery__figure:nth-child(17){height:95rem;left:auto;right:0;top:850rem;width:80rem}.demo-1__gallery__figure:nth-child(18){height:85rem;left:0;top:890rem;width:75rem}.demo-1__gallery__figure:nth-child(19){height:100rem;left:auto;right:5rem;top:960rem;width:85rem}.demo-1__gallery__figure:nth-child(20){height:70rem;left:5rem;top:990rem;width:80rem}.demo-1__gallery__figure:nth-child(21){height:90rem;left:auto;right:0;top:1070rem;width:70rem}.demo-1__gallery__figure:nth-child(22){height:110rem;left:0;top:1080rem;width:90rem}.demo-1__gallery__figure:nth-child(23){height:80rem;left:auto;right:10rem;top:1170rem;width:80rem}.demo-1__gallery__figure:nth-child(24){height:75rem;left:10rem;top:1200rem;width:85rem}.demo-1__gallery__figure:nth-child(25){height:90rem;left:auto;right:0;top:1260rem;width:70rem}.demo-1__gallery__figure:nth-child(26){height:100rem;left:0;top:1300rem;width:80rem}.demo-1__gallery__figure:nth-child(27){height:80rem;left:auto;right:5rem;top:1360rem;width:90rem}.demo-1__gallery__figure:nth-child(28){height:90rem;left:5rem;top:1410rem;width:70rem}.demo-1__gallery__figure:nth-child(29){height:70rem;left:auto;right:0;top:1450rem;width:80rem}.demo-1__gallery__figure:nth-child(30){height:120rem;left:0;top:1500rem;width:90rem}.demo-1__gallery__figure:nth-child(31){height:80rem;left:auto;right:10rem;top:1540rem;width:75rem}.demo-1__gallery__figure:nth-child(32){height:90rem;left:10rem;top:1630rem;width:80rem}.demo-1__gallery__figure:nth-child(33){height:100rem;left:auto;right:0;top:1650rem;width:70rem}.demo-1__gallery__figure:nth-child(34){height:80rem;left:0;top:1730rem;width:90rem}.demo-1__gallery__figure:nth-child(35){height:95rem;left:auto;right:5rem;top:1760rem;width:85rem}.demo-1__gallery__figure:nth-child(36){height:85rem;left:5rem;top:1820rem;width:75rem}.demo-1__gallery__figure:nth-child(37){height:100rem;left:auto;right:0;top:1870rem;width:80rem}.demo-1__gallery__figure:nth-child(38){height:70rem;left:0;top:1910rem;width:85rem}.demo-1__gallery__figure:nth-child(39){height:90rem;left:auto;right:10rem;top:1980rem;width:70rem}.demo-1__gallery__figure:nth-child(40){height:110rem;left:10rem;top:2010rem;width:90rem}.demo-1__gallery__figure:nth-child(41){height:80rem;left:auto;right:0;top:2060rem;width:80rem}.demo-1__gallery__figure:nth-child(42){height:75rem;left:0;top:2130rem;width:85rem}.demo-1__gallery__figure:nth-child(43){height:90rem;left:auto;right:5rem;top:2150rem;width:70rem}.demo-1__gallery__figure:nth-child(44){height:100rem;left:5rem;top:2210rem;width:80rem}.demo-1__gallery__figure:nth-child(45){height:80rem;left:auto;right:0;top:2250rem;width:90rem}.demo-1__gallery__figure:nt-child(46){height:90rem;left:0;top:2320rem;width:70rem}.demo-1__gallery__figure:nth-child(47){height:70rem;left:auto;right:10rem;top:2340rem;width:80rem}.demo-1__gallery__figure:nth-child(48){height:120rem;left:10rem;top:2420rem;width:90rem}.demo-1__gallery__figure:nth-child(49){height:80rem;left:auto;right:0;top:2450rem;width:75rem}.demo-1__gallery__figure:nth-child(50){height:100rem;left:0;top:2550rem;width:85rem}}.demo-1__gallery__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.info-btn{background:linear-gradient(135deg, #1e1e1e, #292929);color:#fff;padding:12px 28px;font-size:1rem;border:none;border-radius:50px;cursor:pointer;box-shadow:0 0 10px rgba(255,0,120,.3);transition:all .3s ease-in-out}.info-btn:hover{background:linear-gradient(135deg, #ff0078, #ff5ca8);box-shadow:0 0 20px rgba(255,0,120,.7);transform:scale(1.05)}.modal{display:none;position:fixed;z-index:999;padding-top:80px;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.modal-content{background:#1e1e1e;color:#fff;margin:auto;padding:30px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 0 20px rgba(255,0,120,.3);text-align:center;animation:fadeIn .3s ease}.modal-content h2{margin-bottom:20px}.modal-content p{font-weight:bold;margin-top:15px;margin-bottom:5px}.modal-content a{display:block;margin-bottom:8px;color:#ff5ca8;text-decoration:none;transition:color .3s ease}.modal-content a:hover{color:#ff0078}.close{color:#aaa;float:right;font-size:28px;cursor:pointer;transition:color .3s}.close:hover{color:#fff}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}