main.home-page {
  position: relative;
  overflow: clip;
  background: var(--color-carbon-black);
}

main.home-page::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  opacity: 0.035;
  background-image: radial-gradient(rgba(241, 233, 220, 0.8) 0.5px, transparent 0.7px);
  background-size: 5px 5px;
}

.home-page > section { position: relative; z-index: 1; }
.home-container { width: var(--container-wide); margin-inline: auto; }
.home-kicker { margin-bottom: var(--space-3); }
.home-copy-link { color: var(--color-warm-porcelain); font-size: var(--font-size-legal); font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }

.home-hero { min-height: 760px; padding-block: var(--space-10); background: var(--color-deep-plum); }
.home-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; min-width: 0; gap: var(--space-6); }
.home-hero__copy { z-index: 2; min-width: 0; max-width: 35rem; }
.home-hero__copy .display-title { margin-bottom: var(--space-5); }
.home-hero__intro { max-width: 35rem; }
.home-hero__rule { width: 7.5rem; margin-bottom: var(--space-5); }
.home-hero__actions { margin-bottom: var(--space-3); }
.home-hero__micro { margin: 0; font-size: var(--font-size-legal); }
.home-hero__media { position: relative; width: 100%; min-width: 0; min-height: clamp(31.25rem, 52vw, 47.5rem); margin-right: calc(var(--container-gutter) * -1); border: var(--border-hairline); overflow: hidden; }
.home-hero__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(36,21,31,.58), transparent 48%); pointer-events: none; }
.home-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 58% 50%; }

.home-audiences { padding-block: var(--space-10); }
.home-audiences__head { max-width: 26.25rem; margin-bottom: var(--space-7); }
.home-audiences__head p { max-width: 38ch; }
.home-audiences__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; min-width: 0; gap: 1.25rem; }
.home-audience-card { display: flex; flex-direction: column; min-width: 0; min-height: 100%; padding: var(--space-5); border: var(--border-hairline); background: var(--color-charcoal-surface); text-decoration: none; transition: border-color var(--transition-base), background-color var(--transition-base), transform var(--transition-base); }
.home-audience-card:nth-child(2) { margin-top: var(--space-6); }
.home-audience-card:hover { border-color: var(--color-oxidized-copper); background: #191a1e; color: var(--color-warm-porcelain); transform: translateY(-2px); }
.home-audience-card h3 { margin-bottom: var(--space-4); }
.home-audience-card p { max-width: 38ch; }
.home-audience-card__tags { display: flex; flex-wrap: wrap; min-width: 0; gap: var(--space-2); margin-top: auto; padding-top: var(--space-4); }

.home-production { padding-block: var(--space-10); }
.home-production__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: center; min-width: 0; gap: calc(var(--space-6) + var(--space-5)); }
.home-production__media { width: 100%; min-width: 0; margin-top: calc(var(--space-8) * -1); border: var(--border-hairline); overflow: hidden; }
.home-production__media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 52% 42%; }
.home-production__copy { min-width: 0; max-width: 32.5rem; }
.home-production__copy > p { max-width: 46ch; }
.home-production-list { display: grid; min-width: 0; gap: 0; margin: var(--space-6) 0 var(--space-5); }
.home-production-list__item { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); padding-block: var(--space-4); border-top: 1px solid rgba(182,106,76,.42); }
.home-production-list__item:last-child { border-bottom: 1px solid rgba(182,106,76,.42); }
.home-production-list__number { color: var(--color-oxidized-copper); font-size: var(--font-size-label); font-weight: 700; letter-spacing: .09em; }
.home-production-list__body { min-width: 0; }
.home-production-list__body h3 { margin-bottom: var(--space-2); font-size: 1.5rem; }
.home-production-list__body p { max-width: 34ch; margin-bottom: 0; }
.home-production-list__item:hover h3 { color: var(--color-warm-porcelain); }

