body,html{margin:0;padding:0;-webkit-font-smoothing:antialiased;height:100%;z-index:auto}body{overflow-x:hidden}p{margin:0;padding:0;-webkit-font-smoothing:antialiased}body,html{background-color:#fff}canvas{position:fixed;top:0;left:0}#bg{height:100vh;height:calc(var(--vh, 1vh) * 100);width:100vw;width:calc(var(--vw, 1vw) * 100)}@font-face{font-family:grouch;src:url(/assets/grouch-D8ctDzK9.otf),format("truetype");font-weight:400;font-style:normal}@font-face{font-family:caslon;src:url(/assets/CaslonOS-Regular-BwVk147O.otf);font-weight:400;font-style:normal}#main{width:100%;padding:0;display:grid;grid-template-columns:repeat(12,1fr)}h2{font-family:grouch;font-size:clamp(38px,6vw,170px);color:#fff;mix-blend-mode:difference;margin:0;width:auto;isolation:auto}.external-button{padding-top:5px;cursor:pointer;color:#000;background:transparent;text-align:center;position:relative;outline:1px outset white;margin-bottom:1px;transition:.3s}.external-button:hover{border:2px inset white;margin:0}#contact-button{position:fixed;top:4.5vh;top:calc(var(--vh, 1vh) * 4.5);right:10px;width:16.6666vw;font-size:clamp(16px,3vw,32px);letter-spacing:0px;font-family:caslon;border:outset 1px black;margin:2px}#contact-button:hover{border:3px inset white;margin:0}#contact-button.opened{border:3px inset white;cursor:auto;margin:0}#x-button{padding:10px 5px 5px;cursor:pointer;transition:.3s;background-color:#000;color:#fff;height:clamp(35px,4vw,45px);position:fixed;top:5px;right:5px;width:clamp(35px,4vw,45px);font-size:clamp(35px,3vw,32px);letter-spacing:0px;font-family:caslon;border:outset 1px white}#x-button:hover{border:3px inset white}#contact-info-box{opacity:0;display:none}#insta{display:inline;height:clamp(30px,10vw,55px);width:auto}#ticker{position:fixed;top:0;left:0;width:100vw;width:calc(var(--vw, 1vw) * 100);height:calc(var(--vh, 1vh) * 4);z-index:10002;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-bottom:1px outset white}.ticker-inner{display:flex;white-space:nowrap;height:100%;align-items:center;animation:ticker-scroll 20s linear infinite}.ticker-inner span{font-family:grouch;font-size:calc(var(--vh, 1vh) * 1.4);color:#000;line-height:1}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.header{grid-column:1 / span 12;height:80vh;height:calc(var(--vh, 1vh) * 80);margin-bottom:55vh;margin-bottom:calc(var(--vh, 1vh) * 55);margin-top:calc(var(--vh, 1vh) * 1);text-align:center}#intro-heading{margin-top:30vh;margin-top:calc(var(--vh, 1vh) * 30)}#intro-heading2{margin-top:5vh;margin-top:calc(var(--vh, 1vh) * 1)}.middle-right{grid-column:7 / span 3;margin-bottom:4vh;margin-bottom:calc(var(--vh, 1vh) * 4);color:#fff}.content-right{grid-column:7 / span 5;background-color:#fffffff2;border:3px inset white;outline:6px outset white;text-align:left;margin-bottom:10vh;margin-bottom:calc(var(--vh, 1vh) * 10);isolation:auto}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.blur{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80}}.content-right-flex{grid-column:7 / span 5;padding:1rem;height:auto;display:flex;justify-content:center;flex-flow:row no-wrap}.text-container-flex{margin:0 0 0 1rem;display:flex;flex-flow:column nowrap;justify-content:space-around;height:clamp(150px,10vw,200px)}.content-right-flex img{flex-grow:2;height:clamp(150px,10vw,200px);width:clamp(150px,10vw,200px);transition:.4s}.content-right-flex img:hover{-webkit-filter:invert(100%);filter:invert(100%)}.content-right span{flex-basis:0;flex-grow:2;font-size:clamp(14px,1.5vw,18px);letter-spacing:0px;font-family:caslon}.content-right button{width:100%;font-size:clamp(16px,1.8vw,35px);font-weight:700;letter-spacing:0px;font-family:caslon;white-space:nowrap}#projects-bottom{margin-bottom:80vh;margin-bottom:calc(var(--vh, 1vh) * 80)}.middle-left{grid-column:2 / span 5;margin-bottom:4vh;margin-bottom:calc(var(--vh, 1vh) * 4);color:#fff}.content-left{grid-column:2 / span 5;border:3px inset white;outline:6px outset white;height:auto;text-align:left;padding:1rem;margin-bottom:25vh;margin-bottom:calc(var(--vh, 1vh) * 30)}.content-left span{flex-basis:0;flex-grow:2;padding:0 1rem;font-size:clamp(12px,1.7vw,24px);letter-spacing:0px;font-family:caslon;padding:0}@media only screen and (max-width:850px){.content-right-flex{flex-flow:row wrap;height:auto}.text-container-flex{margin:1rem 0 0;height:auto}.button-container{margin-top:1rem}}@media only screen and (max-width:438px){.content-right,.middle-right{grid-column:6 / span 6}.content-right-flex img{flex-grow:2;height:clamp(100px,40vw,200px);width:clamp(100px,40vw,200px)}.content-left{grid-column:2 / span 6;padding:.5rem}.middle-left{grid-column:2 / span 6}}.button-container{display:flex;gap:.5rem;width:100%}.button-container button{flex:1;width:50%}.button-container a{flex:1;width:50%;display:block}.button-container a button{width:100%}.media-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:2px;z-index:9998;overflow:hidden;transition:none}.media-modal.opening{animation:expandFromCenter .3s ease-out forwards}.media-modal.open{display:block;width:70%;height:80%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.media-modal.open::-webkit-scrollbar{display:none}.media-modal.closing{animation:collapseToCenter .3s ease-in forwards}@keyframes expandFromCenter{0%{width:0;height:2px;opacity:0}50%{width:70%;height:2px;opacity:.5}to{width:70%;height:80%;opacity:1}}@keyframes collapseToCenter{0%{width:70%;height:80%;opacity:1}50%{width:70%;height:2px;opacity:.5}to{width:0;height:2px;opacity:0}}.media-modal-content{background-color:#ffffff80;border:3px inset white;outline:6px outset white;padding:2rem;position:relative;width:100%;min-height:100%;box-sizing:border-box;opacity:0;transition:opacity .2s ease-in-out .15s}.media-modal.open .media-modal-content{opacity:1}.modal-x-button{padding:10px 5px 5px;cursor:pointer;transition:.3s;background-color:#000;color:#fff;height:clamp(35px,4vw,45px);position:absolute;top:10px;right:10px;width:clamp(35px,4vw,45px);font-size:clamp(35px,3vw,32px);letter-spacing:0px;font-family:caslon;border:outset 1px white;z-index:10001}.modal-x-button:hover{border:3px inset white}.media-container{margin-top:3rem;font-family:caslon;font-size:clamp(14px,1.5vw,20px);color:#000}.media-container video{display:block;width:auto;height:auto;max-width:100%;max-height:650px;margin:1rem auto;border:2px solid white}.media-container iframe{display:block;height:504px;width:896px;margin:1rem auto;border:2px solid white}.media-container img{display:block;width:auto;height:auto;max-width:100%;max-height:650px;margin:1rem auto;border:2px solid white}.content-right.slide-out,.middle-right.slide-out{animation:slideOutRight .3s ease-in-out forwards}.content-right.slide-in,.middle-right.slide-in{animation:slideInRight .3s ease-in-out forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media only screen and (max-width:850px){.media-modal.open{width:85%;height:85%}@keyframes expandFromCenter{0%{width:0;height:2px;opacity:0}50%{width:85%;height:2px;opacity:.5}to{width:85%;height:85%;opacity:1}}@keyframes collapseToCenter{0%{width:85%;height:85%;opacity:1}50%{width:85%;height:2px;opacity:.5}to{width:0;height:2px;opacity:0}}}@media only screen and (max-width:438px){.button-container{gap:.25rem}.media-modal.open{width:95%;height:90%}.media-modal-content{padding:1rem}@keyframes expandFromCenter{0%{width:0;height:2px;opacity:0}50%{width:95%;height:2px;opacity:.5}to{width:95%;height:90%;opacity:1}}@keyframes collapseToCenter{0%{width:95%;height:90%;opacity:1}50%{width:95%;height:2px;opacity:.5}to{width:0;height:2px;opacity:0}}}