.sb-why{color:#0c1b3a;background:#fff;padding:48px 0;font-size:1.6rem;line-height:1.55}.sb-why *{box-sizing:border-box}.sb-why .sb-wrap{max-width:1200px;margin:0 auto;padding:0 32px}.sb-why .sb-section-title{text-align:left;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:4.4rem;font-weight:800;color:#0c1b3a;letter-spacing:-.015em;line-height:1.1;margin:0 0 32px}.sb-why .sb-why-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:stretch}.sb-why .sb-why-media{position:relative;display:flex;flex-direction:column}.sb-why .sb-why-video{position:relative;flex:1 1 auto;min-height:340px;border-radius:14px;overflow:hidden;background:#eef1f6;box-shadow:0 18px 40px #0c1b3a14}.sb-why .sb-why-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;display:block;line-height:0}.sb-why .sb-why-poster img,.sb-why .sb-why-placeholder{width:100%;height:100%;object-fit:cover;display:block}.sb-why .sb-why-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:#ffffffdb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;color:#0c1b3a;box-shadow:0 6px 18px #0c1b3a2e;transition:transform .15s ease,background .15s ease}.sb-why .sb-why-play svg{margin-left:3px}.sb-why .sb-why-poster:hover .sb-why-play,.sb-why .sb-why-poster:focus-visible .sb-why-play{transform:translate(-50%,-50%) scale(1.06);background:#fff}.sb-why .sb-why-video video,.sb-why .sb-why-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;background:#000}.sb-why .sb-why-video--empty .sb-why-placeholder{opacity:.6}.sb-why .sb-why-grid{display:flex;flex-direction:column;gap:18px;height:100%}.sb-why .sb-why-card{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:26px;transition:transform .15s ease,box-shadow .15s ease}.sb-why .sb-why-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0c1b3a0f}.sb-why .sb-why-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.sb-why .sb-tint-blue{background:#e2ecff;color:var(--sb-blue-text, #0070c4)}.sb-why .sb-tint-amber{background:#fdecc6;color:#d6900f}.sb-why .sb-tint-green{background:#dff0e6;color:#2f9e6c}.sb-why .sb-why-card h3{margin:0 0 8px;font-size:1.8rem;font-weight:700;color:#0c1b3a}.sb-why .sb-why-text{color:#5b6a86;font-size:1.44rem;line-height:1.6}.sb-why .sb-why-text>*{margin:0 0 8px;color:inherit;font-size:inherit;line-height:inherit}.sb-why .sb-why-text>*:last-child{margin-bottom:0}@media(max-width:1024px){.sb-why .sb-wrap{padding:0 24px}.sb-why .sb-section-title{font-size:3.6rem;margin-bottom:28px}.sb-why .sb-why-layout{gap:28px}}@media(max-width:820px){.sb-why .sb-why-layout{grid-template-columns:1fr;gap:28px}.sb-why .sb-section-title{text-align:center}.sb-why .sb-why-media{display:block}.sb-why .sb-why-video{flex:none;min-height:0;aspect-ratio:16/9}.sb-why .sb-why-grid{height:auto}.sb-why .sb-why-card{flex:0 0 auto;justify-content:flex-start}}@media(max-width:520px){.sb-why{padding:36px 0;font-size:1.44rem}.sb-why .sb-wrap{padding:0 18px}.sb-why .sb-section-title{font-size:2.8rem;margin-bottom:22px}.sb-why .sb-why-grid{gap:14px}.sb-why .sb-why-card{padding:22px 20px}.sb-why .sb-why-icon{width:48px;height:48px;margin-bottom:14px}.sb-why .sb-why-card h3{font-size:1.6rem}.sb-why .sb-why-play{width:60px;height:60px}}.sb-why .sb-why-layout--cards{grid-template-columns:1fr;gap:0}.sb-why .sb-why-layout--cards .sb-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;height:auto}.sb-why .sb-why-layout--cards .sb-why-card{flex:0 0 auto;justify-content:flex-start;background:none;border:0;border-radius:0;padding:0}.sb-why .sb-why-layout--cards .sb-why-card:hover{transform:none;box-shadow:none}.sb-why .sb-why-shot{display:block;border-radius:12px;overflow:hidden;background:#eef3fb;margin:0 0 16px}.sb-why .sb-why-shot-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.sb-why .sb-why-card--photo h3{margin:0 0 6px}@media(max-width:820px){.sb-why .sb-why-layout--cards .sb-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media(max-width:560px){.sb-why .sb-why-layout--cards .sb-why-grid{grid-template-columns:1fr;gap:20px}.sb-why .sb-why-layout--cards .sb-why-card{padding:0}}@media(max-width:1100px){.sb-why .sb-section-title{font-size:3.6rem}}@media(max-width:999px){.sb-why .sb-section-title{font-size:3.2rem}}@media(max-width:560px){.sb-why .sb-section-title{font-size:2.8rem}}.sb-why-shell{position:relative}@media(min-width:561px)and (max-width:820px){.sb-why .sb-why-layout--cards .sb-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sb-why .sb-why-layout--cards .sb-why-shot-img{aspect-ratio:3/2}}@media(max-width:560px){.sb-why .sb-why-layout--cards .sb-why-grid{display:flex;flex-direction:row;grid-template-columns:none;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;column-gap:12px;margin-inline:-16px;padding:4px 16px 14px;scroll-padding-left:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sb-why .sb-why-layout--cards .sb-why-grid::-webkit-scrollbar{display:none}.sb-why .sb-why-layout--cards .sb-why-grid>.sb-why-card{flex:0 0 min(80%,300px);scroll-snap-align:start}.sb-why .sb-why-layout--cards .sb-why-grid:focus-visible{outline:2px solid var(--sb-blue-text, #0070c4);outline-offset:3px}.sb-why-arrow{position:absolute;top:96px;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#0c1b3a;box-shadow:0 2px 8px #0c1b3a33;cursor:pointer}.sb-why-arrow--prev{left:-2px}.sb-why-arrow--next{right:-2px}.sb-why-arrow[hidden]{display:none!important}.sb-why-arrow[disabled]{opacity:.35;pointer-events:none}}@media(min-width:561px){.sb-why-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sb-why.css.map */