@property --layout-nav-width{syntax:"<length>";inherits:true;initial-value:0}:root{--font-mono:"Roboto Mono",monospace;--layout-gutter:0.5rem;--layout-nav-width-collapsed:5rem;--layout-nav-width-expanded:19.25rem;--layout-mobile-nav-height:4rem;--layout-border-radius:0.9375rem;--color-green:hsla(140,41%,25%,1);--color-blue:hsla(222,64%,47%,1);--color-orange:hsla(10,78%,56%,1);--color-primary:var(--color-green);--color-accent:hsla(67,56%,62%,1);--color-offwhite:rgba(245,245,245,1);--nav-transition-duration:0.3s;--navigation-color-bg:var(--color-green);--media-skeleton-base:hsla(0,0%,0%,0.06);--media-skeleton-highlight:hsla(0,0%,0%,0.14);--media-skeleton-bg:linear-gradient(-45deg,var(--media-skeleton-base) 30%,var(--media-skeleton-highlight) 50%,var(--media-skeleton-base) 70%);@media (max-width:768px){--layout-nav-width-collapsed:0;--layout-nav-width-expanded:0}view-transition-name:auto}.media-skeleton{background:var(--media-skeleton-bg);background-size:200% 100%;animation:media-skeleton-shimmer 1.4s linear infinite}@keyframes media-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.media-skeleton{animation:none;background:var(--media-skeleton-base)}}:root{--nav-links-origin:center}:root:has(div[data-nav-primary=true].has-project){--nav-links-origin:bottom center}:root:not(:has(div[data-nav-primary=true].has-project)){--nav-links-origin:top center}::view-transition-group(projects-list){z-index:-1}::view-transition-group(.search-panel){z-index:1}::view-transition-group(.search-project){z-index:2}::view-transition-group(project-hero){z-index:0}::view-transition-group(search-toggle){z-index:1}::view-transition-group(intro-animation){z-index:2}::view-transition-group(.intro){z-index:2}::view-transition-group(nav-primary){z-index:4}::view-transition-group(.project-hero-media){z-index:10}[data-incoming-hero] img,[data-incoming-hero] video{view-transition-class:project-hero-media}::view-transition-group(search){z-index:1}[data-nav-links-bouncing]::view-transition-image-pair(nav-links){transform-origin:var(--nav-links-origin);animation:nav-links-squash .4s linear}::view-transition-old(nav-links){animation:none;opacity:0}::view-transition-new(nav-links){animation:none;opacity:1}@keyframes nav-links-squash{0%,40%{transform:scaleY(1)}55%{transform:scaleY(.85)}65%{transform:scaleY(.85)}85%{transform:scaleY(1.05)}to{transform:scaleY(1)}}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:rgb(255,255,255);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{--layout-nav-width:19.25rem;--layout-y-offset:0px;font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:rgb(0,0,0);padding-left:calc(var(--layout-nav-width) + var(--layout-gutter));padding-top:var(--layout-y-offset);transition:--layout-nav-width var(--nav-transition-duration) cubic-bezier(.34,1.56,.64,1);width:100%;box-sizing:border-box;@media (max-width:768px){--layout-nav-width:0px;--layout-y-offset:var(--layout-mobile-nav-height);padding-left:0}}body[data-lock-scroll=true],html[data-lock-scroll=true]{overflow:hidden;position:fixed;width:100%}img,video{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}p{margin:24px 0}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.page{padding:var(--layout-gutter)}.polite{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.polite,body{background:transparent}main{container-name:main;container-type:inline-size}