.lf-scroll-hero{--lf-sequence-scroll:1200vh;--lf-sequence-header:84px;--lf-sequence-bg:#eee8de;--lf-sequence-ink:#111b31;position:relative;height:var(--lf-sequence-scroll);background:var(--lf-sequence-bg);color:var(--lf-sequence-ink);contain:layout style;scroll-margin-top:var(--lf-sequence-header)}html:has(.lf-scroll-hero){scroll-behavior:auto!important;overflow-anchor:none}.lf-scroll-hero .lf-sequence__sticky{position:sticky;top:var(--lf-sequence-header);width:100%;height:calc(100vh - var(--lf-sequence-header));height:calc(100svh - var(--lf-sequence-header));overflow:hidden;background:var(--lf-sequence-bg);isolation:isolate}.lf-scroll-hero .lf-sequence__poster,.lf-scroll-hero .lf-sequence__video,.lf-scroll-hero .lf-sequence__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}.lf-scroll-hero .lf-sequence__poster{z-index:0}.lf-scroll-hero .lf-sequence__canvas{z-index:1}.lf-scroll-hero .lf-sequence__video{z-index:2;opacity:0;transition:none}.lf-scroll-hero .lf-sequence__ending-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;z-index:4;opacity:0;pointer-events:none}.lf-scroll-hero.is-ready:not(.is-static)[data-lf-ending-frame=true] .lf-sequence__ending-still.is-decoded{opacity:1}@media(min-width:1025px){.lf-scroll-hero .lf-sequence__video[data-scene="5"]{object-position:50% 63%}.lf-scroll-hero[data-lf-ending=true] .lf-sequence__skip{left:calc(clamp(28px,4.5vw,72px) + 22px);transform:none}}.lf-scroll-hero.is-video .lf-sequence__canvas{display:none}@media(min-width:1025px)and (min-aspect-ratio:19/10){.lf-scroll-hero[data-lf-ending-frame=true] .lf-sequence__video[data-scene="5"]{object-fit:contain;object-position:center}}.lf-scroll-hero.is-ready .lf-sequence__poster{visibility:hidden}.lf-scroll-hero .lf-sequence__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:none}.lf-scroll-hero[data-lf-caption-position=center] .lf-sequence__scrim,.lf-scroll-hero.is-static .lf-sequence__scrim{background:radial-gradient(ellipse at 50% 46%,rgba(255,252,247,.48),rgba(255,252,247,.18) 36%,transparent 70%)}.lf-scroll-hero .lf-sequence__scrim:before,.lf-scroll-hero .lf-sequence__scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .28s ease-out;background:linear-gradient(90deg,rgba(255,252,247,.66),rgba(255,252,247,.38) 24%,rgba(255,252,247,.06) 49%,transparent 64%)}.lf-scroll-hero .lf-sequence__scrim:after{transform:scaleX(-1)}.lf-scroll-hero[data-lf-caption-position=left] .lf-sequence__scrim:before,.lf-scroll-hero[data-lf-caption-position=right] .lf-sequence__scrim:after{opacity:1}.lf-scroll-hero .lf-sequence__intro{position:absolute;left:50%;top:50%;z-index:7;width:min(56rem,calc(100% - 64px));max-width:896px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;visibility:hidden}.lf-scroll-hero .lf-sequence__intro.is-visible{opacity:1;visibility:visible}.lf-scroll-hero .lf-sequence__intro-inner{display:flex;flex-direction:column;align-items:center;padding:28px 32px 30px;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lf-scroll-hero .lf-sequence__intro-logo{display:block;width:180px;max-width:100%;height:auto;flex:none;margin:0 0 24px;object-fit:contain}.lf-scroll-hero .lf-sequence__intro-title,.lf-scroll-hero .lf-sequence__copy-title{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--lf-sequence-ink);text-shadow:0 1px 14px rgba(255,252,247,.32);white-space:pre-line;text-wrap:balance}.lf-scroll-hero .lf-sequence__intro-title{margin:0;font-size:clamp(32px,3.6vw,54px);letter-spacing:.035em;line-height:1.18}.lf-scroll-hero .lf-sequence__intro-lede{margin:18px 0 0;max-width:26em;font:400 clamp(14px,1.5vw,17px)/1.55 Arial,Helvetica,sans-serif;letter-spacing:.01em;color:#263246}.lf-scroll-hero .lf-sequence__intro-cue{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}.lf-scroll-hero .lf-sequence__intro-cue-label{font:500 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#394353}.lf-scroll-hero .lf-sequence__intro-cue-arrow{width:12px;height:12px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);color:#394353}.lf-scroll-hero .lf-sequence__copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.lf-scroll-hero .lf-sequence__copy.is-empty{visibility:hidden}.lf-scroll-hero .lf-sequence__copy-panel{position:absolute;left:clamp(28px,4.5vw,72px);top:50%;width:min(28.5rem,calc(100% - 72px));max-width:456px;transform:translateY(-50%);opacity:0;visibility:hidden;text-align:left}.lf-scroll-hero .lf-sequence__copy-panel.is-right{left:auto;right:clamp(28px,4.5vw,72px)}.lf-scroll-hero .lf-sequence__copy-panel.is-center{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(40rem,calc(100% - 64px));max-width:640px;text-align:center}.lf-scroll-hero .lf-sequence__copy-content{position:relative;padding:22px 24px 24px}.lf-scroll-hero .lf-sequence__copy-eyebrow{margin:0 0 14px;font:500 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#394353}.lf-scroll-hero .lf-sequence__copy-eyebrow:empty{display:none}.lf-scroll-hero .lf-sequence__copy-title{margin:0;font-size:clamp(29px,2.8vw,46px);letter-spacing:.015em;line-height:1.16}.lf-scroll-hero .lf-sequence__copy-body{margin:18px 0 0;max-width:27em;font:400 15px/1.6 Arial,Helvetica,sans-serif;color:#263246}.lf-scroll-hero .lf-sequence__copy-body:empty{display:none}.lf-scroll-hero .lf-sequence__copy-panel.is-center .lf-sequence__copy-body{margin-inline:auto}.lf-scroll-hero .lf-sequence__skip{position:absolute;left:50%;bottom:max(56px,calc(env(safe-area-inset-bottom,0px) + 40px));z-index:40;display:flex;align-items:center;justify-content:center;gap:16px;transform:translate(-50%);padding:4px 22px;border-radius:999px;background:#fffcf7e0;border:1px solid rgba(255,255,255,.75);box-shadow:0 4px 20px #111b310d;color:#111b31;white-space:nowrap;font:500 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}.lf-scroll-hero .lf-sequence__skip-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#111b3140}.lf-scroll-hero .lf-sequence__skip-link:hover{text-decoration-color:currentColor}.lf-scroll-hero .lf-sequence__skip-rule{opacity:.35}.lf-scroll-hero .lf-sequence__skip[hidden],.lf-scroll-hero .lf-sequence__skip.is-off{display:none}.lf-scroll-hero.is-static,.lf-scroll-hero:not(.is-ready){height:calc(100svh - var(--lf-sequence-header))}.lf-scroll-hero.is-static .lf-sequence__copy,.lf-scroll-hero.is-static .lf-sequence__canvas,.lf-scroll-hero.is-static .lf-sequence__intro-cue{display:none}.lf-scroll-hero.is-static .lf-sequence__poster{opacity:1;visibility:visible}@media(max-width:1024px){.lf-scroll-hero{--lf-sequence-header:68px;--lf-mobile-copy-space:264px;--lf-mobile-controls-space: calc(120px + env(safe-area-inset-bottom,0px)) }.lf-scroll-hero .lf-sequence__poster,.lf-scroll-hero .lf-sequence__video,.lf-scroll-hero .lf-sequence__canvas,.lf-scroll-hero .lf-sequence__ending-still{inset:auto;left:0;top:max(var(--lf-mobile-copy-space),calc((100% - 56.25vw)/2));width:100%;height:min(56.25vw,calc(100% - var(--lf-mobile-copy-space) - var(--lf-mobile-controls-space)));object-fit:contain;object-position:center}.lf-scroll-hero .lf-sequence__ending-still,.lf-scroll-hero .lf-sequence__frame.is-ending-frame{object-fit:cover}.lf-scroll-hero .lf-sequence__scrim,.lf-scroll-hero[data-lf-caption-position] .lf-sequence__scrim{background:none}.lf-scroll-hero .lf-sequence__scrim:before,.lf-scroll-hero .lf-sequence__scrim:after{display:none}.lf-scroll-hero .lf-sequence__intro{top:12px;left:16px;right:16px;width:auto;max-width:none;transform:none}.lf-scroll-hero .lf-sequence__intro-inner{padding:16px 18px}.lf-scroll-hero .lf-sequence__intro-logo{width:140px;margin-bottom:18px}.lf-scroll-hero .lf-sequence__intro-title{font-size:clamp(23px,5.8vw,30px);letter-spacing:.025em}.lf-scroll-hero .lf-sequence__intro-lede{margin-top:12px;font-size:14px}.lf-scroll-hero .lf-sequence__intro-cue{margin-top:16px;gap:6px}.lf-scroll-hero .lf-sequence__copy-panel,.lf-scroll-hero .lf-sequence__copy-panel.is-right,.lf-scroll-hero .lf-sequence__copy-panel.is-center{top:24px;left:16px;right:16px;transform:none;width:auto;max-width:none;text-align:left}.lf-scroll-hero .lf-sequence__copy-panel.is-center{text-align:center}.lf-scroll-hero .lf-sequence__copy-content{padding:14px 16px}.lf-scroll-hero .lf-sequence__copy-title{font-size:clamp(23px,5.5vw,29px)}.lf-scroll-hero .lf-sequence__copy-body{font-size:14px;line-height:1.5;margin-top:12px;max-width:26em}.lf-scroll-hero .lf-sequence__copy-eyebrow{font-size:9px;margin-bottom:10px}.lf-scroll-hero .lf-sequence__skip{bottom:calc(56px + env(safe-area-inset-bottom,0px));padding:3px 18px;font-size:10px;gap:12px}}@media(max-width:360px)and (orientation:portrait){.lf-scroll-hero{--lf-mobile-copy-space:272px}}@media(max-width:1024px)and (max-height:650px)and (orientation:portrait){.lf-scroll-hero{--lf-mobile-copy-space:220px;--lf-mobile-controls-space: calc(112px + env(safe-area-inset-bottom,0px)) }.lf-scroll-hero .lf-sequence__intro{top:6px}.lf-scroll-hero .lf-sequence__intro-inner{padding:10px 12px}.lf-scroll-hero .lf-sequence__intro-logo{width:112px;margin-bottom:10px}.lf-scroll-hero .lf-sequence__intro-title{font-size:21px}.lf-scroll-hero .lf-sequence__intro-lede{margin-top:8px;font-size:13px;line-height:1.4}.lf-scroll-hero .lf-sequence__intro-cue{margin-top:10px;gap:5px}.lf-scroll-hero .lf-sequence__copy-panel,.lf-scroll-hero .lf-sequence__copy-panel.is-right,.lf-scroll-hero .lf-sequence__copy-panel.is-center{top:12px}.lf-scroll-hero .lf-sequence__copy-content{padding:10px 12px}.lf-scroll-hero .lf-sequence__copy-title{font-size:22px}.lf-scroll-hero .lf-sequence__copy-body{font-size:13px;line-height:1.4;margin-top:10px}.lf-scroll-hero .lf-sequence__skip{bottom:calc(48px + env(safe-area-inset-bottom,0px))}}@media(max-width:1024px)and (max-height:600px)and (orientation:landscape){.lf-scroll-hero{--lf-mobile-controls-space: calc(108px + env(safe-area-inset-bottom,0px)) }.lf-scroll-hero .lf-sequence__poster,.lf-scroll-hero .lf-sequence__video,.lf-scroll-hero .lf-sequence__canvas,.lf-scroll-hero .lf-sequence__ending-still{left:42%;top:12px;width:calc(58% - 12px);height:calc(100% - var(--lf-mobile-controls-space) - 24px)}.lf-scroll-hero .lf-sequence__intro{left:12px;right:auto;top:calc((100% - var(--lf-mobile-controls-space))/2);width:calc(40% - 18px);transform:translateY(-50%)}.lf-scroll-hero .lf-sequence__intro-inner{padding:4px 0}.lf-scroll-hero .lf-sequence__intro-logo{width:92px;margin-bottom:6px}.lf-scroll-hero .lf-sequence__intro-title{font-size:clamp(18px,2.25vw,23px);line-height:1.12;letter-spacing:.015em}.lf-scroll-hero .lf-sequence__intro-lede{margin-top:8px;font-size:12px;line-height:1.35}.lf-scroll-hero .lf-sequence__intro-cue{margin-top:10px;gap:4px}.lf-scroll-hero .lf-sequence__intro-cue-label{font-size:8px}.lf-scroll-hero .lf-sequence__intro-cue-arrow{width:8px;height:8px}.lf-scroll-hero .lf-sequence__copy{width:40%;height:calc(100% - var(--lf-mobile-controls-space))}.lf-scroll-hero .lf-sequence__copy-panel,.lf-scroll-hero .lf-sequence__copy-panel.is-right,.lf-scroll-hero .lf-sequence__copy-panel.is-center{left:12px;right:6px;top:50%;transform:translateY(-50%)}.lf-scroll-hero .lf-sequence__copy-content{padding:4px 0}.lf-scroll-hero .lf-sequence__copy-title{font-size:clamp(18px,2.25vw,23px);line-height:1.12}.lf-scroll-hero .lf-sequence__copy-body{font-size:12px;line-height:1.35;margin-top:8px}.lf-scroll-hero .lf-sequence__copy-eyebrow{font-size:8px;margin-bottom:6px;letter-spacing:.1em}.lf-scroll-hero .lf-sequence__skip{bottom:calc(44px + env(safe-area-inset-bottom,0px));padding:2px 16px}}@media(max-width:1024px)and (max-height:360px)and (orientation:landscape){.lf-scroll-hero .lf-sequence__intro-inner{padding:2px 0}.lf-scroll-hero .lf-sequence__intro-logo{width:72px;margin-bottom:4px}.lf-scroll-hero .lf-sequence__intro-title{font-size:16px;line-height:1.06}.lf-scroll-hero .lf-sequence__intro-lede{margin-top:6px;font-size:11px;line-height:1.2}.lf-scroll-hero .lf-sequence__intro-cue{margin-top:6px;gap:3px}.lf-scroll-hero .lf-sequence__intro-cue-label{font-size:7px}.lf-scroll-hero .lf-sequence__intro-cue-arrow{width:6px;height:6px}.lf-scroll-hero .lf-sequence__copy-content{padding:2px 0}.lf-scroll-hero .lf-sequence__copy-title{font-size:16px;line-height:1.1}.lf-scroll-hero .lf-sequence__copy-body{margin-top:6px;font-size:11px;line-height:1.2}.lf-scroll-hero .lf-sequence__copy-eyebrow{font-size:7px;margin-bottom:4px}}@media(prefers-reduced-motion:reduce){.lf-scroll-hero *{transition:none!important;animation:none!important}}@keyframes lf-caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lf-caption-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media(max-width:767px)and (orientation:portrait){.lf-scroll-hero{--lf-mobile-copy-space: 236px;--lf-phone-media-height: min(101.25vw, calc(100% - var(--lf-mobile-copy-space) - var(--lf-mobile-controls-space)))}.lf-scroll-hero .lf-sequence__poster,.lf-scroll-hero .lf-sequence__video,.lf-scroll-hero .lf-sequence__canvas,.lf-scroll-hero .lf-sequence__ending-still{top:max(var(--lf-mobile-copy-space),calc((100% - var(--lf-phone-media-height)) / 2));height:var(--lf-phone-media-height);object-fit:cover;object-position:center}.lf-scroll-hero .lf-sequence__ending-still,.lf-scroll-hero .lf-sequence__frame.is-ending-frame{object-position:42% center}}@media(max-width:767px)and (max-height:740px)and (orientation:portrait){.lf-scroll-hero{--lf-mobile-copy-space: 176px;--lf-mobile-controls-space: calc(106px + env(safe-area-inset-bottom, 0px)) }.lf-scroll-hero .lf-sequence__intro{top:6px}.lf-scroll-hero .lf-sequence__intro-inner{padding:8px 12px}.lf-scroll-hero .lf-sequence__intro-logo{width:96px;margin-bottom:10px}.lf-scroll-hero .lf-sequence__intro-title{font-size:21px}.lf-scroll-hero .lf-sequence__intro-lede{margin-top:8px;font-size:13px;line-height:1.4}.lf-scroll-hero .lf-sequence__intro-cue{margin-top:10px;gap:5px}.lf-scroll-hero .lf-sequence__copy-panel,.lf-scroll-hero .lf-sequence__copy-panel.is-right,.lf-scroll-hero .lf-sequence__copy-panel.is-center{top:12px}.lf-scroll-hero .lf-sequence__copy-content{padding:10px 12px}.lf-scroll-hero .lf-sequence__copy-title{font-size:22px}.lf-scroll-hero .lf-sequence__copy-body{margin-top:10px;font-size:13px;line-height:1.4}.lf-scroll-hero .lf-sequence__skip{bottom:calc(50px + env(safe-area-inset-bottom,0px))}}@media(max-width:360px)and (orientation:portrait){.lf-scroll-hero .lf-sequence__intro-title{font-size:18px}.lf-scroll-hero .lf-sequence__intro-lede{font-size:12px}}@media(max-width:360px)and (max-height:740px)and (orientation:portrait){.lf-scroll-hero{--lf-mobile-controls-space: calc(128px + env(safe-area-inset-bottom, 0px)) }.lf-scroll-hero .lf-sequence__skip{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.lf-scroll-hero .lf-sequence__skip-label-mobile{display:none}@media(max-width:767px){.lf-scroll-hero .lf-sequence__skip-label-desktop{display:none}.lf-scroll-hero .lf-sequence__skip-label-mobile{display:inline}.lf-scroll-hero .lf-sequence__skip{padding-inline:18px}.lf-scroll-hero.is-ready:not(.is-static)[data-lf-ending-frame=true] .lf-sequence__sticky[data-lf-ending-transition] .lf-sequence__ending-still.is-decoded{opacity:0}@media(orientation:portrait){.lf-scroll-hero .lf-sequence__sticky[data-lf-ending-transition] .lf-sequence__frame.is-ending-frame{--lf-phone-ending-height: min(84.375vw, calc(100% - var(--lf-mobile-copy-space) - var(--lf-mobile-controls-space)));height:var(--lf-phone-ending-height);top:max(calc(var(--lf-mobile-copy-space) + (var(--lf-phone-media-height) - var(--lf-phone-ending-height)) / 2),calc((100% - var(--lf-phone-ending-height)) / 2))}}.lf-scroll-hero[data-lf-phone-transition][data-lf-ending-frame=true] .lf-sequence__copy-title,.lf-scroll-hero[data-lf-phone-transition][data-lf-ending-frame=true] .lf-sequence__copy-body{opacity:var(--lf-ending-copy-opacity, 1)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/lf-scroll-sequence.css.map */
