/* judge.club */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0a1f1c; color: #f0ebe3; font-family: 'Lato', sans-serif; line-height: 1.7; }
.hero { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; position: relative; background: linear-gradient(135deg, #0a1f1c 0%, #1a4a44 50%, #0a1f1c 100%); }
.frame-left, .frame-right { position: absolute; width: 40px; height: 120px; border: 1px solid #d4a574; top: 50%; transform: translateY(-50%); }
.frame-left { left: 10%; } .frame-right { right: 10%; }
.diamond { width: 50px; height: 50px; border: 2px solid #d4a574; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; box-shadow: 0 0 0 2px #7a8a86; }
.est { transform: rotate(-45deg); font-family: 'Inter', sans-serif; font-size: 0.5rem; color: #d4a574; letter-spacing: 0.1em; white-space: nowrap; }
.brand { font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(3rem, 7vw, 5rem); color: #d4a574; }
.members { max-width: 600px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1.25rem; background: #1a4a44; border-top: 2px solid #7a8a86; border-bottom: 2px solid #7a8a86; }
.member-panel { border: 1px solid #d4a574; padding: 1.5rem; position: relative; background: rgba(12, 50, 46, 0.5); }
.member-panel::before, .member-panel::after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #d4a574; transform: rotate(45deg); }
.member-panel::before { top: -5px; left: -5px; background: #1a4a44; } .member-panel::after { bottom: -5px; right: -5px; background: #1a4a44; }
.panel-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.1rem; color: #fbbf24; margin-bottom: 0.3rem; }
.panel-text { font-size: 0.8rem; color: #f0ebe3; opacity: 0.8; }
.gallery { display: flex; justify-content: center; gap: 1rem; padding: 2rem; flex-wrap: wrap; background: rgba(26, 74, 68, 0.3); }
.portrait-frame { width: 60px; height: 90px; border: 2px solid #d4a574; box-shadow: inset 0 0 0 1px #7a8a86; }
.lounge { text-align: center; padding: 3rem 2rem; background: linear-gradient(to bottom, #0a1f1c, #12322e); border-top: 2px solid #7a8a86; }
.geo-band { display: flex; justify-content: center; gap: 0.75rem; margin-bottom: 1.5rem; }
.chevron { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #d4a574; }
.lounge-text { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1rem; color: #fbbf24; }
.lounge-brand { font-size: 0.65rem; color: #7a8a86; display: block; margin-top: 0.5rem; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }