.sgr-hero-section{background:linear-gradient(180deg,rgb(var(--color-background)),rgb(var(--color-background)))}.sgr-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.sgr-hero-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:0}.sgr-hero-breadcrumb,.sgr-hero-breadcrumb a,.sgr-hero-breadcrumb i{color:#6b7280;text-decoration:none;transition:color .2s ease;letter-spacing:0;line-height:1.25}.sgr-hero-breadcrumb a:hover{color:rgb(var(--color-foreground))}.sgr-hero-caption{display:inline-block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.14em;color:#2a2a2a;margin-bottom:10px;line-height:1.7}.sgr-hero-heading{font-family:Instrument Sans,sans-serif;font-weight:400;color:#0d1f1e;margin-bottom:16px;line-height:1}.sgr-hero-sub{color:rgba(var(--color-foreground),.65);line-height:1.6;margin-bottom:28px;max-width:500px}.sgr-hero-highlights{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;padding:20px 0;border-top:1px solid rgba(var(--color-foreground),.1);border-bottom:1px solid rgba(var(--color-foreground),.1)}.sgr-hero-hl{display:flex;align-items:center;gap:12px;line-height:1.7;color:rgb(var(--color-foreground))}.sgr-hero-hl i{color:#2a2a2a;flex-shrink:0}.sgr-hero-image{border-radius:16px;overflow:hidden;aspect-ratio:5 / 4}.sgr-hero-image img{width:100%;height:100%;object-fit:contain;display:block}.sgr-hero-image .placeholder-svg{width:100%;height:100%}.sgr-hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:0 32px;height:48px;border-radius:var(--buttons-radius);background:#009688;color:#fff;text-decoration:none;transition:opacity .2s ease;border:none;border-color:#009688;cursor:pointer}.sgr-hero-cta:hover{opacity:.88;box-shadow:0 4px 16px #00968866}@media screen and (max-width:989px){.sgr-hero-grid{grid-template-columns:1fr;gap:32px}.sgr-hero-image{order:-1}.sgr-hero-text{text-align:center}.sgr-hero-breadcrumb{justify-content:center}.sgr-hero-sub{max-width:100%;margin-left:auto;margin-right:auto}.sgr-hero-highlights{align-items:center}}@media screen and (max-width:749px){.sgr-hero-grid{gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-sizing-guide-hero.css.map */