@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Poppins:wght@400;500;600;700&display=swap");
:root { --bg:#111111; --ink:#f4f1ea; --mute:#c8c2b6; --orange:#f26b21; --paper:#1b1b1b; --line:#2c2c2c; }
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
body { font-family:Poppins,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); line-height:1.65; }
img { max-width:100%; display:block; }
a { color:var(--orange); text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3 { font-family:Oswald,sans-serif; font-weight:500; letter-spacing:.02em; line-height:1.15; }
.header { background:#0d0d0d; position:sticky; top:0; z-index:40; border-bottom:1px solid #222; }
.header-inner { max-width:1180px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:10px 20px; gap:16px; }
.logo img { height:46px; width:auto; }
.nav { display:flex; align-items:center; gap:6px; }
.nav a.navlink { color:#fff; font-size:13px; font-weight:600; text-transform:uppercase; padding:12px 10px; }
.nav a.navlink:hover { color:var(--orange); text-decoration:none; }
.drop { position:relative; }
.drop-menu { display:none; position:absolute; top:100%; left:0; min-width:230px; background:#161616; box-shadow:0 10px 24px rgba(0,0,0,.4); padding:8px 0; }
.drop:hover .drop-menu { display:block; }
.drop-menu a { display:block; padding:8px 16px; color:#eee; font-size:13px; }
.drop-menu a:hover { background:#222; color:var(--orange); text-decoration:none; }
.cta { background:var(--orange); color:#fff !important; padding:8px 14px !important; }
.cta:hover { background:#d95c18; text-decoration:none !important; }
.hero { padding:72px 24px 56px; background:linear-gradient(180deg,#1a120c 0%,#111 100%); }
.hero-inner { max-width:1080px; margin:0 auto; }
.hero h1 { font-size:56px; text-transform:uppercase; margin-bottom:14px; }
.hero p { font-size:20px; color:var(--mute); max-width:640px; }
.pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.pill { background:#22180f; border:1px solid #3a2a1c; padding:8px 12px; font-size:13px; }
.wrap { max-width:1080px; margin:0 auto; padding:52px 24px; }
.wrap h1 { font-size:38px; margin-bottom:16px; text-transform:uppercase; }
.wrap h2 { font-size:26px; margin:22px 0 10px; }
.wrap h3 { font-size:20px; margin:18px 0 8px; }
.wrap p, .wrap li { margin-bottom:12px; color:var(--mute); }
.wrap ul { margin:0 0 16px 20px; }
.band { background:var(--paper); }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.card { background:#161616; border:1px solid var(--line); padding:20px; }
.card h3 { color:#fff; }
.mosaic { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.mosaic img { width:100%; height:220px; object-fit:cover; }
.people { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.people img { width:100%; height:280px; object-fit:cover; margin-bottom:12px; }
.quote { border-left:4px solid var(--orange); padding:12px 16px; margin:0 0 16px; color:var(--mute); }
.quote cite { display:block; margin-top:8px; color:#fff; font-style:normal; font-weight:600; }
.btn { display:inline-block; background:var(--orange); color:#fff; padding:10px 18px; font-weight:600; }
.btn:hover { background:#d95c18; text-decoration:none; color:#fff; }
.form { display:grid; gap:10px; max-width:520px; }
.form input, .form textarea { background:#0f0f0f; border:1px solid #333; color:#fff; padding:10px 12px; font:inherit; }
.form button { background:var(--orange); color:#fff; border:0; padding:10px 18px; font-weight:700; cursor:pointer; }
.news a { display:block; padding:14px 0; border-bottom:1px solid var(--line); color:#fff; }
.news a:hover { color:var(--orange); }
.awards { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.awards img { height:70px; width:auto; }
.footer { background:#0a0a0a; color:#cfc9be; padding:36px 24px 0; font-size:14px; }
.foot-grid { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:24px; }
.footer a { color:#fff; }
.footer h4 { color:#fff; text-transform:uppercase; margin-bottom:10px; font-family:Oswald,sans-serif; }
.footer ul { list-style:none; }
.footer li { margin-bottom:6px; }
.foot-bot { border-top:1px solid #222; margin-top:24px; padding:14px 0; text-align:center; }
@media (max-width:800px) {
  .hero h1 { font-size:36px; }
  .mosaic, .people, .foot-grid { grid-template-columns:1fr 1fr; }
  .header-inner, .nav { flex-wrap:wrap; }
}