.tlf-spaces{position:relative;width:100%;min-height:90vh;overflow:hidden;z-index:0}.tlf-spaces--no-padding{padding:0!important}.tlf-spaces__fullbleed{position:relative;width:100%;height:100%;min-height:90vh}.tlf-spaces__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.tlf-spaces__background-image{width:100%;height:100%;object-fit:cover;object-position:center}.tlf-spaces__background-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0e6,#e8ddd0);position:relative;overflow:hidden}.tlf-spaces__background-placeholder:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5b9e9714,#e85b8a0d,#7ecac214,#b8a0d20d,#d4b95e14);background-size:400% 400%;animation:tlfGradientShift 15s ease infinite}.tlf-spaces__background-placeholder .placeholder-svg{width:20%;max-width:200px;fill:rgba(var(--color-foreground),.15)}.tlf-spaces__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0009,#0000004d 40%,#0000 70%);z-index:2}.tlf-spaces__content-wrapper{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:4rem 2rem}@media screen and (min-width:750px){.tlf-spaces__content-wrapper{padding:5rem 4rem}}@media screen and (min-width:990px){.tlf-spaces__content-wrapper{padding:6rem 8rem;max-width:60%}}.tlf-spaces__content{display:flex;flex-direction:column;gap:1rem}.tlf-spaces__subtitle{display:inline-block;font-size:1.1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffffd9;margin-bottom:.5rem}@media screen and (min-width:750px){.tlf-spaces__subtitle{font-size:1.2rem}}.tlf-spaces__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:#fff;margin:0 0 .5rem;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.tlf-spaces__heading.h0{font-size:3rem}.tlf-spaces__heading.h1{font-size:2.5rem}.tlf-spaces__heading.h2{font-size:2rem}@media screen and (min-width:750px){.tlf-spaces__heading.h0{font-size:4rem}.tlf-spaces__heading.h1{font-size:3.5rem}.tlf-spaces__heading.h2{font-size:2.5rem}}@media screen and (min-width:990px){.tlf-spaces__heading.h0{font-size:5rem}.tlf-spaces__heading.h1{font-size:4rem}.tlf-spaces__heading.h2{font-size:3rem}}.tlf-spaces__text{font-size:1.4rem;line-height:1.6;color:#ffffffe6;margin-bottom:1.5rem;max-width:600px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.tlf-spaces__text p{margin:0}@media screen and (min-width:750px){.tlf-spaces__text{font-size:1.5rem}}.tlf-spaces__button{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-decoration:none;background-color:#5b9e97;color:#fff;border:2px solid #5B9E97;border-radius:50px;cursor:pointer;transition:all .35s cubic-bezier(.25,.46,.45,.94);width:fit-content;box-shadow:0 4px 15px #5b9e9759;position:relative;overflow:hidden}.tlf-spaces__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tlf-spaces__button:hover:before{left:100%}.tlf-spaces__button:hover{background-color:#e85b8a;border-color:#e85b8a;color:#fff;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 25px #e85b8a66}@media screen and (min-width:750px){.tlf-spaces__button{padding:1.4rem 3rem;font-size:1.3rem}}@media screen and (max-width:749px){.tlf-spaces,.tlf-spaces__fullbleed{min-height:70vh}.tlf-spaces__content-wrapper{max-width:100%}}.tlf-spaces--large,.tlf-spaces--large .tlf-spaces__fullbleed{min-height:100vh}.tlf-spaces--medium,.tlf-spaces--medium .tlf-spaces__fullbleed{min-height:80vh}.tlf-spaces--small,.tlf-spaces--small .tlf-spaces__fullbleed{min-height:60vh}.tlf-spaces__content-wrapper--left{text-align:left}.tlf-spaces__content-wrapper--center{text-align:center;display:flex;justify-content:center;max-width:100%!important}.tlf-spaces__content-wrapper--center .tlf-spaces__content{align-items:center}.tlf-spaces__content-wrapper--center .tlf-spaces__text{text-align:center}.tlf-spaces__content-wrapper--right{text-align:right;left:auto;right:0}.tlf-spaces__content-wrapper--right .tlf-spaces__content{align-items:flex-end}@media screen and (min-width:990px){.tlf-spaces__content-wrapper--right{max-width:60%}}.tlf-spaces__overlay--light{background:linear-gradient(to top,#0006,#00000026 40%,#0000 70%)}.tlf-spaces__overlay--heavy{background:linear-gradient(to top,#000c,#00000080,#0003)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tlf-spaces.css.map */
