:root{--color-bg:#000;--color-text:#f4f4f4;--color-blue:#44c8ff;--color-red:#f44;--color-accent:var(--color-blue);--font-display:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;--font-ui:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;--z-canvas:0;--z-ui:10;--z-card:20}[data-theme=blue]{--color-accent:var(--color-blue)}[data-theme=red]{--color-accent:var(--color-red)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);width:100%;max-width:100%;height:100%;overflow:hidden}html[data-standalone-index=true],body[data-standalone-index=true]{height:auto;min-height:100%;overflow:hidden auto}body{color:var(--color-text);font-family:var(--font-ui);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-shell{background:var(--color-bg);touch-action:pan-y;width:100%;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.app-shell[data-view=index-standalone]{height:auto;min-height:100svh;overflow:hidden visible}.scene-root{z-index:var(--z-canvas);position:absolute;inset:0;overflow:hidden}.scene-root canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.site-header{z-index:var(--z-ui);pointer-events:none;mix-blend-mode:difference;padding:0;position:fixed;top:0;left:0;right:0}.site-title{width:100%;margin:0;padding:0;line-height:1;display:block}.site-title-svg{width:100%;height:clamp(2.5rem,11.5vw,14rem);display:block;overflow:visible}.site-nav{z-index:var(--z-ui);padding:0 1.25rem env(safe-area-inset-bottom,1.25rem);padding-bottom:max(1.25rem,env(safe-area-inset-bottom));mix-blend-mode:difference;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.app-shell[data-view=contact] .site-nav{mix-blend-mode:normal}.app-shell[data-view=contact] .site-nav .menu-item:not([data-active=true]){color:#000}.menu-item{color:#fff;font:600 1.25rem/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;pointer-events:auto;white-space:nowrap;background:0 0;border:0;padding:.25rem 0;transition:transform .14s,color .2s}.menu-item:hover,.menu-item:focus-visible{outline:none;transform:scale(1.1)}.menu-item[data-active=true]{color:var(--color-accent)}.menu-item--disabled{opacity:.35;pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none}@media (max-width:768px){.site-title{white-space:normal;font-size:clamp(2rem,14vw,14rem);line-height:.92}.site-title-svg{height:clamp(4rem,24vw,16rem)}.site-nav{align-items:flex-start;gap:.5rem;padding:.5rem 1rem 0;top:clamp(4rem,24vw,16rem);bottom:auto}.app-shell[data-view=contact] .site-nav{padding-top:0;padding-bottom:max(1.25rem,env(safe-area-inset-bottom));align-items:flex-end;top:auto;bottom:0}.menu-item{letter-spacing:clamp(.02em,.3vw,.08em);font-size:clamp(.82rem,3.6vw,1rem)}.detail-overlay-backdrop{-webkit-backdrop-filter:blur(4px)}.scene-root{touch-action:none;-webkit-tap-highlight-color:transparent}.index-project-header{gap:1.5rem;grid-template-columns:1fr!important}.index-project-gallery{overscroll-behavior-x:none;scroll-snap-type:none;grid-template-columns:minmax(0,1fr);gap:1rem;padding-bottom:1rem;overflow:clip visible}.index-project-image-wrapper{width:100%;min-width:0;height:auto}.index-project-image{object-fit:contain;width:100%;height:auto;max-height:min(68dvh,34rem)}.index-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow:clip auto}.index-row{min-height:48px}.loading-screen{touch-action:none;-webkit-tap-highlight-color:transparent}}.detail-overlay-backdrop{z-index:var(--z-card);background:#0006;justify-content:center;align-items:center;animation:.22s forwards backdropFadeIn;display:flex;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.detail-overlay{-webkit-backdrop-filter:blur(12px);color:#000;background:#ffffffd9;border-radius:12px;grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;width:clamp(800px,80vw,1200px);max-width:95vw;height:clamp(500px,75vh,850px);max-height:90vh;padding:clamp(1.5rem,4vw,3rem);animation:.26s cubic-bezier(.22,1,.36,1) forwards cardSlideUp;display:grid;position:relative;box-shadow:0 32px 80px #00000040}.detail-overlay__close{z-index:2;color:#fff;cursor:pointer;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:15px;right:15px}.detail-overlay__close:hover{background:#000}.detail-overlay__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;grid-area:1/1/2/2;margin:0;font-size:clamp(2rem,3.5vw,4.5rem);line-height:.92}.detail-overlay__category-wrapper{grid-area:2/1/3/2}.detail-overlay__category{font-family:var(--font-ui);text-transform:uppercase;color:#fff;letter-spacing:.05em;background:#000;border-radius:12px;padding:4px 8px;font-size:.75rem;display:inline-block}.detail-overlay__notes{color:#1a1a1a;white-space:pre-wrap;grid-area:1/2/3/3;max-width:48ch;margin-left:auto;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(.9rem,1vw,1.05rem);line-height:1.5}.detail-overlay__media{grid-area:3/1/4/-1;justify-content:center;align-items:flex-end;height:100%;min-height:0;padding-top:1rem;display:flex}.detail-overlay__img{object-fit:contain;max-width:100%;max-height:100%;display:block}.detail-overlay-backdrop[data-closing=true]{animation:.26s forwards backdropFadeOut}.detail-overlay-backdrop[data-closing=true] .detail-overlay{animation:.26s cubic-bezier(.22,1,.36,1) forwards cardSlideDown}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes cardSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@media (max-width:768px){.detail-overlay{grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr;gap:1rem;padding-top:3.5rem;overflow-y:auto}.detail-overlay__title{grid-area:1/1/2/-1}.detail-overlay__category-wrapper{grid-area:2/1/3/-1}.detail-overlay__notes{grid-area:3/1/4/-1;max-width:100%;margin-left:0}.detail-overlay__media{grid-area:4/1/5/-1;align-items:center}}.scene-root,.site-header,.site-nav{will-change:transform,opacity,filter;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1),filter .6s}.app-shell[data-view=index] .scene-root,.app-shell[data-view=contact] .scene-root{opacity:0;filter:blur(8px);pointer-events:none}.app-shell[data-view=index] .site-header,.app-shell[data-view=contact] .site-header,.app-shell[data-view=index] .site-nav{opacity:0;pointer-events:none;transform:translateY(10px)}.index-overlay{z-index:30;color:#0c0c0c;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:0;pointer-events:none;visibility:hidden;background:#f5f3ee;flex-direction:column;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;position:absolute;inset:0;overflow:clip auto}.app-shell[data-view=index] .index-overlay{opacity:1;pointer-events:auto;visibility:visible;transition-delay:.1s}.index-overlay--standalone{opacity:1;pointer-events:auto;visibility:visible;overscroll-behavior:auto;min-height:100svh;position:relative;overflow:visible}.contact-overlay{z-index:5;color:#000;opacity:0;pointer-events:none;visibility:hidden;background:#fff;padding:clamp(1rem,2vw,1.5rem);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s;position:absolute;inset:0}.app-shell[data-view=contact] .contact-overlay{opacity:1;pointer-events:auto;visibility:visible;transition-delay:.1s}.contact-overlay__close{color:#fff;cursor:pointer;z-index:6;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px);transition:transform .2s,background .2s;display:flex;position:absolute;top:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem)}.contact-overlay__close svg{width:50%;height:50%}.contact-overlay__close:hover,.contact-overlay__close:focus-visible{outline:none;transform:scale(1.1)}.contact-overlay__content{flex-direction:column;gap:2rem;max-width:800px;display:flex}.contact-overlay__text{color:#1a1a1a;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.contact-overlay__text--bold{font-weight:400}.contact-overlay__links{flex-direction:column;gap:.25rem;display:flex}.contact-overlay__links a{text-decoration:none;transition:color .2s}.contact-overlay__links a:hover{color:var(--color-red)}.index-nav{z-index:20;background:#f5f3ee;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;padding:1.25rem 1.25rem 5rem;display:flex;position:sticky;top:0}.index-nav-item{color:#000;font:600 1.25rem/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.25rem 0;transition:opacity .2s}.index-nav-item:hover,.index-nav-item:focus-visible{opacity:.7;outline:none}.index-nav-item[data-active=true]{color:var(--color-red)}.index-about-expanded{width:100%;top:var(--index-sticky-offset,0px);z-index:10;background:#f5f3ee;border-top:2px solid #000;border-bottom:2px solid #000;margin-bottom:-2px;position:sticky;overflow:hidden}.index-about-inner{padding:1.5rem 1.25rem 2rem}.index-about-text{color:#1a1a1a;max-width:72ch;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.index-body{flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow-x:clip}.index-project-container{border-top:2px solid #000;flex-direction:column;min-width:0;display:flex}.index-project-container:last-child{border-bottom:2px solid #000}.index-row{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;padding:1.25rem;transition:background-color .2s;display:flex}.index-row:hover{background-color:#00000008}.index-row-title{font-family:var(--font-ui);letter-spacing:-.01em;color:#000;min-width:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:600}.index-row-title-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #00000080;text-decoration:underline #00000080;text-decoration-thickness:1px;transition:text-decoration-color .15s}.index-row-title-link:hover{text-decoration-color:#000}.index-row-icon{font-family:var(--font-ui);color:#000;flex-shrink:0;font-size:1.5rem;font-weight:400}.index-project-expanded{width:100%;min-width:0;overflow:hidden}.index-project-expanded-inner{flex-direction:column;min-width:0;padding:0 1.25rem 2rem;display:flex}.index-project-header{grid-template-columns:1fr 1.5fr;gap:2rem;min-width:0;padding-top:1rem;padding-bottom:2.5rem;display:grid}.index-project-meta-left{flex-direction:column;gap:.75rem;display:flex}.index-project-title{font-family:var(--font-display);text-transform:uppercase;color:#000;letter-spacing:.01em;margin:0;font-size:clamp(1.5rem,3.5vw,2.5rem);line-height:.95}.index-project-link{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .15s}.index-project-link:hover{opacity:.6}.index-project-categories{flex-wrap:wrap;gap:.5rem;display:flex}.index-project-category{font-family:var(--font-ui);text-transform:uppercase;color:#fff;letter-spacing:.05em;white-space:nowrap;background:#000;border-radius:12px;padding:4px 10px;font-size:.7rem}.index-project-meta-right{flex-direction:column;justify-content:flex-start;min-width:0;display:flex}.index-project-notes{color:#1a1a1a;min-width:0;max-width:60ch;margin-left:auto;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(.9rem,1vw,1.05rem);line-height:1.5}.index-project-gallery{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;gap:1.5rem;width:100%;max-width:100%;padding-bottom:2rem;display:flex;overflow-x:auto}.index-project-gallery::-webkit-scrollbar{display:none}.index-project-image-wrapper{scroll-snap-align:start;flex-shrink:0;min-width:0;height:clamp(200px,40vh,500px)}.index-project-image{object-fit:cover;width:auto;max-width:100%;height:100%;display:block}@media (max-width:768px){.index-project-container[data-expanded=true] .index-row{top:var(--index-sticky-offset,0px);z-index:3;background:#f5f3ee;position:sticky;box-shadow:0 1px #0000001f}.index-project-header{grid-template-columns:1fr;gap:1.5rem;padding-bottom:1.5rem}.index-project-notes{max-width:100%;margin-left:0}.index-project-image-wrapper{height:auto}.index-nav{padding-bottom:3rem}.index-nav-item{letter-spacing:clamp(.02em,.24vw,.08em);font-size:clamp(.78rem,3.5vw,1rem)}.index-project-gallery{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);gap:1rem;padding-bottom:1rem;display:grid;overflow:clip visible}.index-project-image-wrapper{justify-content:center;width:100%;min-width:0;max-width:100%;display:flex}.index-project-image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:min(68dvh,34rem)}}.loading-screen{z-index:9999;will-change:opacity;background-color:#f5f3ee;justify-content:center;align-items:center;transition:opacity .4s ease-out;display:flex;position:fixed;inset:0}.loading-screen--hidden{opacity:0;pointer-events:none}.loading-screen__content{flex-direction:column;align-items:center;width:100%;max-width:clamp(220px,30vw,380px);display:flex}.loading-screen__title{font-family:var(--font-display);text-transform:lowercase;color:#000;letter-spacing:-.02em;margin-bottom:3.5rem;font-size:clamp(1rem,1.5vw,1.4rem)}.loading-screen__progress-wrapper{width:100%;margin-bottom:2rem}.loading-screen__progress-track{background-color:#0000;width:100%;height:2px;position:relative}.loading-screen__progress-bar{background-color:#000;height:100%;position:relative}.loading-screen__progress-dot{background-color:#000;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;right:-6px}.loading-screen__subtitle{font-family:var(--font-display);color:#000;text-transform:lowercase;letter-spacing:-.01em;margin-bottom:.5rem;font-size:clamp(.75rem,1.2vw,1.1rem)}@keyframes loadingScreenEnterFade{0%{opacity:0}to{opacity:1}}.loading-screen__enter-button{color:#000;font:600 clamp(.78rem,1.15vw,1rem)/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #000;margin-bottom:.5rem;padding:.6rem 1.05rem;transition:transform .14s,opacity .16s,background-color .16s;animation:.6s forwards loadingScreenEnterFade}.loading-screen__enter-button:hover,.loading-screen__enter-button:focus-visible{background-color:#0000000a;outline:none;transform:translateY(-1px)}.loading-screen__enter-button:disabled{cursor:wait;opacity:.65}.loading-screen__percentage{font-family:var(--font-ui);color:#888;font-size:.65rem}