/* A deliberate dead end: identity, a thought, an image. */
:root { color-scheme: dark; background: #000; color: #eee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; }
.page { max-width: 1440px; margin: 0 auto; padding: 0 clamp(1.5rem, 6vw, 6rem); }
header { padding: 2.2rem 0; border-bottom: 1px solid #242424; }
.wordmark { font-size: 1rem; letter-spacing: .16em; }
.hero { min-height: calc(100svh - 6rem); display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 4vw; padding: 3.5rem 0 5rem; }
h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 5.5vw, 5rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.1; margin: 0; }
.inspiration { width: 100%; max-width: 470px; margin: 0 auto; }
.inspiration img { display: block; width: 100%; height: auto; }
@media (max-width: 740px) {
  header { padding: 1.6rem 0; }
  .wordmark { font-size: .9375rem; }
  .hero { min-height: auto; grid-template-columns: 1fr; gap: 2.5rem; padding: 3.5rem 0 3rem; }
  h1 { font-size: clamp(2.8rem, 9vw, 4.2rem); }
  .inspiration { max-width: 340px; }
}