.home-page { overflow-wrap: anywhere; }
.home-page .home-text-link { display: inline-flex; width: fit-content; min-width: 0; align-items: center; gap: var(--space-2); font-weight: 800; text-decoration-thickness: 2px; text-underline-offset: .2em; }
.home-page .home-text-link:hover { text-decoration-thickness: 3px; transform: translate(2px, 2px); }
.home-page .home-hero { position: relative; overflow: hidden; padding-block-start: var(--space-7); }
.home-page .home-hero__grid { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; }
.home-page .home-hero__intro { grid-column: 1 / span 9; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); position: relative; z-index: 1; }
.home-page .home-hero__intro h1, .home-page .home-hero__intro p { margin: 0; }
.home-page .home-hero__intro h1 { max-width: 18ch; }
.home-page .home-hero__intro p { max-width: 54ch; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.home-page .home-hero__word { position: absolute; z-index: 0; top: 4rem; left: -1rem; max-width: 70%; color: transparent; font-family: var(--font-display); font-size: clamp(9rem, 18vw, 16rem); line-height: .8; -webkit-text-stroke: 3px rgba(0,0,0,.08); pointer-events: none; }
.home-page .home-review-card { grid-column: 10 / span 3; min-width: 250px; padding: 0; color: inherit; text-decoration: none; }
.home-page .home-review-card__image { aspect-ratio: 4 / 3; border: 0; border-bottom: var(--border-strong); }
.home-page .home-review-card__image img { object-position: left top; }
.home-page .home-review-card__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); }
.home-page .home-review-card__content h2, .home-page .home-review-card__content p { margin: 0; }
.home-page .home-review-card__content h2 { font-size: clamp(1.25rem, 1.8vw, 1.7rem); }
.home-page .home-review-card__verdict { width: 100%; padding: var(--space-3); font-size: .92rem; box-shadow: none; }
.home-page .home-hero__world { grid-column: 2 / span 11; min-width: 0; margin: var(--space-5) -12px 0 0; position: relative; z-index: 1; }
.home-page .home-hero__world-image { position: relative; aspect-ratio: 16 / 9; }
.home-page .home-hero__world-image img { object-position: right center; }
.home-page .home-hero__world-caption { position: absolute; top: var(--space-4); left: var(--space-4); }
.home-page .home-hero__world figcaption { max-width: 58ch; }

.home-page .home-news__head { display: grid; grid-template-columns: 4fr 5fr 3fr; gap: 24px; align-items: end; }
.home-page .home-news__head > * { min-width: 0; }
.home-page .home-news__title, .home-page .home-news__title h2 { margin: 0; }
.home-page .home-news__dek { max-width: 52ch; margin: 0; }
.home-page .home-news__all { justify-self: end; }
.home-page .home-news__list { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: var(--space-6); border-top: var(--border-strong); }
.home-page .home-news-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 4fr) minmax(0, 5fr); gap: 16px; align-items: start; padding: var(--space-5) 0; border-bottom: var(--border-quiet); }
.home-page .home-news-item > * { min-width: 0; margin: 0; }
.home-page .home-news-item__time { font-weight: 800; }
.home-page .home-news-item__tag { width: fit-content; background: var(--color-signal-mint); }
.home-page .home-news-item__story h3, .home-page .home-news-item__story p { margin: 0; }
.home-page .home-news-item__story { display: contents; }
.home-page .home-news-item__story h3 { grid-column: 3; font-family: var(--font-body); font-size: 1.08rem; font-weight: 800; line-height: 1.35; }
.home-page .home-news-item__story p { grid-column: 4; max-width: 50ch; }

