/* SELAH_CORE_STYLE_V1.0_FINAL_RECON */
@font-face { 
    font-family: 'SFProBlackItalic'; 
    src: url('../fonts/SFPRODISPLAYBLACKITALIC.OTF') format('opentype'); 
}
@font-face { 
    font-family: 'SFMono'; 
    src: url('../fonts/SF-Mono-Medium.otf') format('opentype'); 
}

body, html { 
    margin: 0; padding: 0; 
    background-color: #000; 
    color: #fff; 
    font-family: -apple-system, "PingFang TC", sans-serif; 
    overflow-x: hidden; 
    -webkit-font-smoothing: antialiased;
}

/* 導航協議 */
.global-navigation { 
    position: fixed; top: 0; left: 0; width: 100%; 
    padding: 50px 60px; z-index: 9999; 
    mix-blend-mode: difference; 
}
.nav-container { display: flex; justify-content: flex-start; align-items: center; }
.site-brand { 
    font-family: 'SFMono'; font-size: 15px; font-weight: 900; 
    letter-spacing: 2px; margin-right: 80px; 
}
.nav-list { display: flex; list-style: none; margin: 0; padding: 0; }
.nav-list li { margin-right: 45px; }
.nav-list a { 
    text-decoration: none; color: #fff; 
    font-family: 'SFMono'; font-size: 11px; 
    letter-spacing: 1px; transition: opacity 0.3s; 
}
.nav-list a:hover { opacity: 0.5; }

/* 系統數據元 */
.system-meta { 
    position: fixed; inset: 0; pointer-events: none; 
    z-index: 1000; mix-blend-mode: difference; 
}
.data-group { 
    position: absolute; font-family: 'SFMono'; 
    font-size: 10px; padding: 50px 60px; opacity: 0.6; 
}
.bottom-left { bottom: 0; left: 0; }
.bottom-right { bottom: 0; right: 0; }

/* 區塊定義 */
.stark-gate { 
    position: relative; width: 100%; height: 100vh; 
    display: flex; justify-content: center; align-items: center; 
    overflow: hidden; background: #000; z-index: 1; 
}
.parallax-container { 
    position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%; z-index: 1; 
    overflow: hidden; 
}
.engine-target { 
    width: 100%; height: 100%; object-fit: cover; 
    will-change: transform, filter; 
}
.gate-overlay { position: relative; z-index: 10; pointer-events: none; }
.stark-heading { 
    font-family: 'SFProBlackItalic'; font-size: 2.2vw; 
    text-transform: uppercase; text-align: center; color: #fff; 
}

/* 大白場協議 */
.white-void { 
    background: #FFF; color: #000; 
    min-height: 100vh; display: flex; 
    justify-content: center; align-items: center; 
    position: relative; z-index: 50; 
}
.void-center { max-width: 800px; text-align: center; }
.stark-line { 
    width: 1px; height: 120px; background: #000; 
    margin: 0 auto 40px; 
}
.void-title { 
    font-family: 'SFProBlackItalic'; font-size: 1.5vw; 
    letter-spacing: 10px; margin-bottom: 50px; 
}
.void-desc { 
    font-family: 'SFMono', "PingFang TC"; font-size: 13px; 
    line-height: 2; letter-spacing: 3px; color: #333; 
}

/* 作品集顯影協議 */
.stark-showcase { 
    background: #000; position: relative; z-index: 10; 
}
.showcase-item { 
    position: relative; height: 100vh; width: 100%; 
    overflow: hidden; background-color: #000; 
}

/* 頁尾協議 */
.stark-contact { 
    background: #000; padding: 200px 60px; 
    min-height: 100vh; display: flex; 
    justify-content: center; align-items: center; 
    position: relative; z-index: 60; 
}
.contact-container { text-align: center; }
.contact-label { 
    font-family: 'SFMono'; font-size: 10px; 
    letter-spacing: 5px; margin-bottom: 40px; opacity: 0.5; 
}
.contact-links { display: flex; justify-content: center; margin-bottom: 80px; }
.contact-item { 
    font-family: 'SFProBlackItalic'; font-size: 1.8vw; 
    color: #fff; text-decoration: none; 
    margin: 0 30px; transition: 0.6s; 
}
.contact-item:hover { opacity: 0.5; filter: blur(4px); }
.contact-copyright { 
    font-family: 'SFMono'; font-size: 9px; 
    letter-spacing: 1px; opacity: 0.3; 
}