.tfn-hero{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background-color:#111;--pz-x: var(--pz-mx, 50%);--pz-y: var(--pz-my, 50%);--pz-z: var(--pz-mz, 1)}@media screen and (min-width:750px){.tfn-hero{--pz-x: var(--pz-dx, 50%);--pz-y: var(--pz-dy, 50%);--pz-z: var(--pz-dz, 1)}}.tfn-hero__media,.tfn-hero__picture,.tfn-hero__img,.tfn-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tfn-hero__img{display:block;object-fit:cover;object-position:var(--pz-x, 50%) var(--pz-y, 50%);transform:scale(var(--pz-z, 1));transform-origin:var(--pz-x, 50%) var(--pz-y, 50%)}.tfn-hero__placeholder{background-color:#e5e5e5}.tfn-hero__content{position:absolute;left:0;right:0;top:var(--tfn-header-h, 5rem);bottom:0;pointer-events:none}.tfn-hero__group{position:absolute;left:var(--grp-x, 50%);top:var(--grp-y, 50%);transform:translate(calc(-1 * var(--grp-x, 50%)),calc(-1 * var(--grp-y, 50%)));display:flex;flex-direction:column;gap:var(--grp-gap, 2.4rem);max-width:90%;pointer-events:none}.tfn-hero__group--left{align-items:flex-start;text-align:left}.tfn-hero__group--center{align-items:center;text-align:center}.tfn-hero__group--right{align-items:flex-end;text-align:right}.tfn-hero__group--desktop{display:none}@media screen and (min-width:750px){.tfn-hero__group--desktop{display:flex}.tfn-hero__group--mobile{display:none}}.tfn-hero__heading{margin:0;pointer-events:auto;text-transform:uppercase;font-weight:800;font-size:clamp(2.8rem,7vw,6.4rem);line-height:1;letter-spacing:.01em}.tfn-hero__heading--light{color:#fafafa}.tfn-hero__heading--dark{color:#111}.tfn-hero__btn{display:inline-block;pointer-events:auto;background-color:#fafafa;color:#111;text-transform:uppercase;font-weight:600;letter-spacing:.08em;font-size:1.5rem;line-height:1;padding:1.2rem 7rem;text-decoration:none;white-space:nowrap;transition:opacity .15s ease}.tfn-hero__btn:hover,.tfn-hero__btn:focus-visible{opacity:.85}.tfn-hero__scroll{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;background:none;padding:0;cursor:pointer;color:#fafafa;animation:tfn-hero-arrow 2.4s ease-in-out infinite}.tfn-hero__scroll svg{display:block;width:2.8rem;height:2.8rem}@keyframes tfn-hero-arrow{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.tfn-hero__scroll{animation:none;opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tfn-hero.css.map */