.page-hero{position:relative;background:var(--ph-bg, #141419);min-height:var(--ph-min-height, 440px);display:flex;overflow:hidden}.page-hero__content-side{position:relative;z-index:2;display:flex;align-items:center;flex:1}.page-hero--split .page-hero__content-side{flex:0 0 58%}.page-hero__container{width:100%;padding:var(--ph-pad-top, 72px) 48px var(--ph-pad-bottom, 72px) 120px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box}.page-hero:not(.page-hero--split) .page-hero__container{max-width:860px;padding-right:120px}.page-hero__accent{width:40px;height:3px;border-radius:2px;background:var(--color-accent, #b7f24a);margin-bottom:2px;transform-origin:left center}.page-hero__breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#ffffff61;text-transform:uppercase;letter-spacing:.1em}.page-hero__breadcrumb a{color:#ffffff61;text-decoration:none;transition:color .18s ease}.page-hero__breadcrumb a:hover{color:var(--color-accent, #b7f24a)}.page-hero__breadcrumb-sep{opacity:.3}.page-hero__title{margin:0;font-size:clamp(40px,5vw,80px);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:var(--ph-text, #ffffff)}.page-hero__description{margin:0;font-size:15px;line-height:1.7;color:#ffffff8c;max-width:420px}.page-hero__scroll-cta{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff6;text-decoration:none;letter-spacing:.02em;transition:color .2s ease;margin-top:2px}.page-hero__scroll-cta svg{transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.page-hero__scroll-cta:hover{color:#ffffffc7}.page-hero__scroll-cta:hover svg{transform:translateY(4px)}.page-hero__image-side{position:absolute;right:0;top:0;bottom:0;width:48%;z-index:1;overflow:hidden}.page-hero__image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.page-hero__image-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--ph-bg, #141419) 0%,rgba(20,20,25,.65) 28%,rgba(20,20,25,.15) 55%,transparent 75%)}.page-hero__bg-glow{position:absolute;top:-30%;right:-8%;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(183,242,74,.05) 0%,transparent 70%);pointer-events:none;z-index:1}@keyframes ph-fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ph-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ph-scaleX{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.page-hero__accent{animation:ph-scaleX .55s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms}.page-hero__breadcrumb{animation:ph-fadeUp .5s ease both;animation-delay:80ms}.page-hero__title{animation:ph-fadeUp .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.16s}.page-hero__description{animation:ph-fadeUp .55s ease both;animation-delay:.26s}.page-hero__scroll-cta{animation:ph-fadeUp .5s ease both;animation-delay:.34s}.page-hero__image-side{animation:ph-fadeIn 1s ease both;animation-delay:60ms}.page-hero__bg-glow{animation:ph-fadeIn 1.4s ease both;animation-delay:.2s}@media(prefers-reduced-motion:reduce){.page-hero__accent,.page-hero__breadcrumb,.page-hero__title,.page-hero__description,.page-hero__scroll-cta,.page-hero__image-side,.page-hero__bg-glow{animation:none}}@media screen and (min-width:750px)and (max-width:1099px){.page-hero__container{padding-left:40px;padding-right:32px}.page-hero:not(.page-hero--split) .page-hero__container{padding-right:40px}.page-hero--split .page-hero__content-side{flex:0 0 62%}.page-hero__image-side{width:44%}}@media screen and (max-width:749px){.page-hero{min-height:0;flex-direction:column}.page-hero--split .page-hero__content-side{flex:unset;width:100%}.page-hero__image-side{position:relative;inset:unset;width:100%;height:var(--ph-img-height-mobile, 240px);order:-1;flex-shrink:0}.page-hero__image-fade{background:linear-gradient(to bottom,transparent 30%,var(--ph-bg, #141419) 100%)}.page-hero__container{padding:var(--ph-pad-top-mobile, 32px) 16px var(--ph-pad-bottom-mobile, 36px);gap:14px}.page-hero:not(.page-hero--split) .page-hero__container{max-width:none;padding-right:16px}.page-hero__title{font-size:clamp(32px,11vw,52px)}.page-hero__description{font-size:14px;max-width:none}.page-hero__bg-glow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-page-hero.css.map */