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}@font-face{font-family:Romie Regular;src:url(/assets/Romie-Regular.9387502c.woff) format("woff")}::selection{color:var(--yellow)}:root{--darkGrey: #1e1e1e;--lightGrey: #e5e5e5;--yellow: #d7ff39;--white: #ffffff}*{scroll-behavior:smooth;box-sizing:border-box;cursor:none}.skewElem{transition:.15s ease!important}body:before{content:"";position:fixed;transform-origin:-100% 0;background:var(--lightGrey);width:100vw;height:100vh;top:0;left:0;transform:scaleX(0);z-index:3;transition:transform .35s}body:before{content:"";position:fixed;transform-origin:-100% 0;background:var(--lightGrey);width:100vw;height:100vh;top:0;left:0;transform:scaleX(0);z-index:3;transition:transform .25s}body.transition:before{transform:scaleX(1)}.cursorPointer,.cursorElement{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.customCursorFixed{width:15px;height:15px;position:fixed;top:-10%;left:50%;pointer-events:none;background:var(--yellow);border-radius:50%;z-index:3}.cursorElementContainer{opacity:0%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.customCursor{height:100%}.show{display:block}body::-webkit-scrollbar{display:none}.projectDisplayContainer{-ms-overflow-style:none;scrollbar-width:none}.title{color:var(--lightGrey);font-size:16vmin;font-family:Romie Regular;line-height:clamp(75px,12vmin,105px);font-weight:300;text-transform:uppercase;margin-bottom:0;margin-top:10vmin;display:flex;flex-direction:column}.contactTitle{width:60%}.description{font-size:8vmin;line-height:6vmin;font-family:Romie Regular;color:var(--lightGrey);text-transform:uppercase;margin:0;margin-top:4vmin;align-self:center;display:flex;flex-direction:column}body{background:var(--darkGrey);padding:0;height:100%;overflow:hidden;margin:0;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior-y:none;overscroll-behavior-x:none}.navBar{max-width:100vw;width:100%;display:flex;justify-content:space-between;align-items:center;height:4.5rem;margin-top:5vmin;border-bottom:1px solid var(--lightGrey);border-top:1px solid var(--lightGrey);position:fixed;z-index:1}.navBar .navBarLogo{padding-left:2vmin}.navBar .navBarItems{height:100%;display:flex;flex-direction:row}.navBar .navBarItems a{font-family:neue-haas-grotesk-display,sans-serif;color:var(--lightGrey);text-decoration:none;font-weight:300;font-size:1.5rem;height:100%;border-right:1px solid var(--lightGrey);line-height:4.5rem;display:inline-block}.menuTarget{padding:0px 2.5vmin}.navBar .navBarItems a:first-child{border-left:1px solid var(--lightGrey)}.navBar .navBarItems a:last-child{border-right:0px}.navHrefContainer{display:flex}.navHrefContainer span{display:block;pointer-events:none;text-align:center}.menuTarget{position:relative}.menuTarget>.navHrefContainer:nth-child(1) span{will-change:transform;transform-style:preserve-3d;transition:.7s;transition-delay:calc(.05s * var(--index));transform-origin:bottom;display:inline-block}.menuTarget>.navHrefContainer:nth-child(2) span{will-change:transform;transform-style:preserve-3d;transition:.4s;transition-delay:calc(.05s * var(--index));transform-origin:top;display:inline-block;transform:translateY(100%) rotateX(-90deg)}.menuTarget:hover>.navHrefContainer:nth-child(1) span{transform:translateY(-100%) rotateX(-90deg)}.menuTarget:hover>.navHrefContainer:nth-child(2) span{transform:translate(0) rotateX(0)}.linkContainer{margin-top:2vmin;position:relative}.rotating{position:absolute;animation:15s infiniteRotate linear infinite}.linkContainer img:nth-child(1){position:absolute;left:50%;top:3vmin}.translateAsside{transform:translate(3.5vmax);transition:3s ease}.translateAssideTwo{transform:translate(7vmax);transition:3s ease}.assideBar{left:0;width:3.5vmax;height:calc(95vh - 5vmin - 4.5rem);background:var(--darkGrey);margin-left:5vmin;position:fixed;overflow:hidden;bottom:5vh;writing-mode:tb-rl;transform:rotate(180deg);text-orientation:mixed;display:flex;flex-direction:column;justify-content:flex-start;border-left:1px solid var(--lightGrey);border-right:1px solid var(--lightGrey);border-top:1px solid var(--lightGrey);z-index:1}.assideGlobalContainer{display:flex;flex-direction:column}.assideBar span{color:var(--lightGrey);font-size:1.6rem;width:3.5vmax;display:flex;align-items:center;padding:1.6vmin 0px;text-decoration:none;text-transform:uppercase;font-weight:300;font-family:Romie Regular}.romie{font-family:Romie Regular;position:absolute;top:50%;left:50%;width:100%;text-align:center;display:block;transform:translate(-50%,-50%)}.assideBar span.selected{color:var(--yellow)}.projectDisplayContainer{position:fixed;top:auto!important;left:auto!important;bottom:5vh!important;right:0!important;display:flex;flex-direction:row;flex-wrap:nowrap;width:calc(100vw - 5vmin - 3.5vmax);overflow:hidden;height:calc(95vh - 5vmin - 4.5rem)}.projectDisplay{will-change:transform;width:calc(100vw - 5vmin - 3.5vmax);border-bottom:1px solid var(--lightGrey);display:flex;justify-content:center;align-items:center}.projectDisplayContainer .projectDisplay:last-child{padding-right:15vmax}.project{width:calc(100vw - 5vmin - 3.5vmax);min-width:30vmin;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.project h1{z-index:2;text-transform:uppercase}.project .projectImage{position:absolute;top:18vmin;right:clamp(20vmin,30vmin,40vmin);z-index:-1;width:80vmin;max-width:45vmin}.projectContent{height:100%;width:85%;display:flex;align-items:center;flex-direction:column}.projectGrid{display:grid;margin-top:8vmin;grid-template-columns:repeat(1,60px 28vmin)}.projectGrid .detail:nth-child(8){line-height:clamp(17px,2.5vmin,25px);max-width:1}.projectGrid .firstDetail{width:5rem;display:inline-block;font-weight:500}.projectGrid span{font-weight:300;margin:0}.projectGrid .italic{font-style:italic;font-weight:300}.projectDetails{display:flex;padding-right:18vmin;font-family:neue-haas-grotesk-display,sans-serif;color:var(--lightGrey)}.detail{margin:.25rem}.detail a{text-decoration:none;color:var(--lightGrey);font-style:normal;font-weight:300}.contactSection .description{padding-left:20vmax}.contact{display:flex;align-self:center;text-decoration:none}.myInfo{width:60%;position:absolute;bottom:2vmin;display:flex;flex-direction:row;align-items:center;font-family:neue-haas-grotesk-display,sans-serif}.findMe{color:var(--lightGrey);font-weight:300;margin-right:4vmin}.child{position:absolute;top:100%;left:0}.contactLinkContainer{overflow:hidden}.myInfo a{text-decoration:none;color:var(--lightGrey);font-weight:100;display:flex;flex-direction:row;align-items:center;position:relative;transition:.4s transform;margin:0px 1vmin}.myInfo a:hover{transform:translateY(-100%);transition:.4s transform}.myInfo img{margin-left:5px}
