/* 1. HEADER & LOGO (Static) */
.site-navigation { display: none !important; }
.site-header, .site-branding { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
.site-branding img.site-logo {
    max-height: 150px !important; width: auto; display: block;
    margin: 40px auto 20px auto !important;
    pointer-events: none !important; transform: none !important;
}

/* 2. GRID & TITLES */
.home .block-grid-item { position: relative; overflow: hidden; }
.home .block-grid-item img { transition: transform 0.3s ease, filter 0.3s ease; }
.home .block-grid-item:hover img { transform: scale(1.05); filter: brightness(70%); }
.home .block-grid-item-title {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    color: white; background: rgba(0,0,0,0.5); padding: 5px 10px;
    opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 10;
}
.home .block-grid-item:hover .block-grid-item-title { opacity: 1; }

/* 3. FOOTER SOCIALS & CONTACT */
.site-footer { pointer-events: auto !important; }
.site-footer a { pointer-events: auto !important; display: inline-block !important; }
.site-footer a svg { transition: transform 0.3s ease; }
.site-footer a:hover svg { transform: scale(1.2); }

/* 4. MODAL */
#project-modal {
    display: none; position: fixed; top: 0; left: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,0.9);
    backdrop-filter: blur(4px); z-index: 10000;
}
#project-modal .project-modal-inner {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 90%; height: 90%; max-width: 1100px;
}
#project-modal iframe { width: 100%; height: 100%; border: none; }
#project-modal-close {
    position: absolute; top: 20px; right: 20px; color: white;
    background: rgba(0, 0, 0, 0.6); border: none; font-size: 30px; 
    padding: 5px 15px; line-height: 1; cursor: pointer; z-index: 10001;
}

/* 5. GLOBAL FIXES */
body:not(.home) .site-footer { display: none !important; }
* { caret-color: transparent !important; outline: none !important; }
.site-branding a { pointer-events: none !important; cursor: default !important; }