.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char:after,.splitting .char:before{content:attr(data-char);left:0;position:absolute;top:0;transition:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.splitting{--word-center:calc((var(--word-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:(var(--distance)/var(--char-center))}.splitting.cells img{display:block;width:100%}@supports (display:grid){.splitting.cells{background-size:cover;overflow:hidden;position:relative;visibility:hidden}.splitting .cell-grid{background:inherit;display:grid;grid-template:repeat(var(--row-total),1fr) /repeat(var(--col-total),1fr);height:100%;left:0;position:absolute;top:0;width:100%}.splitting .cell{background:inherit;overflow:hidden;position:relative}.splitting .cell-inner{background:inherit;height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));position:absolute;top:calc(-100%*var(--row-index));visibility:visible;width:calc(100%*var(--col-total))}.splitting .cell{--center-x:calc((var(--col-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc((var(--offset-x)*var(--offset-x))/var(--center-x));--distance-y:calc((var(--offset-y)*var(--offset-y))/var(--center-y))}}@font-face{font-family:PPEiko;font-weight:400;src:url(./PPEiko-Regular.2d0fd698.woff2) format("woff2")}@font-face{font-family:PPNeueMontreal;font-weight:300;src:url(./PPNeueMontreal-Book.6f1ed441.woff2) format("woff2")}@font-face{font-family:PPNeueMontreal;font-weight:400;src:url(./PPNeueMontreal-Regular.bcb96469.woff2) format("woff2")}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-snap-type:y mandatory}body{margin:0}:root{--transition-speed:.5s;--transition-step:.2s}.slide{display:grid;height:100vh;place-items:center;scroll-snap-align:start;width:100vw}.slide__info{text-align:center}.info,.name{font-weight:400;margin:0}.name{color:#cab7e8;font-family:PPEiko,Open Sans,sans-serif;opacity:0}.name--main{-webkit-background-clip:text;background-clip:text;background-color:#cab7e8;color:transparent;font-size:clamp(32px,20vw,600px);transform:translateY(20px)}.name--main[data-scroll=in]{-webkit-animation:showName 1.5s ease-in-out .5s forwards;animation:showName 1.5s ease-in-out .5s forwards}.name--full{color:#070504;font-size:clamp(32px,9vw,80px);opacity:1}.name--full .word{opacity:var(--opacity,1);transform:translateY(var(--y,0))}.name--full[data-scroll=out]{--opacity:0;--y:-150%}.info{color:#070504;flex-flow:row wrap;font-family:PPMontreal,Open Sans,sans-serif;font-size:clamp(10px,3vw,26px);font-weight:300;line-height:1.6}.info,.info__meta{align-items:center;display:flex;gap:8px}.info__meta{justify-content:center;opacity:1;transition:opacity var(--transition-speed) .8s ease-in-out}.info__meta[data-scroll=out]{opacity:0}.info:after{content:"|";display:block}.info:last-child:after{display:none}[data-scroll] .word{transition:all var(--transition-speed) calc((var(--word-index) + 1)*var(--transition-step))}.footer{align-items:center;bottom:0;display:flex;font-family:PPMontreal,Open Sans,sans-serif;font-size:clamp(10px,2vw,18px);justify-content:flex-end;left:0;padding:16px;position:fixed;right:0}.footer__link{color:#070504;transition:color .2s ease-in-out}.footer__link:hover{color:#cab7e8}@-webkit-keyframes showName{0%{opacity:0}70%{opacity:1;text-shadow:0 0 0 hsla(0,0%,100%,.5);transform:translateY(20px)}to{opacity:1;text-shadow:2px 2px 3px hsla(0,0%,100%,.5);transform:translateY(0)}}@keyframes showName{0%{opacity:0}70%{opacity:1;text-shadow:0 0 0 hsla(0,0%,100%,.5);transform:translateY(20px)}to{opacity:1;text-shadow:2px 2px 3px hsla(0,0%,100%,.5);transform:translateY(0)}}
