.m-collection-hero{display:flex;align-items:stretch;min-height:430px;background:rgb(var(--background))}.m-collection-hero--media-left{flex-direction:row-reverse}.m-collection-hero__text{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 88px 0 max(var(--og-gutter),calc((100vw - 1336px)/2));background:rgb(var(--background))}.m-collection-hero__subheading{margin:0;font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:2.64px;text-transform:uppercase;color:rgb(var(--text-color))}.m-collection-hero__heading{margin:24px 0 0;color:rgb(var(--text-color));text-box-trim:trim-both;text-box-edge:cap alphabetic}.m-collection-hero__heading--h2{font-family:Playfair Display,Georgia,serif;font-weight:400;font-size:42px;line-height:50px;letter-spacing:-.84px}.m-collection-hero__body{margin:24px 0 0;max-width:528px;font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:-.45px;color:rgb(var(--text-color))}.m-collection-hero__btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:48px;margin-top:32px;padding:17px 32px 16px;border:1px solid rgb(var(--text-color));border-radius:50px;font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:2.64px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.m-collection-hero__btn--solid{background:rgb(var(--text-color));color:rgb(var(--background))}.m-collection-hero__btn--outline{background:transparent;color:rgb(var(--text-color))}@media(hover:hover){.m-collection-hero__btn--solid:hover{background:transparent;color:rgb(var(--text-color))}.m-collection-hero__btn--outline:hover{background:rgb(var(--text-color));color:rgb(var(--background))}}.m-collection-hero__body>*{margin:0;font-size:15px;line-height:24px;letter-spacing:-.45px}.m-collection-hero__media{flex:1 1 50%;position:relative;min-height:430px}.m-collection-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.m-collection-hero__image--mobile{display:none}.m-collection-hero__video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.m-collection-hero__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:0;-webkit-appearance:none;appearance:none;border-radius:50%;background:rgb(var(--background));color:#868d87;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 2px 5px #0000001a;transition:background .2s ease,opacity .25s cubic-bezier(.4,0,.2,1),visibility 0s .25s}.m-collection-hero__play svg{width:11px;height:13px}@media(hover:hover){.m-collection-hero__play:hover{background:#f1f3f1}}.m-collection-hero__sound{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:space-between;border:2px solid transparent;border-radius:60px;background:none;color:#fff;cursor:pointer;outline:none;padding:0;z-index:2;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility 0s .25s}.m-collection-hero__sound svg{width:40px;height:40px;flex-shrink:0;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.1))}.m-collection-hero__sound-label-wrap{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;overflow:hidden;max-width:0;transition:max-width .2s}.m-collection-hero__sound-label{color:#fff;font-family:Instrument Sans,Helvetica,sans-serif;font-size:15px;font-weight:500;padding-left:1em;white-space:nowrap}@media(hover:hover){.m-collection-hero__sound:hover .m-collection-hero__sound-label-wrap,.m-collection-hero__sound:focus-visible .m-collection-hero__sound-label-wrap{max-width:200px}}@keyframes m-hero-sound-wave-flash{0%{opacity:0}33%{opacity:1}66%{opacity:1}to{opacity:0}}.m-collection-hero__sound-wave--small{animation:m-hero-sound-wave-flash 2s infinite;opacity:0}.m-collection-hero__sound-wave--large{animation:m-hero-sound-wave-flash 2s infinite .3s;opacity:0}@media(max-width:699px){.m-collection-hero__sound{top:12px;right:12px}.m-collection-hero__sound svg{width:34px;height:34px}}.m-collection-hero__placeholder{background:#eceae6}.m-collection-hero__placeholder svg{width:100%;height:100%;object-fit:cover}@media screen and (max-width:740px){.m-collection-hero,.m-collection-hero--media-left{flex-direction:column-reverse;min-height:0}.m-collection-hero__text{flex:none;width:100%;max-width:100%;padding:32px 20px 64px}.m-collection-hero__heading{margin-top:19px}.m-collection-hero__heading--h2{font-weight:500;font-size:27px;line-height:32px;letter-spacing:-.27px}.m-collection-hero__body{letter-spacing:0}.m-collection-hero__media{flex:none;width:100%;min-height:0;height:240px}.m-collection-hero__media:has(.m-collection-hero__image--mobile) .m-collection-hero__image--desktop{display:none}.m-collection-hero__image--mobile{display:block}}.m-collection-hero__dialog{padding:0;border:0;background:none;max-width:none;max-height:none;overflow:visible}.m-collection-hero__dialog::backdrop{background:#000000b8}.m-collection-hero__dialog video{display:block;max-width:calc(100vw - 48px);max-height:calc(100vh - 120px);border-radius:12px;background:#000}.m-collection-hero__dialog-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;border:0;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.m-collection-hero__dialog-close:hover{background:#ffffff4d}.m-collection-hero__dialog-close svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/m-collection-hero.css.map */
