.hero{position:relative;overflow:hidden}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo img.hero-still{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:860px){.hero-photo .hero-still{display:none}}.hero-photo .hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;pointer-events:none}.hero-photo .hero-video.is-playing{opacity:1}.hero-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 58% 54% at 52% 38%,#04060b00 38%,#04060b99 70%,#04060b 97%),linear-gradient(0deg,#04060b,#04060b80 14%,#04060b00 32%)}.floodlight{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:2;pointer-events:none;background:radial-gradient(ellipse 22% 60% at 50% 30%,rgba(255,255,255,.5),transparent 70%);mix-blend-mode:overlay;opacity:.55;animation:sweep 17s ease-in-out infinite alternate}@keyframes sweep{0%{transform:translate(-26%)}to{transform:translate(26%)}}.hero .wrap{position:relative;z-index:4;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:7vh}.hero .wrap>.hero-copy{max-width:620px}.hero h1{font-size:clamp(60px,6.6vw,104px);line-height:.92}.hero h1 .l1,.hero h1 .l2{display:block}.hero .strap{max-width:430px;margin-top:16px;font-size:15px;color:var(--mist)}.hero .strap b{color:var(--paper);font-weight:700}.hero .cta-row{display:flex;gap:16px;align-items:center;margin-top:26px}.name-row{display:block}.offer-flag{position:absolute;right:var(--gutter);bottom:7vh;display:inline-flex;align-items:center;flex-shrink:0;gap:11px;padding:9px 17px 9px 15px;border:1px solid rgba(0,228,255,.55);background:#00e4ff1a;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,border-color .25s ease}.offer-flag b{font-size:19px;font-weight:700;letter-spacing:.02em;color:var(--paper)}.offer-flag .sl{color:#00e4ff80}.offer-flag .tail{display:inline-flex;align-items:center;gap:11px}.offer-flag .tail:before{content:"/";opacity:.45}.offer-flag .sep{display:none}.offer-flag[href]:hover{background:#00e4ff33;border-color:var(--cyan)}@media(max-width:860px){.hero-photo{bottom:auto;height:var(--band)}.hero-photo:after{background:linear-gradient(180deg,#04060bd1,#04060b57,#04060b00 24%),linear-gradient(0deg,#04060b,#04060b66 20%,#04060b00 46%)}.hero .wrap{height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding-top:calc(var(--band) - 22px);padding-bottom:44px}.hero .wrap>.hero-copy{max-width:none}.hero h1{font-size:clamp(46px,15vw,104px)}.hero .strap{margin-top:20px;font-size:14px;max-width:none}.hero .cta-row{margin-top:30px;justify-content:center}.name-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.name-row .offer-flag{margin-bottom:7px}.offer-flag{position:static;gap:7px;padding:8px 12px;font-size:9px;letter-spacing:.12em}.offer-flag .sep{display:inline}.offer-flag b{font-size:16px}.offer-flag .tail,.offer-flag .lbl-more{display:none}}@media(prefers-reduced-motion:reduce){.floodlight{animation:none}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0}.hero-rolls .hero-slide{opacity:0;visibility:hidden;transition:opacity 1.6s var(--ease),visibility 0s linear 1.6s}.hero-rolls .hero-slide.on{z-index:2;opacity:1;visibility:visible;transition:opacity 1.6s var(--ease)}.hero-rolls .hero-slide .hero-copy{transform:translateY(16px);transition:transform 1.6s var(--ease)}.hero-rolls .hero-slide.on .hero-copy{transform:none}.hero-rail{position:absolute;z-index:6;left:50%;bottom:3.2vh;transform:translate(-50%);display:flex;gap:10px}.hero-rule{position:relative;width:54px;height:20px;padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.hero-rule:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:#ffffff4d;transition:background-color .25s ease}.hero-rule .fill{position:absolute;left:0;top:9px;width:100%;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left center}.hero-rule:hover:before{background:#ffffff8c}@media(max-width:860px){.hero-slide.on{position:relative}.hero-rail{top:calc(var(--band) - 40px);bottom:auto;gap:8px}.hero-rule{width:38px;height:30px}.hero-rule:before,.hero-rule .fill{top:14px}}@media(prefers-reduced-motion:reduce){.hero-rolls .hero-slide,.hero-rolls .hero-slide .hero-copy{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero.css.map */
