section.four-pillars{background-color:var(--bg-color-dark);color:var(--text-color-primary);--text-color-accent: var(--text-color-yellow);padding-inline:var(--standard-section-padding-x);padding-block:var(--spacing-3xl) var(--spacing-xxl)}@media(min-width: 48rem){section.four-pillars{padding-block:var(--standard-section-padding-y)}}section.four-pillars .top-content{margin-bottom:var(--spacing-xxl)}section.four-pillars .top-content .eyebrow{margin-bottom:var(--spacing-xxs);text-align:center}section.four-pillars .top-content .heading{text-align:center}section.four-pillars .top-content h2.heading{font-size:var(--font-size-heading-xl)}section.four-pillars .top-content:not(.copy-exists){text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}section.four-pillars .top-content:not(.copy-exists) .eyebrow{text-align:center}section.four-pillars .top-content:not(.copy-exists) .heading{text-align:center;width:18ch}@media(min-width: 48rem){section.four-pillars .top-content:not(.copy-exists) .heading{width:22ch}}section.four-pillars .top-content.copy-exists{display:grid;gap:var(--spacing-md)}@media(min-width: 75rem){section.four-pillars .top-content.copy-exists{gap:var(--spacing-xxl);grid-template-columns:1fr 1fr}section.four-pillars .top-content.copy-exists p{margin-top:var(--spacing-md)}}section.four-pillars .top-content p{font-size:var(--font-size-body-md)}@media(min-width: 48rem){section.four-pillars .top-content .eyebrow{text-align:left}section.four-pillars .top-content .heading{text-align:left}section.four-pillars .top-content p{font-size:var(--font-size-body-lg)}}section.four-pillars .pillars{display:grid;max-width:100rem;margin-inline:auto;grid-template-columns:1fr;column-gap:var(--spacing-lg);row-gap:var(--spacing-xl)}section.four-pillars .pillars .center{color:var(--text-color-secondary)}section.four-pillars .pillars .center .red-pillar,section.four-pillars .pillars .center .green-pillar,section.four-pillars .pillars .center .blue-pillar,section.four-pillars .pillars .center .yellow-pillar{will-change:filter;filter:grayscale(1) contrast(0.5) brightness(0.8);transition:filter var(--transition-duration) var(--transition-timing-function)}section.four-pillars .pillars .center .red-pillar:hover,section.four-pillars .pillars .center .green-pillar:hover,section.four-pillars .pillars .center .blue-pillar:hover,section.four-pillars .pillars .center .yellow-pillar:hover{filter:none}section.four-pillars .pillars .center .red-pillar.active,section.four-pillars .pillars .center .green-pillar.active,section.four-pillars .pillars .center .blue-pillar.active,section.four-pillars .pillars .center .yellow-pillar.active{filter:none}section.four-pillars .pillars .center svg{font-size:var(--font-size-heading-xs);max-width:100%;width:17.5em;height:auto;aspect-ratio:1/1}@media(min-width: 48rem){section.four-pillars .pillars .center svg{max-width:19em}}section.four-pillars .pillars .center .text-content,section.four-pillars .pillars .center .center-text{position:relative;box-sizing:border-box;margin:auto;z-index:2;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1.4rem}section.four-pillars .pillars .center .text-content .h3,section.four-pillars .pillars .center .text-content .h6,section.four-pillars .pillars .center .center-text .h3,section.four-pillars .pillars .center .center-text .h6{margin:unset}section.four-pillars .pillars .center .text-content .h3,section.four-pillars .pillars .center .center-text .h3{font-size:1.25rem}section.four-pillars .pillars .center .text-content .h6,section.four-pillars .pillars .center .center-text .h6{font-size:.625rem}section.four-pillars .pillars .center .text-content:before,section.four-pillars .pillars .center .center-text:before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-color-light);transition:filter var(--transition-duration) var(--transition-timing-function)}section.four-pillars .pillars .center .text-content:after,section.four-pillars .pillars .center .center-text:after{content:"";position:absolute;inset:-2.5rem;width:calc(100% + 5rem);aspect-ratio:1/1;background-color:var(--bg-color-dark);z-index:-2}@media(min-width: 75rem){section.four-pillars .pillars .center svg{width:100%}section.four-pillars .pillars .center .center-text{padding:var(--spacing-3xs)}section.four-pillars .pillars .center .center-text .h3{font-size:var(--font-size-heading-lg)}section.four-pillars .pillars .center .center-text .h6{font-size:var(--font-size-body-xs)}section.four-pillars .pillars .center .center-text:after{inset:calc(var(--spacing-xs)*-1);width:calc(100% + var(--spacing-xs)*2)}}section.four-pillars .pillars .text-content,section.four-pillars .pillars .center-text{text-align:center;will-change:filter;transition:filter var(--transition-duration) var(--transition-timing-function)}section.four-pillars .pillars .text-content:not(.keen-slider__slide),section.four-pillars .pillars .center-text:not(.keen-slider__slide){display:none}section.four-pillars .pillars .text-content.center-text,section.four-pillars .pillars .center-text.center-text{display:flex}section.four-pillars .pillars .text-content p,section.four-pillars .pillars .center-text p{margin-bottom:unset;height:auto}section.four-pillars .pillars .text-content h5,section.four-pillars .pillars .center-text h5{margin-block:var(--spacing-xs) var(--spacing-xxs)}section.four-pillars .pillars .text-content .img,section.four-pillars .pillars .center-text .img{display:block;width:var(--spacing-lg);height:var(--spacing-lg);margin-inline:auto;mask-image:var(--img-url);mask-repeat:no-repeat;mask-position:center;mask-size:contain}section.four-pillars .pillars .text-content.yellow .img,section.four-pillars .pillars .center-text.yellow .img{background-color:var(--text-color-yellow)}section.four-pillars .pillars .text-content.yellow h5,section.four-pillars .pillars .center-text.yellow h5{color:var(--text-color-yellow)}section.four-pillars .pillars .text-content.red .img,section.four-pillars .pillars .center-text.red .img{background-color:var(--text-color-red)}section.four-pillars .pillars .text-content.red h5,section.four-pillars .pillars .center-text.red h5{color:var(--text-color-red)}section.four-pillars .pillars .text-content.green .img,section.four-pillars .pillars .center-text.green .img{background-color:var(--text-color-green)}section.four-pillars .pillars .text-content.green h5,section.four-pillars .pillars .center-text.green h5{color:var(--text-color-green)}section.four-pillars .pillars .text-content.blue .img,section.four-pillars .pillars .center-text.blue .img{background-color:var(--text-color-blue)}section.four-pillars .pillars .text-content.blue h5,section.four-pillars .pillars .center-text.blue h5{color:var(--text-color-blue)}section.four-pillars .pillars .controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xxl);flex-direction:row-reverse}section.four-pillars .pillars .controls .dots{display:flex;gap:var(--spacing-4xs)}section.four-pillars .pillars .controls .dots .dot{cursor:pointer;width:.5rem;height:.5rem;background-color:var(--bg-color-light);border-radius:50%;opacity:.3}section.four-pillars .pillars .controls .dots .dot.dot--active{opacity:1}section.four-pillars .pillars .controls .buttons{display:flex;gap:var(--spacing-xxs)}section.four-pillars .pillars .controls .buttons button{color:var(--text-color-primary);padding:var(--spacing-4xs);border-radius:.25rem;background-color:rgba(0,0,0,0);border:.0625rem solid currentColor;display:flex}section.four-pillars .pillars .controls .buttons button.before svg{width:var(--font-size-body-md);height:var(--font-size-body-md)}section.four-pillars .pillars .controls .buttons button.after svg{transform:rotate(180deg);width:var(--font-size-body-md);height:var(--font-size-body-md)}@media(min-width: 48rem){section.four-pillars .pillars .keen-slider,section.four-pillars .pillars .controls{display:none}section.four-pillars .pillars .text-content:not(.keen-slider__slide){display:block}section.four-pillars .pillars .text-content:not(.keen-slider__slide).center-text{display:flex}}section.four-pillars .pillars .center{grid-column:1/-1;grid-row:1;display:grid;justify-content:center;align-content:center;margin-block:auto}section.four-pillars .pillars .center svg{grid-row:1;grid-column:1/-1}section.four-pillars .pillars .center svg path:focus{outline:unset}section.four-pillars .pillars .center .center-text{grid-row:1;grid-column:1/-1}@media(min-width: 48rem){section.four-pillars .pillars{grid-template-columns:1fr 1fr}}@media(min-width: 75rem){section.four-pillars .pillars{grid-template-columns:3fr 4fr 3fr;grid-template-rows:var(--row-height, 1fr) var(--row-height, 1fr);align-items:center;column-gap:0;row-gap:0}section.four-pillars .pillars .yellow.text-content,section.four-pillars .pillars .red.text-content{padding-right:var(--spacing-md)}section.four-pillars .pillars .green.text-content,section.four-pillars .pillars .blue.text-content{padding-left:var(--spacing-md)}section.four-pillars .pillars .center{grid-column:2/3;grid-row:1/3}section.four-pillars .pillars .center svg{max-width:unset;width:15.5em;font-size:var(--font-size-heading-md)}section.four-pillars .pillars .center .center-text{padding:var(--spacing-md) var(--spacing-sm)}section.four-pillars .pillars .center .center-text .h6{font-size:var(--font-size-body-sm)}section.four-pillars .pillars .center .center-text:after{inset:calc(var(--spacing-lg)*-1);width:calc(100% + var(--spacing-lg)*2);height:calc(100% + var(--spacing-lg)*2)}}@media(min-width: 75rem){section.four-pillars .pillars>.text-content{filter:grayscale(1) contrast(0.5) brightness(0.8)}section.four-pillars .pillars>.text-content p{opacity:0;margin-bottom:calc(-1*var(--paragraph-height));pointer-events:none;transition:all var(--transition-duration) var(--transition-timing-function);font-size:var(--font-size-body-sm)}section.four-pillars .pillars>.text-content:hover,section.four-pillars .pillars>.text-content.active{filter:none}section.four-pillars .pillars>.text-content:hover p,section.four-pillars .pillars>.text-content.active p{opacity:1;margin-bottom:0;pointer-events:all;filter:none}section.four-pillars .pillars>.text-content.initial-focus p{opacity:0;margin-bottom:calc(-1*var(--paragraph-height));pointer-events:none;transition:all var(--transition-duration) var(--transition-timing-function);font-size:var(--font-size-body-sm)}section.four-pillars .pillars:has(.yellow:hover) .yellow-pillar,section.four-pillars .pillars:has(.yellow:hover) .yellow,section.four-pillars .pillars:has(.yellow-pillar:hover) .yellow-pillar,section.four-pillars .pillars:has(.yellow-pillar:hover) .yellow{filter:none}section.four-pillars .pillars:has(.yellow:hover) .yellow-pillar p,section.four-pillars .pillars:has(.yellow:hover) .yellow p,section.four-pillars .pillars:has(.yellow-pillar:hover) .yellow-pillar p,section.four-pillars .pillars:has(.yellow-pillar:hover) .yellow p{opacity:1;margin-bottom:0;pointer-events:all;filter:none}section.four-pillars .pillars:has(.green:hover) .green-pillar,section.four-pillars .pillars:has(.green:hover) .green,section.four-pillars .pillars:has(.green-pillar:hover) .green-pillar,section.four-pillars .pillars:has(.green-pillar:hover) .green{filter:none}section.four-pillars .pillars:has(.green:hover) .green-pillar p,section.four-pillars .pillars:has(.green:hover) .green p,section.four-pillars .pillars:has(.green-pillar:hover) .green-pillar p,section.four-pillars .pillars:has(.green-pillar:hover) .green p{opacity:1;margin-bottom:0;pointer-events:all;filter:none}section.four-pillars .pillars:has(.blue:hover) .blue-pillar,section.four-pillars .pillars:has(.blue:hover) .blue,section.four-pillars .pillars:has(.blue-pillar:hover) .blue-pillar,section.four-pillars .pillars:has(.blue-pillar:hover) .blue{filter:none}section.four-pillars .pillars:has(.blue:hover) .blue-pillar p,section.four-pillars .pillars:has(.blue:hover) .blue p,section.four-pillars .pillars:has(.blue-pillar:hover) .blue-pillar p,section.four-pillars .pillars:has(.blue-pillar:hover) .blue p{opacity:1;margin-bottom:0;pointer-events:all}section.four-pillars .pillars:has(.red:hover) .red-pillar,section.four-pillars .pillars:has(.red:hover) .red,section.four-pillars .pillars:has(.red-pillar:hover) .red-pillar,section.four-pillars .pillars:has(.red-pillar:hover) .red{filter:none}section.four-pillars .pillars:has(.red:hover) .red-pillar p,section.four-pillars .pillars:has(.red:hover) .red p,section.four-pillars .pillars:has(.red-pillar:hover) .red-pillar p,section.four-pillars .pillars:has(.red-pillar:hover) .red p{opacity:1;margin-bottom:0;pointer-events:all;filter:none}}@media(min-width: 96rem){section.four-pillars .pillars .center svg{width:20em}section.four-pillars .pillars .center .center-text .h6{font-size:var(--font-size-heading-xs)}section.four-pillars .pillars .center .center-text .h6:after{inset:calc(var(--spacing-xl)*-1);width:calc(100% + var(--spacing-xl)*2);height:calc(100% + var(--spacing-xl)*2)}section.four-pillars .pillars>.text-content p{font-size:var(--font-size-body-md)}}/*# sourceMappingURL=four-pillars.css.map */