@font-face{font-family:basier;src:url(/assets/basiersquaremono-regular-webfont-D2ALJucS.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;color:currentColor;text-decoration:none}::selection{color:var(--main-color);background:var(--secondary-color)}::-moz-selection{color:var(--secondary-color);background:var(--main-color)}html{font-family:basier,Avenir,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:--main-color}body{--margin: clamp(32px, calc(100 * 60 / 1440 * 1vw), 60px);--gutter: clamp(10px, calc(100 * 40 / 1440 * 1vw), 40px);--padding: clamp(80px, calc(100 * 240 / 1440 * 1vw), 240px);--main-color: #f3f3f3;--secondary-color: #0f0f0f;background-color:var(--main-color);color:var(--secondary-color);text-transform:uppercase;padding:0 var(--margin)}body.dark-theme{--main-color: #0f0f0f;--secondary-color: #f3f3f3}*{transition:color .1s,background-color .1s}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}@media (max-width: 768px){.grid{display:block}}.guide{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;padding:0 var(--margin)}.guide li{background-color:#fa000033}.guide-active .guide{display:grid}.section{margin-bottom:var(--padding)}.h1{font-size:clamp(36px,8.3333333333vw,8.3333333333vw);letter-spacing:-.01em}.h2{font-size:clamp(24px,3.3333333333vw,3.3333333333vw);letter-spacing:-.01em}.body{font-size:clamp(14px,2.2222222222vw,2.2222222222vw);letter-spacing:-.01em}.tag{font-size:clamp(12px,1.1111111111vw,1.1111111111vw);letter-spacing:-.01em}.link{font-size:clamp(12px,.9722222222vw,.9722222222vw);letter-spacing:-.01em}@media (min-width: 7768px){a:hover,button:hover{opacity:.7}}ul{list-style:none}nav ul{display:flex;justify-content:center;gap:var(--gutter)}@media (max-width: 768px){nav ul{justify-content:flex-start}}nav ul button{cursor:pointer;font-family:basier,Avenir,Helvetica,sans-serif;border:none;background-color:transparent;color:var(--secondary-color);padding:calc(var(--margin) * .5) 0}.color-mode{width:30px;height:19px;border-radius:19px;background-color:var(--secondary-color);border:2px solid var(--secondary-color);position:absolute;right:var(--margin);top:calc(var(--margin) * .5);cursor:pointer}.color-mode span{background-color:var(--main-color);width:50%;height:calc(100% - 2px);border-radius:100%;display:block;position:relative;transform:translate(100%)}.dark-theme .color-mode span{transform:translate(0)}.title{padding-top:var(--padding);text-align:center}.title span{font-size:clamp(36px,4.4444444444vw,4.4444444444vw);letter-spacing:-.01em}.about .image{grid-column:2/span 5;position:relative;padding-bottom:100%;overflow:hidden}@media (max-width: 768px){.about .image{margin-bottom:var(--margin)}}.about img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:0 25%;transform:scaleX(-1);transition:opacity .1s}.about .body{grid-column:7/span 6}.listed-work{position:relative}.listed-work .sticky{grid-column:1/span 4}.listed-work .h2{top:var(--margin);position:sticky;margin-bottom:24px}.listed-work .assets{width:30vw;height:16.9491525424vw;position:fixed;top:3vw;left:-12.5vw;pointer-events:none;transform-origin:50% 0%;opacity:0;transition:opacity .1s;z-index:2}.listed-work .assets img{height:100%;position:absolute;top:0;left:0;object-fit:contain;z-index:1;opacity:0}.listed-work .assets img.is-top{opacity:1;z-index:2;box-shadow:#110c2e40 0 48px 100px}.listed-work .assets.is-visible{opacity:1}.listed-work .assets.is-scrolling{opacity:0}.listed-work .list{grid-column:6/span 6}.listed-work .item{position:relative;padding:16px 0;cursor:pointer;opacity:1;transition:opacity .2s}.listed-work .item:hover{opacity:1!important}.listed-work .item .body{margin-bottom:8px}.listed-work .item a{display:inline-block;opacity:1}.listed-work .item:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--secondary-color);opacity:1;transition:opacity .1s}@media (min-width: 768px){.listed-work .list:hover .item{opacity:.1}}.message{text-align:center}.message p{grid-column:3/span 8}.tools{display:flex;flex-flow:row wrap;gap:var(--gutter)}@media (max-width: 768px){.tools{align-items:center}}.tools .h2{display:inline-flex;align-items:center;font-weight:700}.tools dd{display:inline-block;padding:24px 32px;background-color:var(--secondary-color);color:var(--main-color);cursor:default}@media (max-width: 768px){.tools dd{padding:12px 16px}}.contact{display:flex;justify-content:center;align-items:center}.contact .body{margin-right:16px}.contact .socials{display:flex;align-items:center;gap:16px}.contact a{display:flex}.contact svg{width:32px;height:32px}.contact svg path{fill:var(--secondary-color)}footer{text-align:center;padding-bottom:calc(var(--margin) * .5)}