.home-answers { display: grid; gap: var(--room); padding-block: clamp(3rem, 6vw, 6rem) var(--room); }
.home-hero { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.hero-answer { display: grid; gap: 1.5rem; }
.hero-answer h1 { font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.04; letter-spacing: -.05em; max-width: 17ch; }
.hero-brief { max-width: 44ch; font-size: 1.125rem; line-height: 1.6; }
.hero-links { display: flex; align-items: stretch; flex-wrap: wrap; gap: 12px; }
.primary-link, .secondary-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 52px; border-radius: 12px; text-decoration: none; padding: .875rem 1.125rem; font-weight: 600; transition: transform 200ms, box-shadow 200ms, border-color 200ms; }
.primary-link { background: var(--paper); color: var(--ink); border: 1px solid var(--paper); }
.primary-link:hover { color: var(--ink); box-shadow: 0 0 24px #4A7CFF35; transform: translateY(-2px); }
.secondary-link { border: 1px solid var(--line); color: var(--paper); background: var(--surface); }
.secondary-link:hover { color: var(--paper); border-color: var(--purple); transform: translateY(-2px); }
.hero-basics { display: grid; gap: .75rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--quiet); }
.editorial-photo { min-width: 0; }
.photo-stage { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); min-height: 220px; }
.photo-stage img { position: relative; object-fit: cover; aspect-ratio: 3 / 2; color: var(--quiet); font-size: 1rem; }
.hero-photo .photo-stage { border-radius: 36px; }
.hero-photo img { aspect-ratio: 7 / 8; }
.editorial-photo figcaption { position: relative; color: var(--quiet); margin-top: .75rem; line-height: 1.6; }
.quiet-waves { display: block; position: absolute; width: min(100%, 560px); aspect-ratio: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.quiet-waves > span { position: absolute; inset: 0; border: 1px solid #4A7CFF4D; border-radius: 50%; }
.quiet-waves > span:nth-child(2) { inset: 64px; border-color: #9C6AFF55; }
.quiet-waves > span:nth-child(3) { inset: 128px; border-color: #E8E8F045; }
.home-orientation { display: grid; grid-template-columns: 1fr 1.65fr; gap: 3rem; }
.home-orientation > div:first-child { display: grid; align-content: start; gap: 1rem; }
.question-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.question-tiles a { position: relative; display: grid; gap: .75rem; padding: 1.5rem 3rem 1.5rem 1.5rem; min-height: 152px; background: var(--surface); color: var(--paper); border: 1px solid var(--line); border-radius: 12px; text-decoration: none; box-shadow: 0 8px 20px #00000018; transition: transform 200ms, border-color 200ms, box-shadow 200ms; }
.question-tiles a:hover { transform: translateY(-3px); border-color: var(--purple); box-shadow: 0 10px 24px #00000030; }
.tile-title { font-size: 1.125rem; font-weight: 700; letter-spacing: -.02em; }
.tile-arrow { position: absolute; top: 1.25rem; right: 1.25rem; font-size: 1.25rem; color: var(--link); }
.home-feature { display: grid; grid-template-columns: 1fr 1.05fr; gap: 4rem; align-items: start; padding-top: 3rem; border-top: 1px solid var(--line); }
.feature-heading { display: grid; gap: 1.25rem; max-width: 48ch; }
.feature-heading h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); max-width: 20ch; }
.feature-answer { display: grid; gap: 1.25rem; border: 1px solid var(--line); border-radius: 24px; padding: 2rem; background: var(--surface); box-shadow: 0 12px 28px #0000001A; }
.home-feature.reverse .feature-heading { grid-column: 2; grid-row: 1; }
.home-feature.reverse .feature-answer { grid-column: 1; grid-row: 1; }
@media (max-width: 900px) {
  .home-hero { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .home-orientation { grid-template-columns: 1fr; }
  .home-feature { gap: 2rem; }
}
@media (max-width: 720px) {
  .home-hero, .home-feature { grid-template-columns: minmax(0, 1fr); }
  .hero-answer h1 { max-width: 19ch; }
  .hero-links { flex-direction: column; }
  .hero-photo img { aspect-ratio: 7 / 6; }
  .home-orientation { gap: 1.5rem; }
  .question-tiles { grid-template-columns: minmax(0, 1fr); }
  .question-tiles a { min-height: 128px; }
  .home-feature.reverse .feature-heading, .home-feature.reverse .feature-answer { grid-column: auto; grid-row: auto; }
  .feature-answer { padding: 1.5rem; }
  .home-answers { padding-top: 2.5rem; }
}