body{background-color:var(--bg);color:var(--fg);font-family:MADERegular,sans-serif;overflow:hidden!important}img{object-fit:cover;width:100%;height:100%;transition:opacity .25s var(--ease-out-soft);-webkit-user-select:none;user-select:none}p{text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}.container{opacity:0;width:100vw;height:100vh;transition:opacity .8s var(--ease-out-soft);position:relative;overflow:hidden!important}.container.loaded{opacity:1}.bg-blur{filter:blur(60px)saturate(1.1);opacity:.55;z-index:-2;background-position:50%;background-size:cover;width:100vw;height:100vh;position:fixed;inset:0;transform:scale(1.2)}.dark-overlay{background:radial-gradient(120% 120% at 70% 30%, #0505058c 0%, #050505e6 70%), var(--bg);z-index:-1;width:100vw;height:100vh;position:fixed;inset:0}.work-transition{z-index:9999;pointer-events:none;background-color:#000;width:100%;height:100%;transition:top .8s cubic-bezier(.87,0,.13,1);position:fixed;top:-100%;left:0}.project-nav{width:100vw;padding:var(--space-3) clamp(1.25rem, 4vw, 3rem);z-index:5;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.project-brand{letter-spacing:.02em;color:var(--fg);font-family:Grifter,sans-serif;font-size:1.5rem;text-decoration:none}.project-back{font-family:MADERegular,sans-serif;font-size:var(--text-label);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--fg);transition:opacity .4s var(--ease-out-soft);align-items:center;gap:.6em;text-decoration:none;display:inline-flex}.project-back .back-arrow{transition:transform .5s var(--ease-rsx);display:inline-block}.project-back:hover .back-arrow{transform:translate(-.4em)}.project-back:hover,.project-brand:hover{opacity:.6}.project-eyebrow{z-index:4;align-items:center;gap:1rem;display:flex;position:fixed;top:clamp(5rem,12vh,8rem);left:clamp(1.25rem,4vw,3rem)}.project-eyebrow-rule{background:var(--fg-dim);width:clamp(2rem,5vw,4rem);height:1px}.project-eyebrow-label{font-family:MADERegular,sans-serif;font-size:var(--text-label);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--fg-dim)}.project-info{z-index:3;flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:min(46vw,640px);display:flex;position:absolute;top:50%;left:clamp(1.25rem,4vw,3rem);transform:translateY(-50%)}.project-index{font-family:MADERegular,sans-serif;font-size:var(--text-label);letter-spacing:var(--label-tracking);color:var(--fg)}.project-index span{color:var(--fg-dim)}.project-title{letter-spacing:-.01em;font-kerning:none;text-transform:uppercase;color:var(--fg);margin:0;font-family:Grifter,sans-serif;font-size:clamp(2.75rem,3.5vw,6rem);line-height:.9}.project-est{font-family:MADERegular,sans-serif;font-size:var(--text-label);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--fg-dim)}.visit-info{margin-top:.5rem}.visit-info a{color:var(--fg);font-family:MADERegular,sans-serif;font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);transition:background .4s var(--ease-out-soft), border-color .4s var(--ease-out-soft);background:#f2f1ec0f;border:1px solid #f2f1ec40;border-radius:999px;align-items:center;gap:.6em;padding:.9em 1.4em;text-decoration:none;display:inline-flex}.visit-info a .visit-arrow{transition:transform .5s var(--ease-rsx);display:inline-block}.visit-info a:hover{background:#f2f1ec24;border-color:#f2f1ec80}.visit-info a:hover .visit-arrow{transform:translate(.25em,-.25em)}.img-preview{width:44%;height:72%;position:absolute;top:50%;left:65%;overflow:hidden;transform:translate(-50%,-50%)}.img-preview img{object-fit:contain;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeSmooth{0%{opacity:0;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}.img-preview img.animate{animation:fadeSmooth .9s var(--ease-out-soft) forwards;transform-origin:50%}.minimap{width:200px;position:fixed;top:50%;right:90px;transform:translateY(-50%)}.indicator{border:1px solid var(--fg);z-index:2;pointer-events:none;width:100%;height:132px;position:absolute;top:0;left:0;box-shadow:0 0 28px #1100ff40,0 0 28px #ff00f226}.items{will-change:transform;flex-direction:column;gap:0;width:100%;height:100%;display:flex;position:relative}.item{cursor:pointer;width:100%;height:132px;padding:6px}.item img{filter:grayscale(40%);transition:opacity .25s var(--ease-out-soft), filter .4s var(--ease-out-soft)}.item:hover img{filter:grayscale(0%)}@media (max-width:1024px){.project-info{gap:1rem;max-width:70vw}.project-title{font-size:clamp(2.5rem,8vw,4rem)}.img-preview{width:50%;height:60%;left:56%}}@media (max-width:900px){body,.container{touch-action:none}.project-eyebrow{display:none}.project-info{text-align:center;align-items:center;max-width:90vw;margin-left:-45vw;top:clamp(7rem,18vh,11rem);left:50%;transform:none}.project-info p{text-align:center}.project-title{font-size:clamp(2.25rem,11vw,3.25rem)}.img-preview{width:80%;height:44%;top:47%;left:50%}.visit-info{white-space:nowrap;margin:0;position:fixed;bottom:calc(clamp(2rem,7vh,4rem) + 76px + 3.5rem);left:50%;transform:translate(-50%)}.minimap{touch-action:none;width:auto;height:76px;position:fixed;inset:auto auto clamp(2rem,7vh,4rem) 50%;transform:translate(-50%)}.indicator{width:56px;height:100%;top:0;left:0}.items{touch-action:none;flex-direction:row;width:max-content;height:100%}.item{width:56px;height:100%;padding:5px}}@media (max-width:768px){.project-brand{font-size:1.25rem}.project-back span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.img-preview img.animate{animation:none}.project-back .back-arrow,.visit-info a .visit-arrow{transition:none}}