*,:after,:before{box-sizing:border-box}:root{font-size:16px}body,html{height:100%;width:100%}body{--color-text:#000;--color-text-alt:#1d0460;--color-text-slide:#53dbf1;--color-bg:#4000ea;--color-link:#000;--color-link-hover:#f33ba5;--page-padding:25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:termina,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin:0;text-transform:uppercase;will-change:background-color}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:3000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);cursor:pointer;text-decoration:underline}a,a:hover{outline:none}a:hover{color:var(--color-link-hover);text-decoration:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid red}.unbutton{background:none;border:0;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vector{fill:none;stroke:#000;stroke-width:.5px;display:none;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.vector--circle{left:28%;top:-50%;width:44%}.intro{padding:var(--page-padding)}.intro__title{font-size:1rem;font-weight:600;margin:0 0 2rem}.intro__description{color:var(--color-text-alt);line-height:1.2}.menu{display:flex;flex-direction:column;justify-self:end;line-height:1.3;padding:var(--page-padding)}.menu__item{text-decoration:none}.author{align-self:center;grid-area:2 ​/1/4/2;padding-left:var(--page-padding)}.title{font-size:clamp(1.75rem,3vw,15rem);justify-self:center;line-height:1;margin:0;white-space:nowrap}.showreel,.title{padding:var(--page-padding)}.showreel{align-items:center;align-self:center;color:var(--color-link-hover);display:flex;grid-area:4/3/5/4;justify-self:end;text-decoration:none}.showreel:before{content:"\00B7";font-size:5rem;line-height:0;margin:0 .25rem .25rem 0}.showreel:hover:before{animation:pulse .8s linear infinite alternate}@keyframes pulse{to{transform:scale3d(1.5,1.5,1)}}.slideshow{display:grid;grid-template-areas:"... img ..." "nav-prev img nav-next" "... img ..." "title title title";grid-template-columns:60px minmax(200px,70%) 60px;height:100vw;justify-content:center;position:relative}.meta{grid-area:title;justify-self:center;margin:1rem 0 0;text-align:center;width:max-content}.no-js .meta{display:none}.meta__heading{display:block;font-size:.75rem;font-weight:600;margin:0}.meta__content{color:var(--color-text-slide);display:grid}.meta__content-title{grid-area:1/1/2/2;opacity:0;will-change:opacity,transform}.gallery{border-radius:35vw 35vw 0 0;grid-area:img;justify-self:center;margin-top:auto;position:relative}.gallery,.gallery__img{height:100%;overflow:hidden;width:100%}.gallery__img{opacity:0;pointer-events:none;position:absolute;will-change:opacity,transform}.no-js .gallery__img:first-child{opacity:1}.gallery__img-inner{background-position:50% 50%;background-size:cover;height:100%;width:100%;will-change:filter,transform}.nav{align-self:center;cursor:pointer;display:flex;flex-direction:column;text-align:center}.nav:hover .nav__text{color:var(--color-link-hover)}.no-js .nav{display:none}.nav--prev{align-items:flex-end;grid-area:nav-prev;padding-right:15px}.nav--next{align-items:flex-start;grid-area:nav-next;padding-left:15px}.nav__imgwrap{background:#000;border-radius:17px;display:grid;grid-template-columns:100% 100%;grid-template-rows:100%;height:55px;width:35px}.nav__img,.nav__imgwrap{overflow:hidden;position:relative}.nav__img{grid-area:1/1/2/2;opacity:0;pointer-events:none;will-change:opacity,transform}.nav__img-inner{background-size:cover;height:55px;width:35px;will-change:filter,transform}.nav__text{color:var(--color-text-alt);cursor:pointer;display:none;margin-top:3.5vh;text-transform:uppercase}.slides__img--current{opacity:1;pointer-events:auto;z-index:1000}@media screen and (min-width:53em){body{overflow:hidden}.vector{display:block}main{display:grid;grid-template-columns:28.05% 43.9% 28.05%;grid-template-rows:25% 1fr 29.5% 8.5%;height:100%;position:relative;width:100%}.title{grid-area:1/2/2/3}.menu{grid-area:1/3/2/4}.intro{grid-area:1/1/3/2}.intro__description{max-width:20ch}.gallery{border-radius:25vw 25vw 0 0;width:100%}.slideshow{grid-area:2/2/5/3;grid-template-areas:"... img title" "nav-prev img nav-next" "... img ...";grid-template-columns:4rem 43.8vw 4rem;grid-template-rows:38% 20% 42%;height:auto;justify-content:start;margin-left:-4rem}.meta{justify-self:start;margin:3rem 0 0 1rem;text-align:left}.nav{align-self:start}.nav__text{display:block}.nav--prev{padding-right:1.5rem}.nav--next{padding-left:1.5rem}}