.seo-gallery{background:#f4f4f4;border-radius:20px;display:flex;flex-direction:column;gap:20px;padding:30px 30px 40px;margin-top:4px;min-width:0;width:100%;box-sizing:border-box}
.seo-case .seo-gallery-caption{font-size:20px;text-align:center;max-width:none;margin:0;line-height:1.35;min-height:27px}
.seo-gallery-main{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;width:100%}
.seo-gallery-main>button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(0,0,0,.2);cursor:pointer;padding:10px;z-index:2}
.seo-gallery-main>button img{display:block;flex:none}
.seo-gallery-main>button:hover{background:rgba(0,0,0,.35)}
.seo-gallery-slides{min-width:0;position:relative}
.seo-gallery-slide[hidden]{display:none!important}
.seo-gallery-shot{position:relative;aspect-ratio:1709/838;border-radius:10px;overflow:hidden;box-shadow:0 10px 20px rgba(15,14,14,.05),0 0 4px rgba(15,14,14,.05)}
.seo-gallery-shot .seo-gallery-screen{position:absolute;display:block;max-width:none;object-fit:fill;pointer-events:none}
.crop-1 .seo-gallery-screen{width:106.73%;height:128.64%;left:-3.34%;top:-18.85%}
.crop-2 .seo-gallery-screen{width:106.42%;height:127.7%;left:-3.21%;top:-19.01%}
.crop-3 .seo-gallery-screen{width:106.6%;height:127.73%;left:-3.27%;top:-18.96%}
.seo-gallery-dots{display:flex;align-items:center;justify-content:center;gap:20px}
.seo-gallery-dots button{border:0;padding:0;width:8px;height:8px;border-radius:99px;background:rgba(15,14,14,.15);cursor:pointer;position:relative}
.seo-gallery-dots button::after{content:"";position:absolute;inset:-8px}
.seo-gallery-dots button[aria-current="true"]{width:24px;background:rgba(15,14,14,.3)}
.seo-gallery button:focus-visible,.seo-gallery:focus-visible{outline:2px solid #3039cc;outline-offset:4px}
.seo-gallery-annotations{position:absolute;left:0;top:0;width:1260px;height:566.284px;transform-origin:top left;pointer-events:none}
.seo-arrow{position:absolute;display:flex;align-items:center;justify-content:center}
.seo-arrow img{display:block;flex:none;max-width:none}
.seo-arrow-1{left:430px;top:224px;width:247.205px;height:110.172px}.seo-arrow-1 img{transform:rotate(-18.47deg)}
.seo-arrow-2{left:480px;top:271px;width:298.083px;height:84.491px}.seo-arrow-2 img{transform:rotate(-9.33deg)}
.seo-arrow-3{left:479px;top:336px;width:234.22px;height:38.319px}.seo-arrow-3 img{transform:rotate(-3.38deg) scaleY(-1)}
.seo-note{position:absolute;left:320px;top:319px;width:207px;height:41px;box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;background:linear-gradient(to right,#ffc3c3 calc(100% - 12px),transparent 0);border-radius:2px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15));color:#4d0000;font-size:18px;line-height:1.2}
.seo-note span{z-index:2;white-space:nowrap}.seo-note-ribbon{position:absolute;right:0;top:0;bottom:0;width:12px;background:linear-gradient(#ffc3c3 calc(100% - 12px),transparent 0)}.seo-note-ribbon img{position:absolute;right:0;bottom:0;max-width:none}
@media(max-width:767px){.seo-gallery{padding:20px 12px 24px;gap:16px}.seo-case .seo-gallery-caption{font-size:16px;min-height:65px}.seo-gallery-main{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}.seo-gallery-main>button{width:28px;height:28px;padding:2px}.seo-gallery-shot{border-radius:6px}}

.seo-gallery-dots button{transition:width .28s ease,background-color .28s ease}
@media(prefers-reduced-motion:reduce){.seo-gallery-dots button{transition:none}}