.project-detail{background:#030304}.project-detail .navigation{gap:20px;height:90px}.project-motion-toggle{border:1px solid #ffffff40;border-radius:25px;background:none;color:#eeece4;min-height:40px;padding:10px 16px;font-size:11px;cursor:pointer;margin-left:auto;white-space:nowrap}.project-detail .hero-image{overflow:hidden}.project-detail .hero-image img{transform:scale(1.05);will-change:transform}.motion-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform 1s cubic-bezier(.22,.7,.2,1)}.motion-reveal.motion-visible{opacity:1;transform:translateY(0)}.project-detail .films-section{background:#030304;color:#eeece4;padding:60px 0}.project-detail .films-section>.section-title{padding:0 5vw}.project-detail .films-section .eyebrow,.project-detail .films-section .section-title p{color:#b5aabe}.project-detail .project-film-grid{padding:20px 5vw 50px;gap:35px}.project-film-grid[hidden]{display:none}.project-detail .film p{color:#b5aabe}.project-detail .film .load-film{color:#eee}.project-detail .review-note{color:#b5aabe;margin-inline:5vw}.project-detail .film h3{color:#eee}.project-detail .portfolio-experience button{cursor:pointer}.project-detail #project-viewer{width:min(1080px,92vw);max-height:94svh;overflow:auto;background:#0c0b10;color:#eee;border:1px solid #ffffff35;padding:24px;border-radius:5px}.project-detail #project-viewer::backdrop{background:#000d;backdrop-filter:blur(10px)}.close-project-film{float:right;color:#eee;background:none;border:1px solid #ffffff50;padding:10px 15px;border-radius:24px;cursor:pointer}.project-viewer-stage video,.project-viewer-stage iframe{display:block;width:100%;height:70svh;object-fit:contain;border:0;background:#000}.project-detail #project-viewer h2{font-family:Arial;font-size:24px;margin:15px 100px 25px 0}.project-original{display:inline-flex;padding:18px 0;font-size:12px}.motion-off .motion-reveal{opacity:1;transform:none;transition:none}.motion-off .hero-image img{transform:none!important}@media(max-width:720px){.project-detail .navigation{height:80px;padding:0 5vw;gap:12px;flex-wrap:wrap;align-content:center}.project-detail .navigation .house{font-size:12px;gap:5px}.project-detail .navigation nav{gap:10px;font-size:11px}.project-motion-toggle{padding:8px;font-size:10px;min-height:34px}.project-detail .films-section{padding:40px 0}.project-detail .project-film-grid{padding-inline:6vw}.project-detail .portfolio-spiral-stage{min-height:0}.project-viewer-stage video,.project-viewer-stage iframe{height:65svh}}@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;transform:none;transition:none}.project-detail .hero-image img{transform:none!important}}