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}*{box-sizing:border-box}html{font-size:15px;font-family:"Elma Trio Regular", Helvetica, sans-serif;letter-spacing:-0.025rem;line-height:100%;cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:black}html ::selection{background:blue}body{z-index:-1;position:relative}body:has(.project.content) #back{opacity:1}main{position:relative;z-index:1}p{font-size:1rem;line-height:130%}p .arrow{transform:rotate(-45deg);font-size:0.55rem;margin-top:-0.2rem;font-weight:600;margin-left:0.075rem;display:inline-block;position:absolute}p a{text-decoration:underline;text-decoration-color:blue;text-underline-offset:0.2rem}p img{height:1em !important;width:auto !important;aspect-ratio:auto !important;padding-top:4px}h1{font-size:2.3rem;letter-spacing:-0.1rem;line-height:110%;color:black}h1+h1{margin-top:1rem}h2{font-family:"Rapida L Regular", times, serif;font-size:2.2rem;line-height:120%;color:black}h3{font-size:1.75rem}h4{font-family:"Rapida L Regular", times, serif;font-size:1rem;letter-spacing:0}em{color:blue}i{color:#808080}a{color:inherit;text-decoration:none}a.tag:hover{background-color:white;color:blue}header{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;width:100vw;top:0;padding:10px 1rem;z-index:20;color:yellow;mix-blend-mode:difference}header .tag{border-color:yellow}header .tag:hover{background-color:yellow;color:black;cursor:pointer}header div:nth-child(1){text-align:left}header div:nth-child(2){text-align:center}header div:nth-child(3){text-align:right}#back{opacity:0;transition:opacity 0.3s ease}section.content{padding:0.7rem 1rem}section.background{width:100vw;height:calc(100vh - 3rem);height:calc(100svh - 3rem);position:fixed;top:0;bottom:0;z-index:-10;background-color:black}section.background img,section.background video{height:100%;width:100%;object-fit:cover;opacity:0;transition:opacity 2s}section.background h1{position:absolute;text-align:center;top:50%;transform:translateY(-60%);left:0;right:0}section.landing{height:calc(100svh - 8.25rem);padding:4rem 1rem;position:sticky;top:0;z-index:-1;background-color:white}section.landing .landing-images{width:calc(100vw - 2rem);height:100%;top:0;overflow:hidden;position:absolute}section.landing .project-image{width:20vw;cursor:pointer}section.landing h1{max-width:1025px}section.landing .white-bar{bottom:-9rem;left:0;position:absolute;width:100%;background-color:white;height:9rem;display:none}section.about{background-color:#EFF2F7;width:100vw;position:relative;z-index:2}section.about .awards .award{display:flex;justify-content:space-between;border-top:1px dashed black;padding:8px 0 7px 0;gap:2rem}section.about .awards .award p:last-child{text-align:right}section.projects{background-color:black;color:white;position:sticky;z-index:5;width:100vw}section.websites{background-color:blue;color:white;position:sticky;z-index:5;width:100vw}section.websites a{text-decoration-color:white}section.websites .website{border-top:1px dashed white;padding:8px 0 7px 0;row-gap:0}section.websites .caption{margin-top:0.5rem}section.websites .website-frame{width:100%;padding-top:1.4rem;line-height:0;border-radius:0.5rem;background-color:#EFF2F7;border:0.2rem solid #EFF2F7;object-fit:cover;object-position:top;overflow:hidden}section.websites .website-frame .dots{position:absolute;top:0.3rem;left:0.5rem;display:flex;gap:0.5rem}section.websites .website-frame .dots .dot{width:0.65rem;height:0.65rem;border-radius:50%;background-color:white}section.websites .website-frame .website-image{width:100%;aspect-ratio:1512/982}section.websites .website-frame[src=""]{display:none}section.websites .websites-heading{row-gap:0;margin:0 0 8px 0}section.project{background-color:black;margin-top:3rem;color:white}section.project:hover h3{color:white;cursor:default}section.project .description{max-width:700px}section.project .description p+p{margin-top:1rem}section.dark{top:0;left:0;right:0;bottom:0;background-color:black;position:fixed;z-index:10;opacity:0;pointer-events:none}section.error{background-color:white;position:fixed;top:0;z-index:5;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}video{width:100%}.project{display:block}.project:hover h3{color:blue;cursor:pointer}.project img{width:100%;aspect-ratio:16/9;object-fit:cover}.project .details{display:flex;justify-content:space-between;margin:0.4rem 0 1rem 0}.project h3{transition:0.2s}.tags{margin-top:1.2rem;display:flex;gap:0.5rem;flex-wrap:wrap}.image{display:block;margin:0 auto}.image img{object-fit:contain;aspect-ratio:auto}.description{margin-top:0.5rem}.heading{margin:0 0 8px 0}.tag{border-radius:10rem;border:1px dashed white;display:inline-block;padding:0.2rem 0.6rem;margin-top:-0.3rem;height:fit-content}.grid2,.two-col{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;row-gap:3rem;position:relative}.grid2.heading,.two-col.heading{place-items:baseline;margin-bottom:30px;cursor:pointer}.grid2.heading p,.two-col.heading p{width:100%}.grid3{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.grid4{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}.grid6{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:2rem}.flex-column{display:flex;flex-direction:column;gap:1rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.span2{grid-column:span 2}.span3{grid-column:span 3}.span6{grid-column:span 6}.sticky{position:sticky;position:-webkit-sticky;top:4rem}.sticky .tag{border-color:black}@media (max-width: 800px){html{font-size:13px !important}h1{font-size:1.75rem}h1+h1{margin-top:0.8rem}header{padding:10px 0.5rem;grid-template-columns:2fr 1fr;row-gap:0.85rem}header #title{order:0}header #links{order:2;grid-column:span 2;text-align:right}header #back{order:1}section.landing{padding:6rem 0.5rem}section.content{padding:0.7rem 0.5rem}.grid2{grid-template-columns:1fr}.grid2.heading{grid-template-columns:3fr 1fr}.grid4{grid-template-columns:1fr 1fr}.span2{grid-column:span 6}.span3{grid-column:span 6}.span6{grid-column:span 6}}