:root{--background: #050505;--fade-duration: 1.8s;--fade-easing: cubic-bezier(.22, .61, .36, 1);--edge-x: clamp(.7rem, 1.2vw, 1.6rem);--nav-button-width: min(20vw, 230px);--ui-font-size: clamp(.68rem, 1.1vw, 1.05rem);--ui-letter-spacing: .08em;--ui-line-height: 1;--project-panel-offset: calc( ((100vw - (var(--edge-x) * 2)) / 8) - (var(--nav-button-width) / 2) );--about-panel-offset: calc( (((100vw - (var(--edge-x) * 2)) * 5) / 8) - (var(--nav-button-width) / 2) )}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--background)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}#app{width:100%;height:100%}@supports (height: 100dvh){html,body,#app{height:100dvh}}.slideshow{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:var(--background)}.loading-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#000;opacity:1;pointer-events:auto;visibility:visible;transition:opacity .42s var(--fade-easing),visibility 0ms linear 0ms}.loading-overlay.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition-delay:0ms,.42s}.loading-mark{display:block;width:clamp(2rem,4vw,3.8rem);aspect-ratio:1;border:1px solid rgb(255 255 255 / 32%);border-top-color:#fff;border-radius:999px;animation:loading-spin .82s linear infinite}@keyframes loading-spin{to{transform:rotate(1turn)}}.image-slot{position:absolute;inset:0;opacity:1;transition:opacity .9s var(--fade-easing)}.image-slot-base{z-index:1}.image-slot-top{z-index:2;opacity:1;mix-blend-mode:difference}.slot-image{position:absolute;inset:-1%;opacity:0;transition:opacity var(--fade-duration) var(--fade-easing);background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(2);transform-origin:center;filter:saturate(1.04) contrast(1.01);will-change:opacity}.slot-image.is-visible{opacity:1}.slideshow.is-project-selected .image-slot{opacity:0}.screen-nav{position:absolute;top:50%;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;padding:0 var(--edge-x);pointer-events:none;transform:translateY(-50%);transition:top .64s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1)}.slideshow.is-nav-open .screen-nav{top:clamp(.75rem,2vw,1.35rem);transform:translateY(0)}.screen-nav-button{pointer-events:auto;width:var(--nav-button-width);min-width:0;padding:.95rem 1.4rem;border:0;border-radius:999px;background:#00000056;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;font:inherit;white-space:nowrap;cursor:pointer;transform:translateY(0) scale(1);transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1);will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.screen-nav-label{display:block;color:#fff;mix-blend-mode:difference;font-size:var(--ui-font-size);letter-spacing:var(--ui-letter-spacing);line-height:var(--ui-line-height)}.screen-nav-button:is(:hover,:focus-visible){transform:translateY(-2px) scale(1.015);filter:brightness(1.08)}.screen-nav-button:active{transform:translateY(0) scale(.97);filter:brightness(.96);transition-duration:80ms}.screen-nav-button-static,.screen-nav-button-static:is(:hover,:focus-visible),.screen-nav-button-static:active{transform:translateY(0) scale(1);filter:none;transition:none}.screen-nav-button:focus-visible{outline:2px solid rgb(255 255 255 / 85%);outline-offset:3px}.projects-panel,.about-panel{position:absolute;top:clamp(4.4rem,9vh,6.2rem);right:0;bottom:0;left:0;z-index:4;overflow-y:auto;padding:0 var(--edge-x) 2rem;pointer-events:none;transform:translateY(.9rem);visibility:hidden;transition:transform .52s cubic-bezier(.16,1,.3,1),visibility 0ms linear .52s}.slideshow.is-projects-open .projects-panel,.slideshow.is-about-open .about-panel{pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:.18s,0ms}.about-panel{display:block}.projects-list,.about-list{display:flex;flex-direction:column;gap:.22rem;margin:0;padding:0;list-style:none}.projects-list{width:min(calc(100% - var(--project-panel-offset)),1040px);margin-left:max(0px,var(--project-panel-offset))}.project-list-item{display:block}.about-list{width:min(calc(100% - var(--about-panel-offset)),780px);margin-left:max(0px,var(--about-panel-offset));--about-label-column: minmax(5.8rem, 7.2vw)}.project-row,.about-row{display:grid;gap:.32rem;transform:translateY(.45rem);visibility:hidden;transition:transform .42s cubic-bezier(.16,1,.3,1),visibility 0ms linear .42s;will-change:transform}.project-row{grid-template-columns:minmax(16rem,36vw) minmax(7rem,13vw) minmax(4.25rem,5.6vw);appearance:none;width:100%;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;font:inherit;opacity:1;text-align:left;transition:transform .76s cubic-bezier(.16,1,.3,1),opacity .5s var(--fade-easing),visibility 0ms linear .76s}.about-row{grid-template-columns:var(--about-label-column) minmax(18rem,1fr)}.about-row-spaced{margin-top:calc((1.85rem + .22rem) * 3)}.slideshow.is-projects-open .project-row,.slideshow.is-about-open .about-row{transform:translateY(0);visibility:visible;transition-delay:0ms,0ms}.slideshow.is-projects-entering.is-projects-open .project-row{transition-delay:var(--row-delay),var(--row-delay),var(--row-delay)}.slideshow.is-about-entering.is-about-open .about-row{transition-delay:var(--row-delay),var(--row-delay)}.slideshow.is-projects-open .project-row:hover,.slideshow.is-about-open .about-row-contact:hover{transform:translateY(-2px) scale(1.015);transition-delay:0ms,0ms}.slideshow.is-project-selected .projects-list{pointer-events:none}.slideshow.is-project-selected .project-row,.slideshow.is-project-selected .project-row:hover{opacity:0;pointer-events:none;transform:translate(-112vw);transition:transform 1.4s cubic-bezier(.16,1,.3,1),opacity .76s var(--fade-easing),visibility 0ms linear 1.4s}.project-pill,.about-pill{display:flex;min-width:0;min-height:1.85rem;align-items:center;justify-content:flex-start;border-radius:999px;padding:.34rem .72rem;overflow:hidden;background:#00000075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:inset(50% 0 50% 0 round 999px);color:#fff0;font-size:var(--ui-font-size);letter-spacing:var(--ui-letter-spacing);line-height:var(--ui-line-height);text-overflow:ellipsis;transition:clip-path 60ms cubic-bezier(.16,1,.3,1),color .22s var(--fade-easing);white-space:nowrap}.project-pill{transition:clip-path .18s cubic-bezier(.16,1,.3,1),color .32s var(--fade-easing)}.slideshow.is-projects-open .project-pill,.slideshow.is-about-open .about-pill{clip-path:inset(0 0 0 0 round 999px);color:#fff;transition-delay:var(--row-delay),calc(var(--row-delay) + 70ms)}.project-name{width:100%;text-align:left;text-transform:uppercase}.project-tag,.project-date{width:fit-content;max-width:100%;text-transform:uppercase}.about-label{width:fit-content;max-width:100%;justify-content:center;text-align:center}.about-label-spacer{display:block}.about-text{max-width:100%}.about-contact-link{cursor:pointer;text-decoration:none}.about-contact-link:focus-visible{outline:2px solid rgb(255 255 255 / 85%);outline-offset:3px}.project-detail{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .42s var(--fade-easing),visibility 0ms linear .42s}.slideshow.is-project-selected .project-detail{opacity:1;pointer-events:auto;visibility:visible;transition-delay:.32s,0ms}.project-carousel{position:absolute;inset:0;overflow:hidden;background:#000}.project-carousel-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none}.project-carousel-track{display:flex;width:100%;height:100%;align-items:center;gap:0;will-change:transform}.project-carousel-slide{position:relative;flex:0 0 100%;width:100%;min-width:100%;height:100%;display:grid;place-items:center;margin:0;padding:0;overflow:hidden;background:#000}.project-media-loading{position:absolute;z-index:1;width:clamp(1.6rem,3vw,3rem)}.project-carousel-media{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center center;opacity:1;transition:opacity .24s var(--fade-easing);z-index:2}.project-carousel-slide.is-media-loading .project-carousel-media{opacity:0}.project-carousel-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.project-carousel-empty{width:100%;margin:0;color:#fff;font-size:var(--ui-font-size);letter-spacing:var(--ui-letter-spacing);text-align:center}.project-carousel-zone{position:absolute;top:0;bottom:0;z-index:3;width:31vw;border:0;padding:0;background:transparent;opacity:1}.project-carousel-zone-left{left:0;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M30 10 16 24l14 14' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 16 24,w-resize}.project-carousel-zone-right{right:0;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M18 10 32 24 18 38' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 32 24,e-resize}.project-carousel-zone:focus-visible{outline:2px solid rgb(255 255 255 / 85%);outline-offset:-.45rem}.project-detail-info{--detail-text-inset: .72rem;position:absolute;bottom:clamp(.5rem,1.2vw,1rem);left:var(--edge-x);width:calc(50vw - var(--edge-x));z-index:5;transform:translateY(0);transition:bottom .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1)}.slideshow.is-project-description-open .project-detail-info{bottom:50%;transform:translateY(50%)}.project-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:.64rem;align-items:start;width:100%;appearance:none;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.project-detail-summary .project-pill{min-height:1.85rem;padding:.34rem .72rem;font-size:var(--ui-font-size)}.project-detail-summary:focus-visible{outline:2px solid rgb(255 255 255 / 85%);outline-offset:3px;border-radius:999px}.detail-project-name,.detail-project-tag,.detail-project-date{text-transform:uppercase}.detail-project-name{white-space:normal;overflow-wrap:anywhere;line-height:1.05}.detail-project-tag,.detail-project-date,.detail-description-toggle{width:fit-content;max-width:100%}.detail-description-toggle{justify-content:center;min-width:1.85rem;border:0;cursor:pointer;font:inherit}.project-description{max-height:0;margin:0;padding:0 var(--detail-text-inset);overflow:hidden;border-radius:14px;background:#0000009e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff0;font-size:var(--ui-font-size);letter-spacing:var(--ui-letter-spacing);line-height:1.24;transform:translateY(.35rem);transition:max-height .52s cubic-bezier(.16,1,.3,1),padding .52s cubic-bezier(.16,1,.3,1),color .22s var(--fade-easing),transform .52s cubic-bezier(.16,1,.3,1)}.slideshow.is-project-description-open .project-description{max-height:min(42vh,24rem);padding:1.04rem var(--detail-text-inset) 1.16rem;overflow-y:auto;color:#fff;transform:translateY(.22rem)}.empty-state{width:100%;height:100%;display:grid;place-items:center;margin:0;color:#f4f4f4;background:var(--background);font-size:var(--ui-font-size);letter-spacing:var(--ui-letter-spacing)}@media(prefers-reduced-motion:reduce){.image-slot,.slot-image,.screen-nav-button,.screen-nav,.projects-panel,.about-panel,.project-detail,.project-carousel-track,.project-detail-info,.project-description,.project-row,.about-row,.project-pill,.about-pill{transition-duration:.01ms}}@media(max-width:760px){.slideshow{--mobile-edge-left: max(.75rem, env(safe-area-inset-left));--mobile-edge-right: max(.75rem, env(safe-area-inset-right));--mobile-top: max(.75rem, env(safe-area-inset-top));--mobile-nav-space: calc(var(--mobile-top) + 6.35rem);--mobile-panel-space: calc(var(--mobile-nav-space) + 2rem);--mobile-detail-space: calc(7.2rem + env(safe-area-inset-bottom)) ;--edge-x: var(--mobile-edge-left);--nav-button-width: 100%;--project-panel-offset: 0px;--about-panel-offset: 0px;--ui-font-size: clamp(.7rem, 2.8vw, .84rem)}.screen-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:0 var(--mobile-edge-right) 0 var(--mobile-edge-left)}.screen-nav-button{width:100%;min-width:0;min-height:2.9rem;padding:.8rem .65rem}.screen-nav-label{letter-spacing:.055em;line-height:1.08}.screen-nav-button:is(:hover,:focus-visible){transform:translateY(0) scale(1);filter:none}.slideshow.is-nav-open .screen-nav{top:var(--mobile-top)}.projects-panel,.about-panel{top:var(--mobile-panel-space);padding:0 var(--mobile-edge-right) calc(1.3rem + env(safe-area-inset-bottom)) var(--mobile-edge-left)}.about-panel{justify-content:stretch}.project-carousel-viewport{inset:0}.project-carousel-slide{padding:0}.project-carousel-media{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain!important}.project-carousel-zone{top:0;bottom:0;width:50vw;cursor:pointer;touch-action:none}.project-detail-info{--detail-text-inset: .62rem;right:var(--mobile-edge-right);bottom:max(.75rem,env(safe-area-inset-bottom));left:var(--mobile-edge-left);width:auto}.slideshow.is-project-description-open .project-detail-info{bottom:max(.75rem,env(safe-area-inset-bottom));transform:translateY(0)}.project-detail-summary{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.28rem}.project-detail-summary .project-pill{min-height:2.7rem;padding:.56rem .62rem}.detail-description-toggle{min-width:2.7rem}.project-description{letter-spacing:.05em;line-height:1.28}.slideshow.is-project-description-open .project-description{max-height:min(38vh,16rem);padding:.88rem var(--detail-text-inset) .98rem;overflow-y:auto}.projects-list,.about-list{width:100%;margin-left:0}.about-list{--about-label-column: 5.9rem}.project-row{grid-template-columns:minmax(0,1fr) minmax(4.6rem,auto) minmax(3.6rem,auto);gap:.24rem}.slideshow.is-projects-open .project-row:hover,.slideshow.is-about-open .about-row-contact:hover{transform:translateY(0) scale(1)}.about-row{grid-template-columns:var(--about-label-column) minmax(0,1fr);gap:.24rem}.about-row-spaced{margin-top:5.82rem}.project-pill,.about-pill{min-height:1.9rem;padding:.42rem .56rem;letter-spacing:.05em;line-height:1.08}.about-text{white-space:normal;overflow-wrap:anywhere}}@media(max-width:430px){.slideshow{--mobile-nav-space: calc(var(--mobile-top) + 6.05rem);--mobile-panel-space: calc(var(--mobile-nav-space) + 2rem);--mobile-detail-space: calc(6.85rem + env(safe-area-inset-bottom)) }.screen-nav{gap:.45rem}.screen-nav-button{min-height:2.8rem;padding:.76rem .52rem}.project-row{grid-template-columns:minmax(0,1fr) minmax(3.9rem,auto) minmax(3.15rem,auto)}.project-detail-summary{grid-template-columns:minmax(0,1fr) auto auto 2.45rem;gap:.22rem}.project-detail-info{--detail-text-inset: .52rem}.project-detail-summary .project-pill{min-height:2.45rem;padding:.5rem .52rem}.detail-description-toggle{min-width:2.45rem;padding-right:0;padding-left:0}}