@charset "UTF-8";:root{--fontsize-xxxl: 1.802rem;--fontsize-xxl: 1.602rem;--fontsize-xl: 1.424rem;--fontsize-l: 1.266rem;--fontsize-m: 1.125rem;--fontsize-regular: 1rem;--fontsize-s: .75rem;--fontsize-xs: .563rem;--fontsize-xxs: .422rem}:root{--color-red: rgb(255, 91, 67);--color-blue: rgb(88, 62, 251);--color-purple: rgb(73, 43, 206);--color-darkblue: rgb(35, 25, 63);--color-superlightcream: rgb(255, 255, 239);--color-superlightcream-70: rgba(255, 255, 239, .7);--color-lightercream-70: rgba(255, 250, 234, .7);--color-lightercream-40: rgba(255, 250, 234, .4);--color-lightercream: rgb(258, 250, 234);--color-lightcream: rgb(253, 245, 229);--color-lightcream-30: rgba(253, 245, 229, .3);--color-cream: rgb(248, 240, 224);--color-darkcream-70: rgba(239, 227, 198, .7);--color-darkcream-50: rgba(239, 227, 198, .5);--color-darkcream: rgb(239, 227, 198);--color-darkercream: rgb(219, 207, 178);--color-sunflower: rgb(255, 203, 38);--color-black: rgb(42, 42, 42);--color-ultradark: rgb(22, 22, 22);--color-black-60: rgb(42, 42, 42, .6);--color-black-30: rgb(42, 42, 42, .3);--color-black-05: rgb(42, 42, 42, .05);--color-white: rgb(252, 252, 254);--color-white-30: rgb(252, 252, 252, .3);--color-white-40: rgb(252, 252, 252, .4);--color-white-50: rgb(252, 252, 252, .5);--color-white-60: rgb(252, 252, 252, .6);--color-white-70: rgb(252, 252, 252, .7);--color-white-80: rgb(252, 252, 252, .8);--color-white-05: rgba(255, 255, 255, .05);--color-background: var(--color-cream);--color-background-dark: var(--color-darkercream);--color-foreground: var(--color-ultradark);--color-foreground-05: var(--color-black-05)}:root{--size-navbar: 80px;--padding-main: 40px}@font-face{font-family:Grafier;src:url(/fonts/Grafier-Variable.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono Bold;src:url(/fonts/SpaceMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono Italic;src:url(/fonts/SpaceMono-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Victor Mono Light;src:url(/fonts/VictorMono-Light.ttf) format("truetype");font-weight:lighter;font-style:regular;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer}*{box-sizing:border-box}:root{font-size:12px}@media(min-width:480px)and (max-width:1920px){:root{font-size:calc(12px + (15 - 12) * (100vw - 480px) / (1920 - 480))}}@media(min-width:1920px){:root{font-size:15px}}*::selection{background:var(--color-blue);color:var(--color-background)}html{overflow-x:hidden;overflow-y:auto;--scrollbar-foreground: var(--color-darkercream);--scrollbar-background: transparent;scrollbar-width:thin;scrollbar-color:var(--scrollbar-foreground) var(--scrollbar-background)}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-thumb{background:var(--scrollbar-foreground)}html::-webkit-scrollbar-track{background:var(--scrollbar-background)}html{cursor:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='11.5' r='11.5' stroke='none' fill='%23583EFB' fill-opacity='0.9'/%3E%3C/svg%3E%0A") 10 10,default}body{background:var(--color-background);color:var(--color-foreground);font-family:Space Mono,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:2;overflow-x:hidden;overflow-y:auto;transition:background 1s ease,color 1s ease}@media screen and (max-width:480px){body{margin-left:0}}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0 50px;background:var(--color-darkcream-50);flex-grow:1;width:100vw;border-top:1px solid var(--color-darkcream)}a{cursor:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23FF5B43' fill-opacity='0.5'/%3E%3C/svg%3E%0A") 16 16,pointer;color:var(--color-blue);transition:background .15s linear,color .3s linear}a:hover{color:var(--color-red)}main{max-width:80vw;min-height:80vh;width:240ch;padding:var(--padding-main);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width:480px){main{max-width:100vw;width:100vw}}img{max-width:100%}pre{margin:10px 0}h1{line-height:1.2;color:var(--color-blue);font-size:var(--fontsize-xxxl);font-weight:700}h2{font-weight:700;line-height:1.2;color:var(--color-red);font-size:var(--fontsize-xxl);margin-bottom:10px}h3{font-weight:700;line-height:1.2;margin-bottom:10px;font-size:var(--fontsize-xl)}h4{font-weight:700;line-height:1.2;font-size:var(--fontsize-l);margin-bottom:10px}h5{font-weight:700;line-height:1.2;margin-bottom:10px;font-size:var(--fontsize-m)}article{max-width:80vw}@keyframes present{0%{opacity:0;transform:translateY(var(--offset))}to{opacity:1;transform:translateY(0)}}.tags{grid-column:-1/1;margin-top:40px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:4px}.tags .tag{text-decoration:none;text-transform:uppercase;display:flex;justify-content:center;align-items:center;color:var(--color-darkblue);border:1px solid var(--color-darkblue);padding:2px 6px;opacity:.75;letter-spacing:.05rem;font-size:.6rem;transition:background .2s ease,color .2s ease}.tags .tag:hover{background:var(--color-foreground);color:var(--color-background)}.links-block{display:flex;flex-direction:column;align-self:center;gap:50px}.links-block li{list-style:none}.btn{transition:background .2s linear,color .2s linear;border:2px solid var(--color-blue);color:var(--color-blue);padding:10px 40px;text-decoration:none;border-radius:4px;font-weight:600;font-family:sans-serif;font-size:var(--fontsize-m);line-height:1;display:flex;justify-content:center;align-items:center}.btn:hover{background:var(--color-blue);color:var(--color-background)}.page-title{--offset: -100%;position:fixed;top:0;z-index:999999;left:var(--size-navbar);background:var(--color-blue);padding:10px 40px;color:var(--color-background);z-index:1;transform:translateY(var(--offset));animation:present .4s .1s ease;animation-fill-mode:both}@media screen and (max-width:480px){.page-title{top:var(--size-navbar);left:0}}.shiki{padding-top:6ch;padding-bottom:6ch;overflow-x:auto;margin-top:40px}@media screen and (max-width:480px){.shiki{max-width:calc(100vw - 2 * var(--padding-main))}}@media screen and (min-width:480px){.shiki{max-width:70vw}}.shiki code{display:flex;flex-direction:column;counter-reset:step;counter-increment:step 0;line-height:1.6;font-size:.9rem}@media screen and (max-width:480px){.shiki code{font-size:.7rem}}@media screen and (min-width:480px){.shiki code{font-size:.8rem}}.shiki code .line:before{content:counter(step);counter-increment:step;width:3ch;margin-right:40px;display:inline-block;text-align:right;color:#ccf0f033}footer .footer-links{display:grid;max-width:80vw;width:60%;grid-template-columns:repeat(3,1fr);gap:40px}@media screen and (max-width:790px){footer .footer-links{display:flex;gap:40px;flex-direction:column;padding:0 60px;max-width:100vw;width:100%}}footer .footer-links .pages{display:flex;flex-direction:column}@media screen and (min-width:790px){footer .footer-links .pages{margin:0 auto}}footer .footer-links .pages h2{font-weight:700}footer .footer-links .pages a,footer .footer-links .pages h2{text-decoration:none;font-size:var(--fontsize-regular)}footer .footer-links .linkblock{display:flex;flex-direction:column}@media screen and (min-width:790px){footer .footer-links .linkblock{margin:0 auto}}footer .footer-links .linkblock h4{margin-bottom:10px;color:var(--color-blue);font-size:var(--fontsize-regular);font-weight:700}footer .footer-links .linkblock a{text-decoration:none}footer .copyright{margin-top:50px;color:var(--color-darkercream);text-align:center}.navigation{height:100vh;display:flex;position:fixed;left:0;top:0;pointer-events:none;z-index:99}.navigation *::selection{background:transparent;color:var(--color-red)}@media screen and (max-width:480px){.navigation .navbar{height:var(--size-navbar);width:100vw}}.navigation .navbar{pointer-events:all;background:var(--color-lightercream);color:var(--color-red);z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--size-navbar);font-size:4.8rem;font-weight:300;font-family:monospace;border-right:1px solid var(--color-foreground-05);transition:background .2s linear,color .2s linear;overflow:hidden;position:relative}@media screen and (max-width:790px){.navigation .navbar{font-size:2.8rem}}.navigation .navbar .asteriks{transition:color .5s ease;z-index:1}.navigation .navbar .asteriks *::selection{background:transparent;color:var(--color-red)}.navigation .navbar:hover{color:var(--color-black)}.navigation .navbar:hover .asteriks{color:var(--color-blue)}.navigation .menu{transition:transform .2s ease;z-index:1;transform:translate(-98.5%);background:var(--color-lightcream);color:var(--color-red);display:flex;flex-direction:column;justify-content:space-around;flex-grow:1;padding:40px 100px 40px 50px;letter-spacing:.15rem;font-weight:200;min-width:20vw;box-shadow:1px 0 0 var(--color-darkcream)}@media screen and (max-width:480px){.navigation .menu{position:fixed;top:var(--size-navbar);height:calc(100vh - var(--size-navbar));width:100vw;pointer-events:all}}.navigation .menu.visible{transform:translate(0);pointer-events:all}.navigation .menu .index{text-decoration:none;flex-grow:2;display:flex;justify-content:flex-start;align-items:center}.navigation .menu .index h5{font-size:var(--fontsize-regular)}.navigation .menu .link-block:first-child{flex-grow:10}.navigation .menu .link-block{flex-grow:2;display:flex;flex-direction:column}.navigation .menu .link-block li{list-style:none}.navigation .menu .link-block h4{text-transform:uppercase;margin-top:20px;margin-bottom:10px}.navigation .menu .link-block a{font-size:var(--fontsize-m)}@media screen and (max-width:790px){.navigation .menu .link-block a{font-size:var(--fontsize-regular)}}.navigation .menu .link-block a::selection{background:transparent;color:var(--color-blue)}.navigation .menu .link-block a{color:var(--color-blue);text-transform:lowercase;text-decoration:none}.navigation .menu .link-block a:hover{color:var(--color-red)}.canvas-wrapper{z-index:0;display:flex;position:fixed;inset:0;justify-content:center;align-items:center;width:100vw;height:100vh}.canvas-wrapper canvas{pointer-events:all;min-width:100vw;min-height:100vh;max-width:auto;max-height:100vh;object-fit:cover}.article-list{display:grid;max-width:100%;gap:40px}@media screen and (max-width:790px){.article-list{gap:10px;grid-template-columns:repeat(1,1fr);grid-auto-rows:60vh}}@media screen and (min-width:790px){.article-list{gap:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:60vh}}@media screen and (min-width:1080px){.article-list{grid-template-columns:repeat(2,1fr);grid-auto-rows:40vh}}.article-list .article-wrapper{overflow:hidden;text-decoration:none;display:grid;border-radius:0;background:var(--color-lightercream-70);backdrop-filter:blur(90px);transition:background .2s linear,transform .3s ease}@media screen and (max-width:1080px){.article-list .article-wrapper{gap:10px;grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:40px}}@media screen and (min-width:1080px){.article-list .article-wrapper{grid-template-columns:.75fr 1fr;grid-template-rows:1fr}}.article-list .article-wrapper:hover{transform:translateY(-15px);background:var(--color-lightercream)}.article-list .article-wrapper .preview{border-radius:0;overflow:hidden;width:100%;height:100%;max-width:100%;max-height:100%;display:flex}.article-list .article-wrapper .preview img,.article-list .article-wrapper .preview picture{overflow:hidden;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}.article-list .article-wrapper .content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:40px 60px 40px 40px}@media screen and (max-width:1080px){.article-list .article-wrapper .content{padding:20px}}.article-list .article-wrapper .content .btn{align-self:flex-start}.article-list .article-wrapper .content h2{margin-top:0;font-weight:700;line-height:1.4;font-size:var(--fontsize-xl)}.article-list .article-wrapper .content article{line-height:1.4;margin:20px 0}.project-details{top:0;display:grid;margin-top:100px;margin-bottom:100px;gap:40px}@media screen and (max-width:790px){.project-details{display:flex;flex-direction:column;margin-top:200px}}@media screen and (min-width:790px){.project-details{grid-template-columns:1fr;margin-top:100px}}.project-details .tags{grid-column:-1/1;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;margin:0}.project-details .cover-image{display:flex;justify-content:center;align-items:flex-start;grid-column:-1/1}.project-details .cover-image img{width:100%;height:100%;max-height:80vh;object-fit:cover;border-radius:2px;box-shadow:0 30px 60px var(--color-black-30)}.project-details .description{grid-column:1;white-space:pre-line}.project-details .description h2,.project-details .description h3,.project-details .description h4,.project-details .description h5,.project-details .description h6{margin-bottom:0}.project-details .description h2,.project-details .description h3,.project-details .description h4{color:var(--color-blue)}.project-details .description ul{line-height:1.2}.project-details .description h5,.project-details .description h6{color:var(--color-red);font-weight:700;margin-top:20px}.project-details .description .employment{display:flex;gap:20px;justify-content:flex-start;align-items:flex-start}.project-details .description .employment .kind{text-transform:uppercase;opacity:.5}.project-details .description .name{font-size:var(--fontsize-xxl);margin:20px 0}.project-details article h6{margin-top:10px;margin-bottom:5px;font-weight:700}.project-details article ul{list-style:none;list-style-position:outside}.project-details article ul>li{padding-left:20px}.project-details article ul>li:before{position:relative;left:-20px;display:inline-block;grid-column:-1/1;content:"×";height:100%;width:0;color:var(--color-blue)}.project-details .media{grid-column:-1/1;display:grid;gap:2px;grid-template-columns:repeat(12,1fr);grid-auto-rows:12vh;margin-top:40px}@media screen and (max-width:790px){.project-details .media{grid-template-columns:repeat(12,1fr);grid-auto-rows:6vh}}.project-details .media picture{width:100%;height:100%;object-fit:cover;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start}.project-details .media picture img{width:100%;height:100%;object-fit:cover}.project-details .media .video{grid-column:span 2;overflow:hidden}.project-details .media .video video{width:100%;height:100%;object-fit:cover}@keyframes moveIn{0%{opacity:0;transform:translateY(var(--offset))}to{opacity:1;transform:translateY(-1%)}}.project-list-wrapper{width:90%;margin:0 auto}.project-list-wrapper .tools{margin-top:60px;z-index:999;top:0;right:0;display:flex;justify-content:center;align-items:center}@media screen and (max-width:480px){.project-list-wrapper .tools{padding-top:var(--size-navbar);position:inherit}}.project-list-wrapper .tools .tags{margin:0;padding:20px;max-width:70vw;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width:480px){.project-list-wrapper .tools .tags{max-width:100vw;width:100vw}}.project-list-wrapper .tools .tags .tag{flex-grow:1;background:var(--color-background)}.project-list-wrapper .tools .tags .tag.active,.project-list-wrapper .tools .tags .tag:hover{background:var(--color-ultradark);color:var(--color-background);gap:5px}.project-list-wrapper .project-list{flex-grow:1;display:grid;gap:10px;padding-bottom:20vh;margin-top:10vh;grid-auto-rows:minmax(600px,70vh)}@media screen and (max-width:480px){.project-list-wrapper .project-list{grid-template-columns:1fr}}@media screen and (min-width:480px){.project-list-wrapper .project-list{padding-top:0;grid-template-columns:1fr}}@media screen and (min-width:1080px){.project-list-wrapper .project-list{padding-top:0;max-width:1280px;margin:0 auto;grid-template-columns:1fr 1fr}}.project-list-wrapper .project-list .project{--color: var(--color-ultradark);transition:transform .2s ease;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;overflow:hidden;background-position:center;background-size:cover}.project-list-wrapper .project-list .project:hover .details .blank{background:var(--color-black-30);backdrop-filter:blur(0px)}.project-list-wrapper .project-list .project:hover .details .kind,.project-list-wrapper .project-list .project:hover .details .tags{opacity:1;transform:translateY(0)}.project-list-wrapper .project-list .project .preview-image{--offset: 100%;position:absolute;top:0;left:0;width:100%;height:101%;background-position:center;background-size:cover;background-repeat:no-repeat;transform-origin:center}.project-list-wrapper .project-list .project .preview-image.loaded{opacity:0;transform:translate(var(--offset));animation:moveIn .6s ease;animation-fill-mode:both}.project-list-wrapper .project-list .project .details{--padding: 4px 40px;--border-width: 0px;--color-border: transparent;--margin: 0px;bottom:0;margin:var(--margin);position:absolute;width:calc(100% - 2 * var(--margin));grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(5,1fr);display:grid;color:var(--color-ultradark);z-index:0;gap:0;outline:none}.project-list-wrapper .project-list .project .details .name{line-height:1;background:var(--color-white-80);backdrop-filter:blur(60px);display:flex;justify-content:flex-start;padding:var(--padding);align-items:center;grid-column:span 8;grid-row:span 2;font-size:var(--fontsize-xxl);font-weight:700;color:var(--color);z-index:3}.project-list-wrapper .project-list .project .details .blank{grid-column:span 4;grid-row:span 4;backdrop-filter:blur(100px);background:var(--color-white-30);transition:background .3s linear,backdrop-filter 50ms linear}.project-list-wrapper .project-list .project .details .kind{padding:var(--padding);text-transform:uppercase;grid-column:span 8;display:flex;justify-content:flex-start;align-items:center;gap:5px 10px;background:var(--color-white-60);transform:translateY(-200%);transition:transform .3s .1s ease,opacity .3s .1s ease;z-index:2;backdrop-filter:blur(40px);color:var(--color)}.project-list-wrapper .project-list .project .details .kind .at{opacity:.5}.project-list-wrapper .project-list .project .details .tags{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;transition:transform .3s .1s ease,opacity .3s .1s ease;grid-column:span 8;grid-row:span 2;padding:var(--padding);margin:0;backdrop-filter:blur(20px);background:var(--color-white-80);line-height:1;gap:2px;align-content:center;transform:translateY(-150%);z-index:1;text-transform:uppercase}.project-list-wrapper .project-list .project .details .tags .tag{color:var(--color);border-color:var(--color)}.project-list-wrapper .project-list .project .details .tags .tag:hover{background:transparent}.project-list-wrapper .project-list .project .details .date{grid-column:span 4;display:flex;justify-content:center;align-items:center;font-weight:700;backdrop-filter:blur(10px);background:var(--color-white-30);font-size:var(--fontsize-xxl);color:var(--color)}.fxhash-project{margin-top:140px;display:grid;grid-template-columns:40vw minmax(auto,80ch);gap:40px}@media screen and (max-width:790px){.fxhash-project{margin-top:160px;grid-template-columns:1fr}}.fxhash-project .name{color:var(--color-ultradark);font-weight:700;margin-bottom:20px;line-height:1}.fxhash-project .preview{order:-1;display:flex;justify-content:center;align-content:flex-end}@media screen and (max-width:790px){.fxhash-project .preview{margin-bottom:40px}}.fxhash-project .preview iframe{border:10px solid var(--color-lightercream);box-shadow:0 10px 60px var(--color-darkcream-50);min-width:300px;min-height:300px;height:40vw;width:40vw}@media screen and (max-width:790px){.fxhash-project .preview iframe{width:80vw;height:80vw}}.fxhash-project .details{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-start}.fxhash-project .details .description{font-size:var(--fontsize-regular);white-space:pre-line}.fxhash-project .details .additional-description{margin-top:40px}.fxhash-project .grid{width:100%;padding:0;margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.fxhash-project .grid .grid-title{font-weight:700;font-size:var(--fontsize-m);grid-column:-1/1}.fxhash-project .grid .more{text-decoration:none;margin-top:20px;grid-column:-1/1;display:flex;justify-content:flex-end}@media screen and (max-width:790px){.fxhash-project .grid{grid-template-columns:repeat(2,1fr)}}.fxhash-project .grid .token{width:100%;height:100%;overflow:hidden;transition:border .2s ease;border:1px solid transparent}.fxhash-project .grid .token:hover{border:10px solid var(--color-superlightcream)}.fxhash-project .grid .token img{box-sizing:cover;width:100%;height:auto}@keyframes movedown{0%{transform:translateY(var(--offset))}to{transform:translateY(0)}}@keyframes present{0%{opacity:0}to{opacity:1}}.sketches{display:grid;max-width:1440px;width:100%;justify-content:center;gap:80px;margin-left:calc(var(--size-navbar) / 2)}@media screen and (max-width:480px){.sketches{grid-template-columns:repeat(auto-fill,1fr);margin-left:0}}@media screen and (min-width:1080px){.sketches{grid-template-columns:repeat(auto-fill,1fr)}}.sketches .sketch{margin-top:0;overflow:hidden}.sketches .sketch:nth-child(2n){margin-top:160px}.sketches .sketch .name{display:flex;animation-fill-mode:both;justify-content:flex-start;margin-bottom:15px}@media screen and (max-width:790px){.sketches .sketch .name{margin-top:10px;margin-bottom:10px}}.sketches .sketch .name .date{--offset: 0;margin-left:15px;color:var(--color-blue);letter-spacing:.08rem;font-size:var(--fontsize-s);position:relative;transform:translateY(var(--offset));animation:present .8s 1.25s ease;animation-fill-mode:both}.sketches .sketch .description{overflow:hidden;max-width:100ch}.sketches .sketch .description article{--offset: -100%;line-height:1.8;margin-bottom:10px;transform:translateY(var(--offset));animation:present .4s 2s ease;animation-fill-mode:both}.sketches .sketch .tags{margin:10px 0 20px}.sketches .sketch .media{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:2px}@media screen and (max-width:790px){.sketches .sketch .media{grid-template-columns:repeat(2,1fr)}}.sketches .sketch .media .media-item{--offset: 0;display:flex}.sketches .sketch .media .media-item .image{overflow:hidden;width:100%;height:100%;object-fit:cover;display:flex;background:var(--color-lightercream-40)}.sketches .sketch .media .media-item .image picture{min-width:100%;min-height:100%;display:flex;border:1px solid transparent;transition:border .3s ease}.sketches .sketch .media .media-item .image picture img{min-width:100%;min-height:100%;object-fit:cover;opacity:0}.sketches .sketch .media .media-item .image picture img.loaded{animation:present 1s ease;animation-fill-mode:both}.sketches .sketch .media .media-item .video{display:flex;justify-content:stretch;align-items:stretch;background:var(--color-lightercream-40);min-height:150px}.sketches .sketch .media .media-item .video video{width:100%;opacity:0}.sketches .sketch .media .media-item .video video.loaded{animation:present 1s ease;animation-fill-mode:both}.block-iframe{width:100%;height:100%;object-fit:contain;max-height:100vw;height:60vw;display:flex;justify-content:center;align-items:flex-end;margin:20px 0;position:relative}@media screen and (max-width:480px){.block-iframe{max-width:100vw;min-height:100vw}}@media screen and (min-width:790px){.block-iframe{max-width:100vw;min-height:600px;max-height:200px}}@media screen and (min-width:1080px){.block-iframe{min-height:800px}}.block-iframe .description{color:var(--color-ultradark);background:var(--color-lightcream-30);backdrop-filter:blur(50px);transform:translateY(20px);padding:5px 20px;text-align:center}.block-iframe iframe{cursor:pointer;position:absolute;width:100%;height:100%;min-height:100%;max-width:800px}@media screen and (max-width:790px){.block-iframe iframe{min-height:100%;max-width:400px}}:root{--breakpoint-phones: $breakpoint-phones}.image-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;margin:0 0 40px}@media screen and (max-width:480px){.image-gallery{gap:20px;grid-template-columns:1fr}}.image-gallery .image{overflow:hidden}.image-gallery .image img{object-fit:contain;height:100%}