.home-place { padding-block: var(--space-11); background: var(--color-deep-plum); }
.home-place__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); min-width: 0; gap: calc(var(--space-7) + var(--space-5)); }
.home-place__copy { min-width: 0; max-width: 31.25rem; margin-left: auto; }
.home-place__copy p { max-width: 42ch; }
.home-place__sequence { display: grid; min-width: 0; gap: 0; }
.home-place__item { min-width: 0; padding-block: var(--space-5); border-top: 1px solid rgba(182,106,76,.48); transition: background-color var(--transition-base); }
.home-place__item:last-child { border-bottom: 1px solid rgba(182,106,76,.48); }
.home-place__item:hover { background: rgba(241,233,220,.035); }
.home-place__number { display: block; margin-bottom: var(--space-2); color: var(--color-oxidized-copper); font-size: var(--font-size-legal); font-weight: 700; letter-spacing: .12em; }
.home-place__item h3 { margin-bottom: var(--space-2); font-size: 1.75rem; }
.home-place__item p { max-width: 38ch; margin-bottom: 0; }

.home-interaction { padding-block: var(--space-10); }
.home-interaction__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); min-width: 0; gap: var(--space-7); }
.home-interaction__copy { min-width: 0; max-width: 31.25rem; }
.home-interaction__copy > p { max-width: 42ch; }
.home-interaction__panel { display: flex; flex-direction: column; min-width: 0; min-height: 100%; padding: var(--space-7); border: var(--border-hairline); background: var(--color-deep-plum); }
.home-interaction__panel h3 { margin-top: var(--space-4); }
.home-interaction__panel p { max-width: 35ch; }
.home-format-list { display: grid; min-width: 0; gap: var(--space-3); margin: var(--space-5) 0 0; }
.home-format-list__item { min-width: 0; padding-top: var(--space-3); border-top: 1px solid rgba(182,106,76,.42); }
.home-format-list__item strong { display: block; margin-bottom: var(--space-1); }
.home-format-list__item span { color: var(--color-stone-grey); font-size: var(--font-size-label); line-height: var(--line-height-label); }

.home-collaboration { padding-block: var(--space-10); }
.home-collaboration__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); align-items: center; min-width: 0; gap: calc(var(--space-6) + var(--space-5)); }
.home-collaboration__copy { min-width: 0; max-width: 29.375rem; }
.home-collaboration__copy > p { max-width: 42ch; }
.home-collaboration__quote { margin: var(--space-5) 0; color: var(--color-warm-porcelain); font-family: var(--font-heading); font-size: 1.65rem; line-height: 1.1; }
.home-process { display: grid; min-width: 0; gap: 0; margin: var(--space-5) 0; }
.home-process__item { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); padding-block: var(--space-4); border-top: 1px solid rgba(182,106,76,.42); }
.home-process__item:last-child { border-bottom: 1px solid rgba(182,106,76,.42); }
.home-process__number { color: var(--color-oxidized-copper); font-size: var(--font-size-label); font-weight: 700; }
.home-process h3 { margin-bottom: var(--space-2); font-size: 1.5rem; }
.home-process p { max-width: 34ch; margin-bottom: 0; }
.home-collaboration__media { width: 100%; min-width: 0; border: var(--border-hairline); box-shadow: var(--shadow-overlay); overflow: hidden; }
.home-collaboration__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 55% 50%; }

.home-formats { padding-block: var(--space-10); }
.home-formats__head { max-width: 32.5rem; margin-bottom: var(--space-7); }
.home-formats__head p { max-width: 44ch; }
.home-formats__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 5fr)); min-width: 0; gap: var(--space-6) calc(var(--space-7) + var(--space-6)); }
.home-format-card { display: flex; flex-direction: column; min-width: 0; padding: var(--space-5) 0 0; border-top: 1px solid var(--color-copper-transparent); text-decoration: none; transition: border-color var(--transition-base), background-color var(--transition-base), transform var(--transition-base); }
.home-format-card:nth-child(even) { transform: translateX(var(--space-7)); }
.home-format-card:hover { border-color: var(--color-warm-porcelain); background: rgba(241,233,220,.025); color: var(--color-warm-porcelain); }
.home-format-card h3 { margin-top: var(--space-3); margin-bottom: var(--space-3); font-size: 1.75rem; }
.home-format-card p { max-width: 36ch; margin-bottom: 0; }

