.sw-intro__inner{display:grid;gap:2.8rem}.sw-intro__head{display:grid;gap:1.4rem}.sw-intro__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:#e8692a}.sw-intro__heading{margin:0;color:rgb(var(--color-foreground))}.sw-intro__text{margin:0;max-width:44ch;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.78)}.sw-intro__player{position:relative;aspect-ratio:4 / 3;max-width:100%;overflow:hidden;border-radius:2.2rem;background:#0b2e20;isolation:isolate}.sw-intro__poster,.sw-intro__video{position:absolute;top:0;right:0;bottom:0;left:0}.sw-intro__poster img,.sw-intro__video video{display:block;width:100%;height:100%;object-fit:cover}.sw-intro__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0b2e201a,#0b2e2073)}.sw-intro__video{z-index:2;background:#000}.sw-intro__video[hidden]{display:none}.sw-intro__play{position:absolute;z-index:3;top:50%;left:50%;display:inline-flex;align-items:center;gap:1rem;padding:1.3rem 2.4rem 1.3rem 2rem;border:0;border-radius:.6rem;background:#e8692a;color:#ebeadc;font-family:var(--font-button-family, var(--font-body-family));font-weight:500;font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 1.2rem 3rem #0b2e2059;transition:transform .2s ease,background .2s ease}.sw-intro__play:hover,.sw-intro__play:focus-visible{background:#d35a1e;transform:translate(-50%,-50%) scale(1.03);outline:none}.sw-intro__play-icon{display:inline-flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:50%;background:#ebeadc2e}.sw-intro__player--placeholder .sw-intro__play{cursor:default;opacity:.92}.sw-intro__note{position:absolute;z-index:3;left:50%;top:calc(50% + 4.4rem);transform:translate(-50%);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#ebeadccc;white-space:nowrap}.sw-intro__player.is-playing .sw-intro__play,.sw-intro__player.is-playing .sw-intro__poster{display:none}@media screen and (max-width:749px){.sw-intro__player{aspect-ratio:4 / 5;border-radius:1.8rem}.sw-intro__inner{gap:2rem}}@media screen and (min-width:750px){.sw-intro__player{aspect-ratio:16 / 9}}@media screen and (min-width:990px){.sw-intro__head{grid-template-columns:1.1fr .9fr;align-items:end;gap:6rem}.sw-intro__text{font-size:1.7rem;justify-self:end}.sw-intro__inner{gap:4rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-sw-intro-video.css.map */