/* Lot 5C/5D — editorial archives, stories and related content. Mobile first. */
.sc-editorial-archive { padding: 24px 0 56px; }
.sc-editorial-archive__header { padding-bottom: 18px; border-bottom: 7px solid var(--sc-black); margin-bottom: 18px; }
.sc-editorial-archive__title { font-size: clamp(3.2rem, 17vw, 7rem); line-height: .86; }
.sc-editorial-feature { padding-bottom: 24px; border-bottom: 3px solid var(--sc-black); }
.sc-editorial-feature__media,
.sc-editorial-feed__media,
.sc-interview-feature__media,
.sc-interview-card__media { display: block; overflow: hidden; background: var(--sc-gray-100); text-decoration: none; }
.sc-editorial-feature__media { aspect-ratio: 16 / 10; margin-bottom: 14px; }
.sc-editorial-feature__image,
.sc-editorial-feed__image,
.sc-interview-feature__image,
.sc-interview-card__image { width: 100%; height: 100%; object-fit: cover; }
.sc-editorial-feature__title { font-size: clamp(2.5rem, 12vw, 5rem); line-height: .92; }
.sc-editorial-feature__title a,
.sc-editorial-feed__title a,
.sc-interview-feature__title a,
.sc-interview-card__title a { text-decoration: none; }
.sc-editorial-feature__excerpt { font-size: 1.08rem; line-height: 1.38; font-weight: 650; margin: 14px 0 8px; }
.sc-editorial-meta { color: var(--sc-gray-600); font-size: .82rem; font-weight: 750; margin: 8px 0 0; }
.sc-editorial-feed { border-top: 1px solid var(--sc-black); }
.sc-editorial-feed__item { display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--sc-black); }
.sc-editorial-feed__media { aspect-ratio: 4 / 3; }
.sc-editorial-feed__title { font-size: 1.45rem; line-height: .98; margin: 0; }
.sc-editorial-feed__excerpt { display: none; }
.sc-editorial-empty { padding: 40px 0; font-size: 1.1rem; font-weight: 700; }

