.project-story-section{background-color:#fff;position:relative}.showcase-section{text-align:center;z-index:10;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.showcase-title{letter-spacing:-.03em;color:#000;z-index:50;margin-bottom:1.5rem;font-size:8vw;font-weight:800;line-height:.9}.showcase-subtitle{color:#666;max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.5rem);font-weight:400}.frame{aspect-ratio:16/9;cursor:pointer;border-radius:4px;width:90vw;max-width:1400px;margin:15vh auto;transition:transform .4s;position:relative;overflow:hidden}.frame:hover{transform:scale(.98)}.frame canvas{pointer-events:none;border-radius:4px;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.frame-overlay{opacity:0;background:linear-gradient(#0000,#0009);justify-content:space-between;align-items:flex-end;width:100%;padding:2rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.frame:hover .frame-overlay{opacity:1}.frame-title{color:#fff;font-size:2rem;font-weight:700}.project-overlay{z-index:9999;opacity:0;pointer-events:none;background-color:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.project-overlay.active{pointer-events:auto}.overlay-close-btn{z-index:10000;cursor:pointer;background:#ffffffe6;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;transition:transform .2s,background .2s;display:flex;position:fixed;top:2rem;left:2rem;box-shadow:0 4px 20px #0000001a}.overlay-close-btn:hover{background:#fff;transform:scale(1.05)}.overlay-hero{object-fit:cover;width:100vw;height:60vh;display:block;min-height:60vh!important}.overlay-content{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem 8rem}.overlay-title{color:#000;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1}.overlay-meta{border-bottom:1px solid #eee;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:4rem;padding-bottom:2rem;display:grid}.meta-item h4{text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.5rem;font-size:.85rem}.meta-item p{color:#000;font-size:1.1rem;font-weight:500}.overlay-description{color:#333;max-width:800px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.6}.spacer{height:10vh}