.hero-banner{position:relative;width:100%;overflow:hidden;display:flex;align-items:flex-end;background-color:var(--color-black, #000)}.hero-banner--full{height:100svh;min-height:600px}.hero-banner--large{height:85svh;min-height:540px}.hero-banner--medium{height:70svh;min-height:440px}@media (max-width: 767px){.hero-banner--full{height:90svh;min-height:520px}.hero-banner--large{height:80svh;min-height:480px}.hero-banner--medium{height:65svh;min-height:400px}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:top center}.hero-banner__video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--hero-overlay, .4) + .18)),rgba(0,0,0,var(--hero-overlay, .4)) 40%,rgba(0,0,0,calc(var(--hero-overlay, .4) - .1)));z-index:1;pointer-events:none}.hero-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--color-cream, #FFF8F0));z-index:4;pointer-events:none}.hero-banner__content{position:relative;z-index:3;width:100%;padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}.hero-banner__inner{max-width:700px}.hero-banner--center .hero-banner__content{display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:0;min-height:100%}.hero-banner--center .hero-banner__inner{margin-left:auto;margin-right:auto}.hero-banner--center .hero-banner__actions{justify-content:center}.hero-banner--bottom-left .hero-banner__content{display:flex;align-items:center;min-height:100%}.hero-banner--bottom-left .hero-banner__inner{text-align:left}.hero-banner__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-md)}.hero-banner__eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background-color:var(--color-accent);border-radius:var(--radius-full)}.hero-banner__heading{font-family:var(--font-accent);font-size:clamp(3rem,2.2rem + 4vw,6rem);line-height:.95;color:var(--color-white, #fff);letter-spacing:-.02em;margin-bottom:var(--space-lg);text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3)}.hero-banner__heading em,.hero-banner__heading i{color:var(--color-secondary);font-style:normal}.hero-banner__subheading{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.5;color:#ffffffe6;margin-bottom:var(--space-xl);max-width:540px;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.25)}.hero-banner--center .hero-banner__subheading{margin-left:auto;margin-right:auto}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero-banner__btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:1rem 2.5rem;background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-white);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.hero-banner__btn-primary:hover{background-color:var(--color-cream);border-color:var(--color-cream);box-shadow:0 8px 30px #fff3;transform:translateY(-2px)}.hero-banner__btn-primary:active{transform:translateY(1px);box-shadow:none}.hero-banner__btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:1rem 2.5rem;background-color:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.6);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.hero-banner__btn-secondary:hover{background-color:#ffffff26;border-color:var(--color-white);transform:translateY(-2px)}.hero-banner__btn-secondary:active{transform:translateY(1px)}@media (max-width: 767px){.hero-banner__actions{gap:var(--space-sm);width:100%}.hero-banner__btn-primary,.hero-banner__btn-secondary{min-height:44px;padding:.65rem 1.25rem;font-size:var(--text-xs);flex:1;text-align:center}.hero-banner__inner{padding-bottom:env(safe-area-inset-bottom,0px)}}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-banner__heading,.hero-banner__subheading,.hero-banner__actions{opacity:0;animation:heroFadeInUp .8s cubic-bezier(.25,.46,.45,.94) forwards}.hero-banner__heading{animation-delay:.2s}.hero-banner__subheading{animation-delay:.4s}.hero-banner__actions{animation-delay:.6s}@media (prefers-reduced-motion: reduce){.hero-banner__heading,.hero-banner__subheading,.hero-banner__actions{opacity:1;animation:none}}.hero-banner__btn-primary:focus-visible,.hero-banner__btn-secondary:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(155deg,var(--color-primary-dark) 0%,var(--color-primary) 40%,var(--color-accent) 100%)}.hero-banner__scroll-hint{position:absolute;bottom:clamp(1.5rem,3vh,2.5rem);left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff9;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;animation:heroScrollBounce 2s ease-in-out infinite}.hero-banner__scroll-hint svg{width:20px;height:20px}@keyframes heroScrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@media (prefers-reduced-motion: reduce){.hero-banner__scroll-hint{animation:none}}@media (max-width: 767px){.hero-banner__scroll-hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */