.service-composite{position:relative;width:100%;aspect-ratio:1402/1122;overflow:hidden;background:#11272c}
.service-composite .art-canvas{position:absolute;left:0;top:0;width:1402px;height:1122px;transform-origin:0 0}
.service-composite .art-canvas>img{position:absolute;inset:0;display:block;width:1402px;height:1122px;max-width:none;object-fit:fill}
.service-composite .display-clean{z-index:1}
.screen-surface,.screen-hotspots{position:absolute;inset:0;width:100%;height:100%}
.screen-surface{z-index:2;display:block;pointer-events:none}
.screen-hotspots{z-index:3;pointer-events:none}
.screen-hotspot{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;pointer-events:auto;cursor:pointer;appearance:none}
.screen-hotspot:hover{background:#ffffff0b}.screen-hotspot:focus-visible{background:#75bfff35;box-shadow:inset 0 0 0 2px #75bfff;outline:0}
.screen-corner{position:absolute;width:0;height:0;pointer-events:none;z-index:4}
.screen-transcript{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0}
.screen-transcript.render-fallback{position:relative!important;width:auto;height:auto;margin:0;padding:24px;clip:auto;white-space:pre-wrap;background:#1e1e1e;color:#d4d4d4;font:12px/1.6 monospace}
body[data-hero-style="soft-petrol"] .hero-image{border:0;background:#11272c}
.art-only{margin:0;background:#11272c;overflow:hidden}.art-only .service-composite{width:100vw;height:100vh;aspect-ratio:auto}