:root { color-scheme: dark; --paper: #122b36; --ink: #f0efe7; --muted: #bbc5c9; --line: #3e5056; --accent: #d8ddac; }
.brand img { background: #f4f3ed; padding: 5px; border-radius: 50%; }
.hero { grid-template-columns: 1.06fr 1fr; gap: 6%; }
.hero h1 { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 500; letter-spacing: -.07em; font-size: clamp(55px, 6.5vw, 100px); line-height: 1.02; }
.hero h1 em { font-style: normal; font-weight: 500; color: #d5dda9; }
.eyebrow { letter-spacing: .28em; }
.art-mat { border-radius: 48% 48% 2px 2px; }
.contact-icon { border-color: #697f83; }
@media (max-width: 960px) { .hero h1 { font-size: 7.2vw; } }
@media (max-width: 640px) {
  .hero { grid-template-columns: 1fr; gap: 40px; }
  .hero h1 { font-size: clamp(44px, 14.8vw, 92px); }
}