:where(#primary > section) { padding: var(--section-gap) 0; }
:where(#primary > section:nth-child(even)) { background: var(--color-bg-alt); }

.company-hero { background: var(--color-bg-alt); }
.company-hero__inner { display: flex; align-items: stretch; gap: var(--sp-8); }
.company-hero__text { flex: 1 1 auto; max-width: 620px; }
.company-hero__text .lead { margin-top: var(--sp-4); }
.company-hero__media { flex: 0 0 42%; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
.company-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.company-section__wrp { display: flex; align-items: stretch; gap: var(--sp-8); }
.company-section--reverse .company-section__wrp { flex-direction: row-reverse; }
.company-section__media { flex: 0 0 42%; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
.company-section__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.company-section__content { flex: 1 1 auto; min-width: 0; }

.company-section .section-head { margin-bottom: var(--sp-5); }
.company-section p { color: var(--color-text-light); }
.company-section__content > p { margin-bottom: var(--sp-5); }

.company-chips { display: grid; grid-template-columns: repeat(3, max-content); gap: var(--sp-3) var(--sp-4); list-style: none; margin-bottom: var(--sp-5); }
.company-chips li {
    padding: var(--sp-2) var(--sp-5);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    font-weight: 700;
    color: var(--color-primary);
}

.company-chips li:has(.company-chips__link) { padding: 0; }
.company-chips__link {
    display: block;
    padding: var(--sp-2) var(--sp-5);
    border-radius: var(--radius-pill);
    color: inherit;
    transition: background var(--transition), color var(--transition);
}
.company-chips li:has(.company-chips__link):hover,
.company-chips li:has(.company-chips__link):focus-within {
    background: var(--color-accent-soft);
    border-color: var(--color-accent);
}

.company-list { list-style: none; display: flex; flex-direction: column; gap: var(--sp-3); margin-bottom: var(--sp-5); }
.company-list li { display: flex; align-items: flex-start; gap: var(--sp-3); }
.company-list svg { flex: none; margin-top: 3px; color: var(--color-success); }
.company-list strong { color: var(--color-primary); }

.company-section--why__head { text-align: center; align-items: center; }
.company-why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-5);
    list-style: none;
    margin-bottom: var(--sp-6);
}
.company-why__item {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-5);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    font-weight: 600;
    color: var(--color-primary);
    transition: box-shadow var(--transition), border-color var(--transition), transform var(--transition);
}
.company-why__item:hover { box-shadow: var(--shadow); border-color: transparent; transform: translateY(-2px); }
.company-why__icon {
    flex: none;
    width: 40px;
    height: 40px;
    padding: var(--sp-2);
    border-radius: var(--radius-pill);
    background: var(--color-accent);
    color: var(--color-on-accent);
    box-sizing: border-box;
}
.company-why__note { max-width: 760px; margin: 0 auto; text-align: center; color: var(--color-text-light); }

@media (max-width: 1023px) {
    .company-why__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 849px) {
    .company-chips { grid-template-columns: repeat(2, max-content); }
}

@media (max-width: 767px) {
    .company-hero__inner { flex-direction: column; align-items: stretch; gap: var(--sp-5); }
    .company-hero__media { flex: none; width: 100%; }
    .company-hero__media img { aspect-ratio: 16 / 10; }

    .company-section__wrp,
    .company-section--reverse .company-section__wrp { flex-direction: column; align-items: stretch; }
    .company-section__media { flex: none; width: 100%; }
    .company-section__media img { aspect-ratio: 16 / 10; }
    .company-why__grid { grid-template-columns: 1fr; }

}

.company-cta { background: var(--color-bg-alt); }
.company-cta__inner { text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--sp-6); }
.company-cta__closing { max-width: 760px; font-size: var(--fs-lead); color: var(--color-primary); }