.hero.hero--video{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);grid-template-areas:"title video" "description video" "actions video" "note video" "bottom video";column-gap:5%;row-gap:0;align-items:start}.hero.hero--video .hero-intro{grid-area:title;padding:0;align-self:end}.hero.hero--video h1{font-size:clamp(42px,4.35vw,64px);line-height:1.05;letter-spacing:-3px}.hero.hero--video .hero-description{grid-area:description;margin-top:26px;max-width:510px}.hero.hero--video .hero-actions{grid-area:actions;flex-direction:row;align-items:center;margin-top:26px;gap:23px}.hero.hero--video .hero-setup-note{grid-area:note;margin-top:20px}.hero.hero--video .hero-bottom{grid-area:bottom;margin-top:26px}.soscan-video-card{display:block;grid-area:video;align-self:center;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe4d9;border-radius:20px;box-shadow:0 16px 40px #21372c0a;scroll-margin-top:110px}.soscan-video-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px 17px}.soscan-video-top>p{font-size:11px;letter-spacing:1.4px;font-weight:700}.soscan-video-duration{background:#eaf0e7;color:#234435;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.soscan-video-player{position:relative;background:#152a22;aspect-ratio:16 / 9;overflow:hidden}.soscan-video-player video{width:100%;height:100%;display:block;object-fit:contain}.soscan-video-play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:linear-gradient(transparent 35%,#0c1d1733);color:#fff;cursor:pointer}.soscan-video-play[hidden]{display:none}.soscan-video-play-circle{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--red);box-shadow:0 6px 25px #15241a55;border:2px solid #ffffffa0;font-size:27px;padding-left:5px}.soscan-video-play-label{font-size:12px;font-weight:700;background:#193a30ed;border-radius:20px;padding:8px 14px;margin-top:13px}.soscan-video-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}.soscan-video-player video:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.soscan-video-bottom{padding:23px 24px 21px}.soscan-video-bottom h2{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 10px;font-weight:650}.soscan-video-bottom>p{font-size:13px;color:#637064;margin:0;line-height:1.7}.soscan-video-topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.soscan-video-topics span{font-size:10px;border:1px solid #dbe1d7;padding:6px 9px;border-radius:5px;color:#4a5e4e}.soscan-video-bottom>.soscan-video-language{font-size:10px;margin-top:12px}@media(max-width:1080px){.hero.hero--video{column-gap:28px}.hero.hero--video .hero-actions{gap:14px}.hero.hero--video .hero-actions .button{padding:16px 18px;gap:18px}.soscan-video-top,.soscan-video-bottom{padding:18px}.soscan-video-bottom h2{font-size:21px}}@media(max-width:700px){.hero.hero--video{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "video" "description" "actions" "note" "bottom";gap:0;margin-top:29px;margin-bottom:30px}.hero.hero--video .hero-intro{padding:0}.hero.hero--video .eyebrow{font-size:8px;letter-spacing:1.3px}.hero.hero--video h1{font-size:clamp(36px,10.5vw,55px);line-height:1.03;letter-spacing:-2.2px;margin-top:14px;margin-bottom:24px}.soscan-video-card{border-radius:14px;margin:0 0 22px}.soscan-video-top{padding:13px 15px}.soscan-video-top>p{font-size:9px;letter-spacing:1px}.soscan-video-duration{font-size:9px;padding:5px 8px}.soscan-video-bottom{padding:17px 16px}.soscan-video-bottom h2{font-size:21px;margin-bottom:9px}.soscan-video-bottom>p{font-size:11px;line-height:1.6}.soscan-video-topics{gap:5px;margin-top:12px}.soscan-video-topics span{font-size:9px;padding:5px 7px}.soscan-video-play-circle{width:55px;height:55px;font-size:21px}.soscan-video-play-label{font-size:10px;padding:6px 11px;margin-top:9px}.hero.hero--video .hero-description{max-width:none;font-size:13px;line-height:1.75;margin:0}.hero.hero--video .hero-actions{gap:15px;margin-top:18px}.hero.hero--video .hero-actions .button{font-size:11px;padding:15px 17px;gap:20px}.hero.hero--video .hero-actions .text-link{font-size:10px;gap:6px;min-height:44px}.hero.hero--video .hero-setup-note{font-size:10px;margin-top:15px}.hero.hero--video .hero-bottom{margin-top:18px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/soscan-hero-video.css.map */