/* Wider, asset-led openings only when the actual lead is landscape. */
@media(min-width:901px){
 .editorial-design[data-visual-refinement] .art-directed-opening[data-visual-layout=wide]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);grid-template-areas:"intro context" "artwork artwork";gap:28px clamp(28px,5vw,72px)}
 .editorial-design[data-visual-refinement] .art-directed-opening[data-visual-layout=wide] .editorial-lead{width:100%;max-width:100%;grid-area:artwork}
 .editorial-design[data-visual-refinement] .art-directed-opening[data-visual-layout=wide] .editorial-lead>img{max-height:none;width:100%;height:auto;object-fit:contain}
 .editorial-design[data-visual-refinement] .art-directed-opening[data-visual-layout=wide] .opening-context{align-self:end}
}
/* Respect the image's native proportions on mobile instead of letterboxing. */
@media(max-width:720px){
 .editorial-home[data-visual-refinement] .hero-campaign img{aspect-ratio:auto;object-fit:contain;height:auto}
 .editorial-design[data-visual-refinement] .art-directed-opening .editorial-lead>img{aspect-ratio:auto;height:auto}
}
/* A restrained display-face experiment; body copy and terminal type remain untouched. */
@supports(font-stretch:condensed){
 .editorial-design[data-visual-refinement] :is(.art-directed-opening h1,.feature-title),
 .editorial-home[data-visual-refinement] .hero-intro h1{font-family:"Arial Narrow","Helvetica Neue",Arial,Helvetica,sans-serif;font-stretch:condensed}
}
.mobile-chapters{display:none}
@media(max-width:720px){
 .editorial-design[data-visual-refinement] .case-nav{display:none!important}
 .editorial-design[data-visual-refinement] .mobile-chapters{display:block;border:1px solid var(--line);margin:16px 0 24px}
 .mobile-chapters summary{cursor:pointer;list-style:none;padding:14px 16px;min-height:44px;box-sizing:border-box;font:400 .875rem/1.5 var(--font-mono);color:var(--text)}
 .mobile-chapters summary::-webkit-details-marker{display:none}
 .mobile-chapters summary::after{content:" +";float:right}
 .mobile-chapters[open] summary::after{content:" −"}
 .mobile-chapters nav{display:grid;border-top:1px solid var(--line);max-height:55vh;overflow:auto}
 .mobile-chapters nav a{display:block;min-height:44px;box-sizing:border-box;padding:12px 16px;color:var(--text);font:400 .875rem/1.5 var(--font-mono);border-bottom:1px solid var(--line)}
 .mobile-chapters :is(summary,a):focus-visible{outline:2px solid var(--action-text);outline-offset:-3px}
}
.player-options{margin:8px 0 16px;color:var(--muted);font:400 .8125rem/1.5 var(--font-mono)}
.player-options summary{cursor:pointer;width:fit-content;min-height:44px;display:flex;align-items:center;padding:8px 12px;box-sizing:border-box;border:1px solid var(--line);color:var(--text);list-style:none}
.player-options summary::-webkit-details-marker{display:none}
.player-options summary:focus-visible{outline:2px solid var(--action-text);outline-offset:2px}
.player-options summary::after{content:" +";padding-left:8px}
.player-options[open] summary::after{content:" −"}
.player-options .player-retry{margin:8px 12px 8px 0}
.player-options .player-help{margin:8px 0}