.tanatel-image-overlay{--tanatel-frame-radius: 26px;--tanatel-edge-gap: 16px;--tanatel-overlay-opacity: .3;--tanatel-content-width: 560px;overflow:clip}.tanatel-image-overlay>.container-full{padding-inline:var(--tanatel-edge-gap)}.tanatel-image-overlay__frame{--opacity-image-overlay: var(--tanatel-overlay-opacity);position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(var(--color-foreground, 31, 31, 31),.08);border-radius:var(--tanatel-frame-radius);background:rgb(var(--color-background, 255, 255, 255));transform:translateZ(0)}.tanatel-image-overlay__frame--shadow{box-shadow:0 22px 55px #241c151f,0 3px 12px #241c150f}.tanatel-image-overlay__frame--has-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%),linear-gradient(0deg,rgba(17,14,12,.12),transparent 42%)}.tanatel-image-overlay__frame .m-hero__bg{overflow:hidden;transform:translateZ(0)}.tanatel-image-overlay__responsive-media picture{display:block;width:100%;height:100%}.tanatel-image-overlay__frame.m-hero--adapt .tanatel-image-overlay__responsive-media{aspect-ratio:var(--tanatel-desktop-ratio, 2.333)}.tanatel-image-overlay__responsive-media picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--tanatel-image-position, center)}.tanatel-image-overlay__frame .m-hero__bg img{transform:scale(1.001);transition:transform 1.15s cubic-bezier(.22,1,.36,1);will-change:auto}@media(hover:hover)and (pointer:fine){.tanatel-image-overlay__motion--hover-zoom:hover .m-hero__bg img{transform:scale(1.035)}}.tanatel-image-overlay__frame .m-hero__inner{z-index:3;padding-block:clamp(32px,6vw,88px)}.tanatel-image-overlay__content{box-sizing:border-box;width:min(100%,var(--tanatel-content-width));max-width:var(--tanatel-content-width);border-radius:clamp(18px,2vw,26px)}.tanatel-image-overlay__content:empty{display:none}.tanatel-image-overlay__content--clean{padding:clamp(8px,1.5vw,18px);text-shadow:0 2px 18px rgba(0,0,0,.2)}.tanatel-image-overlay__content--glass,.tanatel-image-overlay__content--solid{padding:clamp(22px,3.4vw,42px);border:1px solid rgba(255,255,255,.24)}.tanatel-image-overlay__content--glass{background:linear-gradient(145deg,#16141257,#16141233);box-shadow:0 18px 45px #00000029,inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}.tanatel-image-overlay__content--solid{background:#161412d1;box-shadow:0 18px 45px #00000024}.tanatel-image-overlay__content--glass.tanatel-image-overlay__content--text-black,.tanatel-image-overlay__content--glass.tanatel-image-overlay__content--text-inherit{border-color:#ffffff80;background:linear-gradient(145deg,#ffffffd1,#ffffff9e);box-shadow:0 18px 45px #221c1624,inset 0 1px #ffffffb8;text-shadow:none}.tanatel-image-overlay__content--solid.tanatel-image-overlay__content--text-black,.tanatel-image-overlay__content--solid.tanatel-image-overlay__content--text-inherit{border-color:#ffffff8a;background:#ffffffeb}.tanatel-image-overlay .m-hero__subtitle{display:inline-block;width:fit-content;max-width:100%;margin-bottom:12px;padding:7px 12px;border:1px solid currentColor;border-radius:999px;font-size:clamp(.7rem,.7rem + .2vw,.82rem);font-weight:700;line-height:1.2;letter-spacing:.02em;opacity:.88}.tanatel-image-overlay .m-hero__title{margin-bottom:clamp(12px,2vw,20px);font-size:clamp(2rem,1.35rem + 2.35vw,4.4rem);line-height:1.08;text-wrap:balance}.tanatel-image-overlay .m-hero__text{max-width:52ch;margin-bottom:clamp(18px,2.4vw,28px);font-size:clamp(.95rem,.87rem + .25vw,1.1rem);line-height:1.75}.tanatel-image-overlay .m-hero__text:last-child,.tanatel-image-overlay .m-hero__title:last-child,.tanatel-image-overlay .m-hero__subtitle:last-child{margin-bottom:0}.tanatel-image-overlay .m-hero__btn .m-button{min-height:48px;padding-inline:clamp(22px,3vw,34px)}.tanatel-image-overlay__button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;border-width:1px;box-shadow:0 10px 24px #261e1729,inset 0 1px #ffffff2e;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,background-color .25s ease,border-color .25s ease,color .25s ease}.tanatel-image-overlay__button--soft-square{border-radius:14px}.tanatel-image-overlay__button--pill{border-radius:999px}.tanatel-image-overlay__button--minimal{border-radius:6px}.tanatel-image-overlay__button-label,.tanatel-image-overlay__button-icon{position:relative;z-index:2}.tanatel-image-overlay__button-icon{flex:0 0 auto;width:18px;height:18px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.tanatel-image-overlay--rtl .tanatel-image-overlay__button-icon{transform:rotate(180deg)}.tanatel-image-overlay__button-shine{position:absolute;inset:-45% auto -45% -55%;z-index:1;width:38%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-18deg) translate(-260%);transition:transform .72s cubic-bezier(.22,1,.36,1)}.tanatel-image-overlay__button--effect-none .tanatel-image-overlay__button-shine{display:none}.tanatel-image-overlay__button--effect-soft-glow{box-shadow:0 9px 22px #261e1724,0 0 0 1px #ffffff1f,0 0 24px #fff8ee1f}.tanatel-image-overlay__button.m-button--link{min-height:auto;padding-inline:0;overflow:visible;border-radius:0;box-shadow:none}.tanatel-image-overlay__button.m-button--link .tanatel-image-overlay__button-shine{display:none}@media(hover:hover)and (pointer:fine){.tanatel-image-overlay__button--effect-elegant-lift:hover{transform:translateY(-3px);box-shadow:0 16px 32px #261e1733,inset 0 1px #fff3}.tanatel-image-overlay__button--effect-soft-glow:hover{transform:translateY(-1px);box-shadow:0 12px 28px #261e172b,0 0 0 1px #fff3,0 0 34px #fff8ee38}.tanatel-image-overlay__button:not(.tanatel-image-overlay__button--effect-none):hover .tanatel-image-overlay__button-shine{transform:skew(-18deg) translate(560%)}.tanatel-image-overlay--ltr .tanatel-image-overlay__button:hover .tanatel-image-overlay__button-icon{transform:translate(3px)}.tanatel-image-overlay--rtl .tanatel-image-overlay__button:hover .tanatel-image-overlay__button-icon{transform:rotate(180deg) translate(3px)}.tanatel-image-overlay__button.m-button--link:hover{transform:none;box-shadow:none}}.tanatel-image-overlay .m-hero__btn .m-button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.tanatel-image-overlay .m-hero__btn .m-button:active{transform:translateY(0) scale(.98)}.tanatel-image-overlay--rtl .m-hero__content{direction:rtl}.tanatel-image-overlay--ltr .m-hero__content{direction:ltr}@media screen and (max-width:767px){.tanatel-image-overlay{--tanatel-edge-gap-mobile: min(var(--tanatel-edge-gap), 12px)}.tanatel-image-overlay>.container-full{padding-inline:var(--tanatel-edge-gap-mobile)}.tanatel-image-overlay__frame{border-radius:min(var(--tanatel-frame-radius),22px)}.tanatel-image-overlay__frame.m-hero--adapt .tanatel-image-overlay__responsive-media{aspect-ratio:var(--tanatel-mobile-ratio, var(--tanatel-desktop-ratio, 1))}.tanatel-image-overlay__frame--has-content .m-hero__bg{min-height:var(--tanatel-mobile-min-height, 480px)}.tanatel-image-overlay__frame .m-hero__inner{position:absolute!important;top:0;right:0;bottom:0;left:0;display:flex;padding-block:clamp(26px,8vw,46px);padding-inline:var(--tanatel-mobile-content-padding, 20px)}.tanatel-image-overlay__content{width:100%;max-width:min(100%,var(--tanatel-content-width))}.tanatel-image-overlay__content--glass,.tanatel-image-overlay__content--solid{padding:clamp(18px,5.4vw,28px);border-radius:clamp(16px,5vw,20px);-webkit-backdrop-filter:blur(11px) saturate(118%);backdrop-filter:blur(11px) saturate(118%)}.tanatel-image-overlay .m-hero__title{font-size:clamp(1.8rem,1.35rem + 3vw,2.65rem)}.tanatel-image-overlay .m-hero__btn{max-width:100%}.tanatel-image-overlay .m-hero__btn .m-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:46px;padding-inline:clamp(20px,7vw,28px)}.tanatel-image-overlay .m-hero__btn .m-button--link{min-height:auto;padding-inline:0}}@media screen and (min-width:768px)and (max-width:1023px){.tanatel-image-overlay__frame .m-hero__inner{padding-block:clamp(38px,6vw,60px);padding-inline:clamp(24px,5vw,48px)}.tanatel-image-overlay__content--glass,.tanatel-image-overlay__content--solid{padding:clamp(24px,4vw,34px)}}@media(prefers-contrast:more){.tanatel-image-overlay__content--glass,.tanatel-image-overlay__content--solid,.tanatel-image-overlay__button:not(.m-button--link){border-width:2px}}@media(prefers-reduced-motion:reduce){.tanatel-image-overlay *,.tanatel-image-overlay *:before,.tanatel-image-overlay *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tanatel-image-overlay__frame .m-hero__bg img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/tanatel-image-overlay.css.map */