.company-panel { display: grid; grid-template-columns: minmax(0, 707fr) minmax(0, 637fr); min-block-size: 22.5rem; border: 1px solid var(--color-border-card); border-radius: var(--radius-content); background: var(--color-hero-surface); color: var(--color-text); }
.company-panel--leading { min-block-size: 21rem; }
.company-panel--text { grid-template-columns: minmax(0, 1fr); }
.company-panel__copy { min-inline-size: 0; padding: var(--space-5); }
.company-panel__number { display: block; margin-block-end: -1.875rem; font-family: var(--font-heading); font-size: clamp(var(--fs-number-max), 6.944444vw, var(--fs-display-max)); font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; background: linear-gradient(to bottom, var(--color-number-muted) 28.846%, transparent); background-clip: text; color: transparent; }
.company-panel__title { display: grid; align-items: center; min-block-size: 4.4375rem; max-inline-size: 39.625rem; margin: 0 0 var(--space-5); font-family: var(--font-heading); font-size: clamp(var(--fs-kicker-min), 2.361111vw, var(--fs-panel-heading-max)); font-weight: 600; line-height: 1.470588; letter-spacing: -0.02em; text-transform: uppercase; overflow-wrap: anywhere; }
.company-panel__description { max-inline-size: 39.625rem; margin: 0; font-size: var(--fs-body-large); line-height: 1.166667; overflow-wrap: anywhere; }
.company-panel__media { position: relative; min-inline-size: 0; border-radius: var(--radius-content); overflow: hidden; }
.company-panel__image { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
@media (max-width: 74.999rem) {
    .company-panel { grid-template-columns: minmax(0, 1fr); min-block-size: 0; }
    .company-panel__number { font-size: var(--fs-number-max); margin-block-end: -1rem; }
    .company-panel__title { min-block-size: 0; line-height: var(--line-height-heading); margin-block-end: var(--space-4); }
    .company-panel__description { line-height: var(--line-height-control); }
    .company-panel__media { aspect-ratio: 637 / 360; }
}
@media (max-width: 47.999rem) {
    .company-panel__title { font-size: clamp(var(--fs-card-title-min), 4.166667vw, var(--fs-kicker-min)); }
    .company-panel__description { font-size: var(--fs-body); }
}

/* Stack geometry is supplied by the scroll controller; content remains opaque. */
.company-panel--stacked {
    grid-area: 1 / 1;
    align-self: start;
    min-block-size: var(--stack-card-height);
    transform: translateY(var(--panel-stack-y, 0px)) scale(var(--panel-stack-scale, 1));
    transform-origin: center top;
}
