/* ============================================================ gate.css — "Under Development" splash screen. Self-contained (no dependency on base.css) so the splash renders correctly even in isolation. Shown only when has the class `dev-locked` (set by js/gate.js). ============================================================ */ /* Hidden by default → unlocked visitors never see it. */ #dev-screen { display: none; } /* Locked: cover everything, freeze the page behind it. */ html.dev-locked, html.dev-locked body { overflow: hidden; } html.dev-locked #dev-screen { display: flex; position: fixed; inset: 0; z-index: 2147483000; /* above preloader and all chrome */ align-items: center; justify-content: center; padding: 2rem; text-align: center; color: #f4f1ea; background-color: #0a0a0b; background-image: radial-gradient(60% 50% at 50% 36%, rgba(201, 168, 76, .10), rgba(201, 168, 76, 0) 70%); -webkit-font-smoothing: antialiased; } #dev-screen .dev-inner { display: flex; flex-direction: column; align-items: center; max-width: 34rem; animation: devFade 1s ease both; } @keyframes devFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } #dev-screen .dev-logo { width: clamp(140px, 28vw, 200px); height: auto; margin-bottom: 2.25rem; } #dev-screen .dev-eyebrow { font-family: "Manrope", system-ui, -apple-system, sans-serif; font-size: .7rem; letter-spacing: .32em; text-transform: uppercase; color: #c9a84c; margin-bottom: 1.1rem; } #dev-screen .dev-title { font-family: "Cormorant Garamond", "Didot", "Bodoni MT", Georgia, serif; font-weight: 500; font-size: clamp(2.6rem, 7vw, 4.25rem); line-height: 1.05; letter-spacing: .005em; margin: 0 0 1.6rem; color: #f4f1ea; } /* Shimmering gold hairline */ #dev-screen .dev-rule { position: relative; width: 64px; height: 1px; margin: 0 0 1.6rem; background: rgba(201, 168, 76, .3); overflow: hidden; } #dev-screen .dev-rule span { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #e3c87e, transparent); transform: translateX(-100%); animation: devShimmer 2.8s ease-in-out infinite; } @keyframes devShimmer { 0% { transform: translateX(-100%); } 60%, 100% { transform: translateX(100%); } } #dev-screen .dev-text { font-family: "Manrope", system-ui, -apple-system, sans-serif; font-size: 1rem; line-height: 1.7; color: rgba(244, 241, 234, .7); margin: 0 0 2rem; } #dev-screen .dev-contact { font-family: "Manrope", system-ui, -apple-system, sans-serif; font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; color: #c9a84c; text-decoration: none; padding-bottom: 4px; border-bottom: 1px solid rgba(201, 168, 76, .4); transition: color .25s ease, border-color .25s ease; } #dev-screen .dev-contact:hover { color: #e3c87e; border-color: #e3c87e; }