.home-page { overflow: clip; }
.home-page .section { position: relative; }
.home-hero { position: relative; isolation: isolate; min-height: 45rem; display: grid; align-items: center; overflow: hidden; }
.home-hero__image, .home-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-hero__image { z-index: -3; object-fit: cover; object-position: 70% center; filter: saturate(.72) brightness(.48) blur(3px); transform: scale(1.03); }
.home-hero__veil { z-index: -2; background: linear-gradient(90deg, rgba(5,11,24,.96) 0%, rgba(5,11,24,.88) 42%, rgba(5,11,24,.42) 100%), linear-gradient(0deg, rgba(5,11,24,.88), transparent 58%); }
.home-hero__grid { width: min(var(--container-wide-width), calc(100% - (var(--container-gutter) * 2))); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: center; }
.home-hero__panel { grid-column: 2 / span 6; min-width: 0; max-width: 37.5rem; padding: clamp(var(--space-5), 4vw, var(--space-7)); }
.home-hero__panel > :last-child { margin-bottom: 0; }
.home-hero__panel h1 { margin-bottom: var(--space-5); }
.home-hero__intro { max-width: 36rem; }
.home-featured-review { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); margin-top: var(--space-6); padding-top: var(--space-5); border-top: var(--border-default); }
.home-featured-review h2, .home-featured-review p { margin: 0; }
.home-featured-review p { max-width: 30rem; }
.home-featured-review__action { align-self: flex-start; }
.home-hero__pathways { grid-column: 8 / span 4; position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); min-width: 0; padding-top: 5rem; }
.home-hero__path-line { position: absolute; top: 2.8rem; left: .8rem; right: .8rem; height: 2px; background: linear-gradient(90deg, transparent, var(--color-ice-blue), var(--color-violet-glow), transparent); box-shadow: var(--shadow-glow-blue); }
.home-pathway { display: flex; min-width: 0; min-height: 8.5rem; flex-direction: column; justify-content: flex-end; gap: var(--space-2); padding: var(--space-4); border: var(--border-default); border-radius: var(--radius-lg); background: rgba(12,29,58,.68); color: var(--color-text-primary); text-decoration: none; box-shadow: var(--shadow-panel); }
.home-pathway::before { width: .9rem; height: .9rem; margin-top: -5.1rem; margin-bottom: auto; border: 2px solid var(--color-ice-blue); border-radius: 50%; background: var(--color-deep-ocean-950); box-shadow: 0 0 18px rgba(102,199,242,.55); content: ""; }
.home-pathway strong { font-size: var(--font-size-meta); }.home-pathway span { color: var(--color-text-secondary); font-size: var(--font-size-label); line-height: var(--line-height-label); }
.home-search__heading, .home-latest__heading, .home-perspectives__heading, .home-collections__heading, .home-editorial__heading, .home-archives__heading, .home-method__heading { max-width: 40rem; }
.home-search__panel { padding: var(--space-5); }
.home-search__form { display: flex; min-width: 0; align-items: end; gap: var(--space-3); }.home-search__field { flex: 1 1 auto; min-width: 0; }.home-search__form > button { flex: 0 0 auto; }
.home-search__status { min-height: 1.625rem; margin-top: var(--space-3); color: var(--color-text-muted); font-size: var(--font-size-meta); }.home-search__suggestions { min-height: 0; color: var(--color-text-secondary); font-size: var(--font-size-meta); }
.home-search__categories, .home-latest__grid, .home-perspectives__grid, .home-editorial__grid, .home-method__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
.home-category-card { display: flex; min-width: 0; min-height: 100%; flex-direction: column; gap: var(--space-4); padding: var(--space-5); color: var(--color-text-primary); text-decoration: none; }.home-category-card h3, .home-category-card p { margin: 0; }.home-category-card > span:last-child { margin-top: auto; color: var(--color-ice-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.home-material-card { display: flex; min-width: 0; flex-direction: column; }.home-material-card__body { display: flex; min-width: 0; height: 100%; flex-direction: column; gap: var(--space-4); }.home-material-card__body h3, .home-material-card__body p { margin: 0; }.home-material-card__body a { align-self: flex-start; margin-top: auto; }
.home-latest__catalog { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-5); padding: var(--space-4) var(--space-5); }.home-latest__catalog p { max-width: 42rem; margin: 0; }
.home-perspective { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-5); }.home-perspective h3, .home-perspective p { margin: 0; }.home-perspective p { max-width: 22.5rem; }.home-perspective a { align-self: flex-start; margin-top: auto; }.home-perspective__number { color: var(--color-signal-lilac); font-family: var(--font-heading); font-size: 2rem; font-weight: 700; }.home-perspective--offset { transform: translateY(var(--space-6)); }
.home-spoilers__heading { max-width: 40rem; }.home-spoilers__panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5); padding: var(--space-6); }.home-spoilers__rules, .home-spoilers__demo { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }.home-spoilers__rules h3, .home-spoilers__rules p, .home-spoilers__demo p { margin: 0; }.home-spoilers__rules p { max-width: 31rem; }.home-spoilers__demo { padding: var(--space-4); border: 1px solid rgba(240,197,138,.42); border-radius: var(--radius-lg); background: rgba(65,44,20,.12); }.home-spoilers__revealed { width: 100%; }.home-spoilers__revealed p { color: var(--color-text-secondary); }.home-spoilers__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }.home-spoilers__steps p { margin: 0; }
.home-collections__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); margin-top: var(--space-5); }.home-collection { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); justify-content: space-between; gap: clamp(var(--space-5), 7vw, var(--space-9)); overflow: hidden; }.home-collection__visual { min-width: 0; min-height: 20rem; background: linear-gradient(135deg, rgba(102,199,242,.18), transparent 48%), radial-gradient(circle at 70% 32%, rgba(139,124,255,.28), transparent 28%), var(--color-deep-ocean-900); }.home-collection__visual--two { background: linear-gradient(225deg, rgba(193,181,255,.17), transparent 50%), radial-gradient(circle at 28% 50%, rgba(102,199,242,.18), transparent 25%), var(--color-deep-ocean-900); }.home-collection__visual--three { background: linear-gradient(135deg, rgba(102,199,242,.14), transparent 48%), radial-gradient(circle at 62% 43%, rgba(240,197,138,.12), transparent 20%), var(--color-deep-ocean-900); }.home-collection__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-4); padding: var(--space-6) var(--space-6) var(--space-6) 0; }.home-collection__copy h3, .home-collection__copy p { margin: 0; }.home-collection__copy p { max-width: 31rem; }.home-collection--reverse .home-collection__visual { order: 2; }.home-collection--reverse .home-collection__copy { order: 1; padding: var(--space-6) 0 var(--space-6) var(--space-6); }
.home-editorial-card { display: flex; min-width: 0; min-height: 100%; flex-direction: column; gap: var(--space-4); padding: var(--space-5); }.home-editorial-card > span { color: var(--color-ice-blue); font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; }.home-editorial-card h3, .home-editorial-card p { margin: 0; }.home-editorial-card p { max-width: 20rem; }.home-editorial-card a { align-self: flex-start; margin-top: auto; }
.home-archives__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }.home-archive-tile { display: flex; min-width: 0; min-height: 15rem; flex-direction: column; gap: var(--space-3); padding: var(--space-5); color: var(--color-text-primary); text-decoration: none; }.home-archive-tile > span { color: var(--color-signal-lilac); font-family: var(--font-heading); font-weight: 700; }.home-archive-tile h3, .home-archive-tile p { margin: 0; }.home-archive-tile p { max-width: 16rem; }.home-archive-tile strong { margin-top: auto; color: var(--color-ice-blue); text-decoration: underline; text-underline-offset: 3px; }
.home-method { background: rgba(9,20,41,.66); }.home-method__grid { gap: 0; border: var(--border-default); border-radius: var(--radius-xl); overflow: hidden; background: var(--color-glass-navy); }.home-method__rule { min-width: 0; padding: var(--space-6); border-inline-start: 1px solid var(--color-border-glass); }.home-method__rule:first-child { border-inline-start: 0; }.home-method__rule h3 { margin-bottom: var(--space-4); }.home-method__rule p { max-width: 22rem; margin: 0; }
.home-final__panel { padding: clamp(var(--space-6), 7vw, var(--space-9)); text-align: center; }.home-final__copy { display: flex; min-width: 0; max-width: 36.25rem; flex-direction: column; align-items: center; gap: var(--space-4); margin-inline: auto; }.home-final__copy h2, .home-final__copy p { margin: 0; }.home-final__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-4); }
@media (hover:hover) and (pointer:fine) { .home-pathway:hover, .home-archive-tile:hover { border-color: rgba(102,199,242,.5); background-color: var(--color-glass-navy-strong); } }
@media (max-width: 65.6rem) { .home-hero { min-height: auto; padding-block: var(--space-8); }.home-hero__grid { grid-template-columns: repeat(8, minmax(0,1fr)); }.home-hero__panel { grid-column: 1 / span 7; }.home-hero__pathways { grid-column: 1 / span 8; max-width: 42rem; padding-top: 4rem; }.home-perspective--offset { transform: none; } }
@media (max-width: 60rem) { .home-latest__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-latest__grid > :last-child { grid-column: 1 / span 2; }.home-search__categories, .home-perspectives__grid, .home-editorial__grid, .home-method__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-perspectives__grid > :last-child, .home-editorial__grid > :last-child { grid-column: 1 / span 2; }.home-method__rule:nth-child(3) { grid-column: 1 / span 2; border-inline-start: 0; border-top: 1px solid var(--color-border-glass); }.home-collection { grid-template-columns: 1fr; gap: 0; }.home-collection__visual, .home-collection--reverse .home-collection__visual { order: 1; min-height: 15rem; }.home-collection__copy, .home-collection--reverse .home-collection__copy { order: 2; padding: var(--space-5); }.home-archives__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 53.75rem) { .home-spoilers__panel { grid-template-columns: 1fr; }.home-spoilers__steps { grid-template-columns: 1fr; gap: var(--space-4); } }
@media (max-width: 38.75rem) { .home-hero { padding-block: var(--space-7); }.home-hero__grid { grid-template-columns: 1fr; width: min(var(--container-width), calc(100% - (var(--container-gutter) * 2))); }.home-hero__panel, .home-hero__pathways { grid-column: 1; max-width: none; }.home-hero__panel { padding: var(--space-5); }.home-hero__panel .display-title { font-size: clamp(2rem,9vw,2.75rem); }.home-hero__pathways { grid-template-columns: 1fr; padding-top: 0; gap: var(--space-3); }.home-hero__path-line { top: 1rem; bottom: 1rem; left: .75rem; right: auto; width: 2px; height: auto; background: linear-gradient(var(--color-ice-blue), var(--color-violet-glow)); }.home-pathway { min-height: 6.2rem; padding-left: var(--space-6); }.home-pathway::before { margin: 0 0 auto -1.78rem; }.home-search__form, .home-latest__catalog { flex-direction: column; align-items: stretch; }.home-search__form > button { width: 100%; }.home-search__categories, .home-latest__grid, .home-perspectives__grid, .home-editorial__grid, .home-archives__grid, .home-method__grid { grid-template-columns: 1fr; }.home-latest__grid > :last-child, .home-perspectives__grid > :last-child, .home-editorial__grid > :last-child, .home-method__rule:nth-child(3) { grid-column: 1; }.home-method__rule, .home-method__rule:nth-child(3) { border-inline-start: 0; border-top: 1px solid var(--color-border-glass); }.home-method__rule:first-child { border-top: 0; }.home-spoilers__panel { padding: var(--space-5); }.home-final__actions { width: 100%; flex-direction: column; }.home-final__actions .button { width: 100%; } }
@media (prefers-reduced-motion:reduce) { .home-hero__image { transform: none; } .home-perspective--offset { transform: none; } }