* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; }
body { display: grid; place-items: center; overflow: hidden; background: #06377f; }
.landing-page { position: relative; width: min(100vw, 100vh); aspect-ratio: 1; overflow: hidden; }
.reference-design { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Covers only the source image's date/time row; the gold curve above remains intact. */
footer { position: absolute; z-index: 1; inset: 90.2% 0 0; display: flex; align-items: flex-end; justify-content: center; padding: 0 4% 2.55%; text-align: center; color: rgba(255,255,255,.8); font: 500 clamp(9px, 1.18vw, 15px)/1.25 Arial, sans-serif; white-space: nowrap; background: linear-gradient(180deg, rgba(0,57,145,.95) 0%, #003f94 35%, #00317e 100%); }