.patek-hero-scroll{position:relative;width:100%;height:calc(var(--slide-count, 2) * var(--scroll-vh, 100) * 1vh)}.patek-hero{position:absolute;top:0;left:0;width:100%;height:100vh;min-height:520px;max-height:1080px;overflow:hidden;background:#000;font-family:var(--font-body-family, inherit)}.patek-hero.is-pin-top{position:absolute;top:0;bottom:auto}.patek-hero.is-pin-fixed{position:fixed;top:0;left:0}.patek-hero.is-pin-bottom{position:absolute;top:auto;bottom:0}.patek-hero__track{position:relative;width:100%;height:100%}.patek-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;will-change:opacity,transform;z-index:1}.patek-hero__slide.is-active{z-index:2}.patek-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.patek-hero__image,.patek-hero__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.patek-hero__image--mobile{display:none}.patek-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000 40%,#0000008c);pointer-events:none}.patek-hero__content{position:absolute;z-index:3;left:5%;bottom:10%;max-width:480px;color:#fff}.patek-hero__heading{font-size:clamp(20px,2.4vw,28px);font-weight:400;letter-spacing:.01em;margin:0 0 10px;line-height:1.3;text-transform:lowercase}.patek-hero__heading:first-letter{text-transform:uppercase}.patek-hero__subheading{font-size:14px;font-weight:300;line-height:1.6;margin:0 0 20px;opacity:.92;max-width:420px}.patek-hero__btn{display:inline-block;padding:12px 26px;border:1px solid rgba(255,255,255,.8);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:transparent;transition:background .3s ease,color .3s ease}.patek-hero__btn:hover{background:#fff;color:#000}.patek-hero__playbtn{position:absolute;z-index:4;top:24px;left:5%;display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer;opacity:.85;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.patek-hero__playbtn:hover{opacity:1}.patek-hero__playbtn svg{width:16px;height:16px}.patek-hero__playbtn .icon-pause,.patek-hero__slide.is-playing .patek-hero__playbtn .icon-play{display:none}.patek-hero__slide.is-playing .patek-hero__playbtn .icon-pause{display:block}.patek-hero__progress{position:absolute;z-index:5;left:5%;right:5%;bottom:24px;display:flex;gap:6px}.patek-hero__bar{flex:1;height:2px;background:#ffffff4d;border:none;padding:0;cursor:pointer;position:relative;overflow:hidden}.patek-hero__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:#fff;display:block}.patek-hero__motion-toggle{position:absolute;z-index:5;bottom:24px;right:5%;background:transparent;border:none;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;cursor:pointer;padding:0}.patek-hero__motion-toggle:hover,.patek-hero__motion-toggle.is-active{opacity:1}.patek-hero__scrollcue{position:absolute;z-index:5;bottom:24px;left:50%;transform:translate(-50%);color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.patek-hero__scrollcue span{width:1px;height:28px;background:#fff9;position:relative;overflow:hidden}.patek-hero__scrollcue span:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:#fff;animation:patekScrollCue 1.8s ease-in-out infinite}@keyframes patekScrollCue{0%{top:-100%}60%{top:100%}to{top:100%}}@media(max-width:749px){.patek-hero{height:100vh;min-height:460px}.patek-hero__image--mobile{display:block}.patek-hero__media:has(.patek-hero__image--mobile) .patek-hero__image:not(.patek-hero__image--mobile){display:none}.patek-hero__content{left:6%;right:6%;max-width:100%;bottom:16%}.patek-hero__heading{font-size:19px}.patek-hero__subheading{font-size:13px}.patek-hero__btn{padding:10px 20px;font-size:11px}.patek-hero__playbtn{top:16px;left:6%;font-size:11px}.patek-hero__progress{left:6%;right:6%;bottom:56px}.patek-hero__motion-toggle{bottom:16px;right:6%;font-size:10px}.patek-hero__scrollcue{bottom:56px}}@media(prefers-reduced-motion:reduce){.patek-hero__slide{transition:none!important}.patek-hero__scrollcue span:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/patek-hero.css.map */