.backrooms-entry { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; min-height: clamp(360px, 60svh, 620px); padding: 80px 20px; text-align: center; background: radial-gradient(120% 120% at 50% 0%, #15181d 0%, #000 72%); color: #f5f5f7; }
.backrooms-entry h1 { margin: 0; font-weight: 800; letter-spacing: -0.03em; line-height: 0.92; font-size: clamp(46px, 13vw, 128px); background: linear-gradient(180deg, #fff, #7e8590); -webkit-background-clip: text; background-clip: text; color: transparent; }
.backrooms-entry a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 30px; border-radius: 999px; background: #fff; color: #111; font-size: 15px; font-weight: 600; text-decoration: none; transition: transform 0.15s ease, opacity 0.15s ease; }
.backrooms-entry a:hover, .backrooms-entry a:focus-visible { transform: translateY(-2px); opacity: 0.9; }
@media (max-width: 600px) { .backrooms-entry { min-height: 66svh; padding: 60px 18px; gap: 20px; } .backrooms-entry a { padding: 15px 34px; font-size: 16px; } }
.backrooms-entry { min-height: 100svh; }
.dynamic-island { display: none !important; }
.site-header:not(.scrolled) { border-bottom-color: rgba(255,255,255,.06); }
.nav-special-events { display: inline-flex; }
@media (max-width: 600px) { .backrooms-entry { min-height: 100svh; } }
@media (max-width: 760px) { .nav-special-events { display: none !important; } }