:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}* {
scroll-behavior: smooth;
}
html,body {
overflow-x: clip;
scroll-behavior: smooth;
}
body {
position: relative;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}*,
*::before,
*::after {
box-sizing: border-box;
}
body {
overflow-x: clip;
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
}
ul, ol {
padding-inline-start: 1.125rem;
margin-block-start: 0;
}
.section-heading p {
max-width: 36rem;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.screen-reader-text:focus {
top: 0.5rem;
left: 0.5rem;
width: auto;
height: auto;
padding: 0.75rem 1rem;
clip: auto;
white-space: normal;
background: var(--color-white);
color: var(--color-black);
z-index: 100000;
}:root, :host {
--color-black: #121516;
--color-blue: #21279B;
--color-green: #2AD382;
--color-lilac: #AAB0FF;
--color-olive: #5B6A00;
--color-pink: #FFC4E3;
--color-red: #A72F0A;
--color-rorange: #E95A2D;
--color-teal: #013F37;
--color-white: #FFFFFF;
--color-yellow: #E4F677;
--font-weight-thin: 100;
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--gap-0: 0;
--gap-4: .25rem;
--gap-8: .5rem;
--gap-12: .75rem;
--gap-16: 1rem;
--gap-24: 1.5rem;
--gap-32: 2rem;
--gap-48: 3rem;
--gap-56: 3.5rem;
--gap-64: 4rem;
--gap-72: 4.5rem;
--gap-80: 5rem;
--tracking-tighter: -.05em;
--tracking-tight: -.025em;
--tracking-normal: 0em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1;
--leading-snug: 1.25;
--leading-base: 1.375;
--leading-normal: 1.5625;
--leading-relaxed: 1.625;
--leading-loose: 2;
--radius-8: .5rem;
--radius-10: .625rem;
--radius-12: .75rem;
--radius-16: 1rem;
--radius-20: 1.25rem;
--radius-24: 1.5rem;
--shadow-2xs: 0 0.0625rem #0000000d;
--shadow-xs: 0 0.0625rem 0.125rem 0 #0000000d;
--shadow-sm: 0 0.0625rem 0.1875rem 0 #0000001a, 0 0.0625rem 0.125rem -0.0625rem #0000001a;
--shadow-md: 0 0.25rem 0.375rem -0.0625rem #0000001a, 0 0.125rem 0.25rem -0.125rem #0000001a;
--shadow-lg: 0 0.625rem 0.9375rem -0.1875rem #0000001a, 0 0.25rem 0.375rem -0.25rem #0000001a;
--shadow-xl: 0 1.25rem 1.5625rem -0.3125rem #0000001a, 0 0.5rem 0.625rem -0.375rem #0000001a;
--shadow-2xl: 0 1.5625rem 3.125rem -0.75rem #00000040;
--spacing: .25rem;
--text-max-h4: 2.25rem;
--text-max-h3: 3rem;
--text-max-h2: 6rem;
--text-max-h1: 9rem;
--text-p-xs: .75rem;
--text-p-sm: .875rem;
--text-p: 1.0625rem;
--text-p-lg: 1.625rem;
--text-h6: 1.125rem;
--text-h5: 1.25rem;
--text-h4: 2rem;
--text-h3: 3.5rem;
--text-h2: 4.5rem;
--text-h1: 6.75rem;
--text-min-h4: 1.5rem;
--text-min-h3: 2rem;
--text-min-h2: 2.375rem;
--text-min-h1: 3rem;
--inset-shadow-2xs: inset 0 0.0625rem #0000000d;
--inset-shadow-xs: inset 0 0.0625rem 0.0625rem #0000000d;
--inset-shadow-sm: inset 0 0.125rem 0.25rem #0000000d;
--drop-shadow-xs: 0 0.0625rem 0.0625rem #0000000d;
--drop-shadow-sm: 0 0.0625rem 0.125rem #00000026;
--drop-shadow-md: 0 0.1875rem 0.1875rem #0000001f;
--drop-shadow-lg: 0 0.25rem 0.25rem #00000026;
--drop-shadow-xl: 0 0.5625rem 0.4375rem #0000001a;
--drop-shadow-2xl: 0 1.5625rem 1.5625rem #00000026;
--text-shadow-2xs: 0rem 0.0625rem 0rem #00000026;
--text-shadow-xs: 0rem 0.0625rem 0.0625rem #0003;
--text-shadow-sm: 0rem 0.0625rem 0rem #00000013, 0rem 0.0625rem 0.0625rem #00000013, 0rem 0.125rem 0.125rem #00000013;
--text-shadow-md: 0rem 0.0625rem 0.0625rem #0000001a, 0rem 0.0625rem 0.125rem #0000001a, 0rem 0.125rem 0.25rem #0000001a;
--text-shadow-lg: 0rem 0.0625rem 0.125rem #0000001a, 0rem 0.1875rem 0.125rem #0000001a, 0rem 0.25rem 0.5rem #0000001a;
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-bounce: bounce 1s infinite;
--blur-xs: 0.25rem;
--blur-sm: 0.5rem;
--blur-md: 0.75rem;
--blur-lg: 1rem;
--blur-xl: 1.5rem;
--blur-2xl: 2.5rem;
--blur-3xl: 4rem;
--perspective-dramatic: 6.25rem;
--perspective-near: 18.75rem;
--perspective-normal: 31.25rem;
--perspective-midrange: 50rem;
--perspective-distant: 75rem;
--aspect-video: 16/9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}.grid-container, .grid-container-full {
width: 100%;
padding-inline: clamp(1.5rem, 4vw, 3rem);
}
.grid-5 {
flex: 1 1 2%;
max-width: 5%;
min-width: 2%;
}
.grid-10 {
flex: 1 1 7.5%;
max-width: 10%;
min-width: 7.5%;
}
.grid-15 {
flex: 1 1 14.3%;
max-width: 15%;
min-width: 14.3%;
}
.grid-16 {
flex: 1 1 14.3%;
max-width: 16.6666%;
min-width: 14.3%;
}
.grid-20 {
flex: 1 1 17%;
max-width: 20%;
min-width: 17%;
}
.grid-25 {
flex: 1 1 22%;
max-width: 25%;
min-width: 22%;
}
.grid-30 {
flex: 1 1 25.5%;
max-width: 30%;
min-width: 25.5%;
}
.grid-33 {
flex: 1 1 30%;
max-width: 33.3333%;
min-width: 30%;
}
.grid-35 {
flex: 1 1 33.5%;
max-width: 35%;
min-width: 33.5%;
}
.grid-40 {
flex: 1 1 35%;
max-width: 40%;
min-width: 35%;
}
.grid-45 {
flex: 1 1 42%;
max-width: 45%;
min-width: 42%;
}
.grid-50 {
flex: 1 1 45%;
max-width: 50%;
min-width: 45%;
}
.grid-55 {
flex: 1 1 51%;
max-width: 55%;
min-width: 51%;
}
.grid-60 {
flex: 1 1 52%;
max-width: 60%;
min-width: 52%;
}
.grid-65 {
flex: 1 1 62%;
max-width: 65%;
min-width: 62%;
}
.grid-66 {
flex: 1 1 64%;
max-width: 66.6666%;
min-width: 64%;
}
.grid-70 {
flex: 1 1 67%;
max-width: 70%;
min-width: 67%;
}
.grid-75 {
flex: 1 1 71%;
max-width: 75%;
min-width: 71%;
}
.grid-80 {
flex: 1 1 76%;
max-width: 80%;
min-width: 76%;
}
.grid-85 {
flex: 1 1 81%;
max-width: 85%;
min-width: 81%;
}
.grid-90 {
flex: 1 1 85.5%;
max-width: 90%;
min-width: 85.5%;
}
.grid-95 {
flex: 1 1 92%;
max-width: 95%;
min-width: 92%;
}
.grid-100 {
flex: 1 1 100%;
max-width: 100%;
min-width: 100%;
} .text-align-center {
text-align: center;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
} .position-relative {
position: relative!important;
}
.position-absolute {
position: absolute!important;
}
.position-fixed {
position: fixed!important;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
} .display-none {
display: none !important;
} .z-index--1 {
z-index: -1;
}
.z-index-0 {
z-index: 0;
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.z-index-4 {
z-index: 4;
}
.z-index-5 {
z-index: 5;
}
.z-index-6 {
z-index: 6;
}
.z-index-7 {
z-index: 7;
}
.z-index-8 {
z-index: 8;
}
.z-index-9 {
z-index: 9;
}
.z-index-10 {
z-index: 10;
}
@media screen and (min-width: 64.001rem) {
.hide-on-desktop {
display: none !important;
}
.grid-container {
max-width: 85rem;
} .prefix-5 {
margin-left: 5%;
}
.prefix-10 {
margin-left: 10%;
}
.prefix-15 {
margin-left: 15%;
}
.prefix-20 {
margin-left: 20%;
}
.prefix-25 {
margin-left: 25%;
}
.prefix-33 {
margin-left: 33.3333%;
}
.suffix-5 {
margin-right: 5%;
}
.suffix-10 {
margin-right: 10%;
}
.suffix-15 {
margin-right: 15%;
}
.suffix-20 {
margin-right: 20%;
}
.suffix-25 {
margin-right: 25%;
}
.suffix-33 {
margin-right: 33.3333%;
}
}
@media screen and (min-width: 48rem) and (max-width: 64rem) {
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
flex: 1 1 2%;
max-width: 5%;
min-width: 2%;
}
.tablet-grid-10 {
flex: 1 1 7.5%;
max-width: 10%;
min-width: 7.5%;
}
.tablet-grid-15 {
flex: 1 1 14.3%;
max-width: 15%;
min-width: 14.3%;
}
.tablet-grid-16 {
flex: 1 1 14.3%;
max-width: 16.6666%;
min-width: 14.3%;
}
.tablet-grid-20 {
flex: 1 1 17%;
max-width: 20%;
min-width: 17%;
}
.tablet-grid-25 {
flex: 1 1 22%;
max-width: 25%;
min-width: 22%;
}
.tablet-grid-30 {
flex: 1 1 25.5%;
max-width: 30%;
min-width: 25.5%;
}
.tablet-grid-33 {
flex: 1 1 30%;
max-width: 33.3333%;
min-width: 30%;
}
.tablet-grid-35 {
flex: 1 1 33.5%;
max-width: 35%;
min-width: 33.5%;
}
.tablet-grid-40 {
flex: 1 1 35%;
max-width: 40%;
min-width: 35%;
}
.tablet-grid-45 {
flex: 1 1 42%;
max-width: 45%;
min-width: 42%;
}
.tablet-grid-50 {
flex: 1 1 45%;
max-width: 50%;
min-width: 45%;
}
.tablet-grid-55 {
flex: 1 1 51%;
max-width: 55%;
min-width: 51%;
}
.tablet-grid-60 {
flex: 1 1 52%;
max-width: 60%;
min-width: 52%;
}
.tablet-grid-65 {
flex: 1 1 62%;
max-width: 65%;
min-width: 62%;
}
.tablet-grid-66 {
flex: 1 1 64%;
max-width: 66.6666%;
min-width: 64%;
}
.tablet-grid-70 {
flex: 1 1 67%;
max-width: 70%;
min-width: 67%;
}
.tablet-grid-75 {
flex: 1 1 71%;
max-width: 75%;
min-width: 71%;
}
.tablet-grid-80 {
flex: 1 1 76%;
max-width: 80%;
min-width: 76%;
}
.tablet-grid-85 {
flex: 1 1 81%;
max-width: 85%;
min-width: 81%;
}
.tablet-grid-90 {
flex: 1 1 85.5%;
max-width: 90%;
min-width: 85.5%;
}
.tablet-grid-95 {
flex: 1 1 92%;
max-width: 95%;
min-width: 92%;
}
.tablet-grid-100 {
flex: 1 1 100%;
max-width: 100%;
min-width: 100%;
} .tablet-prefix-5 {
margin-left: 5%;
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-prefix-33 {
margin-left: 33.3333%;
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-suffix-33 {
margin-right: 33.3333%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
}
@media screen and (max-width: 47.999rem) {
.hide-on-mobile {
display: none !important;
}
.grid-5, .grid-10, .grid-15, .grid-16, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100 {
flex: 1 1 100%;
width: 100%;
max-width: 100%;
}
.mobile-grid-5 {
flex: 1 1 2%;
max-width: 5%;
min-width: 2%;
}
.mobile-grid-10 {
flex: 1 1 7.5%;
max-width: 10%;
min-width: 7.5%;
}
.mobile-grid-15 {
flex: 1 1 14.3%;
max-width: 15%;
min-width: 14.3%;
}
.mobile-grid-16 {
flex: 1 1 14.3%;
max-width: 16.6666%;
min-width: 14.3%;
}
.mobile-grid-20 {
flex: 1 1 17%;
max-width: 20%;
min-width: 17%;
}
.mobile-grid-25 {
flex: 1 1 22%;
max-width: 25%;
min-width: 22%;
}
.mobile-grid-30 {
flex: 1 1 25.5%;
max-width: 30%;
min-width: 25.5%;
}
.mobile-grid-33 {
flex: 1 1 30%;
max-width: 33.3333%;
min-width: 30%;
}
.mobile-grid-35 {
flex: 1 1 33.5%;
max-width: 35%;
min-width: 33.5%;
}
.mobile-grid-40 {
flex: 1 1 35%;
max-width: 40%;
min-width: 35%;
}
.mobile-grid-45 {
flex: 1 1 42%;
max-width: 45%;
min-width: 42%;
}
.mobile-grid-50 {
flex: 1 1 45%;
max-width: 50%;
min-width: 45%;
}
.mobile-grid-55 {
flex: 1 1 51%;
max-width: 55%;
min-width: 51%;
}
.mobile-grid-60 {
flex: 1 1 52%;
max-width: 60%;
min-width: 52%;
}
.mobile-grid-65 {
flex: 1 1 62%;
max-width: 65%;
min-width: 62%;
}
.mobile-grid-66 {
flex: 1 1 64%;
max-width: 66.6666%;
min-width: 64%;
}
.mobile-grid-70 {
flex: 1 1 67%;
max-width: 70%;
min-width: 67%;
}
.mobile-grid-75 {
flex: 1 1 71%;
max-width: 75%;
min-width: 71%;
}
.mobile-grid-80 {
flex: 1 1 76%;
max-width: 80%;
min-width: 76%;
}
.mobile-grid-85 {
flex: 1 1 81%;
max-width: 85%;
min-width: 81%;
}
.mobile-grid-90 {
flex: 1 1 85.5%;
max-width: 90%;
min-width: 85.5%;
}
.mobile-grid-95 {
flex: 1 1 92%;
max-width: 95%;
min-width: 92%;
}
.mobile-grid-100 {
flex: 1 1 100%;
max-width: 100%;
min-width: 100%;
} .mobile-prefix-5 {
margin-left: 5%;
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-prefix-33 {
margin-left: 33.3333%;
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-suffix-33 {
margin-right: 33.3333%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
}.grid-container, .grid-container-full {
gap: var(--gap-32);
} .padding-global-quarter {
padding-top: .5rem;
padding-bottom: .5rem;
}
.padding-top-quarter {
padding-top: .5rem;
}
.padding-bottom-quarter {
padding-bottom: .5rem;
}
.padding-global-half {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-top-half {
padding-top: 1rem;
}
.padding-bottom-half {
padding-bottom: 1rem;
}
.padding-global {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-top {
padding-top: 2rem;
}
.padding-bottom {
padding-bottom: 2rem;
}
.padding-global-2x {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-top-2x {
padding-top: 4rem;
}
.padding-bottom-2x {
padding-bottom: 4rem;
}
.padding-global-3x {
padding-top: 6rem;
padding-bottom: 6rem;
}
.padding-top-3x {
padding-top: 6rem;
}
.padding-bottom-3x {
padding-bottom: 6rem;
}
.padding-global-4x {
padding-top: 8rem;
padding-bottom: 8rem;
}
.padding-top-4x {
padding-top: 8rem;
}
.padding-bottom-4x {
padding-bottom: 8rem;
}
.padding-global-5x {
padding-top: 10rem;
padding-bottom: 10rem;
}
.padding-top-5x {
padding-top: 10rem;
}
.padding-bottom-5x {
padding-bottom: 10rem;
}
.padding-global-6x {
padding-top: 12rem;
padding-bottom: 12rem;
}
.padding-top-6x {
padding-top: 12rem;
}
.padding-bottom-6x {
padding-bottom: 12rem;
}
.padding-top-0 {
padding-top: 0!important;
}
.padding-right-0 {
padding-right: 0!important;
}
.padding-bottom-0 {
padding-bottom: 0!important;
}
.padding-left-0 {
padding-left: 0!important;
}
@media (max-width: 47.999rem) {
.grid-container, .grid-container-full {
gap: var(--gap-24);
}
.padding-global, .padding-global-2x, .padding-global-3x, .padding-global-4x, .padding-global-5x, .padding-global-6x {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.padding-top, .padding-top-2x, .padding-top-3x, .padding-top-4x, .padding-top-5x, .padding-top-6x {
padding-top: 2.5rem;
}
.padding-bottom, .padding-bottom-2x, .padding-bottom-3x, .padding-bottom-4x, .padding-bottom-5x, .padding-bottom-6x {
padding-bottom: 2.5rem;
}
.mobile-padding-top {
padding-top: 2.5rem;
}
.mobile-padding-bottom {
padding-bottom: 2.5rem;
}
}.grid-container, .grid-container-full, .flex-column, .flex-column-reverse, .flex-row, .flex-row-reverse {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.grid-container, .grid-container-full {
margin-left: auto;
margin-right: auto;
position: relative;
align-items: center;
justify-content: center;
} .flex-column {
flex-direction: column;
}
.flex-column-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
} .flex-wrap-wrap {
flex-wrap: wrap;
} .align-items-flex-start {
align-items: flex-start;
}
.align-items-center {
align-items: center;
}
.align-items-flex-end {
align-items: flex-end;
}
.align-items-stretch {
align-items: stretch;
} .justify-content-center {
justify-content: center!important;
}
.justify-content-flex-start {
justify-content: flex-start;
}
.justify-content-flex-end {
justify-content: flex-end;
}
.justify-content-space-around {
justify-content: space-around!important;
}
.justify-content-space-between {
justify-content: space-between;
}
.justify-content-space-between > *:after, .justify-content-space-between > *:before {
content: "";
display: none;
} .flex-direction-column {
flex-direction: column;
}
.flex-direction-column-reverse {
flex-direction: column-reverse;
}
.flex-direction-row {
flex-direction: row;
}
.flex-direction-row-reverse {
flex-direction: row-reverse;
}
.flex-grow-1 {
flex-grow: 1;
} .gap-0 {
gap: var(--gap-0);
}
.gap-4 {
gap: var(--gap-4);
}
.gap-8 {
gap: var(--gap-8);
}
.gap-12 {
gap: var(--gap-12);
}
.gap-16 {
gap: var(--gap-16);
}
.gap-24 {
gap: var(--gap-24);
}
.gap-32 {
gap: var(--gap-32);
}
.gap-48 {
gap: var(--gap-48);
}
@media screen and (min-width: 48rem) {
.grid-container, .grid-container-full {
justify-content: space-between;
}
.justify-content-center {
justify-content: center!important;
}
.justify-content-flex-start {
justify-content: flex-start;
}
.justify-content-flex-end {
justify-content: flex-end;
}
.justify-content-space-around {
justify-content: space-around!important;
}
.justify-content-space-between {
justify-content: space-between;
}
}   @media screen and (max-width: 47.999rem) { .grid-container, .grid-container-full {
flex-direction: column;
}
.flex-row {
flex-direction: column;
}
.mobile-flex-direction-column {
flex-direction: column;
}
.mobile-flex-direction-row {
flex-direction: row!important;
} .mobile-align-items-flex-start {
align-items: flex-start;
}
.mobile-align-items-flex-end {
align-items: flex-end;
} .mobile-justify-content-flex-start {
justify-content: flex-start;
}
.mobile-justify-content-flex-end {
justify-content: flex-end;
}
.mobile-justify-content-space-between {
justify-content: space-between;
} .mobile-flex-direction-column-reverse {
flex-direction: column-reverse;
}
.mobile-flex-direction-row-reverse {
flex-direction: row-reverse;
} .mobile-gap-0 {
gap: 0;
}
.mobile-gap-4 {
gap: var(--gap-4);
}
.mobile-gap-8 {
gap: var(--gap-8);
}
.mobile-gap-12 {
gap: var(--gap-12);
}
.mobile-gap-16 {
gap: var(--gap-16);
} .mobile-flex-wrap-wrap {
flex-wrap: wrap;
}
}.background-black .tagline, .background-black .eyebrow, .background-black p a, .background-black a.text-link, .background-black p.text-link, .background-blue .tagline, .background-blue .eyebrow, .background-blue p a, .background-blue a.text-link, .background-blue p.text-link, .background-olive .tagline, .background-olive .eyebrow, .background-olive p a, .background-olive a.text-link, .background-olive p.text-link, .background-red .tagline, .background-red .eyebrow, .background-red p a, .background-red a.text-link, .background-red p.text-link, .background-teal .tagline, .background-teal .eyebrow, .background-teal p a, .background-teal a.text-link, .background-teal p.text-link {
color: var(--color-yellow);
} .background-black {
background-color: var(--color-black);
color: var(--color-white);
} .background-blue {
background-color: var(--color-blue);
color: var(--color-lilac);
} .background-green {
background-color: var(--color-green);
color: var(--color-teal);
}
.background-green .tagline, .background-green .eyebrow, .background-green p a, .background-green a.text-link, .background-green p.text-link {
color: var(--color-teal);
} .background-olive {
background-color: var(--color-olive);
color: var(--color-yellow);
} .background-pink {
background-color: var(--color-pink);
color: var(--color-red);
}
.background-pink h1, .background-pink h2, .background-pink h3, .background-pink h4, .background-pink h5, .background-pink h6, .background-pink p {
color: var(--color-red)!important;
} .background-red {
background-color: var(--color-red);
color: var(--color-pink);
} .background-teal {
background-color: var(--color-teal);
color: var(--color-green);
} .background-white {
background-color: var(--color-white);
color: var(--color-black);
}
.background-white .tagline, .background-white .eyebrow, .background-white p a, .background-white a.text-link, .background-white p.text-link {
color: var(--color-rorange);
} .background-yellow {
background-color: var(--color-yellow);
color: var(--color-black);
}
.background-yellow .tagline, .background-yellow .eyebrow, .background-yellow p a, .background-yellow a.text-link, .background-yellow p.text-link {
color: var(--color-blue);
} .background-lilac {
background-color: var(--color-lilac);
color: var(--color-black);
}  .background-blue .button.primary, .background-blue .button.secondary, .background-red .button.primary, .background-red .button.secondary, li.button a {
background-color: var(--color-white);
color: var(--color-blue);
border: solid .0625rem var(--color-white);
}
li.button a {
color: var(--color-black);
}
.background-red .button.primary, .background-red .button.secondary {
color: var(--color-red);
}
.background-blue .button.secondary, .background-red .button.secondary {
background-color: transparent;
color: var(--color-white);
} .background-yellow .button.primary, .background-yellow .button.secondary {
background-color: var(--color-blue);
color: var(--color-yellow);
border: solid .0625rem var(--color-blue);
}
.background-yellow .button.secondary {
background-color: transparent;
color: var(--color-blue);
}  section .background-black .tagline, section .background-black .eyebrow, section .background-black p a, section .background-black a.text-link, section .background-black p.text-link, section .background-blue .tagline, section .background-blue .eyebrow, section .background-blue p a, section .background-blue a.text-link, section .background-blue p.text-link, section .background-olive .tagline, section .background-olive .eyebrow, section .background-olive p a, section .background-olive a.text-link, section .background-olive p.text-link, section .background-red .tagline, section .background-red .eyebrow, section .background-red p a, section .background-red a.text-link, section .background-red p.text-link, section .background-teal .tagline, section .background-teal .eyebrow, section .background-teal p a, section .background-teal a.text-link, section .background-teal p.text-link {
color: var(--color-yellow);
} section .background-black {
background-color: var(--color-black);
color: var(--color-white);
} section .background-blue {
background-color: var(--color-blue);
color: var(--color-lilac);
} section .background-green {
background-color: var(--color-green);
color: var(--color-teal);
}
section .background-green .tagline, section .background-green .eyebrow, section .background-green p a, section .background-green a.text-link, section .background-green p.text-link {
color: var(--color-teal);
} section .background-olive {
background-color: var(--color-olive);
color: var(--color-yellow);
} section .background-red {
background-color: var(--color-red);
color: var(--color-pink);
} section .background-teal {
background-color: var(--color-teal);
color: var(--color-green);
} section .background-white {
background-color: var(--color-white);
color: var(--color-black);
}
section .background-white .tagline, section .background-white .eyebrow, section .background-white p a, section .background-white a.text-link, section .background-white p.text-link {
color: var(--color-rorange);
} section .background-yellow {
background-color: var(--color-yellow);
color: var(--color-black);
}
section .background-yellow .tagline, section .background-yellow .eyebrow, section .background-yellow p a, section .background-yellow a.text-link, section .background-yellow p.text-link {
color: var(--color-blue);
} section .background-lilac {
background-color: var(--color-lilac);
color: var(--color-black);
}@font-face {
font-family: Editorial;
font-style: normal;
font-weight: 300;
src: url(//heritage.tiltedchair.co/wp-content/themes/tilted-chair/assets/fonts/editorial-old/editorial_old_regular_300.woff2) format('woff2');
}
@font-face {
font-family: Editorial-Italic;
font-style: normal;
font-weight: 300;
src: url(//heritage.tiltedchair.co/wp-content/themes/tilted-chair/assets/fonts/editorial-old/editorial_old_italic_300.woff2) format('woff2');
}
:root {
--type-editorial: "Editorial", serif;
--type-editorial-italic: "Editorial-Italic", serif;
}
body {
font-family: "Libre Franklin", sans-serif;
line-height: var(--leading-normal);
padding: 0;
margin: 0;
position: relative;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
h1, h2, h3 {
font-family: var(--type-editorial);
font-weight: var(--font-weight-extralight);
line-height: var(--leading-snug);
font-feature-settings: 'dlig';
margin-block-start: .75rem;
margin-block-end: .75rem;
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
h1 em, h2 em, h3 em {
font-family: var(--type-editorial-italic);
font-style: normal;
font-feature-settings: 'dlig';
}
h1 {
font-size: clamp(var(--text-min-h1), 4.125vw, var(--text-max-h1));
}
h2 {
font-size: clamp(var(--text-min-h2), 3.75vw, var(--text-max-h2));
}
h3 {
font-size: clamp(var(--text-min-h3), 3vw, var(--text-max-h3));
}
h4 {
font-size: clamp(var(--text-min-h4), 2.5vw, var(--text-max-h4));
margin-block-start: .375rem;
margin-block-end: .375rem;
}
h5 {
font-size: var(--text-h5);
}
h6 {
font-size: var(--text-h6);
}
p {
margin-block-start: .25rem;
margin-block-end: .25rem;
font-size: var(--text-p);
}
.rich-text p {
margin-block-start: 1rem;
margin-block-end: 1rem;
} 
p.small {
font-size: var(--text-p-sm);
}
p.x-small {
font-size: var(--text-p-xs);
}
p.large {
font-size: var(--text-p-lg);
}
.h1, .h2, .h3, .h4 {
font-family: var(--type-editorial);
line-height: var(--leading-snug);
font-feature-settings: 'dlig';
margin-block-end: 1rem;
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.h1 em, .h2 em, .h3 em, .h4 em {
font-family: var(--type-editorial-italic);
}
.h1 {
font-size: clamp(var(--text-min-h1), 4.125vw, var(--text-max-h1))!important;
}
.h2 {
font-size: clamp(var(--text-min-h2), 3.75vw, var(--text-max-h2))!important;
}
.h3 {
font-size: clamp(var(--text-min-h3), 3vw, var(--text-max-h3))!important;
}
.h4 {
font-size: clamp(var(--text-min-h4), 2.5vw, var(--text-max-h4))!important;
margin-block-start: .375rem;
margin-block-end: .375rem;
}
.h5 {
font-size: var(--text-h5)!important;
}
.h6 {
font-size: var(--text-h6);
}
.p, .tagline, .eyebrow {
font-size: var(--text-p);
}
.p-small {
font-size: var(--text-p-sm);
}
.p-large {
font-size: var(--text-p-lg);
}
.h5, .h6, .p, .tagline, .eyebrow {
font-family: "Libre Franklin", sans-serif;
line-height: var(--leading-normal);
padding: 0;
margin: 0;
position: relative;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}.padding-container, .padding-container-small {
padding: clamp(1.5rem, 4vw, 3rem);
border-radius: var(--radius-20);
overflow: clip;
}
.padding-container-small {
padding: 1.5rem;
border-radius: var(--radius-10)!important;
}
.border-radius-10, .border-radius-10 > img, .border-radius-10 > p > img {
border-radius: var(--radius-10);
overflow: clip;
}
.border-radius-20, .border-radius-20 > img, .border-radius-20 > p > img {
border-radius: var(--radius-20)!important;
overflow: clip;
} .color-container.background-black .tagline, .color-container.background-black .eyebrow, .color-container.background-black p a, .color-container.background-black a.text-link, .color-container.background-black p.text-link, .color-container.background-blue .tagline, .color-container.background-blue .eyebrow, .color-container.background-blue p a, .color-container.background-blue a.text-link, .color-container.background-blue p.text-link, .color-container.background-olive .tagline, .color-container.background-olive .eyebrow, .color-container.background-olive p a, .color-container.background-olive a.text-link, .color-container.background-olive p.text-link, .color-container.background-red .tagline, .color-container.background-red .eyebrow, .color-container.background-red p a, .color-container.background-red a.text-link, .color-container.background-red p.text-link, .color-container.background-teal .tagline, .color-container.background-teal .eyebrow, .color-container.background-teal p a, .color-container.background-teal a.text-link, .color-container.background-teal p.text-link {
color: var(--color-yellow);
} .color-container.background-black {
background-color: var(--color-black);
color: var(--color-white);
} .color-container.background-blue {
background-color: var(--color-blue);
color: var(--color-lilac);
} .color-container.background-olive {
background-color: var(--color-olive);
color: var(--color-white);
} .color-container.background-red {
background-color: var(--color-red);
color: var(--color-pink);
} .color-container.background-teal {
background-color: var(--color-teal);
color: var(--color-green);
} .color-container.background-white {
background-color: var(--color-white);
color: var(--color-black);
}
.color-container.background-white .tagline, .color-container.background-white .eyebrow, .color-container.background-white p a, .color-container.background-white a.text-link, .color-container.background-white p.text-link {
color: var(--color-rorange);
} .color-container.background-yellow {
background-color: var(--color-yellow);
color: var(--color-black);
}
.color-container.background-yellow .tagline, .color-container.background-yellow .eyebrow, .color-container.background-yellow p a, .color-container.background-yellow a.text-link, .color-container.background-yellow p.text-link {
color: var(--color-blue);
}
@media screen and (max-width: 47.999rem) {
.border-radius-20, .border-radius-20 > img, .border-radius-20 > p > img, .padding-container {
border-radius: var(--radius-10)!important;
}
}.button-container, .button-container-small {
padding: 1.5rem 0 .875rem 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: .75rem;
}
.button-container-small {
padding: .75rem 0;
}
a.button {
cursor: pointer;
-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
-o-transition: all .2s ease-in-out, border .2s ease-in-out;
transition: all .2s ease-in-out, border .2s ease-in-out;
border-radius: var(--radius-10);
}
a.button, #menu-cta-menu li a  {
padding: .625rem 1.125rem .6875rem 1.125rem;
text-decoration: none;
font-weight: var(--font-weight-semibold);
}
a.text-link, p.text-link {
text-decoration: none;
}
a.button:hover, nav a:hover, input[type=password]:hover, form.post-password-form input[type=submit]:hover, .gform_footer input.gform_button:hover, form.post-password-form input[type=submit]:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
opacity: .6!important;
}
a.button.tertiary:after, a.text-link:after, p.text-link:after {
content: '›';
margin-left: .5rem;
}
a.button.tertiary:after:hover {
margin-left: .75rem;
}
a.tertiary {
padding: 0rem;
}
.button-container:has(a:nth-of-type(2).tertiary) {
gap: 1rem;
}
.button-container:has(a:nth-of-type(2).tertiary) a.tertiary:nth-of-type(2) {
padding: 1.25rem;
}.gform_wrapper {
width: 100%;
} .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .ginput_container input[type=text], .ginput_container input[type=email], .ginput_container textarea.textarea, .gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform_footer input.gform_button {
background-color: transparent!important;
border-radius: var(--radius-10)!important;
border: solid .125rem var(--color-blue)!important;
} .ginput_container input[type=text], .ginput_container input[type=email], .ginput_container textarea.textarea, .gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
color: var(--color-blue)!important;
font-size: var(--text-p)!important;
min-height: 2.5rem!important;
}
.ginput_container input[type=text], .ginput_container input[type=email], .ginput_container textarea.textarea {
padding: .625rem!important;
}
.gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit], .section-comments form input[type=submit], .gform-page-footer input[type=button] {
font-size: var(--text-base)!important;
border-radius: var(--radius-10)!important;
padding: .75rem!important;
}
.gform-theme--foundation .gfield textarea.medium, .section-comments form textarea {
min-height: 8rem!important;
}
.gform-theme--foundation .gform-field-label {
color: var(--color-blue)!important;
}
.gform-theme--foundation *, .gform-theme--foundation ::after, .gform-theme--foundation ::before {
color: var(--color-blue)!important;
} .gfield_label.gform-field-label {
font-size: var(--text-h5)!important;
}
div.gfield_description {
font-size: var(--text-p)!important;
}
#gform_wrapper_2[data-form-index="0"].gform-theme, [data-parent-form="2_0"] {
--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='no…1 0.683418 0.292893 0.292893Z' fill='rgba(255, 255, 255, 1)'/%3E%3C/svg%3E")!important;
} .gform-theme--framework .gf_progressbar .percentbar_blue {
background-color: var(--color-blue)!important;
} .gform-theme--framework button {
color: var(--color-yellow)!important;
background-color: var(--color-blue)!important;
border-radius: var(--radius-10)!important;
}.global-nav {
position: fixed;
top: 0;
left: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
nav .grid-parent ul {
margin-block-end: 0;
}
nav img {
width: 8rem;
}
ul#menu-main-menu {
margin-block-end: 0;
}
nav a,
li {
text-decoration: none;
font-optical-sizing: auto;
}
nav ul,
footer ul {
padding-inline-start: 0;
list-style-type: none;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
nav ul li a {
padding-left: .625rem;
padding-right: .625rem;
color: var(--color-white);
font-size: var(--text-p-sm);
font-weight: var(--font-weight-normal)!important;
text-decoration: none!important;
}
li.button a, a.button.primary.small {
cursor: pointer;
-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
-o-transition: all .2s ease-in-out, border .2s ease-in-out;
transition: all .2s ease-in-out, border .2s ease-in-out;
border-radius: var(--radius-10);
padding: .5rem .75rem;
text-decoration: none;
font-weight: var(--font-weight-semibold)!important;
background-color: var(--color-white);
color: var(--color-black);
} .global-nav.scrolling_up {
top: 0;
}
.global-nav.scrolling_down {
top: -15rem;
}
footer ul {
padding-inline-start: 0 !important;
}
footer ul#menu-footer-menu {
width: 100%;
}
footer ul li {
padding-right: 0;
margin-block-start: .0625rem;
}
@media screen and (min-width: 64.001rem) {
nav ul.menu {
min-width: calc(50% - 11rem);
margin-block-end: 0;
}
nav ul:first-child {
padding: 0 4.5rem 0 .5rem;
}
nav ul:last-child {
padding: 0 .5rem 0 4.5rem;
}
nav li.button {
margin-left: .625rem;
}
}
@media screen and (max-width: 64rem) {
li.button {
margin-left: .625rem;
}
.navigation,
.global-nav .navigation {
position: relative;
}
.global-nav .navigation__wrapper {
z-index: 10 !important;
}
.navigation__logo, a.button.primary.small {
flex-grow: 1;
}
nav a.button.primary.small {
text-align: center;
} .navigation__button,
.global-nav .navigation__button {
position: relative;
display: inline-block;
width: 2.25rem;
height: 2rem;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
z-index: 3;
}
.navigation__button > span:not(.screen-reader-text),
.global-nav .navigation__button > span:not(.screen-reader-text) {
position: absolute;
right: 0;
display: inline-block;
width: 1.5rem;
height: 0.125rem;
background-color: var(--color-white);
transform-origin: center;
transition: transform 0.3s linear, opacity 0.2s linear, top 0.3s linear;
}
.navigation__button span:nth-of-type(1),
.global-nav .navigation__button span:nth-of-type(1) {
top: 0.5625rem;
}
.navigation__button span:nth-of-type(2),
.global-nav .navigation__button span:nth-of-type(2) {
top: 0.9375rem;
}
.navigation__button span:nth-of-type(3),
.global-nav .navigation__button span:nth-of-type(3) {
top: 1.3125rem;
} .navigation__links,
.global-nav .navigation__links {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
max-height: 100vh;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
transform: translateY(-110%);
transition: transform 0.2s ease-in;
background: var(--color-black);
color: var(--color-white);
list-style: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0.0625rem 0.0625rem 0.625rem 0 rgba(46, 29, 24, 0.75);
z-index: 2;
overflow: clip;
}
.navigation__button[aria-expanded="true"] ~ .navigation__links,
.global-nav .navigation__button[aria-expanded="true"] ~ .navigation__links {
transform: translateY(0);
} .navigation__button[aria-expanded="true"] span:nth-of-type(1),
.global-nav .navigation__button[aria-expanded="true"] span:nth-of-type(1) {
transform: rotate(45deg);
top: 1rem;
}
.navigation__button[aria-expanded="true"] span:nth-of-type(2),
.global-nav .navigation__button[aria-expanded="true"] span:nth-of-type(2) {
opacity: 0;
}
.navigation__button[aria-expanded="true"] span:nth-of-type(3),
.global-nav .navigation__button[aria-expanded="true"] span:nth-of-type(3) {
transform: rotate(-45deg);
top: 1rem;
}
.navigation__button:focus-visible {
outline: 0.125rem solid var(--color-white);
outline-offset: 0.25rem;
}
.global-nav .navigation__links li {
padding: 1rem;
text-align: left;
width: 100%;
flex-basis: 0;
color: var(--color-white);
}
.navigation__links a,
.global-nav .navigation__links a,
.navigation__links li a,
.global-nav .navigation__links li a {
color: var(--color-white);
text-decoration: none;
font-size: 1rem;
}
.global-nav .navigation__links li.button a {
color: var(--color-black)!important;
}
.navigation__links > li > a {
padding-right: 1rem;
}
}.accordion {
width: 100%;
}
.accordion .a-btn {
width: 100%;
padding: 1rem 0;
background: transparent;
border: 0;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.accordion .a-btn:focus-visible {
outline: 0.125rem solid currentColor;
outline-offset: 0.25rem;
}
.accordion .a-panel[hidden] {
display: none;
}
.accordion .a-panel {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.35s ease, opacity 0.25s ease;
}
.a-container {
min-width: 100%;
border-bottom: solid .0625rem var(--color-yellow);
}
.accordion .a-container.active .a-panel {
max-height: 30rem;
opacity: 1;
}.call-to-action .padding-container {
overflow: visible!important;
}
.call-to-action .grid-45 {
aspect-ratio: 1 / 1;
object-fit: cover;
} .concerns-benefits p {
width: 100%;
margin-block-start: .25rem;
margin-block-end: .25rem;
}
.concerns-benefits .grid-parent > .grid-50 {
min-height: 2.5rem;
}
.concerns-benefits .grid-100 {
border-bottom: solid .0625rem var(--color-green);
} .logo-marquee {
position: relative;
overflow: hidden;
}
.logo-marquee::before,
.logo-marquee::after {
content: "";
position: absolute;
top: 0;
width: 120px;
height: 100%;
pointer-events: none;
z-index: 2;
}
.logo-marquee::before {
left: 0;
background: linear-gradient(to right, var(--color-black) 0%, rgba(18,21,22,0) 100%);
}
.logo-marquee::after {
right: 0;
background: linear-gradient(to left, var(--color-black) 0%, rgba(18,21,22,0) 100%);
}
.logo-marquee {
overflow: hidden;
}
.logo-track {
display: flex;
width: max-content;
will-change: transform;
}
.logo-group,
.logo-group-clone {
display: flex;
align-items: center;
flex-shrink: 0;
}
.logo-item {
flex-shrink: 0;
padding-left: .5rem;
padding-right: .5rem;
} span.kerning-fix {
margin-right: -.1em;
}
.intro .grid-33 p.small {
text-wrap: balance;
} .testimonials .swiper-wrapper {
align-items: center;
}
.testimonials .padding-container {
width: 100%;
max-width: 100%;
} .text-form-logo {
margin-top: -.7vw;
} .work-featured .swiper {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.work-featured .swiper-wrapper {
height: 100%;
}
.work-featured .swiper-slide {
width: 100%;
height: 100%;
flex-shrink: 0;
}
.work-featured .slider-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.prev, .next {
top: 50%;
transform: translateY(-50%);
z-index: 2!important;
}
.prev {
left: 0;
}
.next {
right: 0;
}
button.prev, button.next {
background-color: transparent;
border: none;
} #promo {
background-color: var(--color-pink);
position: fixed;
opacity: 0;
bottom: 0;
left: 0;
transition: opacity 0.3s linear 2s;
width: 100%;
padding: 0;
z-index: -1;
}
#promo.show {
opacity: 1;
z-index: 10;
}
#promo h1, #promo h2, #promo h3, #promo h4, #promo h5, #promo h6, #promo p {
color: var(--color-red)!important;
}
#promo a.button.primary.small {
background-color: var(--color-white);
color: var(--color-red);
}
@media screen and (min-width: 48rem) { .about-us .section-heading {
aspect-ratio: 2 / 1;
} .call-to-action .padding-container {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@media screen and (max-width: 47.999rem) { .about-us .section-heading {
aspect-ratio: 1 / 1.375;
} .call-to-action .padding-container {
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.call-to-action .grid-50 {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 1.5rem;
} .intro {
padding-top: 4rem;
} .prev img, .next img {
opacity: .25;
}
}.js-scroll {
opacity: 0;
will-change: opacity, transform;
}
.js-scroll.fade-in-top.scrolled {
animation: tilted-chair-fade-in-top 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.js-scroll.scrolled-complete {
opacity: 1;
transform: none;
will-change: auto;
}
@keyframes tilted-chair-fade-in-top {
from {
opacity: 0;
transform: translate3d(0, -1.5rem, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
[data-split-lines] h1,
[data-split-lines] h2,
h1[data-split-lines],
h2[data-split-lines] {
font-kerning: none;
}
.split-line-mask {
display: block;
width: 100%;
overflow: hidden;
}
.split-line {
display: block !important;
width: 100%;
text-align: inherit !important;
will-change: transform, opacity;
}
@media screen and (min-width: 48rem) {
.sticky-aside {
--offset: var(--gap-32, 2rem);
position: sticky;
top: var(--offset);
align-self: start;
flex-grow: 1;
}
}
@media (prefers-reduced-motion: reduce), print {
.js-scroll,
.js-scroll.fade-in-top.scrolled {
opacity: 1;
transform: none;
animation: none;
transition: none;
will-change: auto;
}
.split-line {
opacity: 1 !important;
transform: none !important;
animation: none !important;
transition: none !important;
will-change: auto !important;
}
}