/* Editorial photography refresh v2 — 30 Oct 2026. Kept lightweight and independent of external UI libraries. */
:root{--photo-shadow:0 18px 46px rgba(27,35,44,.13)}
.lead{border-radius:3px;box-shadow:var(--photo-shadow)}
.lead-visual{background:#d8dddf}
.lead-visual img{object-position:center center;filter:saturate(.92);transition:transform .65s ease}
.lead-visual:hover img{transform:scale(1.035)}
.visual-label{font-size:10px;font-weight:650;max-width:85%;line-height:1.5;background:rgba(24,29,39,.87);border-inline-start:3px solid var(--lime)}
.side-stack{background:linear-gradient(140deg,#fff,#fdfdfb)}
.side-stack .side-story{display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:center;padding-block:15px;min-width:0}
.side-thumb{display:block;overflow:hidden;border-radius:3px;background:#dce0e2;aspect-ratio:4/3}
.side-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.side-thumb:hover img{transform:scale(1.06)}
.side-info{min-width:0}.side-info strong{font-size:14px;line-height:1.65;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.side-info p{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side-stack .side-num{font-size:9px;letter-spacing:.08em}
.article-grid{gap:24px}.article-card{border-radius:4px;box-shadow:0 3px 16px rgba(28,38,45,.04);overflow:hidden}
.card-photo{display:block;overflow:hidden;background:#e9edef;aspect-ratio:16/9}
.article-card img{width:100%;height:100%;min-height:0;aspect-ratio:16/9;object-fit:cover;transition:transform .48s ease, filter .3s ease;filter:saturate(.95)}
.article-card:hover img{transform:scale(1.035);filter:saturate(1.06)}
.article-card .card-body{padding:21px 22px 23px}.article-card h3{font-size:18px;line-height:1.74;letter-spacing:-.012em}
.article-card .card-tag{font-weight:800}.article-card .meta-line{font-weight:600}
.signal-thumb{display:block;margin:12px 0 0;overflow:hidden;aspect-ratio:16/9;border-radius:3px;background:#dcdde1}
.signal-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.signal-thumb:hover img{transform:scale(1.04)}
.signal{padding:20px}.signal strong{line-height:1.75}.signal p{line-height:1.9}
.feature-art{border-radius:4px;background:#e3e5e3}.feature-art img{filter:saturate(.95)}
.article-image{display:block;max-width:1100px;overflow:hidden}.article-image img{height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:4px;box-shadow:0 8px 35px rgba(29,35,40,.11)}
.image-credit{margin:11px 0 0;text-align:right;direction:rtl;line-height:1.8;font-size:11px;color:#6d7480}
.image-credit a,.article-content .small a{color:#5f5695;text-decoration:underline}
.article-header{background:linear-gradient(180deg,#fff 0%,#fbfbf9 100%)}
.article-header h1{max-width:970px;font-size:clamp(30px,3.6vw,48px);line-height:1.58}
.article-lead{color:#4c5869;font-size:clamp(15px,1.35vw,18px)}
.article-meta{gap:8px 17px}.article-meta span{display:inline-flex;gap:6px;align-items:center}.region{font-weight:500;color:#73828e}
.article-layout{gap:52px}.article-content{font-size:17px;line-height:2.18;color:#28313c}
.article-content .opening{font-size:19px;color:#2b3240;font-weight:600;line-height:2.12}
.takeaways{border:1px solid #dddfe2;border-right:5px solid var(--violet);background:#f6f7f4;padding:23px 29px 20px;margin:0 0 33px;border-radius:4px}
.takeaways .eyebrow{font-size:12px}.takeaways ul{padding-inline-start:22px;margin:16px 0 0}
.takeaways li{font-size:14px;line-height:2.05;padding-block:7px;border-bottom:1px solid rgba(29,35,45,.08)}
.takeaways li:last-child{border-bottom:0}
.article-content .inline-note{background:#f4f2f7;border-radius:3px;padding:21px 24px}
.article-content .inline-note p{margin:14px 0 0}
.article-content h2{margin-top:42px;font-size:25px}.article-content p{margin-bottom:23px}
.side-panel .source-box{border-radius:3px;box-shadow:0 2px 12px rgba(24,33,42,.03)}
@media(max-width:1050px){.side-stack .side-story{grid-template-columns:78px 1fr;gap:11px}.side-info p{display:none}.side-info strong{font-size:13px}.article-card h3{font-size:16px}}
@media(max-width:650px){.front-grid{gap:15px}.lead{border-radius:3px}.lead-visual{min-height:220px}.lead-copy{padding:20px 20px 22px}.lead-heading{font-size:25px;line-height:1.6}.side-stack .side-story{grid-template-columns:94px minmax(0,1fr);gap:14px;padding:12px 0}.side-info strong{font-size:14px}.side-info p{display:block;font-size:10px;-webkit-line-clamp:2}.article-card{display:grid;grid-template-columns:136px 1fr;min-height:148px}.article-card .card-photo{height:100%;aspect-ratio:auto}.article-card img{height:100%;min-height:148px;aspect-ratio:auto}.article-card h3{font-size:14px;line-height:1.7}.article-card .card-body{padding:13px 14px}.article-card .card-body p{display:none}.article-card .meta-line{font-size:9px}.article-header h1{font-size:29px}.article-image{margin:22px 0 0;padding:0 14px}.article-image img{height:auto!important;aspect-ratio:16/9}.article-content{font-size:16px;line-height:2.1}.article-content h2{font-size:21px}.article-content .opening{font-size:17px}.takeaways{padding:18px 18px 15px;margin-bottom:24px}.takeaways li{font-size:13px}.signal-thumb{aspect-ratio:2/1}.image-credit{font-size:10px}.visual-label{font-size:9px;bottom:12px;right:12px}}
@media(max-width:360px){.article-card{grid-template-columns:105px 1fr}.article-card img{min-height:150px}.side-stack .side-story{grid-template-columns:80px 1fr}}
@media(prefers-reduced-motion:reduce){.lead-visual img,.article-card img,.side-thumb img,.signal-thumb img{transition:none!important}.lead-visual:hover img,.article-card:hover img,.side-thumb:hover img,.signal-thumb:hover img{transform:none!important}}

/* October 2026 newsroom feature: a documented existing community employment initiative */
.initiative-feature{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);box-shadow:0 13px 34px rgba(31,37,49,.055);overflow:hidden;min-height:355px}
.initiative-feature-image{position:relative;display:block;overflow:hidden;background:#17253b;min-height:320px}
.initiative-feature-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.initiative-feature-copy{padding:35px 36px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px}
.initiative-feature-copy h3{font-family:var(--font-head);font-size:clamp(21px,2.4vw,33px);font-weight:850;letter-spacing:-.035em;line-height:1.58;margin:2px 0 1px}
.initiative-feature-copy p{font-size:14px;line-height:2;color:var(--muted);margin:0}
.initiative-feature-points{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 2px}
.initiative-feature-points span{background:#f0f1f7;border:1px solid #e8e8f1;border-radius:4px;color:#434c68;padding:5px 10px;font-weight:750;font-size:11px}
.initiative-feature-copy .text-link{margin-top:7px}
.editorial-section{margin-top:30px}
.editorial-section h2{scroll-margin-top:120px}
.original-poster{max-width:600px;margin:34px auto 43px;border:1px solid var(--line);padding:14px;background:#fff}
.original-poster img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.original-poster figcaption{font-size:12px;color:var(--muted);line-height:1.75;margin-top:12px}
.initiative-hero{max-width:1100px}
.initiative-hero>img{object-fit:cover}
@media(max-width:900px){.initiative-feature{grid-template-columns:1fr;}.initiative-feature-image{min-height:320px;aspect-ratio:16/9}.initiative-feature-copy{padding:24px}.initiative-feature-copy h3{font-size:25px}}
@media(max-width:650px){.initiative-feature-image{min-height:200px}.initiative-feature-copy{padding:19px 18px 25px}.initiative-feature-copy h3{font-size:21px}.initiative-feature-points span{font-size:10px}.original-poster{padding:8px}.initiative-hero>img{object-fit:contain;height:auto}}
