Get in touch

/* ============================ SHRINE THEME — CUSTOM HEADER ============================ */ /* Header background + layout */ .header, .header__inner, .header-wrapper { position: relative; background: linear-gradient(120deg, #0A0A0C, #1A1C1F); color: #ffffff !important; overflow: hidden; border-bottom: 1px solid #1F1F1F; } /* Moving cyan shimmer */ .header::before, .header__inner::before, .header-wrapper::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 0% 50%, #C7F9FF22 0%, transparent 60%); animation: n8rGlow 12s linear infinite; pointer-events: none; z-index: 0; } /* Keep header content above animation */ .header *, .header__inner *, .header-wrapper * { position: relative; z-index: 2; } /* ===================================== N8R Labs — HEADER TEXT BRANDING ===================================== */ /* Shrine’s header store-name selector */ .header__logo-text { font-family: "Space Grotesk", system-ui, sans-serif !important; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; font-size: 1.2rem !important; color: #C7F9FF !important; } /* Hover color swap */ .header__logo-text:hover { color: #ffffff !important; } /* ============================ Animation Keyframes ============================ */ @keyframes n8rGlow { 0% { transform: translateX(-40%); } 50% { transform: translateX(40%); } 100% { transform: translateX(-40%); } }