.hero-custom{background:var(--hc-bg);padding:18px 0}.hc-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--hc-gap);align-items:stretch}.hc-right{display:grid;grid-template-rows:1fr 1fr;gap:var(--hc-gap)}.hc-card{position:relative;overflow:hidden;border-radius:var(--hc-radius);box-shadow:var(--hc-shadow);background:#fff;min-height:220px}.hc-card--big{min-height:420px;display:grid;grid-template-columns:1fr 1fr}.hc-media{position:absolute;top:0;right:0;bottom:0;left:0}.hc-card--big .hc-media{background:var(--hc-bg);position:relative;inset:auto;grid-column:1;height:100%}.hc-card--big .hc-img{position:relative;height:100%}.hc-card--big .hc-media .hc-img{object-fit:contain;object-position:center;transform:scale(1.3);transform-origin:center}.hc-img{width:100%;height:100%;object-fit:cover;display:block}.hc-placeholder{background:linear-gradient(135deg,#0000000f,#00000005);width:100%;height:100%}.hc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e}.hc-content{position:relative;z-index:2;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.hc-card--big{background:transparent}.hc-content--left{grid-column:2;justify-content:center;align-items:flex-start;padding:40px}.hc-heading{margin:0;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-size:clamp(28px,3.2vw,46px);color:#111}.hc-heading--small{font-size:22px}.hc-subheading{margin:0;color:#111111bf;font-size:16px;line-height:1.4;max-width:52ch}.hc-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:12px;text-decoration:none;font-weight:700;line-height:1;transition:transform .08s ease,filter .15s ease}.hc-btn--primary{background:#e35336;color:#fff}.hc-btn--primary:hover{filter:brightness(.95);transform:translateY(-1px)}.hc-btn--wide{width:min(320px,90%)}.hc-content--right{justify-content:flex-end;padding:22px}@media(max-width:989px){.hc-grid{grid-template-columns:1fr}.hc-content--left{max-width:90%}.hc-card--big{min-height:360px}}@media(max-width:640px){.hc-content{padding:18px}.hc-heading{font-size:30px}.hc-btn--wide{width:100%}}@media(max-width:989px){.hc-card--big{grid-template-columns:1fr}.hc-content--left{max-width:90%;grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-custom.css.map */