/* One image-led feature and two compact side stories, like an open magazine. */
#highlights .highlights-spread{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px;align-items:stretch;position:relative}
#highlights .highlights-spread>.highlight-project{margin:0;max-width:none;min-width:0;padding:23px!important;border:1px solid #b6c5d257!important;border-radius:3px 20px 4px 4px;background:#ffffffb8;box-shadow:0 8px 30px #64739009;position:relative;overflow:hidden}
#highlights .highlights-spread>.highlight-project:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#9badc9;opacity:.6}
#highlights .highlights-spread>.highlight-feature{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;background:linear-gradient(150deg,#f5f8ff,#ffffffc7);border-radius:4px 4px 30px 4px}
#highlights .highlights-spread>.highlight-feature:before{background:#7a9bbb}
#highlights .highlight-feature .highlight-visual{aspect-ratio:16/10;margin:22px 0 24px;border-radius:2px 16px 2px 2px;flex-shrink:0;background:#dbe7f4}
#highlights .highlight-feature .highlight-cover{object-position:50% 45%}
#highlights .highlight-feature h3{font-size:clamp(23px,2.4vw,30px);line-height:1.3;max-width:17em;letter-spacing:-.04em}
#highlights .highlight-feature .highlight-description{max-width:36em;font-size:12px;line-height:1.95}
#highlights .highlight-feature .highlight-caption{margin-top:20px}
#highlights .highlights-spread>.highlight-project>.detail-trigger{font-family:inherit;font-size:10px;line-height:1.7;letter-spacing:.03em}
#highlights .highlight-feature>.detail-trigger{margin-top:auto!important;padding-top:17px!important}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature){grid-column:2;display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.25fr);grid-template-rows:auto auto 1fr auto auto;column-gap:19px;align-content:start}
#highlights .highlights-spread>.highlight-project[data-project-index="0"]{grid-row:1;background:#fbfaffbd;transform-origin:bottom left}
#highlights .highlights-spread>.highlight-project[data-project-index="2"]{grid-row:2;background:#f8fbffbd;border-radius:20px 4px 4px 4px;transform-origin:top right}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-project-top{grid-column:1/-1;margin-bottom:19px}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-visual{grid-column:1;grid-row:2/5;aspect-ratio:auto;min-height:165px;margin:0;border-radius:2px 12px 2px 2px;align-self:stretch}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature) h3{grid-column:2;font-size:19px;line-height:1.4;margin:0 0 11px}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-description{grid-column:2;font-size:11px;line-height:1.85}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-caption{grid-column:2;font-size:9px;line-height:1.7;margin-top:13px}
#highlights .highlights-spread>.highlight-project:not(.highlight-feature)>.detail-trigger{grid-column:1/-1;font-family:inherit;font-size:10px;letter-spacing:.03em;margin-top:17px!important;padding-top:12px!important}
#highlights .highlights-spread .highlight-project-top small{font-size:8px;letter-spacing:.1em;line-height:1.7}
#highlights .highlights-spread .highlight-project-top>span{transition:transform .3s}
#highlights .highlights-spread>.highlight-project:hover .highlight-project-top>span{transform:translate(3px,-3px)}
#highlights .highlights-spread .series-editorial-cover{object-fit:contain;object-position:center;background:#f1f0f8}
@media(min-width:1200px){#highlights .highlights-spread{gap:28px}#highlights .highlights-spread>.highlight-project{padding:26px!important}}
@media(max-width:960px) and (min-width:641px){#highlights .highlights-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}#highlights .highlights-spread>.highlight-feature{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1.3fr 1fr;column-gap:26px;grid-template-rows:auto auto 1fr auto auto}#highlights .highlight-feature .highlight-project-top{grid-column:1/-1}#highlights .highlight-feature .highlight-visual{grid-column:1;grid-row:2/6;margin:19px 0 0;aspect-ratio:4/3;align-self:center}#highlights .highlight-feature h3{grid-column:2;margin-top:19px}#highlights .highlight-feature .highlight-description,#highlights .highlight-feature .highlight-caption,#highlights .highlight-feature>.detail-trigger{grid-column:2}#highlights .highlights-spread>.highlight-project:not(.highlight-feature){grid-row:2;grid-template-columns:1fr;display:flex;flex-direction:column}#highlights .highlights-spread>.highlight-project[data-project-index="0"]{grid-column:1}#highlights .highlights-spread>.highlight-project[data-project-index="2"]{grid-column:2}#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-visual{aspect-ratio:16/9;min-height:0;margin-bottom:19px}#highlights .highlights-spread>.highlight-project:not(.highlight-feature)>.detail-trigger{margin-top:auto!important}}
@media(max-width:640px){#highlights .highlights-spread{grid-template-columns:1fr;gap:19px}#highlights .highlights-spread>.highlight-project{padding:20px!important}#highlights .highlights-spread>.highlight-feature{grid-column:1;grid-row:1}#highlights .highlight-feature .highlight-visual{aspect-ratio:16/9;margin:18px 0 20px}#highlights .highlight-feature h3{font-size:23px}#highlights .highlight-feature>.detail-trigger{margin-top:20px!important}#highlights .highlights-spread>.highlight-project:not(.highlight-feature){grid-column:1;grid-row:auto;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr);column-gap:15px}#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-visual{min-height:150px}#highlights .highlights-spread>.highlight-project:not(.highlight-feature) h3{font-size:17px}#highlights .highlights-spread>.highlight-project:not(.highlight-feature) .highlight-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){#highlights .highlights-spread .highlight-project-top>span{transition:none;transform:none!important}}

#highlights .highlights-spread>.highlight-language{grid-column:1/-1;text-decoration:none;color:#24334c;background:#f1f7ed;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}
@media(max-width:760px){#highlights .highlights-spread>.highlight-language{grid-column:1;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr)}}

/* Four projects share the same card proportions and visual hierarchy. */
#highlights .highlights-spread{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px}
#highlights .highlights-spread>.highlight-project.highlight-project{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;background:#f8fbff;border-radius:4px 16px 4px 4px;text-decoration:none;color:#24334c}
#highlights .highlights-spread>.highlight-project.highlight-project .highlight-project-top{margin-bottom:18px}
#highlights .highlights-spread>.highlight-project.highlight-project .highlight-visual{aspect-ratio:16/9;min-height:0;margin:0 0 20px;flex-shrink:0;align-self:stretch;border-radius:2px 12px 2px 2px}
#highlights .highlights-spread>.highlight-project.highlight-project .highlight-cover{width:100%;height:100%;object-fit:cover}
#highlights .highlights-spread>.highlight-project.highlight-project .series-editorial-cover{object-fit:contain}
#highlights .highlights-spread>.highlight-project.highlight-project h3{font-size:23px;line-height:1.4;margin:0 0 11px;max-width:none}
#highlights .highlights-spread>.highlight-project.highlight-project .highlight-description{font-size:12px;line-height:1.9;max-width:none}
#highlights .highlights-spread>.highlight-project.highlight-project .highlight-caption{font-size:10px;margin-top:16px}
#highlights .highlights-spread>.highlight-project.highlight-project>.detail-trigger{margin-top:auto!important;padding-top:18px!important}
@media(max-width:640px){#highlights .highlights-spread{grid-template-columns:1fr}#highlights .highlights-spread>.highlight-project.highlight-project h3{font-size:21px}}
/* Three distinct projects: one lead story and two supporting stories. */
@media(min-width:961px){
 #highlights .highlights-spread{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto}
 #highlights .highlights-spread>.highlight-project.highlight-feature{grid-column:1;grid-row:1/3}
 #highlights .highlights-spread>.highlight-project.highlight-feature .highlight-visual{aspect-ratio:4/3}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature){grid-column:2;display:grid;grid-template-columns:minmax(108px,.85fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr auto auto;column-gap:18px;align-content:start}
 #highlights .highlights-spread>.highlight-project.highlight-project[data-project-index="2"]{grid-row:1}
 #highlights .highlights-spread>.highlight-project.highlight-project.highlight-language{grid-row:2}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature) .highlight-project-top{grid-column:1/-1;margin-bottom:18px}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature) .highlight-visual{grid-column:1;grid-row:2/5;min-height:150px;aspect-ratio:auto;margin:0;align-self:stretch}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature) h3{grid-column:2;font-size:20px}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature) .highlight-description{grid-column:2;font-size:11px}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature) .highlight-caption{grid-column:2;font-size:9px;margin-top:12px}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature)>.detail-trigger{grid-column:1/-1;margin-top:16px!important}
}
@media(min-width:641px) and (max-width:960px){
 #highlights .highlights-spread>.highlight-project.highlight-feature{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto 1fr auto auto;column-gap:24px}
 #highlights .highlights-spread>.highlight-project.highlight-feature .highlight-project-top{grid-column:1/-1}
 #highlights .highlights-spread>.highlight-project.highlight-feature .highlight-visual{grid-column:1;grid-row:2/6;aspect-ratio:4/3;margin:0;align-self:stretch}
 #highlights .highlights-spread>.highlight-project.highlight-feature h3,#highlights .highlights-spread>.highlight-project.highlight-feature .highlight-description,#highlights .highlights-spread>.highlight-project.highlight-feature .highlight-caption,#highlights .highlights-spread>.highlight-project.highlight-feature>.detail-trigger{grid-column:2}
 #highlights .highlights-spread>.highlight-project.highlight-project:not(.highlight-feature){grid-column:auto;grid-row:2}
}