.studio-gallery{margin-top:20px;margin-left:20px}.spinny-section{--color-text:#a5a5a5;--color-bg:#191613;--color-link:#d6af7c;--color-link-hover:#fff;--color-text-circle-1:var(--foreground);--color-text-circle-2:var(--foreground);--color-text-circle-3:var(--foreground);--color-text-circle-4:var(--foreground);--font-weight-circle-1:300;--font-weight-circle-2:400;--font-weight-circle-3:400;--font-weight-circle-4:300;--color-button:#facdf8;--color-text-button:#282725;--dim-button:125px;--dim-button-small:15vmin;width:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;place-items:center;margin:40px 0;font-family:tenon,sans-serif;display:grid}.js body:before,.js body:after{content:"";z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed}.js body:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js body:after{content:"Loading";width:100%;height:100%;color:var(--color-link);justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex;top:0;left:0}.js .loading:before,.js .loading:after{opacity:1;pointer-events:auto}.enter{width:var(--dim-button);height:var(--dim-button);font:inherit;cursor:pointer;color:var(--color-text-button);background:0 0;border:0;grid-area:1/1;place-self:center;padding:0;font-weight:500;display:block;position:relative}.enter:focus,.enter:hover,.enter:active{outline:none}.enter__bg{background:var(--color-button);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");border-radius:50%;place-content:center;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.enter-link{place-content:center;width:100%;height:100%;display:grid}.enter__text{color:var(--color-text-button);text-wrap:wrap;font-family:LoStar;font-size:1.5rem;font-weight:400;position:relative}.circles{pointer-events:none;--dim:100vmin;width:var(--dim);height:var(--dim);grid-area:1/1;place-self:center}.circles__text{transform-origin:700px 700px;will-change:transform,opacity}.circles__text--0{font-family:Fender;font-size:clamp(136px,18vmin,153px);font-weight:var(--font-weight-circle-4);fill:var(--color-text-circle-1)}.circles__text--1{font-family:DogDays;font-size:clamp(170px,25vmin,180px);font-weight:var(--font-weight-circle-1);fill:var(--color-text-circle-1)}.circles__text--2{font-family:SacraSpina;font-size:clamp(136px,18vmin,153px);font-weight:var(--font-weight-circle-2);fill:var(--color-text-circle-2)}.circles__text--3{font-family:Flowstate-Outline;font-size:clamp(110px,13.5vmin,120px);font-weight:var(--font-weight-circle-3);fill:var(--color-text-circle-3)}.circles__text--4{font-family:Humankind;font-size:clamp(100px,11.5vmin,110px);font-weight:var(--font-weight-circle-4);fill:var(--color-text-circle-4)}@media screen and (min-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:2rem;display:grid;position:fixed;top:0;left:0}.frame__title{grid-area:title;margin:0}.frame__menu{grid-area:menu;justify-self:end}.frame__links{grid-area:links;justify-self:end;padding:0}.frame__demos{grid-area:demos;justify-self:end;margin:0}.frame a{pointer-events:auto}.content{text-align:left;justify-content:center;height:100vh}}@media only screen and (max-width:666px){.enter{width:var(--dim-button-small);height:var(--dim-button-small)}.enter__text{font-size:3vmin}}