:root{font-size:16px;--color-text:#111;--color-bg:#e3efed;--color-bg-alt:#8ca9af;--color-link:rgba(0,0,0,.6);--color-link-hover:#000;--page-padding:1.5rem;--color-title:#000}.frame__title-main{color:var(--color-title)}@media screen and (min-width:53em){.frame__title-main{grid-area:5/3/2/6}}.js .loading:after,.js .loading:before{z-index:1000}.js .loading:after{background:var(--color-link-hover)}a{text-decoration:none;color:var(--color-link);cursor:pointer}a,a:hover{outline:none}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-visible{outline:2px solid red;background:transparent}.frame{text-transform:uppercase;font-size:12px;height:100%;pointer-events:none;grid-template-columns:auto auto;grid-template-areas:"title" "archive" "back" "github" "demos" "sponsor" "tags"}.frame #cdawrap{justify-self:start}.social__title{color:#000}.frame__title{grid-area:title;font-size:inherit;margin:0}.frame__back{grid-area:back;justify-self:start}.frame__archive{grid-area:archive;justify-self:start}.frame__tags{grid-area:tags}.frame__github{grid-area:github}.frame__demos{grid-area:demos;display:flex;gap:1rem}.content-new{display:flex;justify-content:center;align-items:center;height:100dvh;width:100%;position:absolute;left:0;top:0;@media(max-width:767px){height:60%!important}}.gloock-regular{font-weight:300;font-style:normal}.debug{top:50%;left:50%;height:1px;border-radius:5px;background-color:red;transform:translate(-50%,-50%)}.debug,.scene{position:absolute;width:100vw}.scene{perspective:1000px;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;left:0;top:0}.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.card__img{width:5em;border-radius:5px;aspect-ratio:2/3;background-position:50%;background-size:cover}.headings{text-align:center;position:relative;z-index:0;color:var(--color-title);text-transform:uppercase}.headings__main{line-height:.9;font-size:1.5rem;text-transform:none;color:#000}.headings_subtitle{line-height:.8;font-size:clamp(1rem,.757rem + 1.036vw,2rem)}@media screen and (min-width:53em){.card__img{width:8em}}#gradient,.home__gradient{background:url(/_next/static/media/noise.8c1e79cd.png),radial-gradient(circle,var(--color-bg) 0,var(--color-bg-alt) 100%)}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:10000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}.frame{padding:var(--page-padding);position:relative;min-height:100vh;display:grid;z-index:1000;width:100%;grid-row-gap:1rem;grid-column-gap:2rem;justify-items:start;grid-template-columns:auto auto auto;grid-template-areas:"site year menu" "tagline tagline tagline" "contact contact contact" "works works works" "content content content" "title title title" "links links links";@media(max-width:767px){min-height:calc(100dvh - 130px - 3rem)!important}}.frame a{pointer-events:auto}.frame__title{grid-area:links;display:flex;flex-direction:column;align-items:flex-end;width:100%;gap:.5rem;align-self:end}.frame__title h1{font-size:inherit;margin:0;font-weight:inherit}.frame__tagline{grid-area:tagline;max-width:220px;line-height:1.4}.frame__site{grid-area:site}.frame__year{grid-area:year}.frame__contact{grid-area:contact}.frame__works{grid-area:works;display:flex;flex-direction:column;pointer-events:none;z-index:2;color:#000;transition:.5s ease;@media(max-width:767px){display:none}}.frame__works span{margin-bottom:.5rem}.frame__works a{pointer-events:auto;padding:.25rem 0;position:relative;font-size:1.2rem;text-decoration:none;color:#000;transition:.5s ease;font-weight:300}.frame__works:hover a{color:#fff;transition:.5s ease}.frame__works a:hover{padding-left:20px}.frame__works:hover{color:#fff;transition:.5s ease}.frame__sponsors{grid-area:sponsors}.frame__menu{grid-area:menu;justify-self:end;width:30px;aspect-ratio:1;position:relative;display:flex;flex-direction:column;align-items:self-end;gap:.5rem}.frame__menu:before{width:100%}.frame__menu:after,.frame__menu:before{content:"";height:1px;background:currentColor}.frame__menu:after{width:60%}.frame__links{grid-area:links;display:flex;flex-wrap:wrap;gap:1rem;align-self:end}.frame__content{grid-area:content;width:100%;height:100%;display:grid;grid-template-areas:"content-item"}.frame__title-main{text-transform:none;line-height:.9;font-weight:400;margin:0;grid-area:content;color:#000;font-size:clamp(2rem,8vw,9rem);display:grid;align-content:center;width:100%;pointer-events:none}.frame__title-main span:last-child{margin-left:1em}.content{pointer-events:none;position:relative;opacity:0;grid-area:content-item;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);width:100%;height:100%;z-index:2}.content--current{opacity:1}.content__title{position:relative;z-index:10;text-transform:none;font-weight:400;opacity:0;grid-area:1/2/-1/-2;width:100%;height:100%;display:grid;align-content:center;margin:0;line-height:1;color:#fff;font-size:clamp(2rem,10vw,9rem)}.no-js .content__title{opacity:1}.content__img{position:relative;will-change:clip-path,filter}.content__img-inner{background-size:cover;background-position:50% 50%;width:100%;height:100%}.pos-1{grid-area:1/1/5/5}.pos-2{grid-area:5/8/10/11}.pos-3{grid-area:8/3/11/5}.pos-4{grid-area:3/5/8/10}.pos-5{grid-area:7/4/10/7}.pos-6{grid-area:2/2/4/4}.pos-7{grid-area:8/2/11/5}.pos-8{grid-area:2/8/8/11}.pos-9{grid-area:3/3/6/6}.pos-10{grid-area:7/7/10/9}.pos-11{grid-area:4/1/10/4}.pos-12{grid-area:2/5/6/9}.pos-13{grid-area:3/8/8/11}.pos-14{grid-area:1/5/5/7}.pos-15{grid-area:6/2/11/5}.background{position:fixed;right:0;bottom:0;width:100vw;height:100vh;display:grid;z-index:0;grid-template-areas:"background";grid-template-columns:100%;grid-template-rows:100%;pointer-events:none;place-items:center}.background__image{position:relative;z-index:2;grid-area:background;background-size:cover;filter:brightness(.2);width:120%;height:120%;opacity:0}@media screen and (min-width:53em){.frame{position:fixed;bottom:0;left:0;height:100%;width:100%;grid-template-columns:20% 15% 30% 1fr 1fr;grid-template-rows:auto auto 1fr 1fr auto;align-content:space-between;grid-template-areas:"tagline ... site year menu" "tagline content content content content" "contact content content content content" "works content content content content" "title title links links links"}.frame__contact{padding-top:3rem}.frame__links{gap:2rem}.frame__works{margin-bottom:10vh}.frame__title-main{grid-area:5/3/2/6}}