.custom-biotic-highlight{position:relative;width:100%;background-color:var(--custom-biotic-highlight-bg);overflow:clip}.custom-biotic-highlight__background-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.custom-biotic-highlight__inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding-left:clamp(24px,5.12vw,70px);padding-right:clamp(24px,5.12vw,70px);padding-top:clamp(24px,calc(var(--custom-biotic-highlight-pt-max) * (100vw / 1366px)),var(--custom-biotic-highlight-pt-max));padding-bottom:clamp(24px,calc(var(--custom-biotic-highlight-pb-max) * (100vw / 1366px)),var(--custom-biotic-highlight-pb-max))}.custom-biotic-highlight__items{position:relative;--custom-biotic-highlight-middle-width: clamp(96px, 11.71vw, 160px);--custom-biotic-highlight-middle-gap: 15px}.custom-biotic-highlight__bottom{margin-top:clamp(32px,4vw,56px);width:100%;text-align:center}.custom-biotic-highlight__bottom-image{display:block;width:clamp(24px,2.93vw,40px);max-width:100%;height:auto;margin:0 auto clamp(14px,1.75vw,24px)}.custom-biotic-highlight__bottom-main{color:#fff;text-align:center;font-family:"Nocturne Serif",serif;font-size:clamp(24px,2.78vw,38px);font-style:normal;font-weight:600;line-height:1.2;letter-spacing:1.52px}.custom-biotic-highlight__bottom-main p{margin:0}.custom-biotic-highlight__bottom-sub{margin-top:clamp(10px,1.1vw,15px);color:#fbcb11;text-align:center;font-family:Monda,sans-serif;font-size:clamp(20px,2.2vw,30px);font-style:normal;font-weight:700;line-height:1.2;letter-spacing:3px;text-transform:uppercase}.custom-biotic-highlight__item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(96px,160px) minmax(220px,1fr);grid-template-areas:"content middle side";align-items:var(--custom-biotic-highlight-item-align, start);gap:clamp(20px,3.66vw,50px);min-height:400px}.custom-biotic-highlight--reveal .custom-biotic-highlight__item{opacity:0;transform:translateY(36px);transition:opacity .6s ease,transform .6s ease}.custom-biotic-highlight--reveal .custom-biotic-highlight__item.is-visible{opacity:1;transform:translateY(0)}.custom-biotic-highlight__item+.custom-biotic-highlight__item{margin-top:clamp(72px,10vw,140px)}.custom-biotic-highlight__item--text-right{grid-template-areas:"side middle content"}.custom-biotic-highlight__title{margin:0;font-family:Monda,sans-serif;font-size:clamp(20px,2.2vw,30px);text-transform:uppercase;color:#fbcb11}.custom-biotic-highlight__description{margin:14px 0 0;color:#fff;font-size:clamp(16px,1.76vw,24px);font-style:normal;line-height:1.2em;letter-spacing:.24px}.custom-biotic-highlight__link{margin-top:50px;display:inline-flex;align-items:center;gap:10px;color:#fbcb11;text-decoration:none}.custom-biotic-highlight__link--underline{position:relative;padding:0 0 6px;border:0;text-decoration:none;transition:all .3s ease}.custom-biotic-highlight__link--underline:hover{color:#fff}.custom-biotic-highlight__link--underline:hover svg path{stroke:#fff}.custom-biotic-highlight__link--underline:hover:after{border-bottom:3px dashed #fff}.custom-biotic-highlight__link--underline:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:3px dashed #fbcb11}.custom-biotic-highlight__link--bordered{padding:clamp(12px,1.32vw,18px) clamp(20px,2.27vw,31px);border:1px solid #fbcb11;text-decoration:none;transition:all .3s ease}.custom-biotic-highlight__link--bordered:hover{background:#fbcb11;color:#000}.custom-biotic-highlight__link--bordered:hover svg path{stroke:#000}.custom-biotic-highlight__link-icon{display:inline-flex;align-items:center;justify-content:center;width:9px;height:13px;flex-shrink:0}.custom-biotic-highlight__link-icon svg{display:block}.custom-biotic-highlight__content{grid-area:content;width:100%;max-width:465px}.custom-biotic-highlight__item--text-right .custom-biotic-highlight__content{text-align:left}.custom-biotic-highlight__media{width:100%}.custom-biotic-highlight__media--middle{position:sticky;top:clamp(80px,8vw,120px);z-index:2;width:var(--custom-biotic-highlight-middle-width);height:auto;margin:0 auto clamp(32px,4vw,56px);gap:var(--custom-biotic-highlight-middle-gap);display:flex;flex-direction:column;overflow:visible;pointer-events:none;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.custom-biotic-highlight__middle-part{position:relative;width:100%;overflow:hidden;border-radius:4px}.custom-biotic-highlight__middle-body .custom-biotic-highlight__image{position:relative;z-index:2}.custom-biotic-highlight__media--side{grid-area:side;justify-self:center;max-width:100%}.custom-biotic-highlight__image{display:block;width:100%;height:auto}.custom-biotic-highlight__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transform-origin:center;opacity:1;pointer-events:none}.custom-biotic-highlight__middle-part--has-video .custom-biotic-highlight__video{z-index:1}.custom-biotic-highlight__video--cap{transform:scale(1.18);transform-origin:center 40%}.custom-biotic-highlight__video--body{clip-path:inset(3% 0 0 0);transform:scale(1.18);transform-origin:center}.custom-biotic-highlight__item:nth-child(2){margin-top:-630px}@media screen and (max-width:767px){.custom-biotic-highlight__item:nth-child(2){margin-top:0}.custom-biotic-highlight--reveal .custom-biotic-highlight__item{transform:translateY(24px)}.custom-biotic-highlight__media--middle{position:static;height:auto;margin-bottom:28px}.custom-biotic-highlight__item{grid-template-columns:1fr;grid-template-areas:"content" "side";min-height:auto;padding-top:0}.custom-biotic-highlight__media--side{width:var(--custom-biotic-highlight-side-mobile-width);justify-self:var(--custom-biotic-highlight-side-mobile-justify)}.custom-biotic-highlight__content,.custom-biotic-highlight__item--text-right .custom-biotic-highlight__content{text-align:center}}@media(prefers-reduced-motion:reduce){.custom-biotic-highlight--reveal .custom-biotic-highlight__item{opacity:1;transform:none;transition:none}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.custom-biotic-highlight__media--middle{transition:transform .3s ease-out}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-biotic-highlight.css.map */