/* Shared editorial scenes: large industrial imagery, soft edges, concise copy. */
:is(.home-page,.inner-page) .industrial-scene{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;width:100%;max-width:none;height:clamp(620px,46vw,760px);margin:0;padding:0;gap:0;background:var(--paper);color:var(--ink)}
:is(.home-page,.inner-page) .industrial-scene .scene-copy{position:relative;z-index:2;width:36%;margin-left:max(var(--gutter),calc((100vw - 1600px)/2));padding:0}
:is(.home-page,.inner-page) .industrial-scene .scene-copy h2{font-size:clamp(32px,3.05vw,49px);line-height:1.45}
:is(.home-page,.inner-page) .industrial-scene .scene-media{position:absolute;inset:0 0 0 auto;width:64%;height:100%;max-width:none;margin:0;border-radius:0;z-index:0}
:is(.home-page,.inner-page) .industrial-scene figure.scene-media::before{content:"";position:absolute;inset:-12px;background:var(--scene-image) center/cover;filter:blur(12px);mask-image:linear-gradient(90deg,transparent,#000 28%,transparent 48%)}
:is(.home-page,.inner-page) .industrial-scene .scene-media img,:is(.home-page,.inner-page) .industrial-scene img.scene-media{width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 28%)}
:is(.home-page,.inner-page) .industrial-scene img.scene-media{width:64%}
:is(.home-page,.inner-page) .industrial-scene--left .scene-copy{margin-left:62%;width:calc(38% - var(--gutter))}
:is(.home-page,.inner-page) .industrial-scene--left .scene-media{inset:0 auto 0 0}
:is(.home-page,.inner-page) .industrial-scene--left .scene-media img{object-position:35% center;mask-image:linear-gradient(90deg,#000 72%,transparent)}
:is(.home-page,.inner-page) .industrial-scene--left figure.scene-media::before{mask-image:linear-gradient(90deg,transparent 52%,#000 72%,transparent)}
.scene-points{list-style:none;margin:30px 0 0;padding:0;max-width:380px}
.scene-points li{padding:17px 0;border-bottom:1px solid var(--line);font-size:19px}
.scene-points li:last-child{border:0}
.home-page .about:has(.industrial-scene){padding:0}
@media(max-width:1100px) and (min-width:801px){:is(.home-page,.inner-page) .industrial-scene .scene-copy h2{font-size:35px}.scene-points li{font-size:17px}}
@media(max-width:800px){
 :is(.home-page,.inner-page) .industrial-scene{height:auto;flex-direction:column;align-items:stretch}
 :is(.home-page,.inner-page) .industrial-scene .scene-copy,:is(.home-page,.inner-page) .industrial-scene--left .scene-copy{width:auto;margin:0;padding:34px var(--gutter) 40px}
 :is(.home-page,.inner-page) .industrial-scene .scene-media{position:relative;inset:auto;order:-1;width:100%;height:auto;max-width:none}
 :is(.home-page,.inner-page) .industrial-scene .scene-media img,:is(.home-page,.inner-page) .industrial-scene img.scene-media{height:auto;aspect-ratio:4/3;object-fit:cover;mask-image:none}
 :is(.home-page,.inner-page) .industrial-scene figure.scene-media::before{display:none}
 .scene-points{max-width:none;margin-top:24px}.scene-points li{font-size:18px;padding:14px 0}
}
/* Override the older interior-page card frame for shared scenes. */
body.inner-page.art-directed .industrial-scene.visual-width{width:100%;max-width:none;margin:0;padding:0}
body.inner-page.art-directed .industrial-scene img.scene-media{border-radius:0}
body.inner-page.art-directed .industrial-scene .scene-copy h2{font-size:clamp(32px,3.05vw,49px);line-height:1.45}
@media(max-width:1100px) and (min-width:801px){body.inner-page.art-directed .industrial-scene .scene-copy h2{font-size:35px}}
@media(max-width:1100px) and (min-width:801px){
 .home-page .about-inner.industrial-scene .scene-copy h2,
 body.inner-page.art-directed .visual-brief.industrial-scene .scene-copy h2{font-size:28px}
}