.sgc-video__header{text-align:center;margin-bottom:4rem}.sgc-video__heading{font-family:var(--font-heading-family);font-size:clamp(2.8rem,3.5vw,4.4rem);font-weight:700;letter-spacing:-.02em;margin:0 0 1rem}.sgc-video__subheading{color:#777;font-size:1.6rem;margin:0 auto}.sgc-video__layout--narrow{max-width:960px;margin:0 auto}.sgc-video__layout--full{width:100%}.sgc-video__player{position:relative;max-width:56rem;margin:0 auto;border-radius:1.6rem;overflow:hidden;cursor:pointer}.sgc-video__player--shadow{box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}.sgc-video__player--portrait{max-width:56rem}.sgc-video__player--portrait .sgc-video__poster,.sgc-video__player--portrait .sgc-video__embed,.sgc-video__player--portrait .sgc-video__poster-placeholder{aspect-ratio:9 / 14}.sgc-video__player--landscape .sgc-video__poster,.sgc-video__player--landscape .sgc-video__embed,.sgc-video__player--landscape .sgc-video__poster-placeholder{aspect-ratio:16 / 9}.sgc-video__player--square{max-width:56rem}.sgc-video__player--square .sgc-video__poster,.sgc-video__player--square .sgc-video__embed,.sgc-video__player--square .sgc-video__poster-placeholder{aspect-ratio:1 / 1}.sgc-video__poster{position:relative;display:block;width:100%;padding:0;border:0;background:#0a0a0a;cursor:pointer;aspect-ratio:9 / 14;overflow:hidden}.sgc-video__poster:focus-visible{outline:2px solid rgb(var(--color-sgc-orange, 184, 154, 106));outline-offset:2px}.sgc-video__poster-img{width:100%;height:100%;object-fit:cover;display:block}.sgc-video__poster-placeholder{width:100%;aspect-ratio:9 / 14;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.sgc-video__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7.2rem;height:7.2rem;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;z-index:1}.sgc-video__poster:hover .sgc-video__play-btn{transform:translate(-50%,-50%) scale(1.1);background:#fff}.sgc-video__play-btn svg{width:2.4rem;height:2.4rem;margin-left:.3rem}.sgc-video__caption{text-align:center;font-family:var(--font-body-family);font-size:1.3rem;color:#888;margin:1.2rem 0 0;font-style:italic}.sgc-video__embed{display:none;position:relative;width:100%;aspect-ratio:9 / 14;background:#000;overflow:hidden}.sgc-video__embed--active{display:block}.sgc-vc__video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.sgc-vc{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;background:linear-gradient(transparent,#000000b3);color:#fff;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;z-index:5;-webkit-user-select:none;user-select:none}.sgc-vc--visible{opacity:1;transform:translateY(0)}.sgc-vc__btn{background:none;border:0;padding:0;color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sgc-vc__btn:hover{opacity:.8}.sgc-vc__btn svg{width:2rem;height:2rem}.sgc-vc__play svg{width:2.4rem;height:2.4rem}.sgc-vc__time{font-family:var(--font-body-family);font-size:1.2rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;opacity:.85;flex-shrink:0}.sgc-vc__progress{flex:1;height:4px;background:#ffffff40;border-radius:2px;cursor:pointer;position:relative;transition:height .15s ease}.sgc-vc__progress:hover{height:6px}.sgc-vc__progress-fill{height:100%;background:rgb(var(--color-sgc-orange, 184, 154, 106));border-radius:2px;width:0;position:relative;transition:width .05s linear}.sgc-vc__progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;transition:transform .15s ease}.sgc-vc__progress:hover .sgc-vc__progress-handle{transform:translateY(-50%) scale(1)}.sgc-video__empty{text-align:center;padding:4rem 2rem;border:2px dashed rgba(0,0,0,.12);border-radius:12px;color:#888;font-size:1.4rem}@media screen and (min-width:750px){.sgc-vc{padding:1.6rem 2rem;gap:1.4rem}.sgc-vc__time{font-size:1.3rem}}@media screen and (max-width:749px){.sgc-vc{gap:.8rem;padding:1rem 1.2rem}.sgc-vc__time{font-size:1.1rem}.sgc-vc__fs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/section-sgc-video-feature.css.map */