.sc-pagination { margin-top: 28px; padding-top: 16px; border-top: 4px solid var(--sc-black); }
.sc-pagination .page-numbers { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sc-pagination a,
.sc-pagination span { min-width: 40px; min-height: 40px; display: inline-grid; place-items: center; border: 2px solid var(--sc-black); text-decoration: none; font-weight: 900; }
.sc-pagination .current { background: var(--sc-black); color: var(--sc-white); }

.sc-interview-feature { background: var(--sc-blue); color: var(--sc-white); border: 3px solid var(--sc-black); margin-bottom: 28px; }
.sc-interview-feature__media { aspect-ratio: 4 / 3; }
.sc-interview-feature__content { padding: 18px; }
.sc-interview-feature__content .sc-kicker { color: var(--sc-white); }
.sc-interview-feature__title { font-size: clamp(2.35rem, 11vw, 4.8rem); line-height: .92; }
.sc-interview-identity { margin: 14px 0 0; font-weight: 800; line-height: 1.25; }
.sc-interview-identity strong { display: block; font-family: var(--sc-font-display); font-size: 1.18rem; }
.sc-interview-identity span { display: block; opacity: .78; margin-top: 3px; }
.sc-interview-grid { display: grid; gap: 24px; }
.sc-interview-card { padding-bottom: 22px; border-bottom: 1px solid var(--sc-black); }
.sc-interview-card__media { aspect-ratio: 4 / 3; margin-bottom: 12px; }
.sc-interview-card__title { margin: 0; font-size: 1.8rem; line-height: .96; }

.sc-story { padding: 26px 0 64px; }
.sc-story__article { max-width: 980px; }
.sc-story__header { max-width: 900px; padding-bottom: 20px; border-bottom: 2px solid var(--sc-black); }
.sc-story__breadcrumb { margin: 0 0 10px; color: var(--sc-blue); font-family: var(--sc-font-display); font-size: .78rem; font-weight: 950; text-transform: uppercase; letter-spacing: .05em; }
.sc-story__title { margin: 0; font-size: clamp(3rem, 14vw, 7rem); line-height: .88; letter-spacing: -.05em; text-transform: none; }
.sc-story__standfirst { margin: 18px 0 0; max-width: 760px; font-size: 1.25rem; line-height: 1.3; font-weight: 700; }
.sc-story__hero { margin: 22px 0 28px; }
.sc-story__hero-image { width: 100%; max-height: 720px; object-fit: cover; }
.sc-story__hero figcaption { margin-top: 7px; color: var(--sc-gray-600); font-size: .78rem; }
.sc-story__body { max-width: 720px; margin-inline: auto; font-size: 1.08rem; line-height: 1.7; }
.sc-story__body > :first-child { margin-top: 0; }
.sc-story__body p { margin: 0 0 1.25em; }
.sc-story__body h2,
.sc-story__body h3 { font-family: var(--sc-font-display); line-height: .98; letter-spacing: -.03em; margin: 1.5em 0 .55em; }
.sc-story__body h2 { font-size: clamp(2rem, 8vw, 3.2rem); }
.sc-story__body h3 { font-size: clamp(1.6rem, 6vw, 2.35rem); }
.sc-story__body blockquote { margin: 1.6em 0; padding: 16px 0 16px 18px; border-left: 7px solid var(--sc-blue); font-family: var(--sc-font-display); font-size: clamp(1.75rem, 7vw, 2.8rem); font-weight: 950; line-height: 1; }
.sc-story__body img { margin: 1.5em auto; }
.sc-story__body a { color: var(--sc-blue); font-weight: 750; }
.sc-story__sources,
.sc-story__companies { max-width: 720px; margin: 34px auto 0; padding-top: 18px; border-top: 5px solid var(--sc-black); }
.sc-story__sources h2,
.sc-story__companies h2 { margin: 0 0 12px; font-family: var(--sc-font-display); font-size: 1.5rem; text-transform: uppercase; }
.sc-story__sources ul { margin: 0; padding-left: 20px; }
.sc-story__company-list { display: grid; }
.sc-story__company { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name arrow" "place arrow"; column-gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--sc-black); text-decoration: none; }
.sc-story__company strong { grid-area: name; font-family: var(--sc-font-display); font-size: 1.15rem; line-height: 1; }
.sc-story__company span { grid-area: place; margin-top: 4px; color: var(--sc-gray-600); font-size: .8rem; font-weight: 750; }
.sc-story__company b { grid-area: arrow; color: var(--sc-blue); font-size: 1.5rem; }
.sc-story--interview .sc-story__header .sc-interview-identity { margin-top: 16px; }
.sc-story--interview .sc-story__body blockquote { color: var(--sc-blue); border-left: 0; padding-left: 0; border-top: 7px solid var(--sc-blue); border-bottom: 2px solid var(--sc-black); padding-block: 18px; }

.sc-related { max-width: 900px; margin: 46px auto 0; border-top: 8px solid var(--sc-black); }
.sc-related__heading { padding: 12px 0 10px; border-bottom: 2px solid var(--sc-black); }
.sc-related__heading h2 { margin: 0; font-family: var(--sc-font-display); font-size: clamp(2.25rem, 10vw, 4rem); line-height: .9; letter-spacing: -.04em; text-transform: uppercase; }
.sc-related__grid { display: grid; }
.sc-related__item { display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--sc-black); }
.sc-related__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sc-gray-100); text-decoration: none; }
.sc-related__image { width: 100%; height: 100%; object-fit: cover; }
.sc-related__media .sc-home-media-placeholder { width: 100%; height: 100%; min-height: 0; display: grid; place-items: center; padding: 8px; background: var(--sc-blue); color: var(--sc-white); font-family: var(--sc-font-display); font-size: .82rem; font-weight: 950; text-align: center; }
.sc-related__content { min-width: 0; }
.sc-related__meta { margin: 0 0 6px; color: var(--sc-blue); font-family: var(--sc-font-display); font-size: .7rem; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.sc-related__item h3 { margin: 0; font-family: var(--sc-font-display); font-size: 1.45rem; line-height: .96; letter-spacing: -.025em; }
.sc-related__item h3 a { text-decoration: none; }

@media (min-width: 700px) {
    .sc-editorial-archive { padding-top: 34px; }
    .sc-editorial-feature { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 24px; align-items: center; }
    .sc-editorial-feature__media { margin: 0; }
    .sc-editorial-feed__item { grid-template-columns: 260px minmax(0, 1fr); gap: 22px; }
    .sc-editorial-feed__excerpt { display: block; margin: 10px 0 0; }
    .sc-interview-feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); align-items: stretch; }
    .sc-interview-feature__media { aspect-ratio: auto; min-height: 440px; }
    .sc-interview-feature__content { display: flex; flex-direction: column; justify-content: end; padding: 28px; }
    .sc-interview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; }
    .sc-story { padding-top: 38px; }
    .sc-story__hero { margin-top: 30px; }
    .sc-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--sc-black); }
    .sc-related__item { display: block; padding: 0 14px 18px; border-bottom: 0; border-right: 1px solid var(--sc-black); }
    .sc-related__item:first-child { padding-left: 0; }
    .sc-related__item:last-child { padding-right: 0; border-right: 0; }
    .sc-related__media { margin-bottom: 10px; }
    .sc-related__item h3 { font-size: 1.65rem; }
}

@media (min-width: 1024px) {
    .sc-editorial-archive { padding-bottom: 76px; }
    .sc-editorial-archive__header { margin-bottom: 28px; }
    .sc-editorial-feed__item { grid-template-columns: 320px minmax(0, 1fr); padding: 22px 0; }
    .sc-editorial-feed__title { font-size: 2.15rem; }
    .sc-interview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sc-story__body { font-size: 1.15rem; }
}
