.home-page { overflow: hidden; }
.home-page .home-section { padding-block: var(--space-9); }
.home-page img { width: 100%; max-width: 100%; object-fit: cover; border-radius: var(--radius-panel); }
.home-page .home-section-heading { width: min(100%, 40rem); margin-block-end: var(--space-6); }
.home-page .home-section-heading > :last-child { margin-block-end: 0; }
.home-page .home-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-dispatch-navy); font-weight: 700; }
.home-hero { padding-block-start: var(--space-7); }
.home-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: var(--space-5); align-items: start; }
.home-hero__lead, .home-hero__image, .home-hero__rail { min-width: 0; width: 100%; }
.home-hero__lead { display: flex; flex-direction: column; gap: var(--space-4); }
.home-hero__lead > * { margin: 0; }
.home-hero__lead h1 { font-size: clamp(3rem, 5vw, 4rem); }
.home-hero__description { max-width: 40rem; font-size: var(--text-md); line-height: 1.55; }
.home-hero__actions { margin-top: var(--space-2); }
.home-hero__image img { aspect-ratio: 4 / 5; }
.home-hero__image figcaption { margin-bottom: 0; }
.home-hero__rail { display: flex; flex-direction: column; gap: var(--space-4); }
.home-preview { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: var(--space-3); padding-top: var(--space-4); border-top: var(--border-subtle); }
.home-preview--feature { display: flex; flex-direction: column; gap: var(--space-3); padding-top: 0; border-top: 0; }
.home-preview img { aspect-ratio: 4 / 3; }
.home-preview > * { min-width: 0; margin: 0; }
.home-preview h2, .home-preview h3 { font-family: var(--font-body); font-size: var(--text-lg); font-weight: 700; letter-spacing: 0; }
.home-preview p { font-size: var(--text-base); line-height: 1.45; }
.home-preview .meta { font-size: var(--text-xs); }
.home-context { background: var(--color-editorial-silver); }
.home-context__grid { display: grid; grid-template-columns: 2fr repeat(4, minmax(0, 2.5fr)); gap: var(--space-4); align-items: stretch; }
.home-context__grid > * { min-width: 0; width: 100%; }
.home-context header h2 { font-size: var(--text-xl); }
.home-context__item { display: flex; min-height: 100%; flex-direction: column; gap: var(--space-2); padding-left: var(--space-3); border-left: 3px solid var(--color-dispatch-navy); color: var(--color-graphite-ink); text-decoration: none; }
.home-context__item--news { border-left-color: var(--color-signal-red); }
.home-context__item--guide { border-left-color: var(--color-teal-accent); }
.home-context__item strong { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: .04em; text-transform: uppercase; }
.home-context__item span { font-size: var(--text-base); line-height: 1.42; }
.home-pauta__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); gap: var(--space-7); align-items: start; }
.home-pauta__lead, .home-pauta__rail { min-width: 0; width: 100%; }
.home-pauta__lead { max-width: 43rem; }
.home-pauta__lead img { aspect-ratio: 16 / 9; margin-bottom: var(--space-4); }
.home-pauta__lead h3, .home-tech h3, .home-culture h3 { font-size: var(--text-2xl); }
.home-pauta__rail { display: flex; flex-direction: column; gap: var(--space-4); }
.home-rail-story { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: var(--space-3); padding-bottom: var(--space-4); border-bottom: var(--border-subtle); }
.home-rail-story:last-child { padding-bottom: 0; border-bottom: 0; }
.home-rail-story > * { min-width: 0; margin: 0; }
.home-rail-story img { aspect-ratio: 4 / 3; }
.home-rail-story h3 { font-family: var(--font-body); font-size: var(--text-lg); font-weight: 700; letter-spacing: 0; }
.home-rail-story p { font-size: var(--text-base); line-height: 1.4; }
.home-platforms { border-block: var(--border-subtle); }
.home-platforms__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-6); align-items: start; }
.home-platforms__grid > * { min-width: 0; width: 100%; }
.home-platforms header p { max-width: 30rem; }
.home-platforms__links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; }
.home-platforms__links > a { display: flex; min-width: 0; min-height: 12rem; flex-direction: column; gap: var(--space-3); padding: var(--space-3); border-left: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.home-platforms__links strong { color: var(--color-dispatch-navy); font-family: var(--font-heading); font-size: var(--text-xl); line-height: 1; }
.home-platforms__links span { font-size: var(--text-base); line-height: 1.4; }
.home-reviews__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.home-reviews__grid > * { min-width: 0; width: 100%; }
.home-reviews__manifesto { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-5); background: var(--color-dispatch-navy); color: var(--color-newsprint-white); }
.home-reviews__manifesto > * { margin: 0; }
.home-reviews__manifesto h3 { color: var(--color-newsprint-white); font-size: var(--text-xl); }
.home-reviews__manifesto .label { color: var(--color-teal-accent); }
.home-review-card { display: flex; flex-direction: column; gap: var(--space-3); }
.home-review-card > * { margin: 0; }
.home-review-card img { aspect-ratio: 4 / 3; }
.home-review-card h3 { font-size: var(--text-xl); }
.home-guides { background: var(--color-editorial-silver); }
.home-guides__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: start; }
.home-guides__grid > * { min-width: 0; width: 100%; }
.home-guides header p { max-width: 35rem; }
.home-guides__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.home-guides__steps article { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding-left: var(--space-3); border-left: 2px solid var(--color-teal-accent); }
.home-guides__steps article > * { min-width: 0; margin: 0; }
.home-guides__steps b, .home-analysis__items b, .home-principles__items b, .home-five__list b { color: var(--color-dispatch-navy); font-family: var(--font-mono); font-size: var(--text-xl); font-weight: 500; }
.home-guides__steps h3 { font-family: var(--font-body); font-size: var(--text-lg); font-weight: 700; letter-spacing: 0; }
.home-guides__steps p { font-size: var(--text-base); line-height: 1.42; }
.home-genres__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); align-items: stretch; }
.home-genres__grid > * { min-width: 0; width: 100%; }
.home-genres__grid a { display: flex; min-height: 13rem; flex-direction: column; justify-content: end; gap: var(--space-3); padding: var(--space-4); border: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.home-genres__grid a:nth-of-type(5), .home-genres__grid a:nth-of-type(6) { grid-column: span 2; }
.home-genres__grid figure { margin: 0; }
.home-genres__grid img { aspect-ratio: 3 / 2; height: 100%; }
.home-genres__grid h3, .home-genres__grid p { margin: 0; }
.home-genres__grid h3 { font-size: var(--text-xl); }
.home-genres__grid p { font-size: var(--text-base); line-height: 1.4; }
.home-tech__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: start; }
.home-tech__grid > * { min-width: 0; width: 100%; }
.home-tech__grid article { max-width: 43rem; }
.home-tech__grid article img { aspect-ratio: 16 / 9; margin-bottom: var(--space-4); }
.home-tech aside { display: flex; flex-direction: column; gap: var(--space-4); padding-top: var(--space-1); }
.home-tech aside a { display: flex; flex-direction: column; gap: var(--space-2); padding: 0 0 var(--space-4) var(--space-4); border-bottom: var(--border-subtle); border-left: 3px solid var(--color-teal-accent); color: var(--color-graphite-ink); text-decoration: none; }
.home-tech aside strong { font-size: var(--text-lg); }
.home-tech aside span { font-size: var(--text-base); line-height: 1.42; }
.home-games { background: var(--color-editorial-silver); }
.home-games .home-section-heading p:last-child { max-width: 35rem; }
.home-games__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.home-games__grid > * { min-width: 0; width: 100%; }
.home-games__grid article { display: flex; flex-direction: column; gap: var(--space-3); }
.home-games__grid article > * { margin: 0; }
.home-games__grid img { aspect-ratio: 3 / 2; }
.home-games__grid h3 { font-size: var(--text-xl); }
.home-games__grid p:not(.tag) { font-size: var(--text-base); line-height: 1.42; }
.home-games__grid a { font-weight: 700; }
.home-analysis__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-7); align-items: start; }
.home-analysis__grid > * { min-width: 0; width: 100%; }
.home-analysis header p { max-width: 35rem; }
.home-analysis__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); border-left: 2px solid var(--color-dispatch-navy); padding-left: var(--space-5); }
.home-analysis__items a { display: block; min-width: 0; padding: 0 0 var(--space-3) var(--space-3); border-bottom: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.home-analysis__items h3 { margin-block: var(--space-2); font-size: var(--text-lg); }
.home-analysis__items p { margin: 0; font-size: var(--text-base); line-height: 1.42; }
.home-culture__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-7); align-items: start; }
.home-culture__grid > * { min-width: 0; width: 100%; }
.home-culture__feature { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.home-culture__feature > * { min-width: 0; }
.home-culture__feature img { aspect-ratio: 4 / 3; }
.home-culture aside { display: flex; flex-direction: column; gap: var(--space-5); }
.home-culture aside article { padding-bottom: var(--space-4); border-bottom: var(--border-subtle); }
.home-culture aside article > :last-child { margin-bottom: 0; }
.home-culture aside h3 { font-size: var(--text-xl); }
.home-recommendations { background: var(--color-editorial-silver); }
.home-recommendations__list { display: flex; flex-direction: column; border-top: var(--border-subtle); }
.home-recommendations__list > a { display: grid; grid-template-columns: minmax(8rem, 2fr) minmax(0, 7fr) minmax(10rem, 3fr); gap: var(--space-4); align-items: center; min-width: 0; padding: var(--space-4); border-bottom: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.home-recommendations__list > a > * { min-width: 0; }
.home-recommendations__list h3 { margin-bottom: var(--space-2); font-size: var(--text-lg); }
.home-recommendations__list p { margin: 0; font-size: var(--text-base); line-height: 1.4; }
.home-recommendations__list strong { color: var(--color-dispatch-navy); text-align: right; }
.home-archive__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-4); }
.home-archive__grid > * { min-width: 0; }
.home-archive__grid a { display: flex; flex-direction: column; gap: var(--space-3); color: var(--color-graphite-ink); text-decoration: none; }
.home-archive__grid a:nth-child(1) { grid-column: span 6; }
.home-archive__grid a:nth-child(2), .home-archive__grid a:nth-child(3) { grid-column: span 3; }
.home-archive__grid a:nth-child(4) { grid-column: span 6; }
.home-archive__grid img { aspect-ratio: 3 / 2; }
.home-archive__grid span { display: flex; max-width: 15rem; flex-direction: column; gap: var(--space-1); font-size: var(--text-base); line-height: 1.4; }
.home-archive__grid strong { font-family: var(--font-heading); font-size: var(--text-lg); }
.home-principles .eyebrow { color: var(--color-teal-accent); }
.home-principles__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-7); }
.home-principles__grid > * { min-width: 0; width: 100%; }
.home-principles header p { max-width: 32rem; }
.home-principles__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.home-principles__items article { min-width: 0; padding-left: var(--space-3); border-left: 2px solid var(--color-teal-accent); }
.home-principles__items b { color: var(--color-teal-accent); }
.home-principles__items h3 { color: var(--color-newsprint-white); font-family: var(--font-body); font-size: var(--text-lg); font-weight: 700; letter-spacing: 0; }
.home-principles__items p { margin-bottom: 0; font-size: var(--text-base); line-height: 1.45; }
.home-five__list { display: flex; flex-direction: column; border-top: var(--border-subtle); }
.home-five__list a { display: grid; grid-template-columns: minmax(3rem, 1fr) minmax(0, 8fr) minmax(10rem, 3fr); gap: var(--space-4); align-items: center; min-width: 0; padding: var(--space-4) 0; border-bottom: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.home-five__list a > * { min-width: 0; }
.home-five__list h3 { margin: var(--space-1) 0 0; font-family: var(--font-body); font-size: var(--text-lg); font-weight: 700; letter-spacing: 0; }
.home-search { background: var(--color-editorial-silver); border-top: var(--border-strong); }
.home-search__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: end; }
.home-search__grid > * { min-width: 0; width: 100%; }
.home-search header p { max-width: 35rem; }
.home-search__form { max-width: 47.5rem; }
.home-search__form > div { display: flex; gap: var(--space-3); }
.home-search__form input { min-width: 0; flex: 1 1 auto; }
.home-search__form button { flex: 0 0 8rem; }
.home-search__status { min-height: 1.5rem; margin: var(--space-2) 0 0; color: var(--color-muted-ink); font-size: var(--text-sm); }
.home-search__suggestions { margin-bottom: 0; font-size: var(--text-base); }
.home-agenda__heading { width: min(100%, 32.5rem); margin-bottom: var(--space-6); }
.home-agenda__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.home-agenda__grid > * { min-width: 0; width: 100%; }
.home-agenda__grid a { display: block; min-height: 100%; padding-top: var(--space-3); border-top: 3px solid var(--color-dispatch-navy); color: var(--color-graphite-ink); text-decoration: none; }
.home-agenda__grid h3 { margin-block: var(--space-2); font-size: var(--text-xl); }
.home-agenda__grid p { margin-bottom: 0; font-size: var(--text-base); line-height: 1.42; }
.home-closing__content { width: min(100%, 43rem); display: flex; flex-direction: column; gap: var(--space-4); padding-top: var(--space-5); border-top: 3px solid var(--color-signal-red); }
.home-closing__content > * { margin: 0; }
.home-closing .eyebrow { color: var(--color-teal-accent); }
.home-closing .button--secondary { border-color: var(--color-newsprint-white); color: var(--color-newsprint-white); }
.home-closing .button--secondary:hover { background: var(--color-newsprint-white); color: var(--color-dispatch-navy); }
.home-page a:hover h2, .home-page a:hover h3, .home-page a:hover strong { text-decoration: underline; text-decoration-color: var(--color-teal-accent); text-underline-offset: .14em; }
.home-page a:focus-visible { outline: 3px solid var(--color-teal-accent); outline-offset: 3px; }
@media (max-width: 67.5rem) { .home-hero__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); } .home-hero__lead { grid-column: span 7; } .home-hero__image { grid-column: span 5; } .home-hero__rail { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-preview, .home-preview--feature { display: flex; flex-direction: column; padding-top: 0; border-top: 0; } .home-preview img { aspect-ratio: 16 / 9; } .home-context__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-context header { grid-column: 1 / -1; } .home-platforms__grid, .home-analysis__grid, .home-principles__grid { grid-template-columns: 1fr; } .home-platforms__links { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--space-4); } .home-platforms__links > a:nth-child(4), .home-platforms__links > a:nth-child(5) { min-height: 10rem; } .home-principles__items { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 60rem) { .home-pauta__grid, .home-tech__grid { grid-template-columns: 1fr; gap: var(--space-5); } .home-pauta__lead, .home-tech__grid article { max-width: none; } .home-pauta__rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-rail-story { display: flex; flex-direction: column; } .home-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-reviews__manifesto { grid-column: 1 / -1; } .home-guides__grid { grid-template-columns: 1fr; gap: var(--space-5); } .home-culture__grid { grid-template-columns: 1fr; gap: var(--space-5); } .home-culture aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); } .home-search__grid { grid-template-columns: 1fr; gap: var(--space-4); } }
@media (max-width: 48rem) { .home-page .home-section { padding-block: var(--space-7); } .home-hero__grid, .home-pauta__grid, .home-tech__grid, .home-guides__grid, .home-analysis__grid, .home-principles__grid, .home-search__grid { grid-template-columns: 1fr; } .home-hero__lead, .home-hero__image, .home-hero__rail { grid-column: auto; } .home-hero__lead h1 { font-size: clamp(2.25rem, 10vw, 2.5rem); } .home-hero__description { max-width: 34em; } .home-hero__rail, .home-pauta__rail { grid-template-columns: 1fr; } .home-preview, .home-preview--feature { display: grid; grid-template-columns: 7rem minmax(0, 1fr); align-items: start; padding-top: var(--space-3); border-top: var(--border-subtle); } .home-preview--feature { padding-top: 0; border-top: 0; } .home-preview > :not(img) { grid-column: 2; } .home-preview img { grid-row: span 4; aspect-ratio: 4 / 3; } .home-context__grid { grid-template-columns: 1fr; } .home-context header { grid-column: auto; } .home-context__item { padding-block: var(--space-3); border-bottom: var(--border-subtle); } .home-platforms__links { grid-template-columns: 1fr; } .home-platforms__links > a { min-height: auto; padding: var(--space-4) 0 var(--space-4) var(--space-3); } .home-reviews__grid, .home-games__grid, .home-agenda__grid { grid-template-columns: 1fr; } .home-guides__steps { grid-template-columns: 1fr; } .home-guides__steps article { flex-direction: row; } .home-genres__grid { grid-template-columns: 1fr; } .home-genres__grid a:nth-of-type(5), .home-genres__grid a:nth-of-type(6) { grid-column: auto; } .home-genres__grid a { min-height: auto; } .home-analysis__items, .home-principles__items { grid-template-columns: 1fr; } .home-culture__feature, .home-culture aside { grid-template-columns: 1fr; } .home-recommendations__list > a { grid-template-columns: 1fr; gap: var(--space-2); } .home-recommendations__list strong { text-align: left; } .home-archive__grid { grid-template-columns: 1fr; } .home-archive__grid a:nth-child(n) { grid-column: auto; } .home-five__list a { grid-template-columns: 3rem minmax(0, 1fr); } .home-five__list a > .meta { grid-column: 2; } .home-search__form > div { flex-direction: column; } .home-search__form button { flex-basis: auto; width: 100%; } }
@media (max-width: 30rem) { .home-preview, .home-preview--feature { grid-template-columns: 1fr; } .home-preview > :not(img) { grid-column: auto; } .home-preview img { grid-row: auto; aspect-ratio: 16 / 9; } .home-rail-story { grid-template-columns: 1fr; } .home-rail-story img { aspect-ratio: 16 / 9; } .home-guides__steps article { flex-direction: column; } .home-five__list a { grid-template-columns: 1fr; } .home-five__list a > .meta { grid-column: auto; } }
@media (prefers-reduced-motion: no-preference) { .home-page img { transition: transform var(--transition-fast), opacity var(--transition-fast); } .home-preview:hover img, .home-archive__grid a:hover img, .home-games__grid article:hover img { transform: translateY(-2px); } .home-page img[data-home-reveal] { opacity: .72; } .home-page img[data-home-reveal].is-visible { opacity: 1; } }