/* Branded 404 page */
.flash-404 { min-height: calc(100vh - 160px); background: #050505; color: #fff; }
.flash-404-content { position: relative; display: flex; align-items: center; min-height: calc(100vh - 160px); overflow: hidden; isolation: isolate; }
.flash-404-content::before { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, #050505 0%, rgba(5,5,5,.93) 37%, rgba(5,5,5,.48) 67%, rgba(5,5,5,.78) 100%), url("../images/boxing-near-me.png") 72% center / cover no-repeat; content: ""; }
.flash-404-content::after { position: absolute; z-index: -1; top: 0; right: 7%; bottom: 0; width: min(36vw, 580px); border-left: 1px solid rgba(255,255,255,.13); border-right: 1px solid rgba(255,255,255,.13); content: ""; transform: skewX(-10deg); }
.flash-404-content .wrap { width: 100%; max-width: 1470px; padding-top: 145px; padding-bottom: 105px; }
.flash-404-content .eyebrow { margin: 0 0 14px; }
.flash-404-number { margin: 0; color: var(--red); font: 900 clamp(4.5rem, 9.5vw, 10rem)/.74 var(--display); letter-spacing: -.04em; }
.flash-404 h1 { max-width: 760px; margin: 8px 0 0; font: 900 clamp(4rem, 8vw, 8.7rem)/.82 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.flash-404-copy { max-width: 585px; margin: 22px 0 0; font-size: clamp(1.08rem, 1.45vw, 1.48rem); line-height: 1.32; }
.flash-404-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.flash-404-actions .button { min-width: 210px; text-align: center; }
@media (max-width: 700px) { .flash-404, .flash-404-content { min-height: calc(100vh - 100px); } .flash-404-content::before { background-position: 66% center; } .flash-404-content::after { display: none; } .flash-404-content .wrap { padding-top: 125px; padding-bottom: 80px; } .flash-404-actions { display: grid; grid-template-columns: 1fr; } .flash-404-actions .button { width: 100%; } }