.home-page { background: var(--color-ink-black); }
.home-page .section { position: relative; }
.home-page .button { min-height: 2.75rem; }
.home-page .status { vertical-align: middle; }
.home-page .home-image { position: relative; overflow: hidden; background: var(--color-panel-black); }
.home-page .home-image img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-base), opacity var(--transition-base), filter var(--transition-base); }
.home-page .home-image.is-loaded img { opacity: 1; }
.home-page .home-image.is-hovered img { transform: scale(1.015) translateX(1px); filter: contrast(1.04); }
.home-hero { position: relative; min-height: 45rem; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
.home-hero__media, .home-hero__shade, .home-hero__inner { grid-area: 1 / 1; }
.home-hero__media { width: 100%; height: 100%; min-width: 0; }
.home-hero__media img { object-position: 66% 50%; }
.home-hero__shade { pointer-events: none; background: linear-gradient(90deg, rgb(5 5 5 / .84) 0%, rgb(5 5 5 / .52) 42%, rgb(5 5 5 / .17) 70%, rgb(5 5 5 / .30) 100%); }
.home-hero__inner { width: min(100% - (var(--container-padding) * 2), var(--container-max)); min-width: 0; margin-inline: auto; padding-block: var(--space-9); display: grid; grid-template-columns: minmax(0, 7fr) minmax(20.625rem, 4fr); column-gap: var(--space-7); align-items: end; }
.home-hero__copy { width: 100%; min-width: 0; max-width: 42.5rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-hero__copy > * { min-width: 0; margin: 0; }
.home-hero__copy h1 { max-width: 14ch; font-size: clamp(2.75rem, 6vw, 4rem); }
.home-hero__lead { max-width: 54ch; color: var(--color-ash-primary); font-size: var(--text-lead); line-height: var(--leading-lead); }
.home-hero__actions { display: flex; width: 100%; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.home-hero__actions > * { min-width: 0; flex: 0 1 auto; }
.home-hero__fact { width: min(100%, 24.375rem); min-width: 0; justify-self: end; padding: var(--space-5); border: var(--border-default); background: var(--color-panel-black); box-shadow: var(--shadow-raised); position: relative; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); }
.home-hero__fact::before { content: ""; position: absolute; top: var(--space-3); left: var(--space-5); right: var(--space-5); height: 1px; background: linear-gradient(90deg, var(--color-line-ash) 0 72%, transparent 72% 77%, var(--color-line-ash) 77% 100%); }
.home-hero__fact p { margin: 0; }
.home-hero__fact-title { max-width: 32ch; padding-top: var(--space-3); color: var(--color-ash-primary); font-size: var(--text-lead); line-height: var(--leading-lead); font-weight: 600; }
.home-hero__cross { position: absolute; top: var(--space-4); right: var(--space-5); color: var(--color-signal-scarlet); }
.home-rhythm__intro { width: 42%; min-width: 0; max-width: 35rem; }
.home-rhythm__intro .lead { max-width: 56ch; }
.home-rhythm__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); border-top: var(--border-default); }
.home-rhythm__item { min-width: 0; padding-top: var(--space-5); display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); }
.home-rhythm__number { color: var(--color-ash-muted); font-size: var(--text-meta); line-height: var(--leading-meta); }
.home-rhythm__item h3 { margin-bottom: var(--space-3); font-size: 1.75rem; }
.home-rhythm__item h3 .status { margin-left: var(--space-2); }
.home-rhythm__item p { max-width: 34ch; margin-bottom: 0; }
.home-food__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: start; }
.home-food__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 4 / 3; }
.home-food__media img { object-position: 42% 50%; }
.home-food__copy { width: 100%; min-width: 0; max-width: 30rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-food__copy > * { margin: 0; min-width: 0; }
.home-food__copy > p:not(.eyebrow) { max-width: 50ch; }
.home-food__note { width: 100%; min-width: 0; padding-top: var(--space-4); border-top: var(--border-default); display: flex; flex-direction: column; gap: var(--space-3); }
.home-food__note > * { margin: 0; }
.home-food__note p:last-child { max-width: 40ch; }
.home-food__route { width: 100%; min-width: 0; padding-top: var(--space-4); border-top: var(--border-default); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-food__route > * { margin: 0; }
.home-food__route p { max-width: 45ch; }
.home-venue__wrap { position: relative; min-width: 0; }
.home-venue__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 16 / 9; }
.home-venue__media img { object-position: 52% 50%; }
.home-venue__media figcaption { position: absolute; left: var(--space-4); top: var(--space-4); margin: 0; padding: var(--space-1) var(--space-2); background: rgb(5 5 5 / .68); }
.home-venue__panel { width: min(100% - var(--space-8), 27.5rem); min-width: 0; position: absolute; left: var(--space-6); bottom: var(--space-6); padding: var(--space-5); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-venue__panel > * { margin: 0; min-width: 0; }
.home-venue__panel h2 { max-width: 16ch; font-size: var(--text-heading-sm); }
.home-venue__panel > p:not(.eyebrow) { max-width: 46ch; }
.home-venue__address { font-size: var(--text-lead); line-height: var(--leading-lead); }
.home-tables__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; }
.home-tables__copy { width: 100%; min-width: 0; max-width: 31.25rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-tables__copy > * { margin: 0; min-width: 0; }
.home-tables__copy .lead { max-width: 48ch; }
.home-tables__media { width: 100%; min-width: 0; margin: 0; aspect-ratio: 4 / 3; }
.home-tables__media img { object-position: 50% 50%; }
.home-tables__list { width: 100%; min-width: 0; border-left: 1px solid var(--color-line-ash); display: flex; flex-direction: column; gap: var(--space-5); padding-left: var(--space-4); }
.home-tables__item { width: 100%; min-width: 0; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); }
.home-tables__item > span { color: var(--color-ash-muted); font-size: var(--text-label); letter-spacing: .08em; }
.home-tables__item h3 { margin-bottom: var(--space-2); font-size: 1.5rem; }
.home-tables__item h3 .status { margin-left: var(--space-2); }
.home-tables__item p { max-width: 35ch; margin-bottom: 0; }
.home-text-link { display: inline-flex; min-width: 0; gap: var(--space-2); color: var(--color-ash-primary); font-weight: 600; }
.home-responsible__panel { width: min(100%, 56.25rem); min-width: 0; margin-inline: auto; padding: var(--space-7); border-left: 3px solid var(--color-signal-scarlet); display: grid; grid-template-columns: 11.25rem minmax(0, 1fr); gap: var(--space-6); align-items: start; }
.home-responsible__age { width: 100%; min-width: 0; color: var(--color-ash-primary); font-family: var(--font-heading); font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 700; letter-spacing: .02em; line-height: .9; }
.home-responsible__copy { width: 100%; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-responsible__copy > * { margin: 0; min-width: 0; }
.home-responsible__copy > p:not(.eyebrow) { max-width: 48ch; }
.home-responsible__divider { width: 100%; height: 1px; background: var(--color-line-ash); }
.home-route__heading { width: 100%; min-width: 0; max-width: 35rem; }
.home-route__heading .lead { max-width: 56ch; }
.home-route__grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.home-route__grid::before { content: ""; position: absolute; top: 1rem; left: 1rem; right: 1rem; height: 1px; background: linear-gradient(90deg, var(--color-line-ash) 0 31%, transparent 31% 34%, var(--color-line-ash) 34% 65%, transparent 65% 68%, var(--color-line-ash) 68% 100%); }
.home-route__item { position: relative; min-width: 0; padding-top: var(--space-7); display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); }
.home-route__item > span { color: var(--color-ash-primary); font-family: var(--font-heading); font-size: 1.5rem; line-height: 1; }
.home-route__item h3 { margin-bottom: var(--space-3); font-size: 1.75rem; }
.home-route__item .eyebrow { margin-bottom: var(--space-2); }
.home-route__item p:last-child { max-width: 34ch; margin-bottom: 0; }
.home-details__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--space-5); align-items: start; }
.home-details__large, .home-details__small { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-5); }
.home-details__small { padding-top: var(--space-9); }
.home-details__large figure, .home-details__small figure { width: 100%; min-width: 0; margin: 0; }
.home-details__copy { width: 100%; min-width: 0; }
.home-details__large .home-details__copy { max-width: 42ch; }
.home-details__small .home-details__copy { max-width: 34ch; }
.home-details__copy p:last-child { margin-bottom: 0; }
.home-paths__heading { width: 100%; min-width: 0; max-width: 46ch; }
.home-paths__heading .lead { max-width: 46ch; }
.home-paths__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.home-paths__card { position: relative; width: 100%; min-width: 0; min-height: 22rem; padding: var(--space-5); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); transition: background-color var(--transition-base), border-color var(--transition-base); }
.home-paths__card::before { content: ""; position: absolute; left: 0; top: var(--space-4); bottom: var(--space-4); width: 2px; background: var(--color-line-ash); transition: background-color var(--transition-base); }
.home-paths__card:hover { background: var(--color-panel-raised); }
.home-paths__card:hover::before { background: var(--color-signal-scarlet); }
.home-paths__card > * { min-width: 0; margin: 0; }
.home-paths__card h3 { font-size: 1.75rem; }
.home-paths__card > p:not(.eyebrow) { max-width: 34ch; }
.home-paths__card .button { margin-top: auto; width: 100%; }
.home-paths__card .status { margin-left: var(--space-2); }
.home-closing__panel { width: 100%; min-width: 0; padding: var(--space-7); border-left: 3px solid var(--color-signal-scarlet); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-closing__panel > * { min-width: 0; margin: 0; }
.home-closing__panel h2 { max-width: 14ch; }
.home-closing__summary { max-width: 48ch; }
.home-closing__actions { width: 100%; min-width: 0; display: flex; flex-wrap: wrap; gap: var(--space-3); padding-top: var(--space-2); }
.home-closing__actions > * { min-width: 0; flex: 0 1 auto; }
@media (max-width: 64rem) { .home-hero { min-height: auto; aspect-ratio: 3 / 2; } .home-hero__inner { padding-block: var(--space-7); grid-template-columns: minmax(0, 1fr); row-gap: var(--space-6); align-content: end; } .home-hero__fact { justify-self: start; width: min(100%, 30rem); } .home-food__grid, .home-tables__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .home-food__media, .home-tables__media { width: 100%; max-width: 45rem; } .home-tables__media { order: -1; } .home-food__copy, .home-tables__copy { max-width: 35rem; } }
@media (max-width: 65rem) { .home-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-paths__card:nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 60rem) { .home-venue__media { aspect-ratio: 3 / 2; } .home-venue__panel { position: static; width: 100%; margin-top: var(--space-5); } .home-details__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-details__small { padding-top: 0; } }
@media (max-width: 57.5rem) { .home-rhythm__grid, .home-route__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-rhythm__item:nth-child(3), .home-route__item:nth-child(3) { grid-column: 1 / -1; } .home-route__grid::before { display: none; } }
@media (max-width: 51.25rem) { .home-hero__actions, .home-closing__actions { flex-direction: column; align-items: stretch; } .home-hero__actions > *, .home-closing__actions > * { width: 100%; flex: 0 0 auto; } }
@media (max-width: 43.75rem) { .home-responsible__panel { grid-template-columns: minmax(0, 1fr); padding: var(--space-5); gap: var(--space-4); } .home-responsible__age { width: 100%; } .home-rhythm__grid, .home-route__grid, .home-paths__grid, .home-details__grid { grid-template-columns: minmax(0, 1fr); } .home-rhythm__item:nth-child(3), .home-route__item:nth-child(3) { grid-column: auto; } .home-paths__card:nth-child(3) { grid-column: auto; } .home-details__small { padding-top: 0; } }
@media (max-width: 47.9375rem) { .home-hero { aspect-ratio: 4 / 3; min-height: 38rem; } .home-hero__media img { object-position: 63% 50%; } .home-hero__inner { padding-block: var(--space-6); } .home-hero__copy h1 { font-size: 2.625rem; line-height: 1.02; } .home-hero__lead { font-size: var(--text-body); line-height: var(--leading-body); } .home-hero__fact { width: 100%; padding: var(--space-4); } .home-rhythm__intro { width: 100%; max-width: none; } .home-rhythm__grid { margin-top: var(--space-6); } .home-rhythm__item { padding-top: var(--space-4); } .home-food__media, .home-tables__media { max-width: none; } .home-venue__media { aspect-ratio: 4 / 3; } .home-venue__panel { padding: var(--space-4); } .home-tables__list { border-left: 0; border-top: var(--border-default); padding-left: 0; padding-top: var(--space-4); } .home-route__grid { margin-top: var(--space-6); } .home-route__item { padding-top: var(--space-4); } .home-route__item > span { color: var(--color-signal-scarlet); } .home-paths__grid { margin-top: var(--space-6); } .home-paths__card { min-height: auto; padding: var(--space-5); } .home-closing__panel { padding: var(--space-5); } }
@media (prefers-reduced-motion: reduce) { .home-page .home-image img { transition: none; } .home-page .home-image.is-hovered img { transform: none; filter: none; } }