.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media.deferred-media:after{content:none}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media video{background:#000}.video-section__media.media-fit-cover video{object-fit:cover}.video-section__hero{position:relative;min-height:100vh;overflow:hidden;background:#000;border:0;box-shadow:none}.video-section__hero-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-section__hero video,.video-section__hero iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.video-section__hero video{opacity:0;transition:opacity .5s ease}.video-section__hero.is-video-ready video{opacity:1}@media(prefers-reduced-motion:reduce){.video-section__hero video{transition:none}}.video-section__hero:after{content:none}.video-section__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000029,#0000 45%,#00000073);pointer-events:none}.video-section__content{position:absolute;z-index:2;left:0;right:0;bottom:clamp(28px,5vw,60px);display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px;text-align:center}.video-section__heading h2{margin:0;color:#fff;font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(28px,4vw,46px);font-weight:400;letter-spacing:.08em;line-height:1.15;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.4)}.video-section__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.video-section__form{display:inline-flex;margin:0}.video-section__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 42px;border:1px solid rgb(var(--color-button) / .9);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,rgb(var(--color-button)) 88%,#ffffff),rgb(var(--color-button)),color-mix(in srgb,rgb(var(--color-button)) 72%,#000000));background-size:170% 170%;background-position:0% 50%;color:rgb(var(--color-button-label));font-family:var(--font-body-family, Arial, sans-serif);font-size:13px;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 24px rgb(var(--color-button) / .35),inset 0 1px #ffffff40;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-position .35s ease,border-color .3s ease;-webkit-appearance:none;appearance:none}.video-section__pill:after{content:"";width:8px;height:8px;margin-left:12px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s ease}.video-section__pill:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 12px 32px rgb(var(--color-button) / .5),inset 0 1px #ffffff4d}.video-section__pill:hover:after{transform:translate(2px,-2px) rotate(45deg)}.video-section__pill:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.video-section__pill:disabled{opacity:.6;cursor:not-allowed}.video-section__pill.loading{pointer-events:none}.video-section__pill.loading:after{opacity:0}.video-section__pill .video-section__pill-label{transition:opacity .15s ease}.video-section__pill.loading .video-section__pill-label{opacity:0}.video-section__pill .loading__spinner{display:none;width:20px;height:20px}.video-section__pill.loading .loading__spinner{display:block;position:absolute}.video-section__pill .loading__spinner .path{stroke:rgb(var(--color-button-label))}.video-section__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 42px;border-radius:999px;font-family:var(--font-body-family, Arial, sans-serif);font-size:13px;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.video-section__btn--outline{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:linear-gradient(135deg,#ffffff24,#ffffff0d);color:#fff;font-size:12px;letter-spacing:.26em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff2e,0 8px 28px #0000004d;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.video-section__btn--outline:before{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:skew(-20deg);pointer-events:none;transition:left .7s ease}.video-section__btn--solid{border:1px solid rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-label));box-shadow:0 6px 24px rgb(var(--color-button) / .35)}.video-section__btn:hover{transform:translateY(-2px)}.video-section__btn--outline:hover{border-color:#ffffffe6;background:linear-gradient(135deg,#ffffff38,#ffffff17);box-shadow:inset 0 1px #ffffff47,0 14px 36px #0000006b}.video-section__btn--outline:hover:before{left:140%}.video-section__btn--outline:active{transform:translateY(0)}.video-section__btn--solid:hover{box-shadow:0 12px 32px rgb(var(--color-button) / .5)}.video-section__btn:focus-visible{outline:2px solid #ffffff;outline-offset:4px}@media screen and (min-width:750px){.video-section__hero{min-height:100vh}}@media screen and (max-width:749px){.video-section__pill,.video-section__btn{min-height:48px;padding:13px 34px;font-size:12px;letter-spacing:.14em}.video-section__btn--outline{letter-spacing:.22em}}body.template-index .video-section__hero{min-height:0;height:calc(100vh - var(--aw-header-offset, 0px));height:calc(100dvh - var(--aw-header-offset, 0px))}body.template-index .announcement-bar-section{position:relative;z-index:4}
/*# sourceMappingURL=/cdn/shop/t/11/assets/video-section.css.map */
