.section-hero-modern,.hero-modern{z-index:0}.hero-modern{position:relative;width:100%;min-height:var(--hero-height-mobile);display:flex;align-items:center;overflow:hidden}@media screen and (min-width: 750px){.hero-modern{min-height:var(--hero-height)}}.hero-modern__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-modern__picture,.hero-modern__video,.hero-modern__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-modern__image,.hero-modern__video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-modern__placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.hero-modern__placeholder-svg{width:100%;height:100%;opacity:.3}.hero-modern__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:var(--overlay-opacity);pointer-events:none}.hero-modern__container{position:relative;z-index:3;width:100%;min-height:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding-top:6rem;padding-bottom:6rem}@media screen and (min-width: 750px){.hero-modern__container{padding-top:8rem;padding-bottom:8rem}}.hero-modern__content{max-width:var(--content-max-width);color:var(--text-color);animation:heroFadeIn .8s ease-out forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-modern__content--top-left,.hero-modern__content--top-center,.hero-modern__content--top-right{align-self:start}.hero-modern__content--middle-left,.hero-modern__content--middle-center,.hero-modern__content--middle-right{align-self:center}.hero-modern__content--bottom-left,.hero-modern__content--bottom-center,.hero-modern__content--bottom-right{align-self:end}.hero-modern__content--top-left,.hero-modern__content--middle-left,.hero-modern__content--bottom-left{justify-self:start}.hero-modern__content--top-center,.hero-modern__content--middle-center,.hero-modern__content--bottom-center{justify-self:center}.hero-modern__content--top-right,.hero-modern__content--middle-right,.hero-modern__content--bottom-right{justify-self:end}.hero-modern__content--align-left{text-align:left}.hero-modern__content--align-center{text-align:center}.hero-modern__content--align-right{text-align:right}.hero-modern__eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-color);margin-bottom:1rem}@media screen and (min-width: 750px){.hero-modern__eyebrow{font-size:.8125rem;margin-bottom:1.25rem}}.hero-modern__heading{font-weight:700;line-height:1.1;margin:0 0 1.25rem;letter-spacing:-.02em}.hero-modern__heading.h1--small{font-size:clamp(1.75rem,5vw,2.5rem)}.hero-modern__heading.h1--medium{font-size:clamp(2rem,6vw,3.5rem)}.hero-modern__heading.h1--large{font-size:clamp(2.5rem,7vw,4.5rem)}.hero-modern__heading.h1--xlarge{font-size:clamp(3rem,8vw,6rem)}.hero-modern__heading-highlight{color:var(--accent-color);position:relative}.hero-modern__subheading{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin:0 0 2rem;opacity:.9;max-width:540px}.hero-modern__content--align-center .hero-modern__subheading{margin-left:auto;margin-right:auto}.hero-modern__content--align-right .hero-modern__subheading{margin-left:auto}.hero-modern__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.hero-modern__content--align-center .hero-modern__buttons{justify-content:center}.hero-modern__content--align-right .hero-modern__buttons{justify-content:flex-end}.hero-modern__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;min-width:160px}.hero-modern__button[aria-disabled=true]{pointer-events:none}.hero-modern__button--primary{background:#ffffff40;color:var(--button-text, #000);border-color:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.hero-modern__button--primary:hover{transform:translateY(-2px);background:#fff6;box-shadow:0 10px 30px #0003}.hero-modern__button--primary:active{transform:translateY(0)}.hero-modern__button--primary[aria-disabled=true]{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1}.hero-modern__button-icon{transition:transform .3s ease}.hero-modern__button--primary:hover .hero-modern__button-icon{transform:translate(4px)}.hero-modern__button--secondary{background:var(--button-bg-secondary);color:var(--button-text-secondary);border-color:var(--button-text-secondary)}.hero-modern__button--secondary:hover{background:var(--button-text-secondary);color:var(--button-bg, #000)}.hero-modern__trust{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}.hero-modern__content--align-center .hero-modern__trust{justify-content:center}.hero-modern__content--align-right .hero-modern__trust{justify-content:flex-end}.hero-modern__trust-item{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;opacity:.85;transition:opacity .3s ease}.hero-modern__trust-item:hover{opacity:1}.hero-modern__trust-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--accent-color)}.hero-modern__trust-icon svg{width:20px;height:20px}.hero-modern__trust-text{font-weight:500;white-space:nowrap}.hero-modern__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-color);opacity:.7;transition:opacity .3s ease}.hero-modern__trustpilot{margin-top:1.5rem;max-width:280px}.hero-modern__content--align-center .hero-modern__trustpilot{margin-left:auto;margin-right:auto}.hero-modern__content--align-right .hero-modern__trustpilot{margin-left:auto;margin-right:0}.hero-modern__content--align-right{display:flex;flex-direction:column;align-items:flex-end}.hero-modern__content--align-right .hero-modern__eyebrow,.hero-modern__content--align-right .hero-modern__heading,.hero-modern__content--align-right .hero-modern__subheading,.hero-modern__content--align-right .hero-modern__buttons,.hero-modern__content--align-right .hero-modern__trust,.hero-modern__content--align-right .hero-modern__trustpilot{width:100%;max-width:var(--content-max-width)}@media screen and (max-width: 749px){.hero-modern__trustpilot{margin-top:1rem;max-width:200px;transform:scale(.85);transform-origin:center center}.hero-modern__content--align-center .hero-modern__trustpilot{transform-origin:center center}.hero-modern__content{padding-top:30vh}.hero-modern__content--middle-left,.hero-modern__content--middle-center,.hero-modern__content--middle-right{align-self:flex-end;padding-bottom:2rem;padding-top:0}.hero-modern__heading.h1--large{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-modern__heading.h1--xlarge{font-size:clamp(2rem,7vw,3rem)}.hero-modern__subheading{font-size:.9rem;line-height:1.5}.hero-modern__trust{gap:.75rem 1rem}.hero-modern__trust-item{font-size:.7rem}.hero-modern__trust-icon svg{width:16px;height:16px}}.hero-modern__scroll:hover{opacity:1}.hero-modern__scroll-text{font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.hero-modern__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-color) 0%,transparent 100%);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@media screen and (max-height: 600px){.hero-modern__scroll{display:none}}@media screen and (max-width: 749px){.hero-modern__buttons{flex-direction:column}.hero-modern__button{width:100%;max-width:320px}.hero-modern__content--align-center .hero-modern__button,.hero-modern__content--align-right .hero-modern__button{margin-left:auto;margin-right:auto}.hero-modern__trust{gap:1rem 1.5rem}}@media (prefers-reduced-motion: reduce){.hero-modern__content{animation:none}.hero-modern__scroll-line{animation:none;opacity:.7}.hero-modern__button,.hero-modern__button-icon{transition:none}}.hero-modern__button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}@media (forced-colors: active){.hero-modern__button{border:2px solid currentColor}.hero-modern__overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/hero-modern.css.map */