.home-page .home-releases__head { display: grid; grid-template-columns: 4fr 5fr 3fr; gap: 24px; align-items: end; }
.home-page .home-releases__head > * { min-width: 0; }
.home-page .home-releases__head h2, .home-page .home-releases__head p { margin: 0; }
.home-page .home-releases__head p { max-width: 56ch; }
.home-page .home-releases__legend { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); justify-content: flex-end; }
.home-page .home-releases__hint, .home-page .home-release-controls { display: none; }
.home-page .home-releases__rail { display: grid; grid-template-columns: 5fr 3fr 4fr; gap: 24px; margin-top: var(--space-6); }
.home-page .home-release-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-release-card > * { margin: 0; }
.home-page .home-release-card--feature { transform: translateY(12px); }
.home-page .home-release-card__mint { background: var(--color-signal-mint); }

.home-page .home-stories__head { max-width: 68ch; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-stories__head > * { margin: 0; }
.home-page .home-stories__head p { max-width: 60ch; }
.home-page .home-stories__grid { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; margin-top: var(--space-6); }
.home-page .home-stories__grid > * { min-width: 0; }
.home-page .home-story-main, .home-page .home-story-small { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-page .home-story-main { min-height: 420px; justify-content: center; }
.home-page .home-story-main > *, .home-page .home-story-small > * { margin: 0; }
.home-page .home-story-main p { max-width: 60ch; }
.home-page .home-stories__side { display: flex; min-width: 0; flex-direction: column; gap: 24px; }
.home-page .home-story-small { flex: 1 1 0; }
.home-page .home-story-small .action-caption { font-size: .66rem; }

.home-page .home-genres__head { display: grid; grid-template-columns: 4fr 5fr 3fr; gap: 24px; align-items: end; }
.home-page .home-genres__head > * { min-width: 0; }
.home-page .home-genres__head h2, .home-page .home-genres__head p { margin: 0; }
.home-page .home-genres__head p { max-width: 48ch; }
.home-page .home-genres__arrow, .home-page .home-guides__arrow { justify-self: end; font-size: 4rem; font-family: var(--font-display); line-height: 1; }
.home-page .home-genres__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: var(--space-6); }
.home-page .home-genre-card { min-width: 0; min-height: 236px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); color: inherit; text-decoration: none; }
.home-page .home-genre-card > * { margin: 0; }
.home-page .home-genre-card h3 { margin-top: auto; }
.home-page .home-genre-card p:not(.home-genre-card__bubble) { max-width: 38ch; }
.home-page .home-genre-card__mark { width: 16px; height: 16px; background: var(--color-signal-mint); border: 2px solid var(--color-ink); }
.home-page .home-genre-card__bubble { padding: var(--space-3); font-size: .88rem; box-shadow: none; }

