.hero-grid-section .hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.hero-grid-section .hero-grid__hero{position:relative;border-radius:16px;overflow:hidden;min-height:480px;background-color:var(--hero-bg, #4ECDA4)}.hero-grid-section .hero-grid__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-grid-section .hero-grid__hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-bg, #4ECDA4)}.hero-grid-section .hero-grid__hero-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;z-index:2}.hero-grid-section .hero-grid__heading{font-family:var(--font-heading-family, inherit);font-size:clamp(28px,3.5vw,48px);font-weight:var(--font-heading-weight, 900);font-style:var(--font-heading-style, normal);line-height:1.1;color:#fff;text-transform:uppercase;margin:0 0 8px;max-width:500px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-grid-section .hero-grid__subheading{font-size:clamp(14px,1.4vw,18px);color:#ffffffe6;margin:0 0 24px;max-width:400px;text-shadow:0 1px 4px rgba(0,0,0,.1)}.hero-grid-section .hero-grid__buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-grid-section .hero-grid__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.hero-grid-section .hero-grid__btn:hover{opacity:.85;transform:translateY(-1px)}.hero-grid-section .hero-grid__btn--primary{background-color:var(--btn-primary-bg, #1a2744);color:var(--btn-primary-text, #fff)}.hero-grid-section .hero-grid__btn--secondary{background-color:var(--btn-secondary-bg, #fff);color:var(--btn-secondary-text, #1a2744)}.hero-grid-section .hero-grid__cards{display:grid;grid-template-rows:1fr 1fr;gap:16px}.hero-grid-section .hero-grid__card{position:relative;border-radius:16px;overflow:hidden;background-color:var(--card-overlay, #000);min-height:200px;display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.hero-grid-section .hero-grid__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.hero-grid-section .hero-grid__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-grid-section .hero-grid__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--card-overlay, #000)}.hero-grid-section .hero-grid__card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;z-index:2;background:transparent}.hero-grid-section .hero-grid__card-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--card-overlay, #000) 0%,transparent 70%);opacity:var(--card-overlay-opacity, .4);z-index:-1;border-radius:inherit}.hero-grid-section .hero-grid__card-heading{font-family:var(--font-heading-family, inherit);font-size:clamp(16px,1.6vw,22px);font-weight:var(--font-heading-weight, 800);font-style:var(--font-heading-style, normal);color:var(--card-text, #fff);text-transform:uppercase;margin:0 0 12px;line-height:1.2}.hero-grid-section .hero-grid__btn--card{background-color:var(--card-btn-bg, #fff);color:var(--card-btn-text, #1a2744);padding:10px 22px;font-size:12px}@media screen and (max-width:749px){.hero-grid-section .hero-grid{grid-template-columns:1fr;gap:12px}.hero-grid-section .hero-grid__hero{min-height:420px;aspect-ratio:4 / 5}.hero-grid-section .hero-grid__hero-content{justify-content:flex-start;padding:24px}.hero-grid-section .hero-grid__heading{font-size:26px;max-width:100%}.hero-grid-section .hero-grid__subheading{font-size:14px;max-width:100%}.hero-grid-section .hero-grid__buttons{flex-direction:row;gap:10px}.hero-grid-section .hero-grid__btn{padding:12px 20px;font-size:12px}.hero-grid-section .hero-grid__cards{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.hero-grid-section .hero-grid__card{min-height:180px;aspect-ratio:3 / 4}.hero-grid-section .hero-grid__card-content{padding:14px}.hero-grid-section .hero-grid__card-heading{font-size:14px;margin-bottom:8px}.hero-grid-section .hero-grid__btn--card{padding:8px 16px;font-size:11px}}@media screen and (min-width:750px)and (max-width:989px){.hero-grid-section .hero-grid{grid-template-columns:1.5fr 1fr}.hero-grid-section .hero-grid__hero{min-height:380px}.hero-grid-section .hero-grid__hero-content{padding:28px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/hero-grid-section.css.map */