.motion-banner{position:relative;isolation:isolate;overflow:hidden;min-height:560px;background:var(--bg);cursor:auto}.banner-copy{position:relative;z-index:2;max-width:560px;margin:auto;text-align:center;padding:68px 0 110px;pointer-events:none}.banner-copy .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:16px}.banner-copy h1{font-size:clamp(48px,4.3vw,62px);line-height:1.04;letter-spacing:-.06em;margin-bottom:18px}.banner-copy h1 span{display:block}.banner-copy .rte{font-size:17px;max-width:430px;margin:auto;line-height:1.6}.banner-copy .button-row{justify-content:center;margin-top:22px;pointer-events:none}.banner-copy .button-row .button{pointer-events:auto}.banner-copy>h1,.banner-copy>.rte,.banner-copy>.eyebrow{pointer-events:auto}.banner-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.banner-card{position:absolute;display:block;width:215px;border:1px solid var(--banner-card-border,var(--line));border-radius:24px;background:var(--banner-card-bg,var(--bg));color:var(--banner-card-ink,var(--ink));overflow:hidden;box-shadow:0 16px 35px #3030300a;pointer-events:auto;cursor:pointer;--float-low:-18px;--float-high:18px;--tilt:-5deg;--tilt-end:-2deg;transform:rotate(var(--tilt));scale:1;transition:scale .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease}.banner-card--1{top:56px;left:max(24px,calc(50% - 580px))}.banner-card--2{top:40px;right:max(24px,calc(50% - 580px));--tilt:5deg;--tilt-end:2deg;--float-delay:-3s}.banner-card--3{bottom:42px;left:calc(50% - 450px);width:175px;--tilt:-3deg;--tilt-end:1deg;--float-delay:-5s}.banner-card--4{bottom:40px;right:calc(50% - 450px);width:175px;--tilt:4deg;--tilt-end:0deg;--float-delay:-1.5s}.banner-card-image{aspect-ratio:1;overflow:hidden}.banner-card-image img{width:100%;height:100%;object-fit:cover}.banner-card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;font-size:12px;font-weight:700;line-height:1.3}.banner-card-label .icon{width:16px;height:16px;flex-shrink:0}.motion-banner--accent .banner-card--2{border:7px solid var(--banner-card-border,var(--banner-card-accent,var(--accent)));background:var(--banner-card-bg,var(--banner-card-accent,var(--accent)))}.motion-banner--accent .banner-card--3{box-shadow:10px 10px 0 var(--banner-card-accent,var(--accent))}.playback-ready .banner-card{animation:banner-float var(--banner-cycle,9s) ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused}.playback-ready.is-playing .banner-card{animation-play-state:running}@keyframes banner-float{0%,to{transform:translateY(var(--float-low)) rotate(var(--tilt))}50%{transform:translateY(var(--float-high)) rotate(var(--tilt-end))}}.banner-card:focus-visible{scale:1.08;z-index:3;box-shadow:0 22px 46px #30303024}.motion-banner.playback-ready.is-playing .banner-card:focus-visible{animation-play-state:paused}@media(hover:hover)and (pointer:fine){.banner-card:hover{scale:1.08;z-index:3;box-shadow:0 22px 46px #30303024}.motion-banner.playback-ready.is-playing .banner-card:hover{animation-play-state:paused}}.playback-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);padding:10px;cursor:pointer;z-index:4}.motion-banner>.playback-toggle{position:absolute;right:25px;bottom:18px}.playback-play,.playback-toggle[aria-pressed=true] .playback-pause{display:none}.playback-toggle[aria-pressed=true] .playback-play{display:block}@media(min-width:990px)and (max-width:1199px){.motion-banner{min-height:530px}.banner-copy{max-width:500px;padding-top:62px;padding-bottom:100px}.banner-copy h1{font-size:54px}.banner-copy .button{font-size:13px;padding-inline:18px}.banner-card--1{left:24px;width:175px}.banner-card--2{right:24px;width:175px}.banner-card--3{left:calc(50% - 410px);width:160px}.banner-card--4{right:calc(50% - 410px);width:160px}}@media(min-width:750px)and (max-width:989px){.motion-banner{min-height:0;padding:40px 24px 50px}.banner-copy{max-width:630px;padding:0 0 30px}.banner-art{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.banner-card{position:relative;inset:auto;width:100%;border-radius:18px;--float-low:-10px;--float-high:10px;--tilt:-1deg;--tilt-end:1deg}.banner-card-label{padding:10px;font-size:11px;gap:6px;min-height:48px}.banner-card-label .icon{width:14px;height:14px}.motion-banner--accent .banner-card--2{border-width:5px}.motion-banner--accent .banner-card--3{box-shadow:6px 6px 0 var(--banner-card-accent,var(--accent))}}@media(max-width:749px){.motion-banner{min-height:0;padding:32px 20px 50px}.banner-copy{padding:0 0 26px;max-width:550px}.banner-copy h1{font-size:clamp(38px,10vw,56px)}.banner-copy .eyebrow{font-size:9px;letter-spacing:.12em}.banner-copy .rte{font-size:16px;max-width:360px}.banner-copy .button-row{gap:10px;margin-top:20px}.banner-copy .button{font-size:13px;min-height:46px;padding:12px 17px;gap:9px}.banner-art{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;inset:auto;max-width:440px;margin-inline:auto}.banner-card{position:relative;inset:auto;width:100%;border-radius:18px;--float-low:-8px;--float-high:8px;--tilt:-1deg;--tilt-end:1deg}.banner-card--2,.banner-card--4{--tilt:1deg;--tilt-end:-1deg}.banner-card-label{font-size:11px;padding:10px;gap:6px;min-height:48px}.banner-card-label .icon{width:14px;height:14px}.motion-banner--accent .banner-card--2{border-width:5px}.motion-banner--accent .banner-card--3{box-shadow:6px 6px 0 var(--banner-card-accent,var(--accent))}.motion-banner>.playback-toggle{right:18px;bottom:8px;width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.banner-card{animation:none!important;transform:none!important;scale:none!important;transition:none!important}}@media print{.banner-card{animation:none!important;scale:none!important}.playback-toggle{display:none!important}}@media(any-hover:hover)and (any-pointer:fine){.motion-banner,.motion-banner *{cursor:var(--banner-printer-cursor),auto}}.banner-printer-pointer{position:fixed;left:0;top:0;width:40px;height:40px;z-index:2147483647;pointer-events:none!important;-webkit-user-select:none;user-select:none;contain:layout paint}.banner-printer-pointer svg{display:block;width:40px;height:40px;pointer-events:none!important}html.has-banner-printer-pointer,html.has-banner-printer-pointer *,html.has-banner-printer-pointer *:before,html.has-banner-printer-pointer *:after{cursor:none!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/banner.css.map */