.home-page .home-indie__head { display: grid; grid-template-columns: 5fr 2fr 4fr 1fr; gap: 24px; align-items: center; }
.home-page .home-indie__head > * { min-width: 0; }
.home-page .home-indie__head > div { grid-column: 1 / span 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-indie__head h2, .home-page .home-indie__head p { margin: 0; }
.home-page .home-indie__head p { max-width: 54ch; }
.home-page .home-indie__head blockquote { grid-column: 3 / span 2; margin: 0; max-width: 30ch; }
.home-page .home-indie__list { display: grid; grid-template-columns: 1fr; margin-top: var(--space-6); border-top: var(--border-strong); }
.home-page .home-indie-item { display: grid; grid-template-columns: 1fr 7fr 4fr; gap: 24px; align-items: center; padding: var(--space-5) 0; border-bottom: var(--border-quiet); }
.home-page .home-indie-item > * { min-width: 0; margin: 0; }
.home-page .home-indie-item > div { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.home-page .home-indie-item > div > * { margin: 0; }
.home-page .home-indie-item p { max-width: 56ch; }
.home-page .home-indie-item__number { font-family: var(--font-display); font-size: var(--text-display-m); }
.home-page .home-indie-item__mint { background: var(--color-signal-mint); }
.home-page .home-indie-item .button { justify-self: end; }

.home-page .home-opinions__head { max-width: 56ch; margin-inline: auto; display: flex; flex-direction: column; align-items: center; gap: var(--space-3); text-align: center; }
.home-page .home-opinions__head > * { margin: 0; }
.home-page .home-opinions__rule { width: 100%; height: 3px; background: var(--color-ink); position: relative; }
.home-page .home-opinions__rule::after { content: ""; position: absolute; left: 50%; top: -6px; width: 14px; height: 14px; border: 2px solid var(--color-ink); background: var(--color-signal-mint); transform: translateX(-50%); }
.home-page .home-opinions__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: var(--space-6); }
.home-page .home-opinion-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-opinion-card > * { margin: 0; }
.home-page .home-opinion-card h3 { font-size: clamp(1.5rem, 2vw, 1.9rem); }
.home-page .home-opinion-card__mint { background: var(--color-signal-mint); }

.home-page .home-guides__head { display: grid; grid-template-columns: 5fr 4fr 3fr; gap: 24px; align-items: end; }
.home-page .home-guides__head > * { min-width: 0; }
.home-page .home-guides__head h2, .home-page .home-guides__head p { margin: 0; }
.home-page .home-guides__head p { max-width: 48ch; }
.home-page .home-guides__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: var(--space-6); }
.home-page .home-guide-card { min-width: 0; min-height: 310px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-guide-card > * { margin: 0; }
.home-page .home-guide-card__number { font-family: var(--font-display); font-size: var(--text-display-l); line-height: 1; }
.home-page .home-guide-card ul { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.home-page .home-guide-card li { position: relative; padding-left: 18px; }
.home-page .home-guide-card li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; background: var(--color-signal-mint); border: 1px solid var(--color-ink); }
.home-page .home-guide-card__mint { background: var(--color-signal-mint); }
.home-page .home-guide-card .home-text-link { margin-top: auto; }

.home-page .home-picks__head { max-width: 54ch; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-picks__head > * { margin: 0; }
.home-page .home-picks__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; margin-top: var(--space-6); }
.home-page .home-pick-bubble { grid-column: 2 / span 7; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-pick-bubble > * { margin: 0; }
.home-page .home-pick-bubble p:not(.metadata) { max-width: 52ch; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.home-page .home-pick-bubble--mint { grid-column: 7 / span 5; }
.home-page .home-pick-bubble--mint p:not(.metadata) { max-width: 42ch; font-size: 1rem; }

.home-page .home-join__panel { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; padding: var(--space-6); }
.home-page .home-join__panel > * { min-width: 0; }
.home-page .home-join__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-page .home-join__content > * { margin: 0; }
.home-page .home-join__content > p { max-width: 48ch; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.home-page .home-newsletter-form { width: min(100%, 520px); display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-2); }
.home-page .home-newsletter-form label, .home-page .home-newsletter-form p { margin: 0; }
.home-page .home-newsletter-form__controls { display: flex; min-width: 0; gap: var(--space-3); }
.home-page .home-newsletter-form__controls > * { min-width: 0; }
.home-page .home-newsletter-form__controls input { flex: 1 1 auto; }
.home-page .home-newsletter-form__controls button { flex: 0 0 auto; }
.home-page .home-newsletter-form__help, .home-page .home-newsletter-form__feedback { font-size: var(--text-caption); line-height: var(--leading-caption); }
.home-page .home-newsletter-form__feedback { min-height: 1.35em; font-weight: 800; }
.home-page .home-newsletter-form__feedback.is-error { color: #8a1200; }
.home-page .home-newsletter-form__feedback.is-success { color: var(--color-ink); }
.home-page .home-contact-card { width: min(100%, 58ch); display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); background: var(--color-paper); }
.home-page .home-contact-card > * { margin: 0; }
.home-page .home-contact-card address { font-style: normal; line-height: 1.6; }
.home-page .home-join__image { align-self: stretch; min-width: 0; margin: 0; position: relative; aspect-ratio: 3 / 2; }
.home-page .home-join__image img { width: 100%; height: 100%; object-position: right center; }
.home-page .home-join__image figcaption { position: absolute; right: var(--space-3); bottom: var(--space-3); max-width: 28ch; border: 2px solid var(--color-ink); background: var(--color-paper); padding: var(--space-2); color: var(--color-ink); }

@media (max-width: 1040px) {
  .home-page .home-hero__intro { grid-column: 1 / span 8; }
  .home-page .home-review-card { grid-column: 9 / span 4; }
  .home-page .home-hero__world { grid-column: 1 / span 12; }
}
@media (max-width: 960px) {
  .home-page .home-stories__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .home-page .home-story-main { grid-column: 1 / span 6; min-height: auto; }
  .home-page .home-stories__side { grid-column: 1 / span 6; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .home-releases__rail { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .home-page .home-release-card--feature { grid-column: 1 / span 6; transform: none; }
  .home-page .home-release-card:nth-child(2), .home-page .home-release-card:nth-child(3) { grid-column: span 3; }
}
@media (max-width: 900px) {
  .home-page .home-hero__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .home-page .home-hero__intro { grid-column: 1 / span 4; }
  .home-page .home-review-card { grid-column: 5 / span 2; min-width: 0; }
  .home-page .home-hero__world { grid-column: 1 / span 6; }
  .home-page .home-news__head, .home-page .home-releases__head, .home-page .home-genres__head, .home-page .home-guides__head { grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; }
  .home-page .home-news__title, .home-page .home-releases__head > div:first-child, .home-page .home-genres__head > div:first-child, .home-page .home-guides__head > div:first-child { grid-column: 1 / span 3; }
  .home-page .home-news__dek, .home-page .home-releases__head > p, .home-page .home-genres__head > div:nth-child(2), .home-page .home-guides__head > div:nth-child(2) { grid-column: 4 / span 3; }
  .home-page .home-news__all { grid-column: 1 / span 6; justify-self: start; }
  .home-page .home-releases__legend { grid-column: 1 / span 6; justify-content: flex-start; }
  .home-page .home-news-item { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); padding: var(--space-4); border: var(--border-strong); box-shadow: var(--shadow-card); }
  .home-page .home-news-item__story { display: flex; grid-column: 1 / span 2; min-width: 0; flex-direction: column; gap: var(--space-2); }
  .home-page .home-news-item__story h3, .home-page .home-news-item__story p { grid-column: auto; max-width: none; }
  .home-page .home-news__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; border: 0; }
  .home-page .home-genres__arrow, .home-page .home-guides__arrow { display: none; }
  .home-page .home-genres__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .home-indie__head { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .home-page .home-indie__head > div { grid-column: 1 / span 4; }
  .home-page .home-indie__head blockquote { grid-column: 5 / span 2; }
  .home-page .home-indie-item { grid-template-columns: 1fr 5fr; }
  .home-page .home-indie-item .button { grid-column: 2; justify-self: start; }
  .home-page .home-opinions__grid, .home-page .home-guides__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .home-page .home-opinion-card:nth-child(1), .home-page .home-opinion-card:nth-child(2), .home-page .home-guide-card:nth-child(1), .home-page .home-guide-card:nth-child(2) { grid-column: span 3; }
  .home-page .home-opinion-card:nth-child(3), .home-page .home-guide-card:nth-child(3) { grid-column: 1 / span 6; }
  .home-page .home-pick-bubble { grid-column: 1 / span 6; }
  .home-page .home-pick-bubble--mint { grid-column: 1 / span 6; }
  .home-page .home-join__panel { grid-template-columns: 1fr; }
  .home-page .home-join__image { order: 2; }
}
@media (max-width: 640px) {
  .home-page .home-hero { padding-block-start: var(--space-6); }
  .home-page .home-hero__grid { grid-template-columns: 1fr; gap: 24px; }
  .home-page .home-hero__word { display: none; }
  .home-page .home-hero__intro, .home-page .home-review-card, .home-page .home-hero__world { grid-column: 1; width: 100%; min-width: 0; }
  .home-page .home-hero__intro { order: 1; }
  .home-page .home-hero__intro h1 { max-width: 11ch; font-size: clamp(2.55rem, 12vw, 3.45rem); }
  .home-page .home-hero__intro p { max-width: 38ch; }
  .home-page .home-hero__world { order: 2; margin: 0; }
  .home-page .home-review-card { order: 3; }
  .home-page .home-hero__world figcaption { max-width: 38ch; }
  .home-page .home-news__head, .home-page .home-releases__head, .home-page .home-genres__head, .home-page .home-guides__head { grid-template-columns: 1fr; gap: var(--space-4); }
  .home-page .home-news__title, .home-page .home-news__dek, .home-page .home-news__all, .home-page .home-releases__head > div:first-child, .home-page .home-releases__head > p, .home-page .home-releases__legend, .home-page .home-genres__head > div:first-child, .home-page .home-genres__head > div:nth-child(2), .home-page .home-guides__head > div:first-child, .home-page .home-guides__head > div:nth-child(2) { grid-column: 1; }
  .home-page .home-news__list { grid-template-columns: 1fr; }
  .home-page .home-news-item { grid-template-columns: 1fr auto; }
  .home-page .home-releases__hint { display: block; margin: var(--space-4) 0 var(--space-2); font-size: var(--text-meta); font-weight: 800; }
  .home-page .home-release-controls { display: flex; min-width: 0; gap: var(--space-2); margin-bottom: var(--space-3); }
  .home-page .home-scroll-button { width: 44px; min-width: 44px; border: var(--border-strong); background: var(--color-paper); box-shadow: var(--shadow-control); font-weight: 800; }
  .home-page .home-releases__rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; margin-top: 0; padding: 0 4px var(--space-3); scrollbar-color: var(--color-ink) var(--color-paper); }
  .home-page .home-release-card, .home-page .home-release-card--feature, .home-page .home-release-card:nth-child(2), .home-page .home-release-card:nth-child(3) { flex: 0 0 max(280px, 84vw); width: max(280px, 84vw); min-width: 0; grid-column: auto; scroll-snap-align: start; transform: none; }
  .home-page .home-stories__grid, .home-page .home-stories__side { grid-template-columns: 1fr; }
  .home-page .home-story-main, .home-page .home-stories__side { grid-column: 1; }
  .home-page .home-story-main, .home-page .home-story-small { padding: var(--space-5); }
  .home-page .home-genres__grid, .home-page .home-opinions__grid, .home-page .home-guides__grid { grid-template-columns: 1fr; }
  .home-page .home-genre-card { min-height: 148px; }
  .home-page .home-indie__head { grid-template-columns: 1fr; gap: var(--space-4); }
  .home-page .home-indie__head > div, .home-page .home-indie__head blockquote { grid-column: 1; max-width: none; }
  .home-page .home-indie__head blockquote { width: 100%; max-width: 30ch; }
  .home-page .home-indie-item { grid-template-columns: 1fr; gap: var(--space-3); padding: var(--space-5) 0; }
  .home-page .home-indie-item .button { grid-column: 1; justify-self: start; }
  .home-page .home-opinions__head { text-align: center; }
  .home-page .home-opinions__head p { text-align: left; }
  .home-page .home-opinion-card:nth-child(1), .home-page .home-opinion-card:nth-child(2), .home-page .home-opinion-card:nth-child(3), .home-page .home-guide-card:nth-child(1), .home-page .home-guide-card:nth-child(2), .home-page .home-guide-card:nth-child(3) { grid-column: 1; }
  .home-page .home-guide-card { min-height: 220px; }
  .home-page .home-picks__grid { grid-template-columns: 1fr; }
  .home-page .home-pick-bubble, .home-page .home-pick-bubble--mint { grid-column: 1; }
  .home-page .home-pick-bubble p:not(.metadata) { max-width: 40ch; font-size: 1rem; }
  .home-page .home-join__panel { padding: var(--space-5); gap: 24px; }
  .home-page .home-newsletter-form__controls { flex-direction: column; }
  .home-page .home-newsletter-form__controls button { width: 100%; }
  .home-page .home-join__image figcaption { position: static; max-width: none; border: 0; padding: var(--space-2); }
}
@media (prefers-reduced-motion: reduce) {
  .home-page .home-text-link:hover { transform: none; }
}