:root{--su-red:#e63946;--su-orange:#ef974d;--su-yellow:#ffc436;--su-cream:#fbf1ca;--su-light-blue:#a8dadc;--su-off-white:#f1faee;--su-navy:#1d3557;--su-steel-blue:#457b9d}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:Avenir,Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--su-navy);color:var(--su-off-white)}.placeholder{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px;text-align:center}.placeholder h1{font-size:clamp(1.3rem,4vw,2rem);font-weight:300;letter-spacing:.02em}.palette-bar{display:flex;gap:10px}.palette-bar span{width:28px;height:6px;border-radius:3px}.palette-bar span:first-child{background:var(--su-red)}.palette-bar span:nth-child(2){background:var(--su-orange)}.palette-bar span:nth-child(3){background:var(--su-yellow)}.palette-bar span:nth-child(4){background:var(--su-light-blue)}