*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:#0b0b0e;color:#e7e7ea}
a{color:#fff;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:rgba(11,11,14,.8);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #1c1c22;z-index:10}
.header .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav a{margin-left:18px;color:#bbb}.nav a:hover{color:#fff}
.hero{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5);height:72vh;margin-top:18px}
.hero video,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.5))}
.hero-card{position:relative;margin-top:-120px}
.card{background:rgba(15,15,20,.78);backdrop-filter:blur(6px);border:1px solid #23232b;border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.btn{display:inline-block;background:#fff;color:#111;padding:10px 16px;border-radius:14px;font-weight:600;margin-right:10px}
.btn.secondary{background:#222;color:#fff;border:1px solid #333}
.section{margin:70px 0}
.section h2{font-size:40px;margin:0 0 10px}
.muted{color:#a7a7b0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.tile{grid-column:span 4;background:#13131a;border:1px solid #23232b;border-radius:20px;padding:20px}
.carousel{position:relative;overflow:hidden;border-radius:24px;height:56vh;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.slide.active{opacity:1}
.badge{display:inline-block;padding:6px 10px;background:#1e1e26;border:1px solid #2b2b36;border-radius:999px;font-size:12px;margin-top:6px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card-img{position:relative;border-radius:16px;overflow:hidden;border:1px solid #23232b}
.card-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.footer{padding:40px 0;color:#8b8b95;text-align:center;border-top:1px solid #1c1c22}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;padding:20px}
.modal-backdrop.open{display:flex}
.modal{max-width:1000px;width:100%;background:#0e0e13;border:1px solid #23232b;border-radius:18px;overflow:hidden}
.modal .split{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:860px){.modal .split{grid-template-columns:1fr 1fr}}
.modal media, .modal img, .modal video{width:100%;height:100%;object-fit:cover;background:#000}
.modal .content{padding:22px}
.kv{color:#c5c5cc}