@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;900&display=swap');
:root { --scw-burgundy: #4A0E0E; --scw-gray: #2B2B2B; --scw-gold: #D4AF37; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: linear-gradient(135deg, var(--scw-gray) 0%, var(--scw-burgundy) 50%, #1a1a1a 100%) fixed; color: #fff; font-family: 'Inter', sans-serif; text-align: center; overflow-x: hidden; }

/* NAV LOCK */
.titan-nav { display: flex; justify-content: center; gap: 8px; padding: 20px; background: rgba(0,0,0,0.9); border-bottom: 2px solid var(--scw-gold); position: sticky; top: 0; z-index: 1000; }
.nav-item, .dropbtn { border: 1px solid var(--scw-gold); padding: 8px 15px; font-size: 0.6rem; font-weight: 900; color: #fff !important; background: transparent; cursor: pointer; text-decoration: none; text-transform: uppercase; }
.nav-item:hover, .dropdown:hover .dropbtn { background: var(--scw-gold); color: #000 !important; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background: #1a1a1a; min-width: 180px; border: 1px solid var(--scw-gold); z-index: 1001; left: 0; }
.dropdown-content a { color: #fff !important; padding: 12px; display: block; font-size: 0.6rem; text-align: left; text-decoration: none; }
.dropdown:hover .dropdown-content { display: block; }

/* CENTERED FOOTER LOCK */
.social-footer { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 30px 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 50px auto; max-width: 600px; flex-wrap: nowrap; }
.social-ball { width: 45px; height: 45px; border: 1px solid var(--scw-gold); border-radius: 5px; display: flex; align-items: center; justify-content: center; color: var(--scw-gold) !important; text-decoration: none; transition: 0.3s; }
.social-ball:hover { background: var(--scw-gold); color: #000 !important; box-shadow: 0 0 15px var(--scw-gold); }

/* TEAM 2-3-3 HIERARCHY */
.team-row { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; }
.member-card { width: 220px; text-align: center; }
.member-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border: 2px solid var(--scw-gold); margin-bottom: 10px; }
.member-card p { font-size: 0.7rem; color: var(--scw-gold); font-weight: 900; }

/* 10-COLUMN MICRO-GRID (NO DRIFT) */
.micro-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 10px; padding: 20px 5%; }
.micro-card { aspect-ratio: 1/1; border: 1px solid var(--scw-gold); background: rgba(0,0,0,0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px; text-decoration: none; }
.micro-card i { color: var(--scw-gold); font-size: 1.2rem; margin-bottom: 5px; }
.micro-card h3 { font-size: 0.6rem; font-weight: 900; line-height: 1; color: #fff !important; text-transform: uppercase; }