.hero-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3vw 8vw;z-index:100;pointer-events:none}.menu-item{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2rem,5vw,6rem);font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:-.02em;pointer-events:auto;transition:opacity .3s ease,transform .2s ease;white-space:nowrap}.menu-item:hover{opacity:.7;transform:scale(1.05)}.menu-item-portfolio{font-size:clamp(1.2rem,3vw,4rem)}#grain-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0}canvas:not(#grain-canvas){position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;pointer-events:auto}.hero-footer{position:fixed;bottom:0;left:0;width:100%;z-index:50;padding:0 2rem 1rem;pointer-events:none}.footer-line{width:90%;height:2px;background:#ffffff4d;margin:0 auto 1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;color:#fff9;font-size:.7rem;font-weight:500;text-transform:uppercase}.footer-left{pointer-events:none}.footer-right{color:#fff9;font-size:.7rem;text-decoration:none;text-transform:uppercase;transition:opacity .3s ease;pointer-events:auto;cursor:pointer}.footer-right:hover{opacity:1;color:#fff}@media(max-width:1024px){.hero-footer{padding:0 1.5rem .8rem}}@media(max-width:768px){.hero-footer{padding:0 1rem 1rem}.footer-content{font-size:.8rem}}@media(max-width:1440px){body{font-size:14px}.hero-menu{gap:2vw 6vw}}@media(max-width:1024px){.hero-menu{gap:3vh 5vw}.menu-item{font-size:clamp(1.5rem,4vw,4rem)}.menu-item-portfolio{font-size:clamp(1rem,2.5vw,3rem)}}@media(max-width:768px){.hero-menu{grid-template-columns:1fr;grid-template-rows:auto;gap:2vh}.menu-item{font-size:clamp(1.2rem,6vw,3rem)}.menu-item-portfolio{font-size:clamp(1rem,5vw,2.5rem)}}