@import url("../inner-base.css");

:root {
  --ink: #081e2b;
  --paper: #f7f4ee;
  --surface: #fffdf8;
  --muted: #6c665f;
  --line: rgba(8,30,43,.14);
  --accent: #f36a21;
  --accent-soft: #ffd4b8;
  --hero-overlay: linear-gradient(90deg, rgba(8,30,43,.97), rgba(8,30,43,.72) 52%, rgba(243,106,33,.12));
}
.site-media .inner-hero { min-height: 640px; }
.site-media .inner-hero::before { content:""; position:absolute; z-index:2; width:34vw; height:34vw; min-width:300px; min-height:300px; right:-5vw; top:14%; border:1px solid rgba(243,106,33,.65); border-radius:50%; box-shadow:0 0 0 55px rgba(243,106,33,.07),0 0 0 110px rgba(243,106,33,.035); }
.site-media .hero-content h1 { max-width:760px; }
.site-media .inner-header.is-scrolled { background:rgba(8,30,43,.95); }
.site-media .section-head > p, .site-media .contact-section > div > p { color:#d84c0a; }
.site-media .card-grid { gap:18px; background:transparent; border:0; }
.site-media .card-grid article { border-top:4px solid var(--accent); box-shadow:0 16px 40px rgba(67,42,26,.07); }
.site-media .card-grid article:hover { background:#fff6ed; }
.site-media .stats-section { background:#f36a21; }
.site-media .stats-section strong { color:#fff; }
.site-media .bands-section { background:#081e2b; color:#fff; }
.site-media .bands-section .section-intro, .site-media .band-list p { color:rgba(255,255,255,.62); }
.site-media .bands-section .band-list { border-color:rgba(255,255,255,.15); }
.site-media .bands-section .band-list article { border-color:rgba(255,255,255,.15); }
.site-media .article-grid article:nth-child(2) { background:#f36a21; color:#fff; }
.site-media .article-grid article:nth-child(2) > p, .site-media .article-grid article:nth-child(2) a { color:#fff; }
.site-media .article-grid article:nth-child(2) > div { color:rgba(255,255,255,.78); }
.site-media .logo-wall { background:rgba(243,106,33,.3); }
.site-media .logo-wall li:hover { color:#d84c0a; background:#fff4e9; }
.site-media .contact-section { background:linear-gradient(118deg,#f36a21 0 38%,#081e2b 38%); }
.site-media .contact-actions .primary-button { background:#fff; }
.site-media .inner-footer { background:#081e2b; }

@media (max-width:620px) {
  .site-media .inner-hero { min-height:600px; }
  .site-media .inner-hero::before { right:-190px; top:31%; }
  .site-media .contact-section { background:linear-gradient(155deg,#f36a21 0 27%,#081e2b 27%); }
}