:root { --accent: hsl(303, 58%, 36%); --paper: #f7f5f2; --ink: #1c1917; }
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(200px, 34%) 1fr;
  background: var(--paper);
  color: var(--ink);
  font-family: "Segoe UI", Candara, sans-serif;
}
aside {
  background: var(--accent);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1rem;
  padding: 2rem;
}
.logo { width: 64px; height: 64px; }
.domain { margin: 0; letter-spacing: 0.08em; }
main { display: flex; align-items: center; padding: 8vw; }
h1 { margin: 0; font-weight: 600; font-size: clamp(3rem, 7vw, 5.5rem); }
@media (max-width: 700px) {
  body { grid-template-columns: 1fr; }
  aside { min-height: 28vh; }
}