:root{--bg:#07090d;--panel:#10151d;--text:#f5f7fb;--muted:#aeb7c5;--line:rgba(255,255,255,.12);--glass:rgba(10,14,20,.62)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}
.landing-page{overflow:hidden}.hero{min-height:100vh;display:grid;place-items:center;position:relative;isolation:isolate}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#24324b 0%,#111722 28%,#07090d 70%);z-index:-2}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%),linear-gradient(120deg,rgba(255,255,255,.05),transparent 30%);backdrop-filter:blur(1px)}
.hero-content{text-align:center;padding:24px}.brand-mark{font-size:clamp(2.8rem,8vw,7rem);font-weight:900;letter-spacing:.08em;text-shadow:0 12px 50px rgba(0,0,0,.5)}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;margin:18px 0 34px}.primary-btn,.ghost-btn{border-radius:999px;padding:15px 26px;border:1px solid var(--line);cursor:pointer;transition:.25s transform,.25s background}.primary-btn{background:#f5f7fb;color:#07090d;font-weight:800}.primary-btn:hover{transform:translateY(-2px)}.ghost-btn{background:transparent;color:var(--text);margin-left:10px}.hidden{display:none!important}
.intro-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#1a2231 0%,#07090d 70%);display:grid;place-items:center;z-index:20;animation:introPulse 2.4s ease both}.intro-copy{font-size:clamp(1.4rem,4vw,3rem);letter-spacing:.08em;text-transform:uppercase;font-weight:800}@keyframes introPulse{0%{opacity:0;transform:scale(1.05)}30%{opacity:1}100%{opacity:1;transform:scale(1)}}
.site-shell{min-height:100vh;background:linear-gradient(180deg,#0a0e14,#07090d)}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:rgba(7,9,13,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar .logo{font-weight:900;letter-spacing:.08em}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{color:var(--muted);font-size:.9rem}.nav a:hover{color:var(--text)}
.page-hero{min-height:58vh;display:flex;align-items:end;padding:52px 24px;background:radial-gradient(circle at 70% 20%,#26324a 0%,#111722 30%,#07090d 70%);border-bottom:1px solid var(--line)}.page-hero-inner{max-width:1000px;margin:0 auto;width:100%}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.page-hero h1{font-size:clamp(2.6rem,7vw,6rem);margin:.25em 0 .15em}.page-hero p{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.7}
.content{max-width:1100px;margin:auto;padding:48px 24px 80px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:24px;padding:22px;min-height:190px}.card h3{margin-top:0}.card p{color:var(--muted);line-height:1.6}.media-placeholder{aspect-ratio:16/9;border:1px dashed rgba(255,255,255,.25);border-radius:18px;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.02);margin-top:14px;text-align:center;padding:18px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions a{border:1px solid var(--line);border-radius:999px;padding:12px 18px;background:rgba(255,255,255,.04)}.actions a:hover{background:rgba(255,255,255,.08)}.footer{padding:24px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:700px){.topbar{align-items:flex-start;gap:14px;flex-direction:column}.nav{gap:10px}.page-hero{min-height:48vh}.ghost-btn{margin:12px 0 0;display:block}}


/* Real Rydimai World media */
.logo-image{height:42px;width:auto;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.hero-logo{width:min(620px,82vw);height:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 20px 55px rgba(0,0,0,.55))}
.hero-bg{background-image:linear-gradient(to top,rgba(3,5,9,.86),rgba(3,5,9,.28)),url('assets/images/white-bmw-m4-bisha-hotel.png');background-size:cover;background-position:center}
.page-hero.media-garage{background-image:linear-gradient(to top,rgba(5,7,10,.9),rgba(5,7,10,.15)),url('assets/images/white-bmw-m4-night-showcase.png');background-size:cover;background-position:center}
.page-hero.media-hotel{background-image:linear-gradient(to top,rgba(5,7,10,.9),rgba(5,7,10,.18)),url('assets/images/bisha-hotel-after-dark.png');background-size:cover;background-position:center}
.page-hero.media-music{background-image:linear-gradient(to top,rgba(5,7,10,.9),rgba(5,7,10,.18)),url('assets/images/rydimai-world-music-studio-empty.png');background-size:cover;background-position:center}
.page-hero.media-plaza{background-image:linear-gradient(to top,rgba(5,7,10,.9),rgba(5,7,10,.18)),url('assets/images/waterfront-skyline-night.png');background-size:cover;background-position:center}
.media-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--line);margin-top:14px;display:block}
.media-caption{color:var(--muted);font-size:.85rem;margin-top:10px}


/* Rydimai World visual upgrade */
:root{--gold:#d5a63a;--gold-soft:#f1d483;--shadow:0 24px 70px rgba(0,0,0,.48)}
body{background:radial-gradient(circle at 50% -10%,#17120a 0%,#07090d 35%,#05070a 100%)}
.topbar{border-bottom-color:rgba(213,166,58,.28)}
.nav a{transition:.2s color,.2s transform}.nav a:hover{color:var(--gold-soft);transform:translateY(-1px)}
.page-hero{box-shadow:inset 0 -90px 100px rgba(0,0,0,.48)}
.kicker{color:var(--gold-soft)}
.card{position:relative;overflow:hidden;box-shadow:var(--shadow);transition:.28s transform,.28s border-color,.28s box-shadow}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(213,166,58,.07),transparent 38%);pointer-events:none}
.card:hover{transform:translateY(-6px) perspective(900px) rotateX(1.5deg);border-color:rgba(213,166,58,.42);box-shadow:0 30px 80px rgba(0,0,0,.58)}
.primary-btn{background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#0a0804;border-color:rgba(255,255,255,.15);box-shadow:0 12px 35px rgba(213,166,58,.22)}
.actions a:hover{border-color:rgba(213,166,58,.4);color:var(--gold-soft)}
.logo-image,.hero-logo{filter:drop-shadow(0 16px 34px rgba(213,166,58,.18)) drop-shadow(0 22px 50px rgba(0,0,0,.5))}
.media-image{box-shadow:0 18px 50px rgba(0,0,0,.42)}


/* Social links + approved artwork */
.social-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:12px}.social-links a{color:var(--gold-soft);font-size:.88rem}.social-links a:hover{text-decoration:underline}.footer>div:first-child{font-weight:800;letter-spacing:.06em}.media-image{background:#090b0f}.card .media-image{min-height:180px}.landing-page .footer{position:relative;background:#07090d}

/* Approved hero artwork checkpoint */
.tower-hero{
  background-image:linear-gradient(to top,rgba(5,7,10,.82),rgba(5,7,10,.18)),url('assets/images/rydimai-reception-hall.png') !important;
  background-size:cover !important;background-position:center !important;
}
.observation-hero{
  background-image:linear-gradient(to top,rgba(5,7,10,.82),rgba(5,7,10,.12)),url('assets/images/observation-deck-hero.png') !important;
  background-size:cover !important;background-position:center !important;
}


/* === RYDIMAI WORLD BLACK THEME UPDATE === */
html, body {
  background: #000 !important;
  background-color: #000 !important;
}

body,
.site-shell,
main,
section,
.page,
.page-section,
.content-section,
footer,
.footer {
  background-color: #000;
}

.tower-hero {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.08)),
    url('assets/images/rydimai-tower-lobby-hero.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* keep cards dark without turning them gray */
.card,
.panel,
.nav-panel,
.media-card {
  background-color: #050505 !important;
}

/* Latest approved Rydimai visuals */
html,body,.site-shell,main{background:#000 !important;}
.page-hero{position:relative;overflow:hidden;isolation:isolate;}
.page-hero .hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.page-hero .hero-overlay{z-index:1;}
.page-hero > *:not(.hero-bg-image):not(.hero-overlay){position:relative;z-index:2;}
.media-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;}