body{background:var(--background-color)}#main-header{transition:opacity .22s ease,transform .22s ease,visibility 0ms linear 0ms;will-change:opacity,transform}body.homepage-nav-hidden #main-header{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0ms linear .22s}main.homepage-shared-element{padding-top:clamp(5rem,8vw,6rem);padding-bottom:clamp(4rem,6vw,6rem)}.homepage-list-scene{width:min(1080px,calc(100vw - 2rem));margin:0 auto;position:relative;z-index:1}.homepage-project-list{list-style:none;width:min(270px,100%);margin:0 auto;padding:0;display:flex;flex-direction:column;gap:7rem}.homepage-project-list>li{width:100%}.homepage-project-card{width:100%;opacity:1;transform:translateZ(0);transition:opacity .26s ease}.homepage-list-scene.homepage-list-dimmed .homepage-project-card{opacity:.2}.homepage-list-scene.homepage-list-dimmed .homepage-project-card.homepage-active-card{opacity:1}.homepage-open-button{width:100%;border:0;padding:0;margin:0;text-align:left;background:none;color:inherit;cursor:pointer;display:block}.homepage-open-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.homepage-thumb-frame{width:100%;aspect-ratio:var(--homepage-thumb-aspect, 16 / 9);border-radius:0;overflow:hidden;display:block;background:#141414;transform:translateZ(0)}.homepage-thumb-frame.homepage-source-hidden{opacity:0}.homepage-thumb-media,.homepage-thumb-image,.homepage-sprite-sheet,.homepage-detail-fallback-media{width:100%;height:100%;display:block}.homepage-thumb-media,.homepage-transition-visual{position:relative}.homepage-thumb-image,img.homepage-detail-fallback-media{object-fit:cover}.homepage-thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:#949494;background:#171717}.homepage-detail-scene{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0ms linear .26s}.homepage-detail-scene.homepage-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s ease,visibility 0ms linear 0ms}.homepage-detail-backdrop{position:absolute;inset:0;background:#221f1ff5}.homepage-detail-scroll{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:clamp(1rem,2.8vw,2rem)}.homepage-detail-shell{width:min(960px,calc(100vw - 2rem));margin:0 auto;position:relative;z-index:1;color:#eaeae7}.homepage-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.homepage-detail-heading{min-width:0;display:grid;gap:.25rem}.homepage-detail-date{color:#8f8f87;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.homepage-detail-title{font-size:clamp(1rem,2vw,1.25rem);margin:0}.homepage-detail-actions{display:inline-flex;align-items:center;gap:.45rem}.homepage-edit-project-btn,.homepage-close-button{border:0;background:none;color:#f6f6f2;cursor:pointer}.homepage-edit-project-btn{width:2.1rem;height:2.1rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.homepage-edit-project-btn .icon{width:1rem;height:1rem}.homepage-close-button{font-size:2rem;line-height:1;width:2.4rem;height:2.4rem;padding:0}.homepage-edit-project-btn:focus-visible,.homepage-close-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.homepage-hero-frame{--homepage-hero-inline-padding: clamp(.75rem, 2vw, 1.5rem);--homepage-hero-max-height: calc(100vh - (var(--homepage-hero-inline-padding) * 2));--homepage-hero-max-height: calc(100svh - (var(--homepage-hero-inline-padding) * 2));width:100%;width:min(100%,calc(var(--homepage-hero-max-height) * var(--homepage-hero-aspect, 16 / 9)));max-width:calc(100vw - (var(--homepage-hero-inline-padding) * 2));max-height:var(--homepage-hero-max-height);margin:0 auto;border-radius:0;overflow:hidden;background:var(--homepage-fallback-poster, none) center / cover no-repeat,#0f0f0f;aspect-ratio:var(--homepage-hero-aspect, 16 / 9);position:relative}.homepage-hero-frame.homepage-target-hidden{opacity:0;pointer-events:none}.homepage-hero-frame.homepage-target-hidden .homepage-hero-media{opacity:0}.homepage-hero-media{position:relative;z-index:1;width:100%;height:100%;opacity:1}.homepage-hero-bridge{position:absolute;inset:0;z-index:2;pointer-events:none}.homepage-hero-media>img,.homepage-hero-media>video,.homepage-hero-media>.video-container,.homepage-hero-media>.video-container>video{width:100%;height:100%;object-fit:cover;display:block}.homepage-hero-media>.video-container{margin:0;max-width:none;min-height:0;background:transparent}.homepage-detail-content{margin-top:1.2rem}.homepage-detail-content .project-content{color:#dfdfdb}.homepage-detail-content .project-links{margin-top:1.2rem}.homepage-transition-layer{position:fixed;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;z-index:90;overflow:hidden;border-radius:0;transform-origin:top left;will-change:transform,opacity}.homepage-transition-layer.homepage-active{opacity:1}.homepage-transition-visual,.homepage-transition-media-layer,.homepage-transition-layer>img,.homepage-transition-layer>video{width:100%;height:100%;display:block}.homepage-transition-media-layer{position:absolute;inset:0;object-fit:cover}.homepage-empty{color:#8e8e86}@media (max-width: 680px){.homepage-detail-header{align-items:center}.homepage-detail-actions{flex-shrink:0}}@media (prefers-reduced-motion: reduce){#main-header,.homepage-project-card,.homepage-detail-scene{transition:none!important}}