:root{--dk-black:#050505;--dk-charcoal:#111318;--dk-gold:#c9a15d;--dk-red:#e51b35;--dk-white:#ffffff;--dk-muted:#d9d9d9;--dk-blue:#0d3c75;--max-width:1180px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--dk-black);color:var(--dk-white);line-height:1.6}a{color:var(--dk-gold);text-decoration:none}a:hover,a:focus{color:var(--dk-white);text-decoration:underline}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.site-header{background:linear-gradient(180deg,#000 0%,#101010 100%);border-bottom:3px solid var(--dk-gold);position:sticky;top:0;z-index:20}.header-inner{max-width:var(--max-width);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-branding{display:flex;align-items:center;gap:18px}.site-logo img{width:220px;display:block}.site-title{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.site-description{margin:0;color:var(--dk-muted);font-size:.92rem}.primary-menu{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:18px}.primary-menu a{color:var(--dk-white);font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.03em}.primary-menu a:hover{color:var(--dk-gold)}.hero{min-height:650px;display:flex;align-items:center;background:radial-gradient(circle at 50% 35%,rgba(201,161,93,.17),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.25),#050505 88%),url(https://legiondistrictk.ca/wp-content/themes/district-k-legion/assets/images/district-k-logo.png) center 72px / min(88vw, 980px) no-repeat}.hero-content{max-width:var(--max-width);margin:0 auto;padding:330px 24px 90px;text-align:center}.kicker{color:var(--dk-gold);text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin-bottom:10px}.hero h1{font-size:clamp(2.4rem, 6vw, 5rem);line-height:1;margin:0 0 18px}.hero p{max-width:820px;margin:0 auto 30px;font-size:1.2rem;color:#efefef}.button-row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.button{display:inline-block;padding:14px 22px;border-radius:999px;background:var(--dk-red);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.button.alt{background:transparent;border:2px solid var(--dk-gold);color:var(--dk-gold)}.button:hover{text-decoration:none;filter:brightness(1.08)}.section{padding:72px 24px}.section-inner{max-width:var(--max-width);margin:0 auto}.section-title{font-size:clamp(2rem, 4vw, 3rem);margin:0 0 12px}.section-lead{color:var(--dk-muted);max-width:850px;font-size:1.1rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.card{background:linear-gradient(180deg,#191b20,#0d0e11);border:1px solid rgba(201,161,93,.28);border-radius:22px;padding:28px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.card h3{margin-top:0;color:var(--dk-gold);font-size:1.35rem}.card p{color:#e9e9e9}.news-list article,.post-card{border-bottom:1px solid rgba(255,255,255,.12);padding:28px 0}.entry-title{margin:0 0 8px;font-size:clamp(1.7rem, 3vw, 2.4rem)}.entry-meta{color:var(--dk-gold);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.content-wrap{max-width:900px;margin:0 auto;padding:64px 24px}.wp-block-button__link{background:var(--dk-red);border-radius:999px;font-weight:800}.callout{background:linear-gradient(135deg,rgba(229,27,53,.96),rgba(13,60,117,.9));border-top:3px solid var(--dk-gold);border-bottom:3px solid var(--dk-gold)}.callout .section-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:center}.callout h2{margin:0 0 12px;font-size:clamp(2rem, 4vw, 3.2rem)}.callout p{margin:0;font-size:1.12rem}.site-footer{background:#000;border-top:3px solid var(--dk-gold);padding:38px 24px;color:var(--dk-muted)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-logo{width:180px}@media (max-width:860px){.header-inner{align-items:flex-start;flex-direction:column}.primary-menu{gap:12px}.site-logo img{width:170px}.hero{min-height:560px;background-size:760px;background-position:center 90px}.hero-content{padding-top:290px}.grid,.callout .section-inner{grid-template-columns:1fr}}