.scc-howto-hero{box-sizing:border-box;position:relative;overflow:clip;padding:72px 0 80px;background:linear-gradient(180deg,var(--scc-howto-hero-start) 0%,var(--scc-howto-hero-end) 100%);color:var(--scc-howto-ink);font-family:var(--font-body-family);letter-spacing:normal;scroll-margin-top:calc(var(--scc-howto-header-offset) + 12px)}.scc-howto-hero,.scc-howto-hero *{box-sizing:border-box}.scc-howto-hero__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.scc-howto-hero__header{max-width:780px;margin:0 auto;text-align:center}.scc-howto-hero__eyebrow,.scc-howto-hero__heading,.scc-howto-hero__subheading{margin:0}.scc-howto-hero__eyebrow{margin-bottom:12px;color:var(--scc-howto-blue-deep);font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.scc-howto-hero__heading{color:var(--scc-howto-ink);font-family:var(--scc-howto-display);font-size:clamp(33px,4.9vw,51px);font-style:var(--font-heading-style);font-weight:800;letter-spacing:-.015em;line-height:1.06}.scc-howto-hero__subheading{max-width:620px;margin:16px auto 0;color:var(--scc-howto-muted);font-size:16px;font-weight:600;line-height:1.6}.scc-howto-hero__rating{display:inline-flex;min-height:44px;align-items:center;gap:9px;margin-top:18px;padding:8px 15px;border:1.5px solid var(--scc-howto-border);border-radius:999px;background:var(--scc-howto-white);box-shadow:0 1px 2px #07354d0d,0 8px 24px -18px #07354d40}.scc-howto-hero__rating strong{color:var(--scc-howto-ink);font-family:var(--scc-howto-display);font-size:13.5px;font-weight:800;line-height:1}.scc-howto-hero__rating-count{color:var(--scc-howto-muted);font-size:12.5px;font-weight:600;line-height:1}.scc-howto-hero__verified{display:inline-flex;align-items:center;gap:4px;color:var(--scc-howto-green);font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.scc-howto-hero__verified .scc-icon{width:13px;height:13px}.scc-howto-hero__stars{position:relative;display:inline-flex;width:72px;height:13px;flex:0 0 72px;color:var(--scc-howto-border);line-height:1}.scc-howto-hero__star-row{display:inline-flex;width:72px;height:13px;align-items:center;gap:2px}.scc-howto-hero__star-row--fill{position:absolute;inset:0 auto 0 0;width:var(--scc-howto-rating-fill, 0%);overflow:hidden;color:var(--scc-howto-yellow);pointer-events:none}.scc-howto-hero__stars .scc-icon--star{display:block;width:13px;height:13px;flex:0 0 13px}.scc-howto-hero__player{width:100%;max-width:920px;margin:44px auto 0;scroll-margin-top:calc(var(--scc-howto-header-offset) + 12px)}.scc-howto-hero__player-controller{display:block}.scc-howto-hero__player-frame{position:relative;padding:10px;border:1.5px solid var(--scc-howto-border);border-radius:24px;background:var(--scc-howto-white);box-shadow:0 1px 2px #07354d0d,0 34px 64px -36px #07354d73}.scc-howto-hero__player-frame:focus-visible{outline:3px solid var(--scc-howto-blue-deep);outline-offset:4px}.scc-howto-hero__poster{position:relative;display:block;width:100%;min-height:44px;padding:0;overflow:hidden;border:0;border-radius:15px;background:var(--scc-howto-navy);color:var(--scc-howto-navy);cursor:pointer;font:inherit;text-decoration:none}.scc-howto-hero__poster:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07354d05 45%,#07354d9e);content:""}.scc-howto-hero__poster:focus-visible{outline:3px solid var(--scc-howto-blue-deep);outline-offset:4px}.scc-howto-hero__poster img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.scc-howto-hero__play{position:absolute;z-index:2;top:50%;left:50%;display:flex;width:92px;height:92px;align-items:center;justify-content:center;border-radius:50%;background:var(--scc-howto-yellow);box-shadow:0 18px 40px -14px #07354d8c;color:var(--scc-howto-navy);transform:translate(-50%,-50%);transition:transform .18s ease,background-color .18s ease}.scc-howto-hero__play svg{width:34px;height:34px;margin-left:5px}.scc-howto-hero__video-chip{position:absolute;z-index:2;bottom:16px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#073b56eb;color:var(--scc-howto-white);font-size:12.5px;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scc-howto-hero__video-chip svg{width:13px;height:13px;color:var(--scc-howto-yellow)}.scc-howto-hero__player-frame iframe{position:absolute;z-index:3;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:0;border-radius:15px;background:var(--scc-howto-navy)}.scc-howto-hero__player-controller.is-playing .scc-howto-hero__poster{visibility:hidden}@media(hover:hover)and (pointer:fine){.scc-howto-hero__poster:hover .scc-howto-hero__play{background:var(--scc-howto-button-hover);transform:translate(-50%,-50%) scale(1.06)}}@media(max-width:767.98px){.scc-howto-hero{padding:48px 0 54px}.scc-howto-hero__inner{padding:0 16px}.scc-howto-hero__heading{font-size:clamp(31px,8.6vw,33px)}.scc-howto-hero__player{margin-top:34px}.scc-howto-hero__play{width:74px;height:74px}.scc-howto-hero__play svg{width:28px;height:28px}.scc-howto-hero__video-chip{bottom:12px;left:12px;padding:8px 12px;font-size:11.5px}}@media(max-width:479.98px){.scc-howto-hero__player-frame{padding:7px;border-radius:18px}.scc-howto-hero__poster,.scc-howto-hero__player-frame iframe{border-radius:12px}.scc-howto-hero__player-frame iframe{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.scc-howto-hero__rating{justify-content:center;flex-wrap:wrap;row-gap:6px}}@media(prefers-reduced-motion:reduce){.scc-howto-hero__play{transition:none}.scc-howto-hero__poster:hover .scc-howto-hero__play{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-scc-howto-hero.css.map */