:root{--ink:#0b0c0e;--panel:#15171a;--panel2:#1d2024;--text:#f5f5f2;--muted:#a9adb3;--yellow:#ffd400;--line:#33363b;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,12,14,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-row{height:72px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.03em}
.brand img{width:46px;height:46px;object-fit:contain}
.brand span small{display:block;color:var(--yellow);font-size:.72rem;letter-spacing:.12em}
.nav{display:flex;margin-left:auto;gap:24px}
.nav a{text-decoration:none;color:#d8d9db;font-weight:700;font-size:.93rem}
.nav a:hover,.nav a[aria-current]{color:var(--yellow)}
.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:white;padding:8px 12px;border-radius:4px}
.hero{min-height:560px;display:grid;align-items:end;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.16) 100%),url('../BK2026-header.jpg') center 42%/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:7px;background:repeating-linear-gradient(90deg,var(--yellow) 0 44px,#111 44px 88px)}
.hero-content{position:relative;z-index:1;padding:96px 0 80px;max-width:720px}
.eyebrow{color:var(--yellow);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900}
.hero h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.87;letter-spacing:-.06em;margin:.2em 0}
.hero p{max-width:620px;font-size:1.15rem;color:#d3d5d7}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-block;text-decoration:none;font-weight:900;padding:12px 18px;border:2px solid var(--yellow);background:var(--yellow);color:#111}
.button.secondary{background:transparent;color:white;border-color:#777}
.section{padding:78px 0}
.section.alt{background:#101215}
.section-head{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:32px}
.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0;letter-spacing:-.04em}
.section-head p{max-width:560px;color:var(--muted);margin:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}
.fact{background:var(--panel);padding:28px}
.fact strong{font-size:2.2rem;display:block;color:var(--yellow)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);border:1px solid var(--line);padding:24px;text-decoration:none;transition:.2s}
.card:hover{transform:translateY(-3px);border-color:var(--yellow)}
.card .kicker{color:var(--yellow);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.card h3{font-size:1.35rem;line-height:1.2}
.card p{color:var(--muted)}
.archive-hero{padding:72px 0 40px;background:linear-gradient(120deg,#16191d,#0b0c0e)}
.archive-hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.92;letter-spacing:-.06em;margin:.18em 0}
.controls{position:sticky;top:72px;z-index:15;background:#101215;border-block:1px solid var(--line);padding:16px 0}
.control-row{display:grid;grid-template-columns:1.6fr repeat(2,1fr);gap:12px}
.control{width:100%;background:#1b1e22;color:white;border:1px solid #3b3e43;border-radius:3px;padding:12px 14px;font:inherit}
.tabs{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}
.tab{background:transparent;color:#c9cbce;border:1px solid var(--line);padding:9px 14px;font-weight:800}
.tab.active{background:var(--yellow);border-color:var(--yellow);color:#111}
.result-count{color:var(--muted);margin-left:auto}
.gallery{columns:4 240px;column-gap:14px}
.tile{break-inside:avoid;margin:0 0 14px;background:var(--panel);border:1px solid var(--line);cursor:pointer}
.tile img{width:100%;height:auto;min-height:130px;object-fit:cover;background:#222}
.tile figcaption{padding:10px 12px}
.tile b{display:block;line-height:1.2}
.meta{font-size:.78rem;color:var(--muted)}
.reports{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.report{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);padding:20px}
.report:hover{border-color:var(--yellow)}
.report h3{margin:4px 0;font-size:1.2rem}
.report p{margin:.4em 0 0;color:var(--muted)}
.empty{padding:50px;border:1px dashed #555;text-align:center;color:var(--muted)}
dialog{width:min(920px,calc(100% - 24px));padding:0;border:1px solid #555;background:#090a0c;color:white}
dialog::backdrop{background:rgba(0,0,0,.88)}
.lightbox-img{max-height:78vh;margin:auto}
.lightbox-bar{padding:12px 16px;display:flex;justify-content:space-between;gap:16px}
.close{background:var(--yellow);border:0;padding:8px 12px;font-weight:900}
.footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer a{color:white}
@media(max-width:760px){.menu{display:block}
.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#0b0c0e;padding:20px 16px;flex-direction:column;border-bottom:1px solid var(--line)}
.nav.open{display:flex}
.hero{min-height:500px;background-position:63% center}
.hero h1{font-size:3.6rem}
.facts,.cards,.reports{grid-template-columns:1fr}
.control-row{grid-template-columns:1fr}
.controls{position:static}
.section-head{display:block}
.section-head p{margin-top:14px}
}
