html,body{overflow:hidden!important}.progress-dots{z-index:50;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.dot{background:#fff3;border-radius:50%;width:4px;height:4px;transition:background .4s,height .4s,border-radius .4s}.dot.active{background:#fff;border-radius:2px;height:20px}.scroll-container{flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.works-section{width:100%;height:100vh;position:relative}.sticky-scene{perspective:900px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.card-stage{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.project-card{will-change:transform, opacity;transform-origin:50%;width:min(580px,82vw);transform-style:preserve-3d;cursor:pointer;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 40px 100px #000000a6}.project-card video{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.project-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%,#0000002e 100%);border-radius:14px;position:absolute;inset:0}.nav-hint{z-index:20;pointer-events:none;align-items:center;gap:16px;display:flex;position:fixed;bottom:clamp(120px,18vh,160px);left:50%;transform:translate(-50%)}.nav-hint span{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#ffffff40;font-size:10px}.nav-hint-arrow{color:#ffffff40;font-size:14px}.meta-panel{pointer-events:none;z-index:20;position:fixed;bottom:0;left:0;right:0}.meta-item{opacity:0;pointer-events:none;will-change:opacity, transform;padding:0 clamp(20px,4vw,40px) clamp(32px,5vh,52px);position:absolute;bottom:0;left:0;right:0}.meta-item.is-active{pointer-events:auto}.meta-year{letter-spacing:.12em;color:#ffffff59;text-transform:uppercase;margin-bottom:8px;font-family:ppneue;font-size:11px;font-weight:400}.meta-title{color:#fff;cursor:pointer;letter-spacing:-.01em;align-items:center;gap:10px;width:fit-content;margin-bottom:24px;font-family:ppneue;font-size:clamp(24px,4vw,44px);font-weight:800;line-height:1.1;display:flex}.meta-title .arrow{opacity:.5;font-size:.55em;transition:opacity .2s,transform .2s;display:inline-block}.meta-title:hover .arrow{opacity:1;transform:translate(3px,-3px)}.meta-grid{grid-template-columns:repeat(4,auto);align-items:start;gap:0 clamp(24px,4vw,48px);display:grid}.meta-label{letter-spacing:.14em;color:#ffffff4d;text-transform:uppercase;margin-bottom:5px;font-family:ppneue;font-size:10px;font-weight:400}.meta-value{color:#fff;font-family:ppneue;font-size:clamp(12px,1.5vw,15px);font-weight:500;line-height:1.3}@media (width<=768px){.meta-grid{grid-template-columns:1fr 1fr;gap:18px 20px}.meta-col--year{display:none}.progress-dots{right:16px}.nav-hint{display:none}}