.home-consultation { padding-block: var(--space-10); }
.home-consultation__panel { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: var(--space-9); border: var(--border-hairline); background: var(--color-deep-plum); text-align: center; }
.home-consultation__copy { min-width: 0; max-width: 38.75rem; }
.home-consultation__copy h2 { margin-bottom: var(--space-5); }
.home-consultation__copy p { max-width: 40ch; margin-inline: auto; }
.home-consultation__copy p:last-of-type { margin-bottom: var(--space-5); }

.home-faq { padding-block: var(--space-10); }
.home-faq__layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); min-width: 0; gap: var(--space-7); }
.home-faq__content { min-width: 0; max-width: 45rem; }
.home-faq__content > p { max-width: 42ch; }
.home-faq__rule-space { min-width: 0; border-left: 1px solid rgba(182,106,76,.48); }
.home-faq-list { display: grid; min-width: 0; gap: 0; margin-top: var(--space-6); border-top: 1px solid rgba(182,106,76,.48); }
.home-faq-item { min-width: 0; border-bottom: 1px solid rgba(182,106,76,.48); }
.home-faq-item__button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 0; min-height: 3.5rem; padding: var(--space-4); border: 0; background: transparent; color: var(--color-warm-porcelain); font-size: 1rem; font-weight: 600; line-height: 1.4; text-align: left; }
.home-faq-item__button::after { flex: 0 0 auto; margin-left: var(--space-4); color: var(--color-oxidized-copper); content: "ÖFFNEN"; font-size: .625rem; font-weight: 700; letter-spacing: .1em; }
.home-faq-item__button[aria-expanded="true"]::after { content: "SCHLIESSEN"; }
.home-faq-item__panel { display: grid; grid-template-rows: 0fr; min-width: 0; opacity: 0; transition: grid-template-rows var(--transition-base), opacity var(--transition-base); }
.home-faq-item__panel[hidden] { display: grid; }
.home-faq-item__panel.is-open { grid-template-rows: 1fr; opacity: 1; }
.home-faq-item__inner { min-height: 0; overflow: hidden; }
.home-faq-item__inner p { max-width: 42ch; margin: 0; padding: 0 var(--space-4) var(--space-5); }

.home-manifest { padding-block: var(--space-11); }
.home-manifest__head { max-width: 31.25rem; margin-bottom: var(--space-7); }
.home-manifest__head p { max-width: 42ch; }
.home-manifest__list { display: grid; min-width: 0; gap: var(--space-6); }
.home-manifest__item { display: grid; grid-template-columns: minmax(4rem, 1fr) minmax(0, 9fr); align-items: start; min-width: 0; gap: var(--space-4); padding-top: var(--space-4); border-top: 1px solid rgba(182,106,76,.48); }
.home-manifest__item:nth-child(2) { margin-left: var(--space-7); }
.home-manifest__number { color: var(--color-oxidized-copper); font-size: clamp(2rem, 4vw, 3.5rem); font-family: var(--font-heading); line-height: .9; }
.home-manifest__statement { min-width: 0; margin: 0; color: var(--color-warm-porcelain); font-family: var(--font-heading); font-size: clamp(2rem, 3.25vw, 3.5rem); line-height: .98; }
.home-manifest__statement em { color: var(--color-oxidized-copper); }

.home-final { padding: 0 0 var(--space-11); }
.home-final__panel { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); min-height: 26.25rem; min-width: 0; background: var(--color-charcoal-surface); }
.home-final__copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; max-width: 35rem; padding: var(--space-8); }
.home-final__copy p { max-width: 40ch; }
.home-final__copy p:last-of-type { margin-bottom: var(--space-5); }
.home-final__micro { margin: var(--space-3) 0 0 !important; color: var(--color-stone-grey); font-size: var(--font-size-legal); }
.home-final__media { min-width: 0; min-height: 100%; margin: 0; overflow: hidden; border-left: var(--border-hairline); }
.home-final__media img { width: 100%; height: 100%; min-height: 26.25rem; object-fit: cover; object-position: center; }

