*,:after,:before{box-sizing:border-box}:root{font-size:15px}.body{-webkit-font-smoothing:antialiased;margin:0}.demo-3{--color-text:#eae4e4;--color-bg:#191515;--color-link:#ec5656;--color-link-hover:#eae4e4;--color-title:#ded19f;--font-title:bely-display,serif;--font-weight-title:400;--letter-spacing-title:0;--text-transform-title:none;--font-size-title:10vw}.demo-4{--color-text:#e3e6f1;--color-bg:#2852dc;--color-link:#000;--color-link-hover:#e3e6f1;--color-title:#e3e6f1;--font-title:cy,sans-serif;--font-weight-title:700;--letter-spacing-title:0;--text-transform-title:uppercase;--font-size-title:10vw}.demo-5{--color-text:#fff;--color-bg:#080808;--color-link:#666;--color-link-hover:#fff;--color-title:#fff;--font-title:bennet-banner,serif;--font-weight-title:300;--letter-spacing-title:-.25vw;--text-transform-title:uppercase;--font-size-title:9vw;--font-size-title-min:5rem}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;text-decoration:none}a:hover,a:focus{color:var(--color-link-hover);outline:none}.frame{text-align:center;z-index:1000;text-transform:uppercase;width:100%;padding:2rem 1rem;font-size:.75rem;font-weight:400;line-height:1;position:fixed}.frame__title{margin:0 0 1rem;font-size:.75rem;font-weight:400}.frame__links{display:inline}.frame__links a:not(:last-child),.frame__demos a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demos-text{margin-right:1.5rem}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.content{-webkit-touch-callout:none;user-select:none;width:100%;height:auto;display:grid;position:relative}.content--bg{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,10%);align-content:center;height:100%;position:absolute}.content--nav{grid-template-rows:repeat(6,min-content);grid-template-columns:repeat(10,10%);align-content:center;height:auto;padding:30vh 0 50vh}.content__img{will-change:transform;position:relative}.content__img:not(.content__img--tiny){border-radius:.75rem;grid-area:1/1/2/2}.content__img--tiny{width:100%}.content__img--tiny:first-child{grid-area:1/3}.content__img--tiny:nth-child(2){grid-area:2/7}.content__img--tiny:nth-child(3){grid-area:3/2}.content__img--tiny:nth-child(4){grid-row:4;grid-column-end:11;justify-self:end}.content__img--tiny:nth-child(5){grid-area:5/5}.content__img--tiny:nth-child(6){grid-area:6/1}.content__img--tiny:nth-child(7){grid-area:7/8}.content__img--tiny:nth-child(8){grid-area:8/1}.content__img--tiny:nth-child(9){grid-area:9/4}.content__img--tiny:nth-child(10){grid-area:10/8}.scroll-effect .content__img{transform-origin:100%}.demo-3 .content__img{opacity:.4}.demo-3 .content__text{transform-origin:50% 0;mix-blend-mode:multiply}.demo-4 .content{perspective:1000px}.demo-4 .content__img{transform-origin:50% 100%}.content__text,.content__link{line-height:1;font-size:var(--font-size-title);font-size:clamp(var(--font-size-title-min),var(--font-size-title),var(--font-size-title-max));color:var(--color-title);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:var(--text-transform-title);margin:0;position:relative}.content__text{grid-area:1/1/2/2}.content__link{grid-column:1/span 10;margin:2rem 0}.content__text span,.content__link span{white-space:pre;will-change:transform;display:inline-block}.demo-4 .content__text span{transform-origin:50% 100%}@media screen and (width>=53em){.frame{text-align:left;z-index:100;pointer-events:none;grid-template:"title links"". ."".demos"/50% 50%;align-content:space-between;width:100%;max-width:none;height:100vh;padding:1.5rem;display:grid;top:0;left:0}.frame__title-wrap{grid-area:title;display:flex}.frame__title{margin:0}.frame__tagline{opacity:.5;margin:0 0 0 1rem;padding:0 0 0 1rem;position:relative}.frame__demos{grid-area:demos;justify-self:end;margin:0}.frame__links{grid-area:links;justify-self:end;padding:0}.frame a{pointer-events:auto}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{white-space:nowrap;white-space:nowrap;height:100vh;display:inline-block}[data-scroll-direction=horizontal] [data-scroll-section]{vertical-align:top;white-space:nowrap;height:100%;display:inline-block}.c-scrollbar{transform-origin:100%;opacity:0;width:11px;height:100%;transition:transform .3s,opacity .3s;position:absolute;top:0;right:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{opacity:.5;width:7px;cursor:-webkit-grab;cursor:grab;background-color:#000;border-radius:10px;margin:2px;position:absolute;top:0;right:0}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}
/*# sourceMappingURL=about.94eba796.css.map */