.solutions-grid-section{padding:72px 0;background:#f5f5f7}.solutions-grid__header{text-align:center;margin-bottom:48px}.solutions-grid__label{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 14px}.solutions-grid__heading{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1.1;color:#1a1a1a;margin:0 0 18px}.solutions-grid__subheading{font-size:1.2rem;line-height:1.65;color:#666;max-width:600px;margin:0 auto}.solutions-grid__bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:22px}.solutions-card{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease,box-shadow .25s ease}.solutions-card.is-visible{opacity:1;transform:translateY(0)}.solutions-card:nth-child(1){transition-delay:0s,0s,0s}.solutions-card:nth-child(2){transition-delay:.07s,.07s,0s}.solutions-card:nth-child(3){transition-delay:.14s,.14s,0s}.solutions-card:nth-child(4){transition-delay:.1s,.1s,0s}.solutions-card:nth-child(5){transition-delay:.17s,.17s,0s}.solutions-card:nth-child(6){transition-delay:.24s,.24s,0s}.solutions-card:nth-child(7){transition-delay:.14s,.14s,0s}.solutions-card:nth-child(8){transition-delay:.21s,.21s,0s}.solutions-card:nth-child(9){transition-delay:.28s,.28s,0s}.solutions-card:nth-child(10){transition-delay:.18s,.18s,0s}.solutions-card:nth-child(11){transition-delay:.25s,.25s,0s}.solutions-card{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;text-decoration:none;color:#1a1a1a;box-shadow:0 2px 8px #0000000f,0 0 1px #0000000a}.solutions-card:hover{box-shadow:0 6px 24px #0000001a,0 0 1px #0000000a;text-decoration:none;color:#1a1a1a}.solutions-card--featured{grid-column:span 2;grid-row:span 2;background:#111;color:#fff}.solutions-card--featured:hover{color:#fff}.solutions-card--wide{grid-column:span 2}.solutions-card__visual{flex:1;position:relative;overflow:hidden;min-height:0}.solutions-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}.solutions-card:hover .solutions-card__img{transform:scale(1.04)}.solutions-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.solutions-card--featured .solutions-card__placeholder{background:#1a1a1a}.solutions-card:not(.solutions-card--featured) .solutions-card__placeholder{background:#f0f0f2}.solutions-card__content{order:-1;flex-shrink:0;padding:20px 24px 22px;display:flex;flex-direction:column;gap:10px;background:#fff}.solutions-card--featured .solutions-card__content{background:#111}.solutions-card__text{display:flex;flex-direction:column;gap:5px}.solutions-card__title{font-size:1.375rem;font-weight:700;line-height:1.2;margin:0;color:inherit}.solutions-card--featured .solutions-card__title{font-size:1.75rem}.solutions-card__desc{font-size:1.2rem;line-height:1.5;margin:0;color:#555}.solutions-card--featured .solutions-card__desc{color:#ffffffb3}.solutions-card__cta{display:inline-flex;align-items:center;gap:5px;font-size:1.2rem;font-weight:600;color:#b92026;transition:gap .2s ease;text-decoration:none}.solutions-card--featured .solutions-card__cta{color:#e05547}.solutions-card:hover .solutions-card__cta{gap:9px}.solutions-card__cta svg{flex-shrink:0;transition:transform .2s ease}.solutions-card:hover .solutions-card__cta svg{transform:translate(3px)}.solutions-card.is-visible:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a,0 0 1px #0000000a}@media screen and (max-width:1023px){.solutions-grid__bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.solutions-card--featured{grid-column:span 2;grid-row:span 1}.solutions-card--wide{grid-column:span 2}}@media screen and (max-width:599px){.solutions-grid-section{padding:48px 0 64px}.solutions-grid__header{margin-bottom:28px;text-align:left}.solutions-grid__bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:14px}.solutions-card--featured{grid-column:span 2;grid-row:span 1}.solutions-card--wide{grid-column:span 2}.solutions-card__title{font-size:1rem}.solutions-card--featured .solutions-card__title{font-size:1.2rem}.solutions-card__desc{display:none}.solutions-card__content{padding:14px 16px 16px}.solutions-card:has(.solutions-card__img) .solutions-card__content{padding:32px 16px 14px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/solutions-grid.css.map */