.tf-hero{position:relative;display:grid;min-height:72svh;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.tf-hero--medium{min-height:56svh}.tf-hero__media,.tf-hero__content{grid-area:1 / 1}.tf-hero__media{position:relative}.tf-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--color-background),var(--tf-hero-shade)),rgba(var(--color-background),calc(var(--tf-hero-shade) * .4)) 45%,rgba(var(--color-background),0) 75%);pointer-events:none}.tf-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--tf-hero-image-opacity)}.tf-hero__image--desktop{display:none}.tf-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--tf-hero-video-y, 70%);opacity:var(--tf-hero-image-opacity)}@media(prefers-reduced-motion:reduce){.tf-hero__video{display:none}}.tf-hero__image--placeholder{fill:rgba(var(--color-foreground),.25)}.tf-hero__content{position:relative;display:flex;align-items:flex-end;padding-block:4rem 3.2rem}.tf-hero__inner{display:grid;justify-items:start;gap:1.6rem;max-width:60rem}.tf-hero__heading{margin:0;font-size:clamp(3.6rem,5.2vw,7.2rem);line-height:1.05;color:rgb(var(--color-foreground));text-wrap:balance}.tf-hero__text{color:rgba(var(--color-foreground),.85);font-size:1.6rem;line-height:1.55}.tf-hero__text>:first-child{margin-top:0}.tf-hero__text>:last-child{margin-bottom:0}.tf-hero__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;margin-top:.8rem}.tf-hero__link{color:rgb(var(--color-foreground));font-size:1.4rem}.tf-hero .trustpilot-rating-badge,.tf-hero .trustpilot-rating-badge:hover,.tf-hero .trustpilot-rating-badge__sep{color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.tf-hero{min-height:min(82vh,86rem)}.tf-hero--medium{min-height:min(64vh,68rem)}.tf-hero__image--desktop{display:block}.tf-hero__image--mobile{display:none}.tf-hero__media:after{background:linear-gradient(to right,rgba(var(--color-background),var(--tf-hero-shade)),rgba(var(--color-background),calc(var(--tf-hero-shade) * .4)) 40%,rgba(var(--color-background),0) 65%)}.tf-hero__content{align-items:center;padding-block:8rem}.tf-hero__text{font-size:1.8rem}}.tf-hero__content{width:100%;max-width:139.6rem;margin-inline:auto;padding-inline:2rem}@media screen and (min-width:750px){.tf-hero__content{padding-inline:5rem}}@media screen and (min-width:750px){.tf-hero{min-height:min(76vh,80rem)}.tf-hero__content{align-items:flex-end;padding-block:8rem 7.2rem}.tf-hero__media:after{background:linear-gradient(to top right,rgba(var(--color-background),var(--tf-hero-shade)),rgba(var(--color-background),calc(var(--tf-hero-shade) * .4)) 40%,rgba(var(--color-background),0) 70%)}}@media screen and (min-width:750px){.tf-hero--right .tf-hero__content{justify-content:flex-end}.tf-hero--right .tf-hero__media:after{background:linear-gradient(to top left,rgba(var(--color-background),var(--tf-hero-shade)),rgba(var(--color-background),calc(var(--tf-hero-shade) * .4)) 40%,rgba(var(--color-background),0) 70%)}}@media screen and (max-width:749px){.tf-hero{min-height:64svh}.tf-hero__media:after{background:linear-gradient(to top,rgba(var(--color-background),.85),rgba(var(--color-background),.4) 45%,rgba(var(--color-background),0) 70%)}.tf-hero__image{opacity:1}.tf-hero__heading{font-size:3.4rem}.tf-hero__text{font-size:1.5rem}.tf-hero__content{padding-block:3.2rem 2.8rem}}@media screen and (min-width:990px){.tf-hero--left .tf-hero__inner{max-width:36rem}}@media screen and (min-width:990px){.tf-hero--left .tf-hero__content{max-width:none;padding-inline:clamp(2.4rem,4.5vw,8rem)}}@media screen and (min-width:990px){.tf-hero--video{min-height:min(43vw,78vh)}.tf-hero--video .tf-hero__video{inset:auto;top:auto;bottom:0;left:0;width:var(--tf-hero-video-scale, 110%);max-width:none;height:auto;min-height:100%;object-position:left bottom;transform:none}}@media screen and (min-width:990px){.tf-hero--video .tf-hero__heading.h1{font-size:clamp(3.4rem,3.6vw,5.2rem)}.tf-hero--video.tf-hero--left .tf-hero__inner{max-width:56rem}.tf-hero--video .tf-hero__text{max-width:42rem;font-size:1.8rem;text-shadow:0 1px 14px rgba(22,29,43,.35)}.tf-hero--video .tf-hero__heading.h1{text-shadow:0 1px 18px rgba(22,29,43,.35)}}@media screen and (min-width:990px){.tf-hero--video .tf-hero__content{align-items:center;padding-block:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-tf-hero.css.map */