:root{--bg-r: 5;--bg-g: 5;--bg-b: 5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:rgb(var(--bg-r),var(--bg-g),var(--bg-b));color:#fff;overflow-x:hidden;transition:background .8s}.fullscreen-bg{position:fixed;top:-5%;right:-5%;bottom:-5%;left:-5%;background-size:cover;background-position:center;filter:blur(60px) saturate(1.5) brightness(.4);z-index:-2;transition:opacity 1s ease;will-change:opacity}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);z-index:-1}.site-header{position:fixed;top:2rem;left:2rem;right:2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:none;transition:opacity .5s ease}.logo-container{width:50px;height:50px;pointer-events:auto}.logo{width:100%;height:auto;mix-blend-mode:difference}.scroll-progress{width:2px;height:100px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}.scroll-progress-fill{width:100%;height:0%;background:#fff;transform-origin:top}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.kinetic-text{font-size:clamp(3rem,10vw,10rem);font-weight:900;letter-spacing:-.05em;mix-blend-mode:difference;color:#fff;line-height:1}.subtitle{font-size:1.5rem;margin-top:1rem;opacity:.7;mix-blend-mode:difference}.gallery{padding:5vh 5vw;display:flex;flex-direction:column;gap:15vh;position:relative}.project-cluster{position:relative;height:100vh;cursor:pointer;pointer-events:auto}.project-title{position:absolute;font-size:clamp(4rem,8vw,8rem);font-weight:900;color:#fff;mix-blend-mode:difference;z-index:50;white-space:nowrap;margin:0;pointer-events:none;transform-origin:center center;will-change:transform,top,left,font-size}.project-tile{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d;pointer-events:none;z-index:10;will-change:transform,top,left,width,height}.project-tile img,.project-tile video{width:100%;height:100%;object-fit:cover}.cluster-1 .tile-1{width:40vw;height:25vw;top:15%;left:10%}.cluster-1 .tile-2{width:25vw;height:35vw;top:35%;right:10%}.cluster-2 .tile-1{width:45vw;height:20vw;top:20%;right:10%}.cluster-2 .tile-2{width:25vw;height:30vw;top:40%;left:15%}.project-cluster.detail-active{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:2000;cursor:default}.project-cluster.detail-active .project-title{top:10%!important;left:50%!important;transform:translate(-50%)!important;font-size:5vw!important;text-shadow:0 10px 40px rgba(0,0,0,.8)}.project-cluster.detail-active .tile-1{top:25%!important;left:15%!important;width:45vw!important;height:25vw!important;transform:none!important}.project-cluster.detail-active .tile-2{top:30%!important;right:15%!important;width:22vw!important;height:25vw!important;transform:none!important}.glass-cards-container{position:absolute;bottom:5%;left:10%;right:10%;display:flex;gap:2rem;justify-content:center;align-items:flex-end;z-index:40;opacity:0;pointer-events:none;transform:translateY(40px)}.project-cluster.detail-active .glass-cards-container{pointer-events:auto}.glass-card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;color:#fff;box-shadow:0 20px 40px #0000004d}.card-desc{flex:2;max-width:600px}.card-action{flex:1;max-width:300px;cursor:pointer;text-decoration:none;transition:background .3s ease,transform .3s ease}.card-action:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}.glass-card h3{font-size:1.5rem;margin-bottom:1rem;opacity:.9}.glass-card p{font-size:1.1rem;line-height:1.6;opacity:.8}.card-media-strip{display:flex;gap:1rem;margin-top:1.5rem}.card-media-strip img{width:100px;height:100px;object-fit:cover;border-radius:8px}.modern-close{position:fixed;top:2.5rem;right:3rem;width:50px;height:50px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;pointer-events:none;z-index:3000;transition:transform .3s ease}.modern-close:hover{transform:scale(1.1);background:rgba(255,255,255,.2)}.modern-close.active{opacity:1;pointer-events:auto}.x-icon{width:20px;height:20px;position:relative}.x-icon:before,.x-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff}.x-icon:before{transform:rotate(45deg)}.x-icon:after{transform:rotate(-45deg)}.extras-section{padding:10vh 10vw 20vh}.extra-grid{display:flex;justify-content:center}.tile{padding:3rem;border-radius:16px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:currentColor;transition:all .4s ease;cursor:pointer}.tile:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}