.hero-banner{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--color-coffee-darker)}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__placeholder{width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(212,165,116,.35),transparent 55%),linear-gradient(135deg,var(--color-coffee-dark),var(--color-coffee-darker))}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(39,22,9,calc(var(--hero-overlay-opacity, .45) * .85)),rgba(39,22,9,var(--hero-overlay-opacity, .45)) 55%,rgba(39,22,9,calc(var(--hero-overlay-opacity, .45) + .2)))}.hero-banner__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero-banner__content{position:relative;z-index:1;width:100%;max-width:var(--container-width);margin:0 auto;padding:clamp(6rem,14vh,9rem) var(--gutter) clamp(3rem,8vh,5rem);display:flex;flex-direction:column;align-items:var(--hero-content-align, center);text-align:center;gap:1.25rem}.hero-banner__eyebrow{margin:0;color:var(--color-amber);font-size:.8rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.hero-banner__heading{color:var(--color-cream);font-size:clamp(2.5rem,6vw,4.75rem);font-weight:500;max-width:18ch;text-wrap:balance}.hero-banner__subheading{color:var(--color-cream);opacity:.9;font-size:clamp(1rem,1.4vw,1.2rem);max-width:42ch}.hero-banner__subheading p{margin:0}.hero-banner__cta{margin-top:.75rem;display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.1rem;background:var(--color-amber);color:var(--color-coffee-darker);border-radius:999px;font-weight:600;font-size:.98rem;letter-spacing:.02em;transition:transform var(--ease-standard),background .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #0000002e}.hero-banner__cta svg{transition:transform var(--ease-standard)}.hero-banner__cta:hover{background:var(--color-cream);transform:translateY(-2px)}.hero-banner__cta:hover svg{transform:translate(3px)}.hero-banner__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1;display:flex;justify-content:center;width:22px;height:38px;border:1.5px solid rgba(240,230,216,.6);border-radius:999px;padding-top:6px;transition:border-color var(--ease-standard)}.hero-banner__scroll:hover{border-color:var(--color-cream)}.hero-banner__scroll-line{width:3px;height:8px;border-radius:2px;background:var(--color-cream);animation:hero-scroll-bounce 1.6s ease-in-out infinite}@keyframes hero-scroll-bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.4}}@media(max-width:749px){.hero-banner{display:none}}@media(prefers-reduced-motion:reduce){.hero-banner__scroll-line{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-hero-banner.css.map */