/* OC-SCN-066–068: unchanged Sessiz Rölyef, service-specific matte foregrounds. */
.sb-stage{background:#087e51}
.sb-stage:after{display:none}
.sb-ground{inset:0;width:100%;height:100%;transform:none;max-height:none}
.sb-ground img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.sb-ground:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#087e51,transparent 27%);pointer-events:none}
.sb-hero-art{position:absolute;z-index:1;width:calc(56 * var(--hero-u));max-width:1080px;right:calc(50% - 47 * var(--hero-u));top:50%;transform:translateY(-45%);aspect-ratio:3/2}
.sb-hero-art picture,.sb-hero-art img{display:block;width:100%;height:auto}
/* Concept previews are intentionally still. Motion is built after the selected direction. */
@media(max-width:899px), (max-width:1200px) and (max-aspect-ratio:1/1){
 .sb-ground{inset:0}.sb-ground img{object-position:38% bottom}
 .sb-hero-art{width:calc(104 * var(--hero-u));max-width:none;right:calc(50% - 52 * var(--hero-u));top:auto;bottom:calc(39 * var(--hero-u));transform:none}
}
@media(max-width:899px) and (min-height:741px) and (orientation:portrait){.sb-hero-art[data-concept="068"]{width:calc(98 * var(--hero-u));right:calc(50% - 49 * var(--hero-u))}}
@media(max-width:599px) and (max-height:740px) and (orientation:portrait){.sb-hero-art{width:calc(80 * var(--hero-u));right:calc(50% - 40 * var(--hero-u));bottom:calc(38 * var(--hero-u))}}
@media(max-width:899px) and (min-aspect-ratio:1/1){.sb-hero-art{width:345px;right:5px;bottom:auto;top:50%;transform:translateY(-66%)}}