:root{--size-button-1:14px;--size-button-2:12px;--size-button-3:12px;--letter-spacing-button-1:0.7px;--letter-spacing-button-2:0.6px;--letter-spacing-button-3:0.6px;--size-input-1:16px;--size-body-1:16px;--size-body-2:14px;--size-body-3:12px;--size-display-1:112px;--line-height-display:70%;--size-heading-1:40px;--size-heading-2:32px;--size-heading-3:24px;--size-heading-4:20px;--size-heading-5:16px;--weight-heading:500;--line-height-heading:120%;--line-height-heading-4:120%;--text-transform-heading:none}@media(min-width:1024px){:root{--size-button-1:16px;--size-button-2:14px;--letter-spacing-button-1:0.8px;--letter-spacing-button-2:0.7px;--size-body-1:18px;--size-body-2:16px;--size-body-3:14px;--size-heading-1:64px;--size-heading-2:48px;--size-heading-3:36px;--size-heading-4:24px;--line-height-heading-4:100%}}@media(min-width:1440px){:root{--size-display-1:220px}}[data-brand=recess],body.brand-recess,body.site-recess{--margin-display-1:-25px 0 25px}@media(min-width:1440px){[data-brand=recess],body.brand-recess,body.site-recess{--margin-display-1:-45px 0 45px}}[data-brand=flaneur],body.brand-flaneur,body.site-flaneur{--size-display-1:96px;--line-height-display:80%;--size-heading-1:56px;--size-heading-2:48px;--size-heading-3:32px;--size-heading-4:24px;--weight-heading:400;--line-height-heading:100%;--line-height-heading-4:100%;--text-transform-heading:uppercase}@media(min-width:1024px){[data-brand=flaneur],body.brand-flaneur,body.site-flaneur{--size-display-1:180px;--size-heading-1:80px;--size-heading-2:72px;--size-heading-3:48px;--size-heading-4:36px}}[data-brand=kilter],body.brand-kilter,body.site-kilter{--size-display-1:96px;--line-height-display:100%;--line-height-heading:100%;--line-height-heading-4:100%;--text-transform-heading:uppercase}@media(min-width:1024px){[data-brand=kilter],body.brand-kilter,body.site-kilter{--size-display-1:180px}}[data-brand=saltgrass],body.brand-saltgrass,body.site-saltgrass{--size-display-1:96px;--line-height-display:100%;--weight-heading:400;--line-height-heading:100%;--line-height-heading-4:100%;--text-transform-heading:uppercase}@media(min-width:1024px){[data-brand=saltgrass],body.brand-saltgrass,body.site-saltgrass{--size-display-1:180px}}.button-1,.card-carousel-square__eyebrow{font-size:var(--size-button-1);letter-spacing:var(--letter-spacing-button-1)}.button-1,.button-2,.card-carousel-square__eyebrow{font-family:var(--family-button,"Metro Nova Pro");font-style:normal;font-weight:500;line-height:120%;text-transform:uppercase}.button-2{font-size:var(--size-button-2);letter-spacing:var(--letter-spacing-button-2)}.button-3{font-size:var(--size-button-3);font-weight:500;letter-spacing:var(--letter-spacing-button-3);text-transform:uppercase}.button-3,.input-1{font-family:var(--family-button,"Metro Nova Pro");font-style:normal;line-height:120%}.input-1{font-size:var(--size-input-1);font-weight:400}.body-1{font-size:var(--size-body-1)}.body-1,.body-2,.card-carousel-square__description{font-family:var(--family-body,"Metro Nova Pro");font-style:normal;font-weight:400;line-height:140%}.body-2,.card-carousel-square__description{font-size:var(--size-body-2)}.body-3{font-family:var(--family-body,"Metro Nova Pro");font-size:var(--size-body-3);line-height:140%}.body-3,.display-1{font-style:normal;font-weight:400}.display-1{font-family:var(--family-display,"Torio Script");font-size:var(--size-display-1);line-height:var(--line-height-display);margin:var(--margin-display-1)}.heading-1,h1{font-size:var(--size-heading-1)}.card-carousel-square__title,.heading-1,.heading-2,h1,h2{font-family:var(--family-heading,"Metro Nova Pro");font-style:normal;font-weight:var(--weight-heading);line-height:var(--line-height-heading);text-transform:var(--text-transform-heading)}.card-carousel-square__title,.heading-2,h2{font-size:var(--size-heading-2)}.heading-3,h3{font-size:var(--size-heading-3);line-height:var(--line-height-heading)}.card-carousel-square__card-title,.heading-3,.heading-4,h3,h4{font-family:var(--family-heading,"Metro Nova Pro");font-style:normal;font-weight:var(--weight-heading);text-transform:var(--text-transform-heading)}.card-carousel-square__card-title,.heading-4,h4{font-size:var(--size-heading-4);line-height:var(--line-height-heading-4)}.heading-5,h5{font-family:var(--family-heading,"Metro Nova Pro");font-size:var(--size-heading-5);font-style:normal;font-weight:var(--weight-heading);line-height:var(--line-height-heading);margin-bottom:var(--wp--preset--spacing--24);text-transform:var(--text-transform-heading)}.card-carousel-square{color:var(--c-color-text);overflow:hidden;position:relative}@media(min-width:1024px){.card-carousel-square{padding-bottom:var(--wp--preset--spacing--64)}}.card-carousel-square__inner{margin-inline:auto;max-width:1600px;width:100%}.card-carousel-square__intro{min-height:275px;padding:var(--wp--preset--spacing--64) var(--wp--preset--spacing--32);position:relative;width:100%}@media(min-width:768px){.card-carousel-square__intro{padding:var(--wp--preset--spacing--64)}}@media(min-width:1024px){.card-carousel-square__intro{min-height:312px}}.card-carousel-square__intro-content{position:relative;width:100%;z-index:1}.card-carousel-square__eyebrow{color:inherit;margin-bottom:var(--wp--preset--spacing--16);text-transform:uppercase}.card-carousel-square__title{text-wrap:balance;color:inherit;margin:0}.card-carousel-square__intro-button{align-self:flex-start;margin-top:var(--wp--preset--spacing--24)}@media(min-width:1440px){.card-carousel-square__intro-button{margin-top:var(--wp--preset--spacing--40)}}.card-carousel-square__illustration{display:none!important;pointer-events:none}.card-carousel-square__illustration-image{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.card-carousel-square__illustration--desktop{display:none}@media(min-width:1024px){.card-carousel-square__illustration--desktop{align-items:center;bottom:-90px;display:flex;flex-shrink:0;height:375px;justify-content:center;overflow:hidden;position:absolute;width:375px;z-index:0}}@media(min-width:1024px)and (min-width:1024px){.card-carousel-square__illustration--desktop{right:155px}}@media(min-width:1024px)and (min-width:1440px){.card-carousel-square__illustration--desktop{right:317px}}.card-carousel-square__illustration--mobile{display:block;height:185px;margin-bottom:-49px;margin-left:35px;width:185px}@media(min-width:1024px){.card-carousel-square__illustration--mobile{display:none}}.card-carousel-square__carousel{--card-carousel-square-image-size:250px;margin-inline:auto;max-width:1600px;position:relative;width:100%}@media(min-width:768px){.card-carousel-square__carousel{--card-carousel-square-image-size:377px}}@media(min-width:1440px){.card-carousel-square__carousel{--card-carousel-square-image-size:432px}}@media(min-width:1728px){.card-carousel-square__carousel{--card-carousel-square-image-size:482px}}.card-carousel-square__swiper{overflow:visible;padding:0 var(--wp--preset--spacing--24)!important;width:100%}@media(min-width:768px){.card-carousel-square__swiper{padding-inline:var(--wp--preset--spacing--40)!important}}@media(width >= 1600px){.card-carousel-square__swiper{padding-inline:45px!important}}.card-carousel-square__swiper--centered .swiper-wrapper{justify-content:center}.card-carousel-square__slide{flex-shrink:0;height:auto!important}.card-carousel-square--slider .card-carousel-square__slide{flex:0 0 var(--card-carousel-square-image-size);width:var(--card-carousel-square-image-size)!important}.card-carousel-square__card{display:flex;flex-direction:column;height:100%;position:relative;transform-origin:center center;z-index:0}.card-carousel-square__card:hover{z-index:2}.card-carousel-square__media{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;overflow:hidden;transition:transform .3s ease-in-out;width:100%}@media(hover:hover)and (prefers-reduced-motion:no-preference){.card-carousel-square__media:hover{transform:rotate(.6deg)}}.card-carousel-square__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:transform .3s ease-in-out;width:100%}@media(prefers-reduced-motion:no-preference){.card-carousel-square__image:hover{transform:scale(1.04)}}.card-carousel-square__slide.swiper-slide-active .card-carousel-square__card{transform:rotate(.6deg)}@media(prefers-reduced-motion:no-preference){.card-carousel-square__slide.swiper-slide-active .card-carousel-square__image{transform:scale(1.04)}}.card-carousel-square__body{align-items:flex-start;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--24);padding:var(--wp--preset--spacing--40) 0}@media(min-width:1024px){.card-carousel-square__body{padding-inline:var(--wp--preset--spacing--16)}}.card-carousel-square__card-title{text-wrap:balance;line-height:1;margin:0}.card-carousel-square__description{text-wrap:pretty}.card-carousel-square__inline-link{color:inherit;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .3s ease}.card-carousel-square__inline-link:hover{color:var(--wp--preset--color--neutral-700)}.card-carousel-square__button{align-self:flex-start}.card-carousel-square__nav-container{display:none;left:0;position:absolute;top:calc(var(--card-carousel-square-image-size)/2);transform:translateY(-50%);width:100%;z-index:3}.card-carousel-square--slider .card-carousel-square__nav-container{display:flex}.card-carousel-square:not(.card-carousel-square--slider) .card-carousel-square__swiper{overflow:visible}.card-carousel-square:not(.card-carousel-square--slider) .card-carousel-square__nav-container{display:none}.card-carousel-square:not(.card-carousel-square--slider) .swiper-wrapper{display:flex;gap:24px;justify-content:center;transform:none!important}@media(min-width:768px){.card-carousel-square:not(.card-carousel-square--slider) .swiper-wrapper{gap:32px}}.card-carousel-square--count-2:not(.card-carousel-square--slider) .card-carousel-square__slide{flex:1 1 0;min-width:0;width:auto!important}.card-carousel-square--count-3:not(.card-carousel-square--slider) .card-carousel-square__slide{flex:1 1 0;min-width:var(--card-carousel-square-image-size);width:auto!important}.card-carousel-square:not(.card-carousel-square--slider):not(.card-carousel-square--count-2):not(.card-carousel-square--count-3) .card-carousel-square__slide{flex:0 0 var(--card-carousel-square-image-size);width:var(--card-carousel-square-image-size)!important}
/*# sourceMappingURL=card-carousel-square.css.map*/