.hero-masonry{overflow:hidden}.hero-masonry__container{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media screen and (min-width:990px){.hero-masonry__container{grid-template-columns:1fr 1.2fr;gap:6rem}}.hero-masonry__content{display:flex;flex-direction:column;gap:1.5rem}.hero-masonry__subheading{font-size:1.4rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--hero-text-color, currentColor);opacity:.8}.hero-masonry__heading{color:var(--hero-heading-color, currentColor);line-height:1.1;font-weight:700;margin:0}.hero-masonry__heading.h0{font-size:clamp(3rem,6vw,4.5rem)}.hero-masonry__heading.h1{font-size:clamp(2.5rem,5vw,3.8rem)}.hero-masonry__heading.h2{font-size:clamp(2rem,4vw,3rem)}.hero-masonry__description{font-size:1.6rem;line-height:1.6;color:var(--hero-text-color, currentColor);max-width:50rem}.hero-masonry__description p{margin:0}.hero-masonry__description strong{font-weight:600}.hero-masonry__buttons{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}@media screen and (min-width:550px){.hero-masonry__buttons{flex-direction:column;max-width:35rem}}.hero-masonry__btn{display:inline-flex;align-items:center;justify-content:center;padding:1.6rem 3rem;font-size:1.5rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease;cursor:pointer;text-align:center;width:100%}.hero-masonry__btn--primary{background-color:var(--hero-btn-primary-bg, #1a56db);color:var(--hero-btn-primary-text, #fff);border:2px solid var(--hero-btn-primary-bg, #1a56db)}.hero-masonry__btn--primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 20px #121e464d}.hero-masonry__btn--secondary{background-color:transparent;color:var(--hero-btn-secondary-text, #1a56db);border:2px solid var(--hero-btn-secondary-border, #1a56db)}.hero-masonry__btn--secondary:hover{background-color:var(--hero-btn-secondary-border, #1a56db);color:#fff;transform:translateY(-2px)}.hero-masonry__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,minmax(100px,auto));gap:1.2rem;padding:2rem 0}@media screen and (min-width:750px){.hero-masonry__grid{gap:1.5rem}}.hero-masonry__item{border-radius:1.2rem;overflow:hidden;position:relative}.hero-masonry__item--1{grid-column:1;grid-row:1 / 3}.hero-masonry__item--2{grid-column:2;grid-row:1}.hero-masonry__item--3{grid-column:3;grid-row:1}.hero-masonry__item--4{grid-column:1;grid-row:3 / 5}.hero-masonry__item--5{grid-column:2;grid-row:2 / 4}.hero-masonry__item--6{grid-column:3;grid-row:2 / 5}.hero-masonry__image-wrapper{width:100%;height:100%;min-height:140px}.hero-masonry__image{width:100%;height:100%;object-fit:cover;border-radius:1.2rem;transition:transform .4s ease}.hero-masonry__item:hover .hero-masonry__image{transform:scale(1.05)}.hero-masonry__placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;border-radius:1.2rem}.hero-masonry__placeholder .placeholder-svg{width:60%;height:auto;opacity:.3}@media screen and (max-width:749px){.hero-masonry__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(120px,auto))}.hero-masonry__item--1{grid-column:1;grid-row:1}.hero-masonry__item--2{grid-column:2;grid-row:1}.hero-masonry__item--3{grid-column:1;grid-row:2}.hero-masonry__item--4{grid-column:2;grid-row:2}.hero-masonry__item--5{grid-column:1;grid-row:3}.hero-masonry__item--6{grid-column:2;grid-row:3}.hero-masonry__content{text-align:center;align-items:center}.hero-masonry__buttons{align-items:center;width:100%;max-width:35rem;margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:no-preference){.hero-masonry__item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.hero-masonry__item--1{animation-delay:.1s}.hero-masonry__item--2{animation-delay:.2s}.hero-masonry__item--3{animation-delay:.3s}.hero-masonry__item--4{animation-delay:.4s}.hero-masonry__item--5{animation-delay:.5s}.hero-masonry__item--6{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-masonry.css.map */
