.craft-engineering-banner{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"heading heading" "label image" "description description";align-items:start;column-gap:16px;row-gap:16px;width:100%;background:var(--color-bg);padding-left:20px;padding-right:20px}.craft-engineering-banner--reverse{grid-template-areas:"heading heading" "image label" "description description"}@media only screen and (min-width:768px){.craft-engineering-banner{grid-template-columns:5fr 7fr;column-gap:60px;row-gap:24px;padding-left:60px;padding-right:60px;grid-template-areas:"heading heading" "label image" "description image"}.craft-engineering-banner--reverse{grid-template-areas:"heading heading" "image label" "image description"}}.craft-engineering-banner--heading{grid-area:heading;margin:0 0 8px;color:var(--heading-color);font-weight:800;text-transform:uppercase;line-height:1.1;letter-spacing:-.02em}.craft-engineering-banner--heading p{margin:0;color:inherit;font-size:1.875rem;line-height:1.15}@media only screen and (min-width:768px){.craft-engineering-banner--heading{margin-bottom:40px}.craft-engineering-banner--heading p{font-size:3.75rem;line-height:1.1}}.craft-engineering-banner--heading p+p{margin-top:.1em}.craft-engineering-banner--label{grid-area:label;align-self:start;margin:0;color:var(--label-color);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.craft-engineering-banner--label p{margin:0;color:inherit;font-size:1.125rem;line-height:1.3}@media only screen and (min-width:768px){.craft-engineering-banner--label p{font-size:1.375rem;line-height:1.3}}.craft-engineering-banner--image{grid-area:image;position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.craft-engineering-banner--img,.craft-engineering-banner--image .placeholder_svg_tag{display:block;width:100%;height:100%;object-fit:cover}.craft-engineering-banner--img-mobile{display:block}.craft-engineering-banner--img-desktop{display:none}@media only screen and (min-width:768px){.craft-engineering-banner--img-mobile{display:none}.craft-engineering-banner--img-desktop{display:block}}.craft-engineering-banner--description{grid-area:description;align-self:end;margin:0;color:var(--description-color)}.craft-engineering-banner--description p{margin:0;color:inherit;font-size:1rem;line-height:1.4}@media only screen and (min-width:768px){.craft-engineering-banner--description p{font-size:1.25rem;line-height:1.5}}.craft-engineering-banner--description p+p{margin-top:.5em}
/*# sourceMappingURL=/cdn/shop/t/107/assets/craft-engineering-banner.css.map */