.company-film { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); align-items: center; background: var(--ink-2); border-block: 1px solid var(--rule); }
.company-film-copy { min-width: 0; padding: 2rem var(--content-gutter); }
.company-film-copy h2 { margin: 1rem 0; font-family: var(--display); font-variation-settings: "wdth" 52, "wght" 620, "CTRS" 36; font-weight: 620; font-size: clamp(2rem, 3.1vw, 3.4rem); line-height: 1; text-transform: uppercase; }
.company-film-copy h2 span { color: var(--jade-bright); }
.company-film-copy > p:not(.eyebrow) { max-width: 38ch; color: var(--smoke); font-size: 1rem; line-height: 1.6; }
.company-film-copy .text-button { margin-top: 1rem; }
.company-film-player { display: block; align-self: center; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; margin: 0; padding: 0; background: var(--ink); }
.company-film-player:focus-visible { outline: 3px solid var(--jade-bright); outline-offset: -3px; }
@media (min-width: 1100px) { .company-film { align-items: stretch; } .company-film-copy { align-self: center; } }
@media (max-width: 1099px) { .company-film { grid-template-columns: minmax(0, 1fr); } .company-film-copy { padding-block: 2.5rem; } .company-film-copy h2 { max-width: 24ch; font-size: clamp(2.5rem, 6vw, 3.4rem); } .company-film-copy > p:not(.eyebrow) { max-width: 62ch; } }