*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f5f0e8;--gold: #c9a84c;--dark: #1a1a1a}html,body{width:100%;height:100%}body{background:var(--dark);color:var(--cream);font-family:Georgia,serif}.hero{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;text-align:center}.hero__title{font-size:clamp(3rem,8vw,7rem);letter-spacing:.05em;color:var(--gold);line-height:1.1}.hero__sub{margin-top:1.5rem;font-size:clamp(1rem,2vw,1.4rem);letter-spacing:.2em;text-transform:uppercase;opacity:.7}