/* Local context broadens the existing world without changing the hero layout. */
.oslo-beginning{align-items:start}
.oslo-neighbours{margin:0 0 24px}
.oslo-neighbours img{width:100%;height:clamp(220px,25vw,350px);object-fit:contain}
.oslo-neighbours figcaption{font:24px/1.3 var(--hand);text-align:center;margin-top:2px}
.oslo-moments{list-style:none;padding:0;margin:26px 0 18px;display:grid;gap:17px}
.oslo-moments li{font-size:16px;line-height:1.5;padding-top:13px;border-top:1px solid #31574435}
.oslo-moments span{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:6px;opacity:.7}
.oslo-beginning .oslo-caption,.oslo-context .oslo-caption{font-size:12px;line-height:1.5;opacity:.7}
.oslo-context{display:grid;grid-template-columns:minmax(180px,.75fr) 1fr;gap:40px;align-items:center;margin:48px 0 38px;padding:22px 0;border-block:1px solid var(--line,#8885)}
.oslo-context .reading-art{width:100%;max-height:270px;object-fit:contain}
.oslo-context h3{font-size:clamp(26px,3vw,40px);letter-spacing:-.045em;line-height:1.1;margin:12px 0 16px}
.oslo-context p{font-size:16px;line-height:1.6;max-width:550px}
.oslo-context p.section-index{font-size:10px;letter-spacing:.1em}
.oslo-context .body-link{font-size:13px;text-underline-offset:6px}
html[data-organization-theme=dark] .oslo-context .reading-art{filter:grayscale(1)}
@media(max-width:700px){
 .oslo-neighbours{margin:0 0 26px}
 .oslo-neighbours img{height:auto;max-height:290px}
 .oslo-neighbours figcaption{font-size:21px}
 .oslo-moments li{font-size:15px}
 .oslo-context{grid-template-columns:1fr;gap:18px;margin:32px 0;padding:22px 0}
 .oslo-context .reading-art{max-height:230px}
 .oslo-context h3{font-size:30px}
}