/* ── studio 07 Closing statement — studio/sections/07-closing/brief.md ──
   Figma (y relative to page y 4356): 1:1664 solid coral asterisk 315×304 @ (12,126) · 1:1623 h2 42/50 @ (473,104) ·
   1:1634 coral rule 61×5 @ (471,279) · 1:1618 text 26/30 #4b4949 w368 @ (473,322) (sentence case) ·
   1:1667 skyline 759×302 @ (1050,113), multiply 50%, image top-aligned (cropped to 302h) */

.st-closing {
    min-height: calc(556 * var(--u));
    padding: calc(104 * var(--u)) 0 calc(80 * var(--u));
    background: var(--skin-white);
}
.st-closing__text { padding-left: calc(373 / 1720 * 100%); }
.st-closing__title { font-size: var(--fs-sub); font-weight: 400; line-height: calc(50 / 42); text-transform: lowercase; }
.st-closing__rule { width: calc(61 * var(--u)); height: max(3px, calc(5 * var(--u))); margin: calc(25 * var(--u)) 0 0 calc(-2 * var(--u)); }
.st-closing__body { max-width: calc(368 * var(--u)); margin-top: calc(38 * var(--u)); font-size: var(--fs-body); line-height: calc(30 / 26); color: var(--st-text); }

.st-closing__asterisk { left: calc(12 * var(--u)); top: calc(126 * var(--u)); width: calc(315 * var(--u)); }
.st-closing__skyline {
    position: absolute;
    left: calc(1050 * var(--u));
    top: calc(113 * var(--u));
    width: calc(759 * var(--u));
    height: calc(302 * var(--u));
    overflow: hidden;
    opacity: .5;
    mix-blend-mode: multiply;
}
.st-closing__skyline img { position: static; width: 100%; }

@media (max-width: 991.98px) {
    .st-closing { min-height: 0; padding: 64px 0 56px; }
    .st-closing__text { padding-left: 140px; }
    .st-closing__title { font-size: 28px; line-height: 1.2; }
    .st-closing__rule { width: 48px; margin: 18px 0 0; }
    .st-closing__body { max-width: 420px; margin-top: 20px; font-size: 17px; line-height: 1.45; }
    .st-closing__asterisk { left: var(--skin-gutter); top: 64px; width: 110px; }
    .st-closing__skyline { left: auto; right: 0; top: auto; bottom: 0; width: 60%; height: 24vw; opacity: .35; }
}
@media (max-width: 575.98px) {
    .st-closing__text { padding-left: 0; padding-top: 110px; }
    .st-closing__asterisk { width: 80px; top: 40px; }
}