/* Original posters remain intact. Native scrolling also works without JavaScript. */
.service-ribbons{--ribbon-gap:20px;--ribbon-width:clamp(244px,24vw,350px);padding:12px 0 0;background:#111110;overflow:hidden}
.service-ribbon-row{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:8px 0}
.service-ribbon-row::-webkit-scrollbar{display:none}
.service-ribbon-row+.service-ribbon-row{margin-top:4px}
.service-ribbon-sequence{display:flex;flex-shrink:0;align-items:center;gap:var(--ribbon-gap);padding-right:var(--ribbon-gap);width:max-content}
.service-ribbon-card{position:relative;display:block;flex:0 0 var(--ribbon-width);width:var(--ribbon-width);aspect-ratio:2280/1612;overflow:hidden;border:1px solid #d4b3612b;border-radius:20px;background:#080909;box-shadow:0 4px 14px #0003}
.service-ribbon-card>img{display:block;width:100%;height:100%;object-fit:contain}
.ribbon-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff3b;border-radius:50%;background:#111c;color:#e5ce90;font-size:20px;opacity:0;transition:opacity .2s}
.service-ribbon-card:hover .ribbon-expand,.service-ribbon-card:focus-visible .ribbon-expand{opacity:1}
.service-ribbon-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.service-ribbon-row:focus-within{-webkit-mask-image:none;mask-image:none}
.service-ribbon-controls{display:flex;justify-content:flex-end;padding:6px var(--gutter) 0;min-height:50px}
.service-ribbon-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:96px;min-height:44px;padding:8px 14px;border:1px solid #d4b36126;border-radius:99px;background:#191714;color:#cbbb9e;font:inherit;font-size:12px;cursor:pointer}
.service-ribbon-toggle[hidden]{display:none}
.service-ribbon-toggle:hover{border-color:#d4b36166;color:var(--paper)}
.service-ribbon-toggle svg{width:17px;height:17px}
.service-ribbon-toggle .ribbon-play-icon,.service-ribbons.is-paused .ribbon-pause-icon{display:none}
.service-ribbons.is-paused .ribbon-play-icon{display:block}
.service-ribbons+.models{padding-top:28px}
.service-ribbons--profile{padding:54px 0 64px;background:linear-gradient(180deg,#111110,#151311)}
.service-ribbons-heading{padding:0 var(--gutter);margin-bottom:30px}
.service-ribbons-heading h2{max-width:680px}
.service-ribbon-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--gutter) 0}
.service-ribbon-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.service-ribbons--profile .service-ribbon-controls{padding:0;gap:8px;align-items:center;flex-shrink:0}
.service-ribbon-step{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid #d4b36155;border-radius:50%;background:#191714;color:var(--gold)}
.service-ribbon-step:hover{border-color:var(--gold);color:var(--paper)}
.service-ribbon-step svg{width:22px;height:22px}
.service-ribbon-step[hidden]{display:none}
@media(max-width:900px){.service-ribbon-footer{flex-wrap:wrap}.service-ribbon-actions{flex:1 1 100%}}
@media(max-width:650px){.service-ribbons.service-ribbons--profile{padding:32px 0 46px}.service-ribbons-heading{margin-bottom:24px}.service-ribbon-footer{gap:22px;padding-top:20px}.service-ribbon-actions{gap:20px}.service-ribbons--profile .service-ribbon-controls{margin-left:auto}}
@media(max-width:650px){.service-ribbons{--ribbon-gap:14px;padding-top:0}.service-ribbon-card{border-radius:15px}.service-ribbon-row{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.service-ribbon-controls{padding-top:2px}.service-ribbons+.models{padding-top:24px}}
