.hg-section{--hg-cream: #fffdf0;--hg-brown: #491b13;--hg-orange: #f07f35;--hg-yellow: #ffda22;--hg-font-heading: "Prompt", ui-sans-serif, system-ui, sans-serif;--hg-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;padding:24px 20px 32px;font-family:var(--hg-font-sans);box-sizing:border-box;width:100%;max-width:100vw}.hg-section *,.hg-section *:before,.hg-section *:after{box-sizing:border-box}@media(min-width:768px){.hg-section{padding:24px 32px 40px}}.hg-section .hg-inner{margin:0 auto;max-width:90rem;width:100%}.hg-section .hg-card{position:relative;overflow:hidden;border-radius:2.5rem;border:3px solid var(--hg-brown);box-shadow:8px 8px 0 0 var(--hg-brown)}.hg-section .hg-slides{position:relative;width:100%;min-height:520px}@media(min-width:768px){.hg-section .hg-slides{min-height:0;aspect-ratio:16 / 7}}.hg-section .hg-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .7s ease-out}.hg-section .hg-slide.is-active{opacity:1;pointer-events:auto}.hg-section .hg-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hg-section .hg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#491b13f2,#491b1399 45%,#491b131a)}.hg-section .hg-gradient--right{background:linear-gradient(to left,#491b13f2,#491b1399 45%,#491b131a)}.hg-section .hg-scrim-mobile{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(73,27,19,.7) 0%,rgba(73,27,19,.2) 55%,transparent 100%)}@media(min-width:768px){.hg-section .hg-scrim-mobile{display:none}}.hg-section .hg-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:24px 56px 40px}@media(min-width:768px){.hg-section .hg-content{padding:56px}}.hg-section .hg-slide--right .hg-content{align-items:flex-end;text-align:right}.hg-section .hg-content-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px}@media(min-width:768px){.hg-section .hg-content-inner{gap:20px}}.hg-section .hg-slide--right .hg-content-inner{align-items:flex-end}.hg-section .hg-eyebrow{display:inline-flex;border-radius:9999px;border:2px solid var(--hg-brown);box-shadow:3px 3px 0 0 var(--hg-brown);background:var(--hg-orange);padding:4px 16px;font-family:var(--hg-font-heading);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--hg-cream)}@media(min-width:768px){.hg-section .hg-eyebrow{font-size:14px}}.hg-section .hg-heading{max-width:16ch;margin:0;font-family:var(--hg-font-heading);font-size:2.25rem;font-weight:900;line-height:.85;text-transform:uppercase;color:var(--hg-cream);text-wrap:balance;text-shadow:0 2px 12px rgba(43,26,18,.55)}@media(min-width:768px){.hg-section .hg-heading{font-size:4.5rem}}.hg-section .hg-heading-accent{color:var(--hg-yellow)}.hg-section .hg-description{max-width:38ch;margin:0;font-size:14px;color:var(--hg-cream);text-shadow:0 1px 8px rgba(43,26,18,.6)}@media(min-width:768px){.hg-section .hg-description{font-size:1.125rem}}.hg-section .hg-cta{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:2px solid var(--hg-brown);box-shadow:4px 4px 0 0 var(--hg-brown);background:var(--hg-yellow);padding:12px 28px;font-family:var(--hg-font-heading);font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--hg-brown);text-decoration:none;transition:transform .15s ease}.hg-section .hg-cta:hover{transform:translateY(-2px)}.hg-section .hg-cta:active{transform:translateY(0)}.hg-section .hg-cta svg{width:20px;height:20px}.hg-section .hg-arrow{position:absolute;top:50%;z-index:10;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border-radius:9999px;border:2px solid var(--hg-brown);box-shadow:3px 3px 0 0 var(--hg-brown);background:#fffdf0e6;color:var(--hg-brown);cursor:pointer;padding:0;transition:transform .15s ease}.hg-section .hg-arrow svg{width:22px;height:22px}.hg-section .hg-arrow:hover{transform:translateY(-50%) scale(1.1)}.hg-section .hg-arrow--prev{left:12px}.hg-section .hg-arrow--next{right:12px}@media(max-width:767px){.hg-section .hg-arrow{display:none}}@media(min-width:768px){.hg-section .hg-arrow{width:48px;height:48px}.hg-section .hg-arrow--prev{left:20px}.hg-section .hg-arrow--next{right:20px}}.hg-section .hg-dots{position:absolute;bottom:18px;left:50%;z-index:10;display:flex;align-items:center;gap:10px;transform:translate(-50%)}@media(min-width:768px){.hg-section .hg-dots{bottom:24px}}.hg-section .hg-dot{height:12px;width:12px;border-radius:9999px;border:2px solid var(--hg-brown);background:#fffdf0cc;padding:0;cursor:pointer;transition:all .3s ease}.hg-section .hg-dot.is-active{width:32px;background:var(--hg-yellow)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-carrossel-gruvi.css.map */