.pv-split{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100vh;position:relative}.pv-panel-left{background:var(--hv-bg-pure);border-right:1px solid var(--hv-line);padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:10}.pv-panel-right{background:var(--hv-bg-void);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.pv-canvas{mix-blend-mode:multiply}.pv-canvas,.pv-fullscreen-video{position:absolute;top:0;left:0;width:100%;height:100%}.pv-fullscreen-video{object-fit:cover;display:block}.pv-video-container{position:relative;z-index:5;width:85%;max-width:640px;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--hv-line);background:var(--hv-bg-pure);box-shadow:0 20px 60px rgba(0,0,0,.1)}.pv-video-container img,.pv-video-container video{width:100%;height:100%;object-fit:cover;display:block}.pv-frame-top{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--hv-accent);opacity:.8;z-index:6}.pv-header{display:flex;justify-content:space-between;align-items:flex-start}.pv-logo-text{font-family:var(--hv-f-display);font-size:1rem;letter-spacing:2px;color:var(--hv-text-main)}.pv-logo-text span{color:var(--hv-accent);font-weight:300}.pv-sys-status{font-family:var(--hv-f-mono);font-size:.6rem;color:var(--hv-text-muted);display:flex;align-items:center;gap:6px}.pv-status-dot{width:6px;height:6px;background:var(--hv-accent);border-radius:50%;box-shadow:0 0 8px var(--hv-accent-glow)}.pv-project-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-right:10%}.pv-project-index{font-family:var(--hv-f-mono);font-size:.8rem;color:var(--hv-accent);margin-bottom:1rem}.pv-title{font-family:var(--hv-f-display);font-size:3.5rem;line-height:1.1;text-transform:uppercase;margin-bottom:2rem;color:var(--hv-text-main)}.pv-title span{display:block}.pv-title .light{font-weight:300;color:var(--hv-text-muted);font-size:.5em;letter-spacing:4px}.pv-metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;border-top:1px solid var(--hv-line);padding-top:2rem}.pv-meta-item{display:flex;flex-direction:column;gap:4px}.pv-meta-label{font-family:var(--hv-f-mono);font-size:.65rem;color:var(--hv-text-muted);text-transform:uppercase}.pv-meta-value{font-family:var(--hv-f-ui);font-weight:600;font-size:.9rem;color:var(--hv-text-main)}.pv-preview-nav{display:flex;gap:12px;margin-bottom:16px}.pv-preview-btn{flex:1;border:1px solid var(--hv-line);background:var(--hv-bg-pure);cursor:pointer;padding:0;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s}.pv-preview-btn:hover{border-color:var(--hv-accent)}.pv-preview-thumb{width:100%;height:100px;overflow:hidden;position:relative}.pv-preview-thumb img,.pv-preview-video{width:100%;height:100%;object-fit:cover}.pv-preview-video{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s}.pv-preview-btn:hover .pv-preview-video{opacity:1}.pv-preview-label{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-family:var(--hv-f-mono);font-size:.65rem;letter-spacing:1px;color:var(--hv-text-muted);text-transform:uppercase;transition:color .3s}.pv-preview-btn:hover .pv-preview-label{color:var(--hv-accent)}.pv-hud-corner{position:absolute;width:20px;height:20px;border:1px solid var(--hv-accent);pointer-events:none}.pv-hud-tl{top:20px;left:20px;border-right:none;border-bottom:none}.pv-hud-br{bottom:20px;right:20px;border-left:none;border-top:none}.pv-spec-overlay{position:absolute;bottom:40px;right:40px;text-align:right;font-family:var(--hv-f-mono);font-size:.65rem;z-index:6}.pv-spec-row{color:var(--hv-text-muted);margin-bottom:4px}.pv-spec-row span{color:var(--hv-text-main);font-weight:700;margin-left:10px}.pv-footer{font-family:var(--hv-f-mono);font-size:.6rem;color:var(--hv-text-muted)}.pv-fade-enter{opacity:0;transform:translateY(10px)}.pv-fade-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}@media (max-width:1200px){.pv-title{font-size:2.5rem}.pv-project-content{padding-right:5%}}@media (max-width:900px){.pv-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pv-panel-left{border-right:none;border-bottom:1px solid var(--hv-line);padding:24px}.pv-panel-right{min-height:50vh}.pv-project-content{padding-right:0}.pv-title{font-size:2rem}.pv-metadata-grid{gap:1rem;margin-bottom:2rem}.pv-spec-overlay{display:none}}@media (max-width:600px){.pv-split{grid-template-rows:auto 50vh}.pv-title{font-size:1.5rem}.pv-title .light{font-size:.6em}.pv-metadata-grid{grid-template-columns:1fr;gap:.75rem}.pv-nav-btn{width:48px;height:48px}.pv-video-container{width:90%}}