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;object-position:top;object-fit:cover}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}body:has(main.dashboard) #back{opacity:1}main.dashboard{min-height:100vh;padding:3.5rem 1rem 3rem;background-color:#EFF2F7;color:black}main.dashboard turbo-frame{display:block}main.dashboard .tag{border-color:black}main.dashboard a.tag:hover,main.dashboard button.tag:hover{background-color:blue;border-color:blue;color:white;cursor:pointer}main.dashboard button.tag{font:inherit;color:inherit;background:none}main.dashboard .tag.active{background-color:black;color:#EFF2F7}main.dashboard code{font-family:inherit;color:blue}main.dashboard .ranges{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;justify-content:flex-end;width:100%}main.dashboard .ranges nav{display:flex;align-items:baseline;gap:0.5rem}main.dashboard .properties{display:flex;flex-direction:column}main.dashboard .account-name{display:none}main.dashboard .flash,main.dashboard .error{color:blue;margin-bottom:1rem}main.dashboard .intro{max-width:1025px;margin-top:3rem}main.dashboard .intro h1{margin-bottom:2rem}main.dashboard .connection{border-top:1px dashed black;padding:8px 0 7px 0;margin-bottom:3rem}main.dashboard .account{margin-bottom:3rem}main.dashboard .property{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;row-gap:1.5rem;border-top:1px dashed black;padding:1rem 0 2rem 0}main.dashboard .property h3{line-height:110%;margin-bottom:0.3rem}main.dashboard .card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:1rem}main.dashboard .card-tags .tag{margin-top:0}main.dashboard .live{display:inline-flex;align-items:center;gap:0.4rem}main.dashboard .pulse{width:0.5rem;height:0.5rem;border-radius:50%;background-color:blue;animation:pulse 2s ease-in-out infinite}main.dashboard .metrics{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}main.dashboard .value{font-size:1.75rem;line-height:110%;margin:0.3rem 0 0.2rem 0}main.dashboard .change{color:#808080}main.dashboard .change.up{color:blue}main.dashboard .sparkline{grid-column:2}main.dashboard .sparkline svg{display:block;width:100%;height:3rem;overflow:visible}main.dashboard .sparkline .spark{position:relative;cursor:crosshair;touch-action:pan-y}main.dashboard .sparkline .spark-dot{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background-color:blue;transform:translate(-50%, -50%);pointer-events:none}main.dashboard .sparkline .spark-tip{position:absolute;bottom:calc(100% + 0.5rem);padding:0.2rem 0.6rem;border-radius:10rem;background-color:black;color:#EFF2F7;white-space:nowrap;pointer-events:none;z-index:1}main.dashboard .sparkline .spark-dot[hidden],main.dashboard .sparkline .spark-tip[hidden]{display:none}main.dashboard .sparkline polyline{fill:none;stroke:blue;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}main.dashboard .sparkline p{margin-top:0.5rem}main.dashboard .sources{display:none;grid-column:2}main.dashboard .sources .source{display:flex;justify-content:space-between;gap:1rem;border-top:1px dashed black;padding:8px 0 7px 0}main.dashboard .sources .source p:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main.dashboard .sources .source p:last-child{white-space:nowrap}main.dashboard.details .sources{display:block}main.dashboard.grid .accounts{display:grid;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));column-gap:2rem}main.dashboard.grid .account,main.dashboard.grid .properties{display:contents}main.dashboard.grid .account>.heading{display:none}main.dashboard.grid .account-name{display:inline}main.dashboard.grid turbo-frame{margin-bottom:1rem}main.dashboard.grid .property{grid-template-columns:1fr;align-content:start;row-gap:1rem;height:100%;padding-bottom:1.5rem}main.dashboard.grid .property h3{font-size:1.3rem}main.dashboard.grid .card-tags{margin-top:0.6rem}main.dashboard.grid .metrics{grid-template-columns:1fr 1fr;row-gap:0.8rem}main.dashboard.grid .value{font-size:1.4rem}main.dashboard.grid .sources{grid-column:1}main.dashboard.grid .sparkline{grid-column:1}main.dashboard.grid .sparkline svg{height:2.5rem}main.dashboard.grid .sparkline p{display:none}@media (max-width: 800px){main.dashboard{padding:6rem 0.5rem 3rem}main.dashboard .grid2.heading{grid-template-columns:1fr;row-gap:1rem}main.dashboard .ranges{justify-content:flex-start}main.dashboard .property{grid-template-columns:1fr}main.dashboard .sparkline,main.dashboard .sources{grid-column:1}main.dashboard .metrics{grid-template-columns:1fr 1fr}}@keyframes pulse{50%{opacity:0.25}}@media (prefers-reduced-motion: reduce){main.dashboard .pulse{animation:none}}@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}}