/* A compact three-square scene inside the existing service hero. */
.sm-scene{position:relative;isolation:isolate;overflow:hidden;margin:0 0 27px;background:#080808;color:#e7e6e1;border:1px solid #e7e6e126;min-width:0}
.sm-scene-top,.sm-scene-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.065em;text-transform:uppercase;color:#b8bab5}
.sm-scene-top{border-bottom:1px solid #e7e6e11f}.sm-scene-top>span:last-child{font-size:7px;color:#8c8f8f;text-align:right}
.sm-surface{position:relative;aspect-ratio:1.3;min-height:210px;max-height:300px;width:100%;overflow:hidden;touch-action:pan-y;outline-offset:-4px}
.sm-surface:focus-visible{outline:2px solid #fa6037}
.sm-surface canvas,.sm-static{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.sm-static{object-fit:contain;padding:18%;opacity:1}.sm-surface canvas{opacity:0}
.sm-scene[data-sm-rendered=true] canvas{opacity:1}.sm-scene[data-sm-rendered=true] .sm-static{opacity:0}
.sm-scene-bottom{border-top:1px solid #e7e6e11f;min-height:46px;padding-block:0}
.sm-scene-bottom>span{max-width:60%;font-size:7px;line-height:1.6;color:#a3a69f}
.sm-scene button{font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;color:#e7e6e1;background:transparent;border:0;border-radius:0;min-height:44px;padding:8px 0 8px 8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;white-space:nowrap;box-shadow:none;text-transform:none}
.sm-scene button[hidden]{display:none}.sm-scene button:hover{color:#fa6037}.sm-scene button:focus-visible{outline:2px solid #fa6037;outline-offset:2px}
.dn-price-panel>.sm-scene{margin-top:0}
.so-new-service .sm-new-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:7%;align-items:center}
.sm-new-hero-copy{min-width:0}.sm-new-hero-copy>.intro-copy{margin-top:26px}.sm-new-hero-copy>.hb-hero-actions{margin-top:28px}
.sm-new-hero>.sm-scene{margin:0;width:100%}.sm-new-hero .sm-surface{max-height:none;aspect-ratio:1}
@media(max-width:900px){.so-new-service .sm-new-hero{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:28px}.sm-scene-top>span:last-child{max-width:80px}}
@media(max-width:680px){.sm-surface{max-height:260px;aspect-ratio:1.4}.sm-scene-top{padding:12px 16px}.sm-scene-top>span:last-child{max-width:none}.sm-scene-bottom{padding-inline:16px}.so-new-service .sm-new-hero{grid-template-columns:1fr;gap:36px}.sm-new-hero>.sm-scene{max-width:440px}.sm-new-hero .sm-surface{aspect-ratio:1.4;max-height:280px}}
@media print{.sm-scene{display:none}}