/* =========================================================================
   Blurred Athletics — CHROME  (global reset, body, keyframes, helpers)
   Ported from the design's inline <style> so page markup can stay verbatim.
   ========================================================================= */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.blurred-page {
	background: #0b0b0d;
	color: #f2f0e9;
	font-family: 'Archivo', sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.blurred-page a { color: inherit; text-decoration: none; }
body.blurred-page ::selection { background: #f2f0e9; color: #0b0b0d; }
body.blurred-page img { max-width: 100%; }

/* image-slot empty background (kept for any residual slots) */
image-slot { --is-empty-bg: #141416; }

/* --- keyframes (shared across pages) --- */
@keyframes rise      { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
@keyframes scrolldot { 0% { transform: translateY(0); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(22px); opacity: 0; } }
@keyframes kenburns  { 0% { transform: scale(1.08) translate(0, 0); } 100% { transform: scale(1.22) translate(-1.5%, -2%); } }
@keyframes kenburns2 { 0% { transform: scale(1.12) translate(1%, 1.5%); } 100% { transform: scale(1.02) translate(0, 0); } }
@keyframes drawin    { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes fadein    { from { opacity: 0; } to { opacity: 1; } }

.kb  { position: absolute; inset: 0; animation: kenburns 18s ease-out both; }
.kb2 { position: absolute; inset: 0; animation: kenburns2 20s ease-out both; }

/* WordPress admin bar shouldn't cover the fixed home nav */
body.admin-bar nav[data-ba-nav] { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar nav[data-ba-nav] { top: 46px; } }