.sayr-hero-slider{position:relative;display:block;width:100%;height:clamp(650px,var(--sayr-hero-height, 82vh),900px);overflow:clip;background:#332720;color:#f4f0e9;isolation:isolate}.sayr-hero-slider__slides,.sayr-hero-slider__slide,.sayr-hero-slider__media,.sayr-hero-slider__shade{position:absolute;top:0;right:0;bottom:0;left:0}.sayr-hero-slider__slide{overflow:visible;visibility:hidden;opacity:0;transition:opacity var(--sayr-motion-scene, .9s) var(--sayr-ease, ease),visibility 0s linear var(--sayr-motion-scene, .9s);background:var(--sayr-slide-background, #332720);pointer-events:none}.sayr-hero-slider__slide.is-active{z-index:1;visibility:visible;opacity:1;transition-delay:0s;pointer-events:auto}.sayr-hero-slider__media{display:block;overflow:hidden}.sayr-hero-slider__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--sayr-desktop-position, center center);transform-origin:center top;transform:translateY(var(--sayr-parallax-y, 0px)) scale(1.02)}.sayr-hero-slider__slide.is-active .sayr-hero-slider__image{animation:sayr-hero-cinema 5s cubic-bezier(.2,.55,.3,1) both}@keyframes sayr-hero-cinema{0%{transform:translateY(var(--sayr-parallax-y, 0px)) scale(1.045)}to{transform:translateY(var(--sayr-parallax-y, 0px)) scale(1.02)}}.sayr-hero-slider__slide.is-active .sayr-hero-slider__content>*{animation:sayr-hero-reveal var(--sayr-motion-scene, .9s) var(--sayr-ease, ease) both}.sayr-hero-slider__slide.is-active .sayr-hero-slider__heading{animation-delay:.1s}.sayr-hero-slider__slide.is-active .sayr-hero-slider__text{animation-delay:.21s}.sayr-hero-slider__slide.is-active .sayr-hero-slider__cta{animation-delay:.32s}@keyframes sayr-hero-reveal{0%{opacity:.55;translate:0 14px}to{opacity:1;translate:0 0}}.sayr-hero-slider__shade{z-index:1;background:linear-gradient(90deg,rgb(24 22 20 / .72) 0%,rgb(24 22 20 / .52) 34%,rgb(24 22 20 / .08) 64%,transparent 78%);pointer-events:none}.sayr-hero-slider__slide--split .sayr-hero-slider__media{left:42%;background:#e8e1d9}.sayr-hero-slider__slide--split .sayr-hero-slider__shade{background:linear-gradient(90deg,var(--sayr-slide-background, #e8e1d9) 0%,var(--sayr-slide-background, #e8e1d9) 39%,rgb(232 225 217 / .92) 45%,rgb(232 225 217 / .12) 62%,transparent 75%)}.sayr-hero-slider__slide--light{color:#f4f0e9}.sayr-hero-slider__slide--dark{color:#181614}.sayr-hero-slider__logo-detail{--sayr-detail-color: #efe3d2;position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;color:var(--sayr-detail-color);pointer-events:none}.sayr-hero-slider__logo-detail--dark{--sayr-detail-color: #79624f}.sayr-hero-slider__logo-hotspot{position:absolute;z-index:2;top:var(--sayr-logo-y-rendered, var(--sayr-logo-y));left:var(--sayr-logo-x-rendered, var(--sayr-logo-x));display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.sayr-hero-slider__logo-dot{position:absolute;left:calc(50% + var(--sayr-dot-offset, 32px));top:50%;margin:-3px;display:block;width:6px;height:6px;border:1px solid rgb(255 255 255 / .48);border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent);opacity:0;transition:opacity .32s ease}.sayr-hero-slider__logo-detail.has-played .sayr-hero-slider__logo-dot{opacity:.48}.sayr-hero-slider__logo-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);color:#fff;font-family:var(--font-heading--family);font-size:var(--sayr-wordmark-size, 12px);font-weight:600;line-height:1;letter-spacing:.14em;opacity:1;text-shadow:0 1px 1px rgb(24 22 20 / .2);white-space:nowrap}.sayr-hero-slider__logo-detail--dark .sayr-hero-slider__logo-wordmark{color:#5b4939;opacity:1;text-shadow:0 1px 1px rgb(244 240 233 / .25)}.sayr-hero-slider__logo-detail.is-hotspot-visible .sayr-hero-slider__logo-dot,.sayr-hero-slider__logo-hotspot:focus-visible .sayr-hero-slider__logo-dot{opacity:.9}.sayr-hero-slider__logo-detail.is-running .sayr-hero-slider__logo-dot{animation:sayr-logo-pulse 1.6s ease-in-out 1}.sayr-hero-slider__logo-hotspot:focus-visible{outline:1px solid currentColor;outline-offset:1px}.sayr-hero-slider__logo-connector{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:visible;opacity:0;pointer-events:none;transition:opacity .22s ease}.sayr-hero-slider__logo-connector line{stroke:currentColor;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .52s cubic-bezier(.22,1,.36,1)}.sayr-hero-slider__logo-detail.is-line-visible .sayr-hero-slider__logo-connector{opacity:.86}.sayr-hero-slider__logo-detail.is-line-visible .sayr-hero-slider__logo-connector line{stroke-dashoffset:0}.sayr-hero-slider__logo-panel{position:absolute;z-index:3;top:var(--sayr-zoom-y);left:var(--sayr-zoom-x);width:clamp(190px,14vw,250px);aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 74%,transparent);border-radius:50%;background:#918172;box-shadow:0 18px 44px #18161421;opacity:0;visibility:hidden;transform:translate(-50%,calc(-50% + 4px)) scale(.97);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .65s;pointer-events:none}.sayr-hero-slider__logo-detail.is-panel-visible .sayr-hero-slider__logo-panel{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}.sayr-hero-slider__logo-image{display:block;width:100%;height:100%;object-fit:cover}@keyframes sayr-logo-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.sayr-hero-slider__content{position:absolute;z-index:2;top:50%;left:clamp(52px,8vw,154px);width:min(42vw,580px);transform:translateY(-48%)}.sayr-hero-slider__label{margin:0 0 22px;font-family:var(--font-subheading--family);font-size:clamp(12px,.9vw,16px);font-weight:600;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}.sayr-hero-slider__heading{max-width:580px;margin:0;font-family:var(--font-heading--family);font-size:clamp(60px,5.5vw,100px);font-style:var(--font-heading--style);font-weight:400;line-height:.94;letter-spacing:-.035em;text-wrap:balance}.sayr-hero-slider__text{max-width:520px;margin-top:30px;font-family:var(--font-body--family);font-size:clamp(18px,1.35vw,23px);line-height:1.45}.sayr-hero-slider__text p{margin:0}.sayr-hero-slider__cta{display:inline-flex;min-height:58px;margin-top:36px;padding:18px 32px;align-items:center;justify-content:center;gap:12px;border:1px solid rgb(244 240 233 / .35);border-radius:3px;background:#f4f0e9;color:#181614;font-family:var(--font-subheading--family);font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.sayr-hero-slider__cta-arrow{display:inline-block;font-size:19px;transition:transform .3s ease}.sayr-hero-slider__arrow,.sayr-hero-slider__indicator{-webkit-appearance:none;appearance:none;border:0;color:#f4f0e9;cursor:pointer}.sayr-hero-slider__arrow{position:absolute;z-index:4;top:50%;width:48px;height:48px;padding:0;border:1px solid rgb(244 240 233 / .28);border-radius:50%;background:#18161433;opacity:.72;transform:translateY(-50%);transition:opacity .28s ease,transform .28s ease,background-color .28s ease}.sayr-hero-slider__arrow span{display:block;font-size:34px;font-weight:200;line-height:42px;transition:translate .35s ease}.sayr-hero-slider__arrow--previous{left:24px}.sayr-hero-slider__arrow--next{right:24px}.sayr-hero-slider__indicators{position:absolute;z-index:4;bottom:30px;left:50%;display:flex;align-items:center;gap:14px;transform:translate(-50%)}.sayr-hero-slider__indicator{position:relative;width:45px;height:24px;padding:0;background:transparent;opacity:.6;transition:width .35s ease,opacity .35s ease}.sayr-hero-slider__indicator:before,.sayr-hero-slider__indicator:after{content:"";position:absolute;inset:11px 0 auto;height:2px;background:currentColor;opacity:.4}.sayr-hero-slider__indicator:after{opacity:1;transform:scaleX(0);transform-origin:left;transition:transform .85s cubic-bezier(.22,1,.36,1)}.sayr-hero-slider__indicator.is-active:after{transform:scaleX(1)}.sayr-hero-slider__indicator.is-active{width:55px;opacity:1}.sayr-hero-slider__arrow:focus-visible,.sayr-hero-slider__indicator:focus-visible,.sayr-hero-slider__cta:focus-visible{outline:2px solid currentColor;outline-offset:4px}.sayr-hero-slider:has(.sayr-hero-slider__slide--dark.is-active) .sayr-hero-slider__arrow,.sayr-hero-slider:has(.sayr-hero-slider__slide--dark.is-active) .sayr-hero-slider__indicator{color:#181614}.sayr-hero-slider:has(.sayr-hero-slider__slide--dark.is-active) .sayr-hero-slider__arrow{border-color:#1816142e;background:#f4f0e975}@media(hover:hover)and (pointer:fine){.sayr-hero-slider__cta:hover{background:#e9e1d5}.sayr-hero-slider__cta:hover .sayr-hero-slider__cta-arrow{transform:translate(4px)}.sayr-hero-slider__arrow:hover{background:#18161461;opacity:1}.sayr-hero-slider:has(.sayr-hero-slider__slide--dark.is-active) .sayr-hero-slider__arrow:hover{background:#f4f0e9b8}.sayr-hero-slider__arrow--previous:hover{transform:translate(-2px,-50%)}.sayr-hero-slider__arrow--next:hover{transform:translate(2px,-50%)}}@media screen and (max-width:989px){.sayr-hero-slider__slide.is-active .sayr-hero-slider__image{animation-name:sayr-hero-cinema-mobile;animation-duration:3.2s}.sayr-hero-slider__slide.is-active .sayr-hero-slider__content>*{animation-name:sayr-hero-reveal-mobile;animation-duration:.65s}.sayr-hero-slider__slide.is-active .sayr-hero-slider__cta{animation:none}@keyframes sayr-hero-cinema-mobile{0%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes sayr-hero-reveal-mobile{0%{opacity:.85;translate:0 5px}to{opacity:1;translate:0 0}}.sayr-hero-slider{height:clamp(670px,var(--sayr-hero-mobile-height, 84svh),880px);min-height:75svh}.sayr-hero-slider__slide--split .sayr-hero-slider__media{left:0}.sayr-hero-slider__logo-hotspot{top:var(--sayr-logo-y-rendered, var(--sayr-logo-y-mobile));left:var(--sayr-logo-x-rendered, var(--sayr-logo-x-mobile))}.sayr-hero-slider__logo-panel{top:var(--sayr-zoom-y-mobile);left:var(--sayr-zoom-x-mobile);width:clamp(144px,36vw,160px);box-shadow:0 12px 30px #1816141c}.sayr-hero-slider__image{object-position:var(--sayr-mobile-position, center center);transform-origin:center;transform:scale(1)}.sayr-hero-slider__shade,.sayr-hero-slider__slide--split .sayr-hero-slider__shade{background:linear-gradient(180deg,transparent 30%,rgb(24 22 20 / .12) 48%,rgb(24 22 20 / .88) 82%,rgb(24 22 20 / .96) 100%)}.sayr-hero-slider__slide--dark .sayr-hero-slider__shade,.sayr-hero-slider__slide--split.sayr-hero-slider__slide--dark .sayr-hero-slider__shade{background:linear-gradient(180deg,transparent 27%,rgb(232 225 217 / .08) 46%,rgb(232 225 217 / .92) 78%,rgb(232 225 217) 100%)}.sayr-hero-slider__content{top:auto;bottom:64px;left:22px;width:calc(100% - 44px);max-width:580px;transform:none}.sayr-hero-slider__label{margin-bottom:12px;font-size:11px}.sayr-hero-slider__heading{max-width:92%;font-size:clamp(42px,12vw,64px);line-height:.94}.sayr-hero-slider__text{max-width:92%;margin-top:16px;font-size:clamp(16px,4.3vw,18px);line-height:1.38}.sayr-hero-slider__cta{width:auto;min-height:52px;margin-top:22px;padding:15px 20px;font-size:12px}.sayr-hero-slider__arrow{top:42%;width:44px;height:44px}.sayr-hero-slider__arrow--previous{left:8px}.sayr-hero-slider__arrow--next{right:8px}.sayr-hero-slider__indicators{bottom:18px;gap:10px}}@media screen and (max-width:420px){.sayr-hero-slider__content{bottom:58px;left:20px;width:calc(100% - 40px)}.sayr-hero-slider__heading,.sayr-hero-slider__text{max-width:100%}.sayr-hero-slider__cta{width:100%}}@media(prefers-reduced-motion:reduce){.sayr-hero-slider__slide.is-active .sayr-hero-slider__image,.sayr-hero-slider__slide.is-active .sayr-hero-slider__content>*{animation:none;transform:none;translate:none;opacity:1}.sayr-hero-slider__indicator:after{transition:none}.sayr-hero-slider__slide,.sayr-hero-slider__cta,.sayr-hero-slider__cta-arrow,.sayr-hero-slider__arrow,.sayr-hero-slider__indicator{transition-duration:.01ms!important}.sayr-hero-slider__logo-dot{animation:none!important;transition-duration:.01ms!important}.sayr-hero-slider__logo-connector,.sayr-hero-slider__logo-connector line,.sayr-hero-slider__logo-panel{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sayr-hero-slider.css.map */