/* ── studio 06 Partners — studio/sections/06-partners/brief.md ──
   Figma 1:1646 band #606060 629h · 1:1657 title 42 white + "partners" #ff8282, centred @ +85 ·
   1:1656 hairlines: grid box x 113 → 1807, y +218 → +538; verticals @ x 676 / 1242, horizontal @ +381 ·
   logos (1:1658–1:1663) placed exactly as in Figma, relative to the grid box */

.st-partners {
    min-height: calc(629 * var(--u));
    padding: calc(85 * var(--u)) 0 calc(91 * var(--u));
    background: #606060;
    color: var(--skin-white);
}
.st-partners__title { font-size: var(--fs-sub); font-weight: 400; line-height: 1; text-align: center; text-transform: lowercase; }
.st-partners__title em { font-style: normal; color: #ff8282; }

.st-partners__grid {
    position: relative;
    width: calc(1694 * var(--u));
    height: calc(320 * var(--u));
    margin: calc(91 * var(--u)) auto 0;
    padding: 0;
    list-style: none;
}
.st-partners__grid::before {
    content: "";
    position: absolute;
    left: calc(563 / 1694 * 100%);
    width: calc(566 / 1694 * 100%);
    top: 0;
    bottom: 0;
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3);
}
.st-partners__grid::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(163 * var(--u));
    border-top: 1px solid rgba(255, 255, 255, .3);
}
.st-partner { position: absolute; z-index: 1; }
.st-partner img { display: block; width: 100%; height: auto; }
.st-partner--1 { left: calc(109 * var(--u));  top: calc(-30 * var(--u)); width: calc(283 * var(--u)); }
.st-partner--2 { left: calc(698 * var(--u));  top: calc(-36 * var(--u)); width: calc(312 * var(--u)); }
.st-partner--3 { left: calc(1291 * var(--u)); top: calc(-27 * var(--u)); width: calc(262 * var(--u)); }
.st-partner--4 { left: calc(121 * var(--u));  top: calc(198 * var(--u)); width: calc(241 * var(--u)); }
.st-partner--5 { left: calc(741 * var(--u));  top: calc(198 * var(--u)); width: calc(187 * var(--u)); }
.st-partner--6 { left: calc(1288 * var(--u)); top: calc(152 * var(--u)); width: calc(287 * var(--u)); }

@media (max-width: 991.98px) {
    .st-partners { min-height: 0; padding: 56px 0 48px; }
    .st-partners__title { font-size: 28px; }
    .st-partners__grid { display: grid; grid-template-columns: repeat(3, 1fr); width: calc(100% - 2 * var(--skin-gutter)); height: auto; margin-top: 32px; }
    .st-partners__grid::before, .st-partners__grid::after { display: none; }
    .st-partner, .st-partner--1, .st-partner--2, .st-partner--3, .st-partner--4, .st-partner--5, .st-partner--6 {
        position: static; width: auto; display: grid; place-items: center; padding: 6px;
    }
    .st-partner img { max-width: 180px; }
}
@media (max-width: 575.98px) {
    .st-partners__grid { grid-template-columns: repeat(2, 1fr); }
}