: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{font-size:var(--size-button-1);letter-spacing:var(--letter-spacing-button-1)}.button-1,.button-2{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,.text-animation__description{font-size:var(--size-body-1)}.body-1,.body-2,.text-animation__description{font-family:var(--family-body,"Metro Nova Pro");font-style:normal;font-weight:400;line-height:140%}.body-2{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)}.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)}.heading-2,h2{font-size:var(--size-heading-2)}.heading-3,h3{font-size:var(--size-heading-3);line-height:var(--line-height-heading)}.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)}.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)}.text-animation{--text-animation-line-1-offset:clamp(60px,16.5vw,237.5px);--text-animation-line-2-offset:clamp(60px,16.7vw,240px);--text-animation-bg:var(--c-color-accent-2);--text-animation-text:var(--c-color-white);--text-animation-gap:0px;align-items:center;background-color:var(--text-animation-bg);color:var(--text-animation-text);display:flex;justify-content:center;min-height:clamp(600px,100vh,1000px);padding:var(--wp--preset--spacing--64) var(--wp--preset--spacing--32);transition:background-color 1s cubic-bezier(.39,1.22,.24,1.04),color 1s cubic-bezier(.39,1.22,.24,1.04)}@media(min-width:1024px){.text-animation{padding-inline:var(--wp--preset--spacing--64)}}.text-animation__inner{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center;max-width:1080px;transition:gap 1s cubic-bezier(.39,1.22,.24,1.04);width:100%}@media(min-width:1728px){.text-animation__inner{gap:var(--text-animation-gap)}}.text-animation__titles{width:100%}.text-animation__heading{align-items:center;color:inherit;display:flex;flex-direction:column;font:inherit;margin:0;width:100%}.text-animation__line{display:block;height:clamp(72px,20vw,250px);max-width:1080px;overflow:hidden;position:relative;width:100%}.text-animation__title-inner{text-wrap:balance;color:var(--text-animation-text);font-family:var(--family-flaneur,"BN Burough Clean");font-size:clamp(72px,20.8vw,300px);font-style:normal;font-weight:400;left:50%;line-height:1.066;margin:0;max-width:1080px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:transform 1s cubic-bezier(.39,1.22,.24,1.04),top 1s cubic-bezier(.39,1.22,.24,1.04),color 1s cubic-bezier(.39,1.22,.24,1.04);width:100%;word-break:break-word}.text-animation__line--1 .text-animation__title-inner,.text-animation__line--2 .text-animation__title-inner{top:200%}.text-animation__description-wrap{max-width:800px;opacity:0;overflow:hidden;transform:translateY(-40px);transition:opacity 1s cubic-bezier(.39,1.22,.24,1.04),transform 1s cubic-bezier(.39,1.22,.24,1.04);width:100%}.text-animation__description{text-wrap:pretty;color:var(--text-animation-text);margin:0;text-align:center;transition:color 1s cubic-bezier(.39,1.22,.24,1.04)}.text-animation[data-animation=step-1] .text-animation__line--1 .text-animation__title-inner{top:50%}@media(min-width:1440px){.text-animation[data-animation=step-1] .text-animation__line--1 .text-animation__title-inner{top:55%}}.text-animation[data-animation=step-2]{--text-animation-bg:var(--c-color-accent-1);--text-animation-gap:80px}.text-animation[data-animation=step-2] .text-animation__line--1 .text-animation__title-inner,.text-animation[data-animation=step-2] .text-animation__line--2 .text-animation__title-inner{top:50%}@media(min-width:1440px){.text-animation[data-animation=step-2] .text-animation__line--1 .text-animation__title-inner,.text-animation[data-animation=step-2] .text-animation__line--2 .text-animation__title-inner{top:55%}}.text-animation[data-animation=step-2] .text-animation__description-wrap{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.text-animation{--text-animation-bg:var(--c-color-accent-1);--text-animation-gap:80px}.text-animation .text-animation__line--1 .text-animation__title-inner,.text-animation .text-animation__line--2 .text-animation__title-inner{top:50%}}@media(prefers-reduced-motion:reduce)and (min-width:1440px){.text-animation .text-animation__line--1 .text-animation__title-inner,.text-animation .text-animation__line--2 .text-animation__title-inner{top:55%}}@media(prefers-reduced-motion:reduce){.text-animation .text-animation__description-wrap{opacity:1;transform:none}.text-animation__description-wrap,.text-animation__inner,.text-animation__title-inner{transition:none}}[data-brand=flaneur] .text-animation,body.brand-flaneur .text-animation,body.site-flaneur .text-animation,body[data-brand=flaneur] .text-animation{--text-animation-bg:var(--c-color-accent-1);--text-animation-text:var(--c-color-text)}[data-brand=flaneur] .text-animation[data-animation=step-2],body.brand-flaneur .text-animation[data-animation=step-2],body.site-flaneur .text-animation[data-animation=step-2],body[data-brand=flaneur] .text-animation[data-animation=step-2]{--text-animation-bg:var(--c-color-accent-2);--text-animation-text:var(--c-color-text-inverse)}@media(prefers-reduced-motion:reduce){[data-brand=flaneur] .text-animation,body.brand-flaneur .text-animation,body.site-flaneur .text-animation,body[data-brand=flaneur] .text-animation{--text-animation-bg:var(--c-color-accent-2);--text-animation-text:var(--c-color-text-inverse)}}
/*# sourceMappingURL=text-animation.css.map*/