.fa-quad-hero{padding:64px 0}@media screen and (min-width:750px){.fa-quad-hero{padding:96px 0}}@media screen and (min-width:990px){.fa-quad-hero{padding:112px 0}}.fa-quad-hero__grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media screen and (min-width:750px){.fa-quad-hero__grid{grid-template-columns:1fr 1fr;gap:48px}}@media screen and (min-width:990px){.fa-quad-hero__grid{gap:80px}}.fa-quad-hero__image-wrapper--left{order:2}.fa-quad-hero__content--left{order:1}@media screen and (min-width:750px){.fa-quad-hero__image-wrapper--left{order:1}.fa-quad-hero__content--left{order:2}}.fa-quad-hero__image-wrapper--right{order:1}.fa-quad-hero__content--right{order:2}.fa-quad-hero__image{width:100%;height:auto;border-radius:var(--border-radius-main, 8px);object-fit:cover}.fa-quad-hero__items{display:grid;grid-template-columns:1fr;gap:32px;padding:8px 0}@media screen and (min-width:550px){.fa-quad-hero__items{grid-template-columns:1fr 1fr;gap:24px 32px}}@media screen and (min-width:750px){.fa-quad-hero__items{gap:32px}}.fa-quad-hero__item{display:flex;flex-direction:column;gap:12px}@media screen and (min-width:750px){.fa-quad-hero__item{gap:16px}}.fa-quad-hero__icon{width:48px;height:48px;flex-shrink:0;color:rgb(var(--color-foreground))}.fa-quad-hero__icon svg{width:100%;height:100%}.fa-quad-hero__icon-image{width:100%;height:100%;object-fit:contain}.fa-quad-hero__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:normal;text-transform:uppercase;line-height:1.2;letter-spacing:.02em;color:rgb(var(--color-foreground));font-size:20px}@media screen and (min-width:750px){.fa-quad-hero__heading{font-size:28px}}.fa-quad-hero__description{margin:0;font-size:14px;line-height:1.6;color:rgb(var(--color-foreground),.8)}@media screen and (min-width:750px){.fa-quad-hero__description{font-size:16px}}.fa-quad-hero__button-wrapper{margin-top:8px}@media screen and (min-width:750px){.fa-quad-hero__button-wrapper{margin-top:16px}}.fa-quad-hero__button{text-decoration:none}@media screen and (max-width:749px){.fa-quad-hero__items{max-width:600px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mithril-quad-hero.css.map */