@media (max-width: 70rem) {
  .home-hero { min-height: auto; }
  .home-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .home-hero__media { min-height: clamp(27rem, 58vw, 40rem); }
  .home-production__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--space-6); }
  .home-production__media { margin-top: 0; }
  .home-place__grid, .home-interaction__grid { gap: var(--space-6); }
  .home-collaboration__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-6); }
  .home-formats__grid { gap: var(--space-6); }
  .home-format-card:nth-child(even) { transform: none; }
  .home-consultation__panel { padding: var(--space-8); }
  .home-final__copy { padding: var(--space-7); }
}

@media (max-width: 53.75rem) {
  .home-hero { padding-block: var(--space-8); }
  .home-hero__grid, .home-production__grid, .home-place__grid, .home-interaction__grid, .home-collaboration__grid { grid-template-columns: minmax(0, 1fr); }
  .home-hero__copy { max-width: 35rem; }
  .home-hero__media { margin-right: 0; min-height: 0; aspect-ratio: 16 / 10; }
  .home-hero__media img { aspect-ratio: 16 / 10; }
  .home-production__media { order: -1; max-width: 35rem; }
  .home-production__copy { max-width: 35rem; }
  .home-place__copy { max-width: 31.25rem; margin-left: 0; }
  .home-place__sequence { max-width: 35rem; }
  .home-interaction__panel { max-width: 35rem; }
  .home-collaboration__copy { max-width: 35rem; }
  .home-collaboration__media { max-width: 43rem; }
  .home-audiences__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-audience-card:nth-child(2) { margin-top: 0; }
  .home-audience-card:nth-child(3) { grid-column: 1 / -1; max-width: calc(50% - .625rem); }
  .home-final__panel { grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); }
}

@media (max-width: 47.99rem) {
  .home-hero { padding-block: var(--space-7); }
  .home-hero__copy .display-title { font-size: clamp(3rem, 13vw, 3.5rem); }
  .home-hero__intro { max-width: 34ch; }
  .home-hero__media { margin-top: var(--space-5); }
  .home-audiences, .home-production, .home-interaction, .home-collaboration, .home-formats, .home-consultation, .home-faq { padding-block: var(--space-8); }
  .home-place, .home-manifest { padding-block: var(--space-9); }
  .home-audiences__head, .home-formats__head { margin-bottom: var(--space-6); }
  .home-audiences__grid, .home-formats__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .home-audience-card:nth-child(3) { grid-column: auto; max-width: none; }
  .home-production__media { max-width: none; }
  .home-production__copy, .home-interaction__copy, .home-collaboration__copy { max-width: none; }
  .home-production-list__item, .home-process__item { padding-block: var(--space-4); }
  .home-place__grid { gap: var(--space-6); }
  .home-interaction__panel { max-width: none; padding: var(--space-5); }
  .home-collaboration__grid { gap: var(--space-6); }
  .home-collaboration__media { max-width: none; }
  .home-format-card { min-height: 0; }
  .home-consultation__panel { padding: var(--space-6) var(--space-5); }
  .home-faq__layout { grid-template-columns: minmax(0, 1fr); }
  .home-faq__rule-space { display: none; }
  .home-faq__content { max-width: none; }
  .home-faq-item__button { min-height: 3.5rem; padding-inline: var(--space-4); }
  .home-manifest__head { margin-bottom: var(--space-6); }
  .home-manifest__list { gap: var(--space-6); }
  .home-manifest__item { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .home-manifest__item:nth-child(2) { margin-left: 0; }
  .home-manifest__statement { max-width: 34ch; font-size: clamp(1.9rem, 9vw, 2.2rem); }
  .home-final { padding-bottom: var(--space-8); }
  .home-final__panel { display: flex; flex-direction: column; min-height: 0; border-top: var(--border-hairline); }
  .home-final__copy { max-width: none; padding: var(--space-6) var(--space-5); }
  .home-final__media { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page::before { opacity: .02; }
  .home-faq-item__panel { transition: none; }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }