.video-section{padding:4rem 0;background-color:var(--color-background)}@media(min-width:768px){.video-section{padding:5rem 0}}.video-section--full-width{padding:0}.video-section--full-width .video-section__header{padding:4rem 2rem 2rem}@media(min-width:768px){.video-section--full-width .video-section__header{padding:5rem 3rem 3rem}}.video-section--full-width .video-section__description{padding:2rem}@media(min-width:768px){.video-section--full-width .video-section__description{padding:3rem}}.video-section__header{text-align:center;margin-bottom:3rem}@media(min-width:768px){.video-section__header{margin-bottom:4rem}}.video-section__subtitle{display:block;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);font-weight:300;margin-bottom:1rem}.video-section__title{font-family:var(--font-heading);font-size:1.875rem;color:var(--color-primary);letter-spacing:-.025em;line-height:1.2;font-weight:300}@media(min-width:768px){.video-section__title{font-size:2.25rem}}@media(min-width:1024px){.video-section__title{font-size:3rem}}.video-section__wrapper{position:relative;width:100%;max-width:56rem;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-beige-dark)}.video-section--full-width .video-section__wrapper{max-width:none;aspect-ratio:21 / 9}@media(max-width:1023px){.video-section--full-width .video-section__wrapper{aspect-ratio:16 / 9}}.video-section__iframe,.video-section__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-section__placeholder{width:100%;height:100%;object-fit:cover}.video-section__placeholder-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-beige);color:var(--color-text-muted);font-family:var(--font-body);font-size:.875rem}.video-section__description{text-align:center;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);max-width:42rem;margin:2rem auto 0;line-height:1.7;font-weight:300}@media(min-width:768px){.video-section__description{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-video-section.css.map */