body[data-page="home"] .hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); align-items: center; gap: 64px; }
body[data-page="home"] .hero h1 { max-width: 14ch; }
body[data-page="home"] .hero .art { aspect-ratio: 7 / 9; border-radius: 50% 50% 4px 4px; margin-left: 8px; }
body[data-page="home"] .sum { max-width: 990px; }
body[data-page="home"] .hub { margin: 60px 0 40px; }
body[data-page="home"] .hub h2 { max-width: 24ch; }
body[data-page="home"] .qg { display: grid; grid-template-columns: 1fr 1fr; margin-top: 30px; gap: 20px; }
body[data-page="home"] .q { display: flex; flex-direction: column; text-decoration: none; padding: 28px 30px; border: 1px solid var(--line); min-height: 215px; background: var(--cream); }
body[data-page="home"] .q:nth-child(2), body[data-page="home"] .q:nth-child(3) { background: #e6eadc; }
body[data-page="home"] .q h3 { font-size: 27px; max-width: 25ch; }
body[data-page="home"] .q p { font-size: 18px; margin-bottom: 22px; max-width: 38ch; }
body[data-page="home"] .qt { margin-top: auto; display: flex; gap: 20px; justify-content: space-between; align-items: center; }
body[data-page="home"] .q:hover h3 { text-decoration: underline; text-underline-offset: .2em; }
body[data-page="home"] .deep { margin-left: 80px; }
body[data-page="home"] .sb { border-radius: 4px 4px 36px 4px; }
@media (max-width: 760px) {
  body[data-page="home"] .hero { grid-template-columns: 1fr; gap: 30px; }
  body[data-page="home"] .hero h1 { max-width: 17ch; }
  body[data-page="home"] .hero .art { aspect-ratio: auto; height: 200px; margin-left: 0; border-radius: 100px 100px 4px 4px; }
  body[data-page="home"] .hero .art img { object-position: center 45%; }
  body[data-page="home"] .hub { margin-top: 40px; }
  body[data-page="home"] .qg { grid-template-columns: 1fr; gap: 14px; }
  body[data-page="home"] .q { padding: 24px; min-height: 200px; }
  body[data-page="home"] .q h3 { font-size: 25px; }
  body[data-page="home"] .deep { margin-left: 0; }
}
@media print {
  body[data-page="home"] .hero { display: block; }
  body[data-page="home"] .deep { margin-left: 0; }
  body[data-page="home"] .q { break-inside: avoid; }
}