:root{
  --bg:#0b0b0c; --ink:#f5f5f7; --muted:#b3b7bf; --line:#1b1c1f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.container{max-width:1280px;margin:0 auto;padding:0 1.25rem}

.header{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.8rem}
.brand img{height:44px;width:auto}
.brand .txt{font-weight:700;letter-spacing:.12em}
.nav{display:flex;align-items:center;gap:1rem}
.nav .item{position:relative}
.nav .item > a,.nav .item > button{background:transparent;border:none;color:var(--ink);padding:.45rem .6rem;cursor:pointer;font-size:.95rem}
.nav .dropdown{display:none;position:absolute;top:100%;left:0;background:#121316;border:1px solid var(--line);min-width:220px;border-radius:.5rem;overflow:hidden}
.nav .dropdown a{display:block;padding:.6rem .8rem;border-bottom:1px solid #17181c;color:var(--ink)}
.nav .dropdown a:last-child{border-bottom:none}
.nav .item:hover .dropdown{display:block}

.hero{position:relative;height:72vh;min-height:540px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity .8s ease, transform 22s ease}
.hero .slide.active{opacity:.95;transform:scale(1.18)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.9))}
.hero .text{position:absolute;left:5vw;bottom:10vh;max-width:720px}
.kicker{letter-spacing:.18em;text-transform:uppercase;color:#d9d9df;font-size:.82rem}
.titleXL{font-size:2.6rem;margin:.2rem 0 .5rem}
.lead{font-size:1.1rem;color:var(--muted)}

.section{padding:2rem 0;border-bottom:1px solid var(--line)}
.grid{display:grid;gap:1rem}
@media(min-width:720px){.grid.cols-3{grid-template-columns:repeat(3,1fr)} .grid.cols-2{grid-template-columns:repeat(2,1fr)}}
.card{background:#101114;border:1px solid var(--line);border-radius:.8rem;overflow:hidden}
.card img{aspect-ratio:4/3;object-fit:cover;transition:transform 6s ease}
.card:hover img{transform:scale(1.06)}
.card .meta{padding:.8rem 1rem}
.caption{font-size:.92rem;color:var(--muted)}

.footer{padding:2rem 0}
.footer .cols{display:grid;gap:1rem}
@media(min-width:900px){.footer .cols{grid-template-columns:repeat(3,1fr)}}
.small{font-size:.86rem;color:var(--muted)}

.button{display:inline-block;padding:.6rem .9rem;border:1px solid var(--line);border-radius:.6rem}
.button.primary{background:#fff;color:#0e0e10;border-color:#fff;font-weight:700}