.contact-banner-wrapper{position:relative;overflow:hidden;background-color:rgb(var(--color-background-rgb))}.contact-banner__background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.contact-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:2}.contact-banner__content-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-mobile-horizontal-spacing);justify-items:center}@media screen and (min-width:750px){.contact-banner__content-grid{grid-template-columns:repeat(3,1fr);gap:var(--grid-desktop-horizontal-spacing);padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#ffffffd9;padding:var(--spacing-6);border-radius:var(--media-border-radius);box-shadow:var(--shadow-elevation-1);text-decoration:none;color:rgb(var(--color-foreground-rgb));transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:calc(100% - 20px);border:1px dashed #000;outline:5px solid #ffffffd9;margin:20px;min-height:initial;aspect-ratio:1/1;max-width:160px}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-elevation-2);background-color:#fffffff2}.contact-card__icon{width:50px;height:50px;margin-bottom:var(--spacing-4);fill:currentColor}.contact-card__heading{margin:0;font-size:2rem;font-family:var( --english-font);font-weight:var(--font-heading-weight);text-transform:uppercase;letter-spacing:.05em;color:#434343}.contact-card__subheading{margin:var(--spacing-1) 0 0;font-size:1.2rem;opacity:1;color:#434343;font-family:var( --subtitle-font);font-weight:var(--font-heading-weight)}.placeholder-svg{width:100%;height:100%;background-color:var(--color-background-accent);display:block;object-fit:contain}.contact-banner__content-grid{--page-width: 970px}.btn-level,.btn-level h4.banner_btn__heading{line-height:1}@media all and (max-width:749px){.contact-banner-wrapper .contact-card .contact-card__icon{width:30px;height:30px}.contact-card:hover{transform:translateY(0)}.contact-card{width:100%}.contact-card__heading{margin:0;font-size:1.4rem}.contact-card__subheading{font-size:1rem}.contact-card{margin:6px;width:calc(100% - 14px);outline:3px solid #ffffffd9}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/k-contact-banner.css.map */