.otm-hero{--_pad-x: clamp(1rem, 5vw, 4.5rem);--_max: 1320px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:var(--otm-hero-h-mob, 70svh);padding:var(--otm-hero-pt, 48px) var(--_pad-x) var(--otm-hero-pb, 48px);background-color:var(--otm-hero-bg, #0d0d0d);color:var(--otm-hero-text, #fff)}@media(min-width:750px){.otm-hero{min-height:var(--otm-hero-h, 45svh)}}.otm-hero__media{position:absolute;top:0;bottom:0;left:0;right:calc(50% - 50vw);z-index:-1;pointer-events:none}.otm-hero__img{display:block}.otm-hero:not(.otm-hero--cover) .otm-hero__img--mobile{display:none}.otm-hero--cover .otm-hero__img{width:100%;height:100%;object-fit:cover;object-position:var(--otm-hero-focus, center)}.otm-hero--cover .otm-hero__img--desktop{display:none}.otm-hero--cover .otm-hero__img--mobile{display:block}@media(min-width:750px){.otm-hero--cover .otm-hero__img--mobile{display:none}.otm-hero--cover .otm-hero__img--desktop{display:block}}.otm-hero--cover .otm-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,calc(var(--otm-hero-overlay, .6) + .2)),rgba(0,0,0,var(--otm-hero-overlay, .6)) 45%,rgba(0,0,0,calc(var(--otm-hero-overlay, .6) * .55))),linear-gradient(to top,rgba(0,0,0,.55),transparent 55%)}.otm-hero:not(.otm-hero--cover) .otm-hero__img{position:absolute;top:50%;right:0;translate:0 -50%;height:100%;width:auto;max-width:62%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 42%);mask-image:linear-gradient(to right,transparent 0%,#000 42%)}.otm-hero:not(.otm-hero--cover) .otm-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,var(--otm-hero-overlay, .6)) 0%,rgba(0,0,0,calc(var(--otm-hero-overlay, .6) * .5)) 38%,transparent 60%)}@media(max-width:749px){.otm-hero:not(.otm-hero--cover){align-items:stretch}.otm-hero:not(.otm-hero--cover) .otm-hero__media{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.otm-hero:not(.otm-hero--cover) .otm-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;translate:none;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%;-webkit-mask-image:none;mask-image:none}.otm-hero:not(.otm-hero--cover) .otm-hero__scrim{background:linear-gradient(to bottom,rgba(0,0,0,calc(var(--otm-hero-overlay, .6) + .22)),rgba(0,0,0,calc(var(--otm-hero-overlay, .6) * .45)) 26%,#0000001f 46%,rgba(0,0,0,calc(var(--otm-hero-overlay, .6) * .55)) 68%,rgba(0,0,0,calc(var(--otm-hero-overlay, .6) + .25)))}.otm-hero:not(.otm-hero--cover) .otm-hero__inner{justify-content:space-between;gap:clamp(2rem,14vh,6rem);min-height:100%}.otm-hero:not(.otm-hero--cover) .otm-hero__tail{gap:.7rem;width:100%}.otm-hero:not(.otm-hero--cover) .otm-hero__actions{margin-top:.15rem;width:100%}.otm-hero:not(.otm-hero--cover) .otm-hero__sub{font-size:.92rem}}.otm-hero:not(.otm-hero--has-media):before{content:"";position:absolute;z-index:-1;inset:-20% -10% auto -10%;height:130%;background:radial-gradient(45% 60% at 18% 45%,color-mix(in srgb,var(--otm-hero-accent, #008037) 28%,transparent),transparent 70%),radial-gradient(38% 55% at 88% 15%,color-mix(in srgb,var(--otm-hero-accent, #008037) 14%,transparent),transparent 70%);pointer-events:none}.otm-hero__lead,.otm-hero__tail{display:flex;flex-direction:column;gap:clamp(.85rem,2vw,1.15rem)}.otm-hero--left .otm-hero__lead,.otm-hero--left .otm-hero__tail{align-items:flex-start}.otm-hero--center .otm-hero__lead,.otm-hero--center .otm-hero__tail{align-items:center}.otm-hero__inner{position:relative;width:100%;max-width:var(--_max);margin-inline:auto;display:flex;flex-direction:column;gap:clamp(.85rem,2vw,1.15rem)}.otm-hero--left .otm-hero__inner{align-items:flex-start;text-align:left}.otm-hero--center .otm-hero__inner{align-items:center;text-align:center;max-width:62rem}@media(min-width:750px){.otm-hero:not(.otm-hero--cover).otm-hero--left .otm-hero__lead>*,.otm-hero:not(.otm-hero--cover).otm-hero--left .otm-hero__tail>*{max-width:min(46ch,58%)}}.otm-hero__eyebrow{display:flex;align-items:center;gap:.7rem;margin:0;font-size:clamp(.68rem,1.5vw,.78rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--otm-hero-text, #fff) 78%,transparent)}.otm-hero__rule{width:2.25rem;height:2px;flex:none;border-radius:2px;background:var(--otm-hero-accent, #008037)}.otm-hero--center .otm-hero__eyebrow{justify-content:center}.otm-hero__title{margin:0;font-size:clamp(1.85rem,5.2vw,3.7rem);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;font-weight:800;text-wrap:balance}.otm-hero__title *{margin:0}.otm-hero__sub{font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.5;color:color-mix(in srgb,var(--otm-hero-text, #fff) 82%,transparent)}.otm-hero__sub *{margin:0}.otm-hero__sub *+*{margin-top:.4em}.otm-hero__points{display:flex;flex-wrap:wrap;gap:.5rem .55rem;margin:.15rem 0 0;padding:0;list-style:none}.otm-hero--center .otm-hero__points{justify-content:center}.otm-hero__points>li{display:flex}.otm-hero__point{display:inline-flex;align-items:center;gap:.45rem;padding:.44rem .8rem;border:1px solid color-mix(in srgb,var(--otm-hero-text, #fff) 18%,transparent);border-radius:999px;background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:clamp(.76rem,1.5vw,.86rem);font-weight:600;line-height:1.2;white-space:nowrap}.otm-hero__point--link{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.otm-hero__point--link:hover,.otm-hero__point--link:focus-visible{border-color:var(--otm-hero-accent, #008037);background:color-mix(in srgb,var(--otm-hero-accent, #008037) 16%,transparent)}.otm-hero__point-arrow{flex:none;margin-left:.05rem;opacity:.55;transition:opacity .18s ease,transform .18s ease}.otm-hero__point--link:hover .otm-hero__point-arrow{opacity:1;transform:translate(2px)}.otm-hero__icon{display:inline-flex;flex:none;color:var(--otm-hero-accent, #008037)}.otm-hero__icon svg{display:block}.otm-hero__icon--img{width:16px;height:16px}.otm-hero__icon--img img{display:block;width:100%;height:100%;object-fit:contain}.otm-hero__proof{margin:0}.otm-hero__proof-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:600;color:color-mix(in srgb,var(--otm-hero-text, #fff) 72%,transparent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--otm-hero-text, #fff) 32%,transparent);padding-bottom:1px;transition:color .18s ease,border-color .18s ease}.otm-hero__proof-link:hover,.otm-hero__proof-link:focus-visible{color:var(--otm-hero-text, #fff);border-color:var(--otm-hero-accent, #008037)}.otm-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;margin-top:clamp(.35rem,1.5vw,.8rem)}.otm-hero--center .otm-hero__actions{justify-content:center}.otm-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.72em clamp(1.4rem,4vw,2.3rem);border:2px solid var(--otm-hero-accent, #008037);border-radius:6px;background:var(--otm-hero-accent, #008037);color:#fff;font-size:var(--otm-hero-cta-fs-mob, 14px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;transition:transform .15s ease,filter .18s ease}.otm-hero__cta:hover{filter:brightness(1.12)}.otm-hero__cta:active{transform:translateY(1px)}.otm-hero__cta--ghost{background:transparent;border-color:color-mix(in srgb,var(--otm-hero-text, #fff) 34%,transparent);color:var(--otm-hero-text, #fff)}.otm-hero__cta--ghost:hover{border-color:var(--otm-hero-text, #fff);filter:none}@media(min-width:750px){.otm-hero__cta{font-size:var(--otm-hero-cta-fs, 15px)}}@media(max-width:480px){.otm-hero__cta{width:100%}}.otm-hero__rating{display:inline-flex;align-items:center;gap:.5rem;font-size:.83rem;font-weight:600;color:color-mix(in srgb,var(--otm-hero-text, #fff) 80%,transparent)}.otm-hero__stars{display:inline-flex;gap:1px;color:#00b14f}.otm-hero__star{fill:currentColor}.otm-hero__star.is-empty{fill:color-mix(in srgb,currentColor 22%,transparent)}.otm-hero a:focus-visible{outline:2px solid var(--otm-hero-text, #fff);outline-offset:3px}@media(prefers-reduced-motion:reduce){.otm-hero *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-otm-hero.css.map */