.tt-banner{--tt-banner-content-offset: 44px;--tt-banner-content-bottom: clamp(135px, 190.44px - 3.8498vw, 176px)}.tt-banner--height-small{--tt-banner-content-offset: 24px;--tt-banner-content-bottom: 64px}.tt-banner--height-medium{--tt-banner-content-offset: 32px;--tt-banner-content-bottom: 120px}.tt-banner--height-small>.tt-section__inner,.tt-banner--height-medium>.tt-section__inner{justify-content:center}.tt-banner>.tt-section__inner{display:flex;flex-direction:column}.tt-banner--under-header{margin-block-start:calc(0px - var(--tt-header-stack, 0px))}.tt-banner--height-small>.tt-section__inner{min-height:calc(var(--tt-height-small) + var(--tt-banner-stack, 0px))}.tt-banner--height-medium>.tt-section__inner{min-height:calc(var(--tt-height-medium) + var(--tt-banner-stack, 0px))}.tt-banner--height-large>.tt-section__inner{min-height:calc(var(--tt-height-large) + var(--tt-banner-stack, 0px))}.tt-banner--height-full-screen>.tt-section__inner{min-height:calc(var(--tt-height-full) - var(--header-group-height, 0px) + var(--tt-banner-stack, 0px))}.tt-banner--under-header{--tt-banner-stack: var(--tt-header-stack, 0px)}.tt-banner--height-image{--tt-banner-content-offset: 0px;--tt-banner-content-bottom: 0px}.tt-banner--height-image>.tt-section__inner{min-height:calc(100vw / var(--tt-banner-ratio-mobile, var(--tt-banner-ratio, 1.4118)) - var(--tt-section-padding-top, 0px) - var(--tt-section-padding-bottom, 0px))}.tt-banner--height-image .tt-banner__image{position:static;width:100%;max-width:100%;height:100%}@media screen and (max-width:749px){.tt-banner--height-image .tt-heading--h1 .tt-heading__text{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;-webkit-hyphenate-character:"\200b";hyphenate-character:"\200b"}}@media screen and (min-width:750px){.tt-banner--height-image .tt-heading--h1 .tt-heading__text{-webkit-hyphens:none;hyphens:none}}@media screen and (min-width:750px){.tt-banner--height-image>.tt-section__inner{min-height:calc(100vw / var(--tt-banner-ratio, 1.4118) - var(--tt-section-padding-top, 0px) - var(--tt-section-padding-bottom, 0px));justify-content:center}.tt-banner--height-image .tt-banner__content{padding-block:var(--tt-banner-stack, 0px)}}@media screen and (min-width:990px){.tt-banner.tt-banner--height-image .tt-content>.tt-buttons{margin-block-start:0}}.tt-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tt-banner:not(:has(.tt-ribbon)) .tt-banner__media{top:calc(-1 * var(--tt-section-padding-top));bottom:calc(-1 * var(--tt-section-padding-bottom))}.tt-banner__media picture{display:block;width:100%;height:100%}.tt-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}@media screen and (max-width:749px){.tt-banner__image{position:absolute;left:-.27vw;bottom:-37.39vw;width:107.73vw;max-width:none;height:max(100% + 37.39vw,291.84vw)}}.tt-banner:has(.tt-ribbon) .tt-banner__media{-webkit-mask-image:linear-gradient(#000 0 0),url(tt-banner-photo-edge-mobile.svg);-webkit-mask-position:0 0,bottom;-webkit-mask-size:100% 100%,100% auto;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-image:linear-gradient(#000 0 0),url(tt-banner-photo-edge-mobile.svg);mask-position:0 0,bottom;mask-size:100% 100%,100% auto;mask-repeat:no-repeat;mask-composite:subtract}@media screen and (min-width:750px){.tt-banner:has(.tt-ribbon) .tt-banner__media{-webkit-mask-image:linear-gradient(#000 0 0),url(tt-banner-photo-edge.svg);mask-image:linear-gradient(#000 0 0),url(tt-banner-photo-edge.svg)}}.tt-banner__image--placeholder{background-color:rgb(var(--tt-color-purple-rgb) / .2);fill:var(--tt-color-purple)}.tt-banner__media--front{z-index:3;display:none;pointer-events:none}@media screen and (min-width:1100px){.tt-banner__media--front{display:block}}.tt-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,#141c2500,#141c250d 54%,#141c251a 91%);opacity:var(--tt-banner-overlay, 0);pointer-events:none}.tt-banner__content{position:relative;z-index:2;padding:calc(var(--tt-banner-stack, 0px) + var(--tt-banner-content-offset)) var(--tt-page-margin) var(--tt-banner-content-bottom)}.tt-banner--light.tt-section{--color-foreground: var(--tt-color-white)}.tt-banner--panel{--tt-banner-content-offset: 80px;--tt-banner-content-bottom: 0px;--tt-banner-panel-top: min(28px, 1.9444vw);--tt-banner-panel-bottom: min(51px, 3.5417vw)}.tt-banner--panel.tt-banner--height-small{--tt-banner-content-offset: 24px}.tt-banner--panel.tt-banner--height-medium{--tt-banner-content-offset: 52px}.tt-banner__panel{position:relative;margin-block-start:32px;margin-inline:calc(-1 * var(--tt-page-margin));padding:calc(var(--tt-banner-panel-top) + 25px) var(--tt-page-margin) calc(var(--tt-banner-panel-bottom) + 27px);background-image:linear-gradient(var(--tt-color-white),var(--tt-color-white));background-repeat:no-repeat;background-position:0 var(--tt-banner-panel-top);background-size:100% calc(100% - var(--tt-banner-panel-top) - var(--tt-banner-panel-bottom))}.tt-banner__panel:before,.tt-banner__panel:after{content:"";position:absolute;inset-inline:0;background-color:var(--tt-color-white);pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tt-banner__panel:before{top:0;height:var(--tt-banner-panel-top);-webkit-mask-image:url(tt-panel-cloud-top.svg);mask-image:url(tt-panel-cloud-top.svg)}.tt-banner__panel:after{bottom:0;height:var(--tt-banner-panel-bottom);-webkit-mask-image:url(tt-panel-cloud-bottom.svg);mask-image:url(tt-panel-cloud-bottom.svg)}.tt-banner__body{--color-foreground: var(--tt-color-purple);position:relative;max-width:705px;color:var(--color-foreground)}.tt-banner__body .tt-heading__text{text-shadow:none}@media screen and (min-width:990px){.tt-banner.tt-banner--panel{--tt-banner-content-offset: 100px;--tt-banner-content-bottom: 130px}.tt-banner.tt-banner--panel.tt-banner--height-small{--tt-banner-content-offset: 48px;--tt-banner-content-bottom: max(72px, 4vw)}.tt-banner.tt-banner--panel.tt-banner--height-medium{--tt-banner-content-offset: 74px;--tt-banner-content-bottom: 101px}.tt-banner__panel{margin-block-start:3px;padding-block:calc(var(--tt-banner-panel-top) + 60px) calc(var(--tt-banner-panel-bottom) + 16px)}}.tt-banner--light .tt-heading__text{text-shadow:0 4px 30px rgb(0 0 0 / .3)}.tt-banner .tt-content--gap-medium>.tt-list--features{margin-block-start:calc(var(--tt-gap-large) - var(--tt-gap-medium))}@media screen and (min-width:750px){.tt-banner .tt-list--features{gap:24px}}.tt-banner__note{display:none}.tt-banner--light .tt-note{color:var(--tt-color-white)}@media screen and (min-width:990px){.tt-banner__note{position:absolute;top:61px;right:17.3%;z-index:1;display:block;pointer-events:none}.tt-banner__note:empty{display:none}.tt-banner__note .tt-note{width:max-content}}.tt-ribbon{position:absolute;inset-inline:0;bottom:-4.667vw;z-index:2;color:var(--tt-color-accent);pointer-events:none}.tt-ribbon__art{display:block;width:100%;height:auto;overflow:visible}.tt-ribbon__art--desktop{display:none}.tt-ribbon__text{fill:var(--tt-color-white);font-family:var(--tt-font-body);letter-spacing:.05em;white-space:pre}@media screen and (min-width:750px){.tt-banner__overlay{background-image:linear-gradient(to bottom,rgb(var(--tt-color-purple-rgb) / 0),rgb(var(--tt-color-purple-rgb) / .13) 68%,rgb(var(--tt-color-purple-rgb) / 0))}.tt-ribbon{bottom:calc(-3.264vw + max(0px,(100vw - 1440px) * .0125))}.tt-ribbon__art--desktop{display:block}.tt-ribbon__art--desktop path{stroke-width:calc(56px/max(1,var(--tt-ribbon-scale, 1)))}.tt-ribbon__art--desktop .tt-ribbon__text{font-size:calc(22.6px/max(1,var(--tt-ribbon-scale, 1)))}.tt-ribbon__art--mobile{display:none}}@media screen and (max-width:989px){.tt-banner .tt-content--gap-medium:has(>.tt-buttons){--tt-content-gap: 16px}.tt-banner .tt-content>.tt-buttons{margin-block-start:8px}.tt-banner .tt-content>.tt-buttons--mobile-gap-only{margin-block-start:0}.tt-banner .tt-buttons{gap:12px}}@media screen and (min-width:990px){.tt-banner{--tt-banner-content-offset: 153px}.tt-banner--height-small{--tt-banner-content-offset: 48px;--tt-banner-content-bottom: max(72px, 4vw)}.tt-banner--height-medium{--tt-banner-content-offset: 96px;--tt-banner-content-bottom: 104px}.tt-banner .tt-content>.tt-buttons{margin-block-start:calc(var(--tt-gap-large) - var(--tt-gap-medium))}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/tt-banner.css.map */