.home-page { background: var(--color-carbon-950); }
.home-page .section { position: relative; }
.home-page .home-section-heading { display: flex; flex-direction: column; gap: var(--space-2); max-width: 44rem; }
.home-page .home-section-heading > * { min-width: 0; margin: 0; }
.home-hero { min-height: 46rem; overflow: hidden; display: grid; align-items: stretch; isolation: isolate; background: var(--color-carbon-950); }
.home-hero__image, .home-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-hero__image { object-fit: cover; object-position: 62% center; z-index: -3; }
.home-hero__shade { z-index: -2; background: linear-gradient(90deg, rgba(8,11,15,.98) 0%, rgba(8,11,15,.88) 33%, rgba(8,11,15,.28) 67%, rgba(8,11,15,.62) 100%); }
.home-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .06; background: repeating-linear-gradient(135deg, transparent 0 12px, var(--color-ice-white) 12px 13px); }
.home-hero__layout { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; min-height: 46rem; }
.home-hero__copy { width: min(100%, 35.625rem); min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-hero__copy > * { margin: 0; min-width: 0; }
.home-hero__copy h1 { font-size: clamp(3.5rem, 6vw, 4.5rem); }
.home-hero__copy .intro { max-width: 35rem; }
.home-hero__independence { color: var(--color-titanium-300); font-size: var(--text-meta); line-height: var(--leading-meta); }
.home-hero__actions { width: 100%; }
.home-hero__start { justify-self: end; align-self: end; margin-bottom: var(--space-8); padding: var(--space-3); border-inline-start: 2px solid var(--color-racing-yellow); background: rgba(8,11,15,.72); color: var(--color-racing-yellow); font-family: var(--font-heading); font-weight: var(--weight-extrabold); letter-spacing: var(--tracking-label); text-align: right; }
.home-hero__start span { display: block; font-size: 2rem; line-height: 1; }
.home-hero__start small { color: var(--color-titanium-300); font-family: var(--font-body); font-weight: var(--weight-semibold); }
.home-hero__markers { position: absolute; right: var(--container-padding); bottom: var(--space-5); width: min(45%, 31rem); display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-2); }
.home-hero__markers span { min-width: 0; padding: var(--space-2); border-top: 1px solid var(--color-border-active); background: rgba(16,22,28,.76); color: var(--color-titanium-300); font-family: var(--font-heading); font-size: var(--text-telemetry); font-weight: var(--weight-bold); letter-spacing: var(--tracking-label); line-height: 1.2; text-align: center; }
.home-paddock { background: var(--color-carbon-900); }
.home-paddock__grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: var(--gutter); margin-top: var(--space-6); }
.home-paddock__item { min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); display: grid; grid-template-columns: 1fr; gap: var(--space-3); }
.home-paddock__item > * { min-width: 0; }
.home-paddock__number { color: var(--color-electric-cyan); font-family: var(--font-heading); font-size: 1.5rem; font-weight: var(--weight-extrabold); line-height: 1; }
.home-paddock__item h3 { margin-bottom: var(--space-3); font-size: 1.5rem; }
.home-paddock__item p { color: var(--color-titanium-300); font-size: .9375rem; line-height: 1.55; }
.home-reading__intro { display: flex; flex-direction: column; gap: var(--space-3); }
.home-reading__intro > * { margin: 0; min-width: 0; }
.home-reading__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--gutter); margin-top: var(--space-6); }
.home-reading__panel { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); border-top: 2px solid var(--color-electric-cyan); }
.home-reading__panel > * { margin: 0; min-width: 0; }
.home-reading__panel p { color: var(--color-titanium-300); }
.home-reading__index { color: var(--color-electric-cyan) !important; font-family: var(--font-heading); font-size: var(--text-meta); font-weight: var(--weight-bold); letter-spacing: var(--tracking-label); line-height: var(--leading-meta); }
.home-lines { background: linear-gradient(180deg, var(--color-carbon-950), var(--color-carbon-800)); }
.home-lines__grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: var(--gutter); margin-top: var(--space-6); }
.home-topic-card { position: relative; min-width: 0; overflow: hidden; min-height: 25rem; background: var(--color-carbon-900); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-card); }
.home-topic-card--cars, .home-topic-card--drift { grid-column: span 7; }
.home-topic-card--circuits, .home-topic-card--multi { grid-column: span 5; }
.home-topic-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.home-topic-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,11,15,.98) 5%, rgba(8,11,15,.58) 56%, rgba(8,11,15,.12) 100%); }
.home-topic-card__body { position: absolute; z-index: 1; bottom: 0; left: 0; width: min(100%, 26.875rem); min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); }
.home-topic-card__body > * { margin: 0; min-width: 0; }
.home-topic-card__body p { color: var(--color-titanium-300); }
.home-topic-card:hover { border-color: var(--color-border-active); transform: translateY(-4px); transition: transform var(--transition-base), border-color var(--transition-base); }
.home-progress__grid { display: grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); align-items: start; gap: var(--gutter); }
.home-progress__journey { min-width: 0; }
.home-progress__intro { width: min(100%, 40.625rem); display: flex; flex-direction: column; gap: var(--space-3); }
.home-progress__intro > * { margin: 0; min-width: 0; }
.home-progress__steps { display: flex; flex-direction: column; gap: var(--space-5); margin-top: var(--space-6); }
.home-step { min-width: 0; display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.home-step > * { min-width: 0; }
.home-step > span { color: var(--color-electric-cyan); font-family: var(--font-heading); font-size: 2.5rem; font-weight: var(--weight-extrabold); line-height: 1; }
.home-step > div { width: min(100%, 32.5rem); }
.home-method { min-width: 0; padding: var(--space-5); background: var(--color-carbon-800); border-inline-start: 2px solid var(--color-electric-cyan); }
.home-method > * { min-width: 0; }
.home-method dl { display: flex; flex-direction: column; gap: var(--space-4); margin: var(--space-5) 0 0; }
.home-method dl > div { min-width: 0; }
.home-method dt { color: var(--color-ice-white); font-family: var(--font-heading); font-size: var(--text-meta); font-weight: var(--weight-bold); letter-spacing: var(--tracking-label); }
.home-method dd { margin: var(--space-1) 0 0; color: var(--color-titanium-300); font-size: var(--text-meta); line-height: var(--leading-meta); }
.home-pilot { background: var(--color-carbon-900); }
.home-pilot__grid { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,4fr) minmax(0,3fr); align-items: start; gap: var(--gutter); margin-top: var(--space-6); }
.home-pilot__guide, .home-pilot__note, .home-pilot__opinion { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.home-pilot__guide > *, .home-pilot__note > *, .home-pilot__opinion > * { margin: 0; min-width: 0; }
.home-pilot__guide { width: min(100%, 35rem); }
.home-pilot__guide p, .home-pilot__note p, .home-pilot__opinion p { color: var(--color-titanium-300); }
.home-pilot__image { min-width: 0; margin: 0; }
.home-pilot__image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-pilot__image figcaption, .home-custom__image figcaption { margin-top: var(--space-2); color: var(--color-titanium-500); font-size: var(--text-telemetry); line-height: var(--leading-telemetry); }
.home-pilot__notes { min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.home-pilot__note { padding: var(--space-4); border: 1px solid var(--color-border); }
.home-pilot__opinion { padding: var(--space-4); border: 1px solid var(--color-border); }
.home-editorial__intro {  display: flex; flex-direction: column; gap: var(--space-3); }
.home-editorial__intro > * { margin: 0; min-width: 0; }
.home-editorial__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--gutter); margin-top: var(--space-6); }
.home-editorial-card { min-width: 0; display: flex; flex-direction: column; }
.home-editorial-card img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.home-editorial-card .card__body { min-width: 0; display: flex; flex: 1; flex-direction: column; gap: var(--space-3); }
.home-editorial-card .card__body > * { margin: 0; min-width: 0; }
.home-editorial-card p { color: var(--color-titanium-300); }
.home-custom { background: var(--color-carbon-800); }
.home-custom__grid { display: grid; grid-template-columns: minmax(0,6fr) minmax(0,4fr) minmax(0,2fr); align-items: start; gap: var(--gutter); }
.home-custom__image { min-width: 0; margin: 0; }
.home-custom__image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.home-custom__fact, .home-custom__opinion { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.home-custom__fact > *, .home-custom__opinion > * { margin: 0; min-width: 0; }
.home-custom__fact { width: min(100%, 30rem); }
.home-custom__fact p, .home-custom__opinion p { color: var(--color-titanium-300); }
.home-custom__opinion { padding: var(--space-4); border-bottom: 2px solid var(--color-racing-yellow); }
.home-next__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gutter); margin-top: var(--space-6); }
.home-next__panel { min-width: 0; padding: var(--space-5); background: var(--color-carbon-900); border-top: 2px solid var(--color-electric-cyan); display: flex; flex-direction: column; gap: var(--space-3); }
.home-next__panel > * { margin: 0; min-width: 0; }
.home-next__panel p { color: var(--color-titanium-300); }
.home-next__panel ol { padding-inline-start: var(--space-5); }
.home-next__panel li + li { margin-top: var(--space-2); }
.home-next__action { width: min(100%, 28.75rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-top: var(--space-5); }
.home-next__action > * { margin: 0; min-width: 0; }
.home-next__action p { color: var(--color-titanium-300); font-size: var(--text-meta); }
.home-disclaimer { padding-top: var(--space-8); }
.home-disclaimer__panel { width: min(100%, 43rem); margin-inline: auto; padding: var(--space-5); background: var(--color-carbon-900); border: 1px solid var(--color-border); }
.home-disclaimer__panel p { color: var(--color-titanium-300); font-size: .9375rem; line-height: 1.6; }
.home-disclaimer__panel h2 { font-size: 2rem; }
@media (max-width: 1100px) { .home-hero { min-height: 43rem; } .home-hero__layout { min-height: 43rem; } .home-hero__copy h1 { font-size: 3.5rem; } .home-paddock__grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .home-paddock__item:nth-child(4), .home-paddock__item:nth-child(5) { grid-column: span 1; } .home-pilot__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-pilot__notes { grid-column: span 2; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); } .home-custom__grid { grid-template-columns: minmax(0,5fr) minmax(0,7fr); } .home-custom__opinion { grid-column: 2; width: min(100%, 26rem); } }
@media (max-width: 1000px) { .home-lines__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-topic-card--cars, .home-topic-card--circuits, .home-topic-card--multi, .home-topic-card--drift { grid-column: span 1; } .home-progress__grid { grid-template-columns: 1fr; } .home-method { width: min(100%, 40rem); order: -1; } }
@media (max-width: 960px) { .home-reading__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-reading__panel:last-child { grid-column: span 2; } .home-editorial__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-editorial-card:last-child { grid-column: span 2; width: min(100%, 38rem); } }
@media (max-width: 760px) { .home-hero { min-height: 40rem; } .home-hero__image { top: auto; height: 48%; object-position: 58% center; } .home-hero__shade { background: linear-gradient(180deg, var(--color-carbon-950) 0%, var(--color-carbon-950) 51%, rgba(8,11,15,.16) 100%); } .home-hero__layout { grid-template-columns: 1fr; align-content: start; min-height: 40rem; padding-top: var(--space-7); padding-bottom: var(--space-5); } .home-hero__copy { width: 100%; } .home-hero__copy h1 { font-size: 3rem; line-height: 1.04; } .home-hero__copy .intro { max-width: none; font-size: 1rem; line-height: 1.625; } .home-hero__start { position: absolute; right: var(--container-padding-mobile); bottom: 6rem; margin: 0; } .home-hero__markers { position: static; width: 100%; grid-template-columns: repeat(3, minmax(0,1fr)); align-self: end; margin-top: var(--space-5); } .home-paddock__grid { grid-template-columns: 1fr; gap: var(--space-4); } .home-paddock__item { grid-template-columns: 2.75rem minmax(0,1fr); gap: var(--space-3); } .home-reading__grid, .home-lines__grid, .home-next__grid, .home-pilot__grid, .home-editorial__grid, .home-custom__grid { grid-template-columns: 1fr; } .home-reading__panel:last-child, .home-editorial-card:last-child { grid-column: span 1; width: 100%; } .home-topic-card { min-height: 0; overflow: visible; border-radius: 0; display: flex; flex-direction: column; } .home-topic-card img { position: static; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; } .home-topic-card--drift img { aspect-ratio: 3 / 4; } .home-topic-card::after { display: none; } .home-topic-card__body { position: static; width: 100%; padding: var(--space-4); background: var(--color-carbon-900); } .home-topic-card:hover { transform: none; } .home-method { width: 100%; } .home-pilot__notes { grid-column: auto; display: flex; } .home-pilot__image { order: -1; } .home-custom__opinion { grid-column: auto; width: 100%; } .home-next__action { width: 100%; } .home-disclaimer { padding-top: var(--space-7); } .home-disclaimer__panel { width: 100%; padding: var(--space-4); } }
@media (max-width: 430px) { .home-hero__actions { flex-direction: column; align-items: stretch; } .home-hero__markers { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-hero__markers span:last-child { grid-column: span 2; } .home-next__action .button--primary { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .home-topic-card:hover { transform: none; } }