/* ── 07 Featured project — see sections/07-featured-project/brief.md ──
   Figma 1:1017 photo · 1:1083 gradient (exact) · 1:1085 white rule 77×10 @ (107, +250) · 1:1028 read more
   Title + intro are PLACEHOLDERS (agreed at sign-off) — real copy arrives in the WP build. */

.featured { background: var(--skin-canvas); }
.featured__media {
    position: relative;
    height: calc(1007 * var(--u));
    overflow: hidden;
}
.featured__media > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.featured__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(269.8497deg, rgba(217, 217, 217, 0) 0.76402%, rgba(0, 0, 0, 0.31) 99.925%);
    pointer-events: none;
}
.featured__overlay {
    position: absolute;
    z-index: 1;
    left: calc(107 * var(--u));
    top: calc(250 * var(--u));
    max-width: calc(760 * var(--u));
    color: var(--skin-white);
}
.featured__rule {
    display: block;
    width: calc(77 * var(--u));
    height: max(4px, calc(10 * var(--u)));
    background: var(--skin-white);
}
.featured__name {
    margin-top: calc(30 * var(--u));
    font-size: var(--fs-display);
    font-weight: 600;
    line-height: 1;
    text-transform: lowercase;
}
.featured__intro {
    margin-top: calc(20 * var(--u));
    max-width: calc(640 * var(--u));
    line-height: 1.154;
}
.featured__links {
    text-align: right;
    line-height: 1;
    padding: calc(21 * var(--u)) 0 calc(11 * var(--u));
}