/* /company/ — editorial layout, one display moment, reading body. */

.company {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: clamp(48px, 6vw, 96px);
    max-width: 1200px;
    margin: 0 auto;
    padding: 140px 60px 120px;
    align-items: center;
    min-height: calc(100vh - 140px);
}

.company-field {
    width: min(520px, 46vw);
    height: min(520px, 46vw, 56vh);
    justify-self: end;
}

.company-body .display {
    margin-bottom: 28px;
    max-width: 18ch;
}

.company-body .reading {
    max-width: 56ch;
}

@media (max-width: 900px) {
    .company {
        grid-template-columns: 1fr;
        padding: 100px 24px 80px;
        gap: 40px;
        align-items: start;
    }
    .company-field {
        justify-self: center;
        width: 62vw;
        height: 62vw;
    }
    .company-body .display {
        max-width: none;
    }
}