.project-detail-root{background:var(--noir-black);min-height:100vh;color:var(--noir-white);flex-direction:column;padding:80px 20px 40px;display:flex;position:relative}@media (max-width:750px){.project-detail-root{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;padding:80px 20px 60px;display:flex;position:relative;overflow-x:hidden}}@media (min-width:751px){.project-detail-root{width:100%;height:100vh;padding:120px 5% 0;position:absolute;top:0;left:0;overflow:hidden}}.project-back-btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.3em;color:var(--noir-muted);flex-shrink:0;align-items:center;gap:12px;margin-bottom:30px;font-size:10px;text-decoration:none;transition:color .3s;display:inline-flex}@media (min-width:751px){.project-back-btn{cursor:none;margin-top:-15px;margin-bottom:25px;font-size:11px}}.project-back-btn:hover{color:var(--noir-accent)}.project-back-btn .btn-arrow.reversed{transition:transform .3s cubic-bezier(.16,1,.3,1)}.project-back-btn:hover .btn-arrow.reversed{transform:translate(-4px)}.project-detail-layout{flex-direction:column-reverse;flex:1;gap:32px;display:flex}@media (min-width:751px){.project-detail-layout{flex-direction:row;align-items:stretch;gap:100px;padding-bottom:40px;overflow:hidden}}.project-detail-info{flex-direction:column;flex:1;max-width:100%;display:flex}@media (min-width:751px){.project-detail-info{scrollbar-width:none;justify-content:flex-start;max-width:500px;height:100%;max-height:100%;padding-bottom:100px;overflow-y:auto}.project-detail-info::-webkit-scrollbar{display:none}}.project-meta-row{flex-shrink:0;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}@media (max-width:750px){.project-meta-row{gap:14px;margin-bottom:20px;overflow:hidden}}.project-num{font-family:var(--font-heading);color:var(--noir-accent);letter-spacing:.3em;flex-shrink:0;font-size:14px}.project-tags{flex-wrap:wrap;gap:10px;display:flex}.project-tag{color:var(--noir-white);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-family:var(--font-heading);border:1px solid #ffffff1a;border-radius:40px;padding:6px 14px}@media (max-width:750px){.project-tags{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.project-tags::-webkit-scrollbar{display:none}.project-tag{white-space:nowrap;flex-shrink:0;font-size:9px}.project-date{margin-bottom:24px}.project-detail-sticky{position:static!important}}.project-title-large{color:var(--noir-white);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,8vw,64px);font-weight:400;line-height:1.1}.project-date{font-family:var(--font-heading);color:var(--noir-muted);letter-spacing:.2em;margin-bottom:40px;font-size:12px}.project-description-block{color:#a0a0a0;font-size:15px;line-height:1.6}.project-full-desc{white-space:pre-line}.project-markdown{flex-direction:column;gap:16px;display:flex}.project-markdown p{white-space:normal;line-height:1.6}.project-markdown strong{color:var(--noir-white);font-weight:600}.project-markdown ul,.project-markdown ol{padding-left:20px;line-height:1.6;list-style-position:outside}.project-markdown li{margin-bottom:8px}.project-detail-gallery{flex-direction:column;flex:2;gap:20px;width:100%;display:flex}@media (min-width:751px){.project-detail-gallery{scrollbar-width:none;scroll-snap-type:y mandatory;gap:40px;height:100%;padding-bottom:100px;padding-right:20px;overflow-y:auto}.project-detail-gallery::-webkit-scrollbar{display:none}}.project-media-wrapper{aspect-ratio:16/9;background:var(--noir-dark);scroll-snap-align:center;border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.project-media-wrapper.interactive{cursor:pointer}.project-media-wrapper.gallery-active{border-color:#c8a96e59;box-shadow:0 0 0 1px #c8a96e26}.fullscreen-icon{width:44px;height:44px;color:var(--noir-white);opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0acc;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:24px;right:24px}.fullscreen-icon svg{width:20px;height:20px}@media (max-width:750px){.fullscreen-icon{opacity:.7;bottom:16px;right:16px}}.project-media-wrapper.interactive:hover .fullscreen-icon{opacity:1;background:var(--noir-white);color:var(--noir-black);transform:scale(1.05)}.mobile-slideshow-container{border-radius:8px;width:100%;position:relative;overflow:hidden}.swipe-track{will-change:transform;width:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex}.swipe-slide{scroll-snap-align:none;flex:0 0 100%;width:100%}.swipe-slide.project-media-wrapper{border:none;border-radius:0}.slideshow-pagination{justify-content:center;gap:8px;padding:14px 0 4px;display:flex}.pagination-dot.active{background:var(--noir-accent);transform:scale(1.5);box-shadow:0 0 8px #c8a96e80}.desktop-gallery-dots{justify-content:center;align-items:center;gap:8px;padding:14px 0 4px;display:flex}.project-detail-gallery:not(.mobile-slideshow) .project-media-wrapper:after{content:"SCROLL TO BROWSE";font-family:var(--font-heading);letter-spacing:.3em;color:#fff6;opacity:0;pointer-events:none;font-size:8px;transition:opacity .3s;position:absolute;top:16px;left:16px}.project-detail-gallery:not(.mobile-slideshow):hover .project-media-wrapper:after{opacity:1}.viewer-lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;background:#050505f2;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.viewer-content{justify-content:center;align-items:center;width:90vw;height:90vh;display:flex;position:relative}.viewer-media{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}.viewer-close{cursor:pointer;z-index:100001;background:0 0;border:none;padding:10px;transition:all .3s;position:fixed;top:20px;right:20px}.viewer-close span{letter-spacing:.25em;color:var(--noir-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0a66;border:1px solid #fff3;border-radius:40px;padding:12px 24px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .3s}@media (min-width:751px){.viewer-close{top:40px;right:40px}}.viewer-close:hover span{background:var(--noir-white);color:var(--noir-black);border-color:var(--noir-white)}.viewer-nav-hint{font-family:var(--font-heading);letter-spacing:.4em;color:#fff3;text-transform:uppercase;pointer-events:none;font-size:8px;animation:2s ease-in-out infinite pulseHint;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes pulseHint{0%,to{opacity:.3}50%{opacity:.7}}.viewer-counter{font-family:var(--font-heading);letter-spacing:.3em;color:var(--noir-muted);font-size:10px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width:751px){.viewer-counter{font-size:11px;bottom:40px}}.mobile-slideshow-container{flex-direction:column;gap:16px;width:100%;display:flex;position:relative}.slideshow-pagination{justify-content:center;gap:8px;margin-top:10px;display:flex}.pagination-dot{cursor:pointer;background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .3s}.pagination-dot.active{background:var(--noir-accent);transform:scale(1.4)}.mobile-slideshow .project-media-wrapper{margin-bottom:0;transition:opacity .6s}@media (max-width:750px){.project-detail-gallery.mobile-slideshow{gap:0;padding-bottom:20px}}.project-push-track{width:100%;height:100%;display:flex}.project-push-item{background:#000;flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.project-push-track.transitioning .project-push-item{transition:transform .85s cubic-bezier(.65,0,.35,1),filter .85s,opacity .85s}.variant-left .project-push-track{flex-direction:row}.variant-left .project-push-item{transform:translateX(calc(var(--offset,0) * -100%))}.variant-right .project-push-track{flex-direction:row}.variant-right .project-push-item{transform:translateX(calc(var(--offset,0) * -100%));filter:blur(10px)}.variant-right .project-push-item.active-frame{filter:blur()}.variant-up .project-push-track{flex-direction:column!important;height:100%!important}.variant-up .project-push-item{transform:translateY(calc(var(--offset,0) * -100%))}.variant-down .project-push-track{flex-direction:column!important;height:100%!important}.variant-down .project-push-item{transform:translateY(calc(var(--offset,0) * -100%));filter:brightness(.4)}.variant-down .project-push-item.active-frame{filter:brightness()}.variant-scale .project-push-item{transform:translateX(calc(var(--offset,0) * -100%)) scale(1.1)}.variant-scale .project-push-item.active-frame{transform:translateX(calc(var(--offset,0) * -100%)) scale(1)}.variant-zoom .project-push-item{transform:translateX(calc(var(--offset,0) * -100%)) scale(.9)}.variant-zoom .project-push-item.active-frame{transform:translateX(calc(var(--offset,0) * -100%)) scale(1)}.variant-fade .project-push-track{position:relative;display:block!important}.variant-fade .project-push-item{opacity:0;width:100%;height:100%;top:0;left:0;transform:none;position:absolute!important}.variant-fade .project-push-item.active-frame{opacity:1;z-index:2}.media-actual{object-fit:cover;width:100%;height:100%;display:block}.media-item-universal{opacity:0;z-index:1;pointer-events:none;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s,opacity .8s;position:absolute;top:0;left:0;overflow:hidden}.media-item-universal.visible{opacity:1;z-index:2;pointer-events:auto}.trans-zoom-out .media-item-universal{transform:scale(1.15)!important}.trans-zoom-out .media-item-universal.visible{transform:scale(1)!important}.trans-zoom-in .media-item-universal{transform:scale(.85)!important}.trans-zoom-in .media-item-universal.visible{transform:scale(1)!important}.trans-slide-up .media-item-universal{transform:translateY(30px)!important}.trans-slide-up .media-item-universal.visible{transform:translateY(0)!important}.trans-slide-down .media-item-universal{transform:translateY(-30px)!important}.trans-slide-down .media-item-universal.visible{transform:translateY(0)!important}.trans-blur .media-item-universal{filter:blur(15px)!important;transform:scale(1.1)!important}.trans-blur .media-item-universal.visible{filter:blur()!important;transform:scale(1)!important}.trans-pan .media-item-universal{transform:translate(20px)!important}.trans-pan .media-item-universal.visible{transform:translate(0)!important}.asset-protection-on img,.asset-protection-on video,.asset-protection-on canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}@media (min-width:751px){.asset-protection-on .hero-vid-container{position:absolute!important}}@keyframes spin{to{transform:rotate(360deg)}}