.trail-hero{--hero-progress:0;position:relative;isolation:isolate;display:grid;grid-template-rows:1fr auto;min-height:700px;min-height:max(700px,calc(100svh - 36px));overflow:hidden;background:#172a30;color:#fff;padding:150px var(--gutter) 34px}.trail-hero__media,.trail-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.trail-hero__media{transform:translateY(calc(var(--hero-progress) * 65px)) scale(1.035);transform-origin:center}.trail-hero__poster,.trail-hero__video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;top:0;right:0;bottom:0;left:0}.trail-hero__video{opacity:0;transition:opacity .7s ease}.trail-hero.is-video-ready .trail-hero__video{opacity:1}.trail-hero__shade{z-index:-1;background:linear-gradient(180deg,#0c171c14,#0c171c4a 32%,#0c171c63,#0c171cbf)}.trail-hero__center{width:min(100%,940px);text-align:center;justify-self:center;align-self:center;padding:12px 0 56px;transform:translateY(calc(var(--hero-progress) * -20px));opacity:calc(1 - var(--hero-progress) * .6)}.trail-hero__eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;line-height:1.7;margin-bottom:24px;animation:hero-arrive .65s .08s both}.trail-hero h1{font:700 clamp(72px,8.2vw,126px)/.94 var(--font-display);letter-spacing:-.016em;margin:0;text-shadow:0 2px 28px #101d2530}.trail-hero__line{display:block;overflow:hidden;padding:0 .035em .085em}.trail-hero__line>span{display:block;animation:hero-title-in .85s cubic-bezier(.16,1,.3,1) both}.trail-hero__line:nth-child(2)>span{animation-delay:.14s}.trail-hero__description{max-width:425px;margin:25px auto 26px;font-size:14px;line-height:1.8;text-wrap:pretty;text-shadow:0 1px 12px #12242b;animation:hero-arrive .7s .25s both}.trail-hero__cta{display:inline-flex;align-items:center;gap:22px;padding:7px 7px 7px 23px;min-height:54px;background:#fff;color:var(--ink);border:1px solid #ffffffbf;border-radius:8px;font-size:13px;font-weight:700;box-shadow:0 4px 20px #111c2620;animation:hero-arrive .7s .36s both;transition:transform .2s,box-shadow .2s}.trail-hero__cta>span{width:39px;height:39px;display:grid;place-items:center;border-radius:4px;background:#eef0ea}.trail-hero__cta .icon{width:19px;transition:transform .2s}.trail-hero__cta:hover{transform:translateY(-3px);box-shadow:0 8px 26px #111c2640}.trail-hero__cta:hover .icon{transform:translate(3px)}.trail-hero__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:28px;width:100%;animation:hero-arrive .8s .5s both}.trail-hero__scroll{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.12em;font-weight:600;min-height:44px;justify-self:start}.trail-hero__scroll-icon{width:38px;height:38px;border:1px solid #ffffff66;display:grid;place-items:center;border-radius:50%;transition:background .2s}.trail-hero__scroll .icon{width:17px;height:17px;transform:rotate(90deg)}.trail-hero__scroll:hover .trail-hero__scroll-icon{background:#ffffff26}.trail-hero__offer{display:flex;align-items:center;gap:15px;border:1px solid #ffffff45;padding:9px 18px 9px 9px;border-radius:9px;background:#1a292a99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .2s,border-color .2s;max-width:390px}.trail-hero__offer:hover{background:#243a32d9;border-color:#fff9}.trail-hero__product-photo{display:block;width:70px;height:70px;flex-shrink:0;background:#f0f1eb;border-radius:5px;overflow:hidden}.trail-hero__product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.trail-hero__offer-copy{display:flex;flex-direction:column;gap:3px;line-height:1.55;min-width:0}.trail-hero__offer-label{font-size:8px;font-weight:700;letter-spacing:.12em;color:#ffcbb6}.trail-hero__offer-copy strong{font-size:12px;font-weight:600}.trail-hero__offer-copy>span:last-child{font-size:10px;color:#e0e6e1}.trail-hero__offer>.icon{width:19px;height:19px;margin-left:6px}.trail-hero__pause{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff7a;border-radius:50%;background:#13252c66;justify-self:end;transition:background .2s}.trail-hero__pause:hover{background:#ffffff2e}.trail-hero__pause svg{width:17px;height:17px;fill:currentColor}.trail-hero__pause-icon{display:none}.trail-hero__pause[aria-pressed=true] .trail-hero__pause-icon{display:block}.trail-hero__pause[aria-pressed=true] .trail-hero__play-icon{display:none}.trail-hero :focus-visible{outline-color:#fff;outline-offset:5px}.site-header{background:#fefefe}.site-header .brand img{mix-blend-mode:normal}.page-index:has(.trail-hero) .site-header{position:absolute;top:56px;left:28px;right:28px;height:72px;padding:0 27px;border:1px solid #fefefe;border-radius:11px;background:#fefefe;box-shadow:0 5px 25px #0d25251a}.page-index:has(.trail-hero) .site-header .brand,.page-index:has(.trail-hero) .site-header .brand img{width:150px}.page-index:has(.trail-hero) .site-header .brand img{height:62px}.page-index:has(.trail-hero) .site-header .tiny-label{background:#e7eade}.page-index:has(.trail-hero) .mobile-menu{top:134px;left:28px;right:28px;border-radius:10px;border:1px solid var(--line)}@keyframes hero-title-in{0%{transform:translateY(108%);opacity:.35}to{transform:translateY(0);opacity:1}}@keyframes hero-arrive{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1800px){.trail-hero{min-height:950px;padding-top:170px;padding-bottom:44px}.trail-hero h1{font-size:142px}}@media(max-width:1050px){.trail-hero__bottom{grid-template-columns:1fr auto auto}.trail-hero__scroll{font-size:7px;letter-spacing:.08em;max-width:175px}.trail-hero__offer{gap:11px}.trail-hero__offer-copy strong{font-size:11px}}@media(max-width:800px){.page-index:has(.trail-hero) .site-header{left:16px;right:16px;top:50px;height:66px;padding:0 22px;gap:12px}.page-index:has(.trail-hero) .mobile-menu{left:16px;right:16px;top:122px;padding:10px 24px 24px}.trail-hero{min-height:max(730px,calc(100svh - 36px));padding:140px 30px 28px}.trail-hero h1{font-size:clamp(64px,10.6vw,96px)}.trail-hero__bottom{grid-template-columns:1fr auto;gap:18px}.trail-hero__scroll{display:none}.trail-hero__offer{justify-self:start}.trail-hero__pause{align-self:center}}@media(max-width:600px){.page-index:has(.trail-hero) .site-header{top:48px;left:13px;right:13px;height:63px;padding:0 17px;border-radius:9px}.page-index:has(.trail-hero) .site-header .brand,.page-index:has(.trail-hero) .site-header .brand img{width:133px}.page-index:has(.trail-hero) .site-header .brand img{height:55px}.page-index:has(.trail-hero) .mobile-menu{left:13px;right:13px;top:117px}.trail-hero{min-height:max(650px,calc(100svh - 34px));padding:124px 22px 25px}.trail-hero__media{transform:translateY(calc(var(--hero-progress) * 32px)) scale(1.04)}.trail-hero__shade{background:linear-gradient(180deg,#1021290d,#10212940 24%,#10212961 57%,#102129d4)}.trail-hero__center{padding:8px 0 55px}.trail-hero__eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:24px}.trail-hero h1{font-size:clamp(52px,13.6vw,79px);line-height:.97;letter-spacing:-.017em}.trail-hero__description{font-size:12px;line-height:1.85;max-width:290px;margin:23px auto}.trail-hero__cta{font-size:12px;padding-left:18px;gap:20px;min-height:52px}.trail-hero__bottom{gap:12px;align-items:center}.trail-hero__offer{gap:10px;padding:7px 12px 7px 7px;border-radius:7px;width:100%;max-width:330px}.trail-hero__product-photo{width:54px;height:62px}.trail-hero__offer-label{font-size:7px;letter-spacing:.07em}.trail-hero__offer-copy strong{font-size:10px}.trail-hero__offer-copy>span:last-child{font-size:8px}.trail-hero__offer>.icon{width:14px;height:14px;margin-left:auto}.trail-hero__pause{width:44px;height:44px}}@media(max-width:360px){.trail-hero{padding-left:17px;padding-right:17px}.trail-hero h1{font-size:44px}.trail-hero__bottom{gap:8px}.trail-hero__offer{padding-right:8px;gap:8px}.trail-hero__offer>.icon{display:none}.trail-hero__offer-copy strong{font-size:9px}.trail-hero__product-photo{width:45px;height:57px}.page-index:has(.trail-hero) .site-header .brand,.page-index:has(.trail-hero) .site-header .brand img{width:106px}.page-index:has(.trail-hero) .site-header .brand{left:44%}}@media(prefers-reduced-motion:reduce){.trail-hero__media,.trail-hero__center{transform:none;opacity:1}.trail-hero__eyebrow,.trail-hero__line>span,.trail-hero__description,.trail-hero__cta,.trail-hero__bottom{animation:none}.trail-hero__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-video.css.map */