:root{--cream:#fdf7e4;--ink:#17131a;--pink:#ff2e8b;--yellow:#f4c542}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}.placeholder{place-items:center;min-height:100svh;padding:clamp(1.5rem,5vw,4rem);display:grid}.brand{text-align:center;place-items:center;width:min(100%,42rem);display:grid}.brand__logo{width:clamp(15rem,44vw,27rem);height:auto;display:block}.brand__copy{margin-top:clamp(-.25rem,.2vw,.25rem)}.brand h1{letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3rem,9vw,6.5rem);font-weight:900;line-height:.88}.brand p{color:var(--pink);letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;gap:.85rem;margin:clamp(1.1rem,3vw,1.75rem) 0 0;font-size:clamp(.72rem,1.7vw,.88rem);font-weight:800;display:flex}.brand p span{color:var(--yellow);text-shadow:1px 1px 0 var(--ink);font-size:1.15em}@media (max-width:32rem){.brand__logo{width:min(82vw,21rem)}.brand h1{font-size:clamp(3rem,17vw,5rem)}}@media (prefers-reduced-motion:no-preference){.brand__logo{animation:.7s cubic-bezier(.2,.8,.2,1) both arrive}.brand__copy{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both arrive}}@keyframes arrive{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
