.project-detail-container{color:#fff;min-height:100vh;font-family:var(--font-montserrat), var(--font-noto-sans-tc), sans-serif;background-color:#000;padding-top:80px;padding-bottom:0;overflow-x:hidden}.hero-video-container{background-color:#000;width:100%;height:min(56.25vw,100vh - 180px);position:relative;overflow:hidden}.hero-video-player{object-fit:contain;background-color:#000;width:100%;height:100%}.hero-video-slide{opacity:0;visibility:hidden;z-index:1;width:100%;height:100%;transition:opacity .6s,visibility .6s;position:absolute;top:0;left:0}.hero-video-slide.active{opacity:1;visibility:visible;z-index:2}.hero-video-control{color:#fff;cursor:pointer;z-index:10;opacity:0;background-color:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:opacity .3s,background-color .3s,transform .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-video-container:hover .hero-video-control{opacity:.7}.hero-video-control:hover{background-color:#000000d9;opacity:1!important}.hero-video-control.prev{left:40px}.hero-video-control.prev:hover{transform:translateY(-50%)translate(-4px)}.hero-video-control.next{right:40px}.hero-video-control.next:hover{transform:translateY(-50%)translate(4px)}.project-content-section{flex-direction:column;gap:100px;max-width:1600px;margin:0 auto;padding:100px 80px;display:flex}.project-top-grid{grid-template-columns:30% 70%;align-items:start;gap:80px;display:grid}.project-meta-col{flex-direction:column;gap:15px;display:flex}.project-meta-col h1{text-transform:uppercase;letter-spacing:-1px;margin:0;font-size:2.5rem;font-weight:900;line-height:1.1}.project-meta-col h2{opacity:.5;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.1rem;font-weight:500}.project-year{font-family:var(--font-montserrat), sans-serif;opacity:.4;margin-top:10px;font-size:1.25rem;font-weight:600}.project-desc-col{flex-direction:column;display:flex}.project-intros{flex-direction:column;gap:35px;display:flex}.intro-zh{opacity:.95;letter-spacing:.8px;text-align:justify;font-size:1.15rem;font-weight:400;line-height:1.95}.intro-en{font-family:var(--font-montserrat), sans-serif;opacity:.6;text-align:justify;font-size:1.05rem;font-weight:300;line-height:1.85}.project-bottom-grid{grid-template-columns:40% 60%;align-items:start;gap:80px;display:grid}.project-staff-col{flex-direction:column;display:flex}.staff-title{text-transform:uppercase;letter-spacing:2px;opacity:.8;border-bottom:1px solid #ffffff1a;margin:0 0 30px;padding-bottom:15px;font-size:1.3rem;font-weight:800}.staff-grid{grid-template-columns:repeat(2,1fr);gap:20px 40px;display:grid}.staff-item{border-bottom:1px solid #ffffff08;flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.staff-role{font-family:var(--font-montserrat), sans-serif;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:700}.staff-name{color:#ffffffe6;font-size:.95rem;font-weight:500}.project-stills-col{flex-direction:column;display:flex}.stills-title{text-transform:uppercase;letter-spacing:2px;opacity:.8;border-bottom:1px solid #ffffff1a;margin:0 0 30px;padding-bottom:15px;font-size:1.3rem;font-weight:800}.stills-carousel-container{background-color:#050505;border-radius:2px;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid;position:relative;overflow:hidden}.still-slide{opacity:0;visibility:hidden;z-index:1;grid-area:1/1;width:100%;transition:opacity .6s cubic-bezier(.25,1,.5,1),visibility .6s}.still-slide.active{opacity:1;visibility:visible;z-index:2;position:relative}.still-image{width:100%;height:auto;display:block}.still-control{color:#fff;cursor:pointer;z-index:10;opacity:0;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .3s,transform .3s,background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.stills-carousel-container:hover .still-control{opacity:.6}.still-control:hover{background-color:#000c;opacity:1!important}.still-control.prev{left:20px}.still-control.prev:hover{transform:translateY(-50%)translate(-3px)}.still-control.next{right:20px}.still-control.next:hover{transform:translateY(-50%)translate(3px)}.still-indicator{z-index:10;font-family:var(--font-montserrat), sans-serif;-webkit-backdrop-filter:blur(4px);background-color:#0006;border-radius:12px;align-items:center;gap:12px;padding:6px 12px;font-size:.95rem;font-weight:700;display:flex;position:absolute;bottom:20px;right:30px}.still-indicator-bar{background-color:#fff3;width:40px;height:2px;position:relative;overflow:hidden}.still-indicator-progress{background-color:#fff;width:0%;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.up-next-section{text-align:center;background-color:#030303;border-top:1px solid #ffffff1a;padding:120px 80px}.up-next-link{color:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:15px;text-decoration:none;display:inline-flex}.up-next-label{font-family:var(--font-montserrat), sans-serif;opacity:.4;text-transform:uppercase;letter-spacing:3px;font-size:.85rem;font-weight:700;transition:opacity .3s}.up-next-link:hover .up-next-label{opacity:.8}.up-next-title{text-transform:uppercase;letter-spacing:-2px;font-size:4rem;font-weight:900;line-height:1;transition:letter-spacing .5s cubic-bezier(.25,1,.5,1),text-shadow .5s}.up-next-link:hover .up-next-title{letter-spacing:1px;text-shadow:0 0 40px #fff6}@media screen and (max-width:1200px){.hero-video-container{height:65vh}.project-content-section{gap:80px;padding:80px 40px}.project-bottom-grid{grid-template-columns:1fr;gap:60px}}@media screen and (max-width:991px){.hero-video-container{height:50vh}.project-top-grid{grid-template-columns:1fr;gap:40px}.staff-grid{grid-template-columns:1fr;gap:16px}}@media screen and (max-width:768px){.hero-video-container{height:45vh}.project-content-section{gap:50px;padding:60px 24px}.project-meta-col h1{font-size:2rem}.intro-zh{font-size:1.05rem;line-height:1.85}.intro-en{font-size:.95rem;line-height:1.75}.up-next-section{padding:80px 24px}.up-next-title{font-size:2.5rem}}.custom-video-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.custom-video-wrapper .hero-video-player{object-fit:contain;cursor:pointer;background-color:#000;width:100%;height:100%}.video-controls-overlay{z-index:10;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);align-items:flex-end;width:100%;height:70px;padding-bottom:15px;transition:opacity .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;bottom:0;left:0}.video-controls-overlay.visible{opacity:1;pointer-events:auto}.video-controls-bar{align-items:center;gap:20px;width:100%;padding:0 30px;display:flex}.control-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:5px;transition:color .2s,transform .2s;display:flex}.control-btn:hover{color:#fff;transform:scale(1.1)}.controls-spacer{flex-grow:1}.volume-control-group{align-items:center;gap:10px;display:flex}.volume-slider{appearance:none;cursor:pointer;accent-color:#fff;background:#ffffff4d;border-radius:2px;outline:none;width:70px;height:4px;transition:width .3s;overflow:hidden}.volume-slider::-webkit-slider-runnable-track{height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px}.lightbox-overlay{-webkit-backdrop-filter:blur(15px);z-index:2000;cursor:zoom-out;background-color:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.25,1,.5,1) forwards lightboxFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff9;cursor:pointer;z-index:2010;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;transition:color .3s,transform .3s;display:flex;position:absolute;top:30px;right:40px}.lightbox-close:hover{color:#fff;transform:rotate(90deg)scale(1.1)}.lightbox-arrow{color:#ffffffb3;cursor:pointer;z-index:2010;background-color:#0006;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{color:#fff;background-color:#ffffff26;transform:translateY(-50%)scale(1.05);box-shadow:0 0 15px #ffffff1a}.lightbox-arrow.prev{left:40px}.lightbox-arrow.next{right:40px}.lightbox-content{cursor:default;flex-direction:column;justify-content:center;align-items:center;max-width:85vw;max-height:85vh;display:flex;position:relative}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:2px;max-width:100%;max-height:80vh;animation:.35s cubic-bezier(.25,1,.5,1) forwards lightboxScaleUp;box-shadow:0 20px 50px #000c}@keyframes lightboxScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-counter{color:#ffffff80;font-family:var(--font-montserrat), sans-serif;letter-spacing:1px;margin-top:20px;font-size:.9rem;font-weight:700}@media screen and (max-width:768px){.lightbox-arrow{width:44px;height:44px}.lightbox-arrow.prev{left:15px}.lightbox-arrow.next{right:15px}.lightbox-close{top:20px;right:20px}}.hero-video-container{max-height:calc(100vh - 180px)!important}.autoplay-blocked-banner{z-index:20;-webkit-backdrop-filter:blur(12px);color:#fff;font-size:.85rem;font-family:var(--font-montserrat), sans-serif;letter-spacing:.04em;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;padding:10px 18px;transition:background .2s,transform .2s;animation:2s ease-in-out infinite pulse-unmute;display:flex;position:absolute;top:20px;right:20px}.autoplay-blocked-banner:hover{background:#ffffff26;transform:scale(1.05)}@keyframes pulse-unmute{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 8px #fff0}}.center-play-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:15;opacity:0;pointer-events:none;background-color:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .3s,transform .3s cubic-bezier(.25,1,.5,1),background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.center-play-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.center-play-btn:hover{background-color:#ffffff26;border-color:#ffffff4d;transform:translate(-50%,-50%)scale(1.08)}.center-play-btn:active{transform:translate(-50%,-50%)scale(.95)}.time-display{font-family:var(--font-montserrat), monospace;color:#ffffffb3;letter-spacing:.5px;text-align:center;min-width:45px;font-size:.85rem}.progress-slider{appearance:none;cursor:pointer;opacity:.7;background:0 0;outline:none;flex-grow:1;height:24px;margin:0;padding:0}.progress-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--progress-percent,0%), #fff3 var(--progress-percent,0%));border-radius:2px;height:4px}.progress-slider:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--progress-percent,0%), #ffffff59 var(--progress-percent,0%))}.progress-slider::-moz-range-track{background:linear-gradient(to right, #fff var(--progress-percent,0%), #fff3 var(--progress-percent,0%));border-radius:2px;height:4px}.progress-slider:hover::-moz-range-track{background:linear-gradient(to right, #fff var(--progress-percent,0%), #ffffff59 var(--progress-percent,0%))}.progress-slider::-webkit-slider-thumb{appearance:none;opacity:0;cursor:pointer;width:0;height:0;margin-top:-4px}.progress-slider::-moz-range-thumb{opacity:0;cursor:pointer;border:none;width:0;height:0}