:root { --ink:#181818; --accent:#e95a3d; --page:#f7f7f4; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; grid-template-rows:1fr auto; color:var(--ink); background:var(--page); font-family:"DM Sans",Arial,sans-serif; }
main { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 24px; text-align:center; }
.brand { display:flex; align-items:center; gap:18px; }
.brand-mark { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--accent); font-size:1.75rem; font-weight:600; }
h1 { margin:0; font-size:clamp(3.2rem,9vw,7.5rem); line-height:1; letter-spacing:-.075em; }
.tagline { margin:30px 0 0; color:#363633; font-size:clamp(1.25rem,2.5vw,1.7rem); font-weight:700; letter-spacing:-.025em; }
.descriptor { margin:12px 0 0; color:#777772; font-size:clamp(.95rem,1.6vw,1.1rem); font-style:italic; line-height:1.5; }
footer { padding:24px; color:#777772; text-align:center; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
@media (max-width:600px) {
  .brand { flex-direction:column; gap:18px; }
  .brand-mark { width:50px; height:50px; font-size:1.5rem; }
  h1 { font-size:clamp(3.4rem,18vw,5rem); }
}