/* Editorial photo stays text-free; claim and case UI remain separate DOM content. */
.quality-photo-hero{position:relative;isolation:isolate;background:#101b17;color:#f2f1e9;overflow:hidden}
.quality-photo-hero:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:33%;background:linear-gradient(90deg,rgba(7,18,15,.64),transparent);pointer-events:none}
.quality-photo-hero.quality-photo-hero--right:before{left:auto;right:0;transform:scaleX(-1)}
.quality-photo-hero>.quality-photo-claim{position:absolute;z-index:2;left:4.5%;top:12%;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(24px,3.3vw,42px);line-height:1.22;font-weight:800;letter-spacing:-.035em;text-shadow:0 1px 3px #000,0 2px 12px rgba(0,0,0,.9)}
.quality-photo-claim>span{display:block}
.quality-photo-hero>.quality-photo-case{display:block;position:absolute;z-index:2;right:4.5%;bottom:5%;width:35%;height:auto;overflow:visible;filter:drop-shadow(0 8px 15px rgba(0,0,0,.2))}
.quality-photo-hero--right>.quality-photo-claim{left:47%;right:2%;top:auto;bottom:7%}
.quality-photo-hero--right>.quality-photo-case{right:auto;left:4.5%}
@media(max-width:800px){
 .quality-photo-hero{display:grid;grid-template-columns:1fr;gap:0}
 .quality-photo-hero:before{display:none}
 .quality-photo-hero>.quality-photo-claim,.quality-photo-hero--right>.quality-photo-claim{position:static;margin:0;padding:22px 24px 14px;font-size:clamp(24px,4.6vw,34px);text-shadow:none;letter-spacing:-.025em}
 .quality-photo-hero>.quality-photo-case,.quality-photo-hero--right>.quality-photo-case{position:static;width:calc(100% - 48px);max-width:440px;margin:0 24px 24px;filter:none}
}