.hero-noir{position:relative;width:100%;min-height:var(--hero-noir-height, 560px);background:var(--hero-noir-bg, #161412);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-noir__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-noir__bg-image img{width:100%;height:100%;object-fit:var(--hero-noir-fit, contain);object-position:var(--hero-noir-position, center);display:block}.hero-noir__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--hero-noir-bg, #161412);opacity:var(--hero-noir-overlay, .45)}.hero-noir__petals{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:3}.hero-noir__petal{position:absolute;top:-60px;width:22px;height:30px;background:var(--hero-noir-petal, #8c4a3a);border-radius:0 70%;opacity:.85;mix-blend-mode:normal;animation-name:hero-noir-fall;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:inset -3px -3px 5px #0000004d,0 2px 6px #00000040}.hero-noir__petal:nth-child(1){left:4%;width:16px;height:22px;animation-duration:10s;animation-delay:0s}.hero-noir__petal:nth-child(2){left:14%;width:24px;height:32px;animation-duration:13s;animation-delay:2.5s}.hero-noir__petal:nth-child(3){left:24%;width:18px;height:24px;animation-duration:9s;animation-delay:1.2s}.hero-noir__petal:nth-child(4){left:36%;width:26px;height:34px;animation-duration:12s;animation-delay:4s}.hero-noir__petal:nth-child(5){left:46%;width:15px;height:20px;animation-duration:8.5s;animation-delay:.6s}.hero-noir__petal:nth-child(6){left:55%;width:20px;height:27px;animation-duration:11s;animation-delay:3.4s}.hero-noir__petal:nth-child(7){left:63%;width:24px;height:32px;animation-duration:9.5s;animation-delay:1.8s}.hero-noir__petal:nth-child(8){left:72%;width:17px;height:23px;animation-duration:13.5s;animation-delay:5s}.hero-noir__petal:nth-child(9){left:80%;width:22px;height:30px;animation-duration:10.5s;animation-delay:2.1s}.hero-noir__petal:nth-child(10){left:88%;width:16px;height:21px;animation-duration:8s;animation-delay:3.9s}.hero-noir__petal:nth-child(11){left:94%;width:25px;height:33px;animation-duration:12.5s;animation-delay:.3s}.hero-noir__petal:nth-child(12){left:40%;width:19px;height:25px;animation-duration:9.8s;animation-delay:6s}@keyframes hero-noir-fall{0%{transform:translateY(-60px) rotate(-15deg);opacity:.95}50%{transform:translateY(calc(var(--hero-noir-height, 560px) * .5)) rotate(160deg) translate(12px)}to{transform:translateY(calc(var(--hero-noir-height, 560px) + 80px)) rotate(320deg) translate(-10px);opacity:.1}}.hero-noir__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;max-width:520px}.hero-noir__eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--hero-noir-accent, #c9a15a);margin:0 0 14px}.hero-noir__heading{font-size:clamp(28px,5vw,44px);font-weight:500;color:#f2ead9;margin:0 0 10px;line-height:1.15}.hero-noir__subheading{font-size:14px;color:#a89a85;margin:0 0 28px}.hero-noir__image-placeholder{width:90px;height:220px;background:#3a1f1f;border-radius:6px 6px 3px 3px;margin:8px 0 32px;position:relative}.hero-noir__image-placeholder:after{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:22px;height:20px;background:var(--hero-noir-bg, #161412);border-radius:3px}.hero-noir__button{display:inline-block;background:transparent;color:var(--hero-noir-accent, #c9a15a);border:1px solid var(--hero-noir-accent, #c9a15a);padding:13px 34px;border-radius:2px;font-size:13px;letter-spacing:1px;text-decoration:none;transition:background .2s ease,color .2s ease}.hero-noir__button:hover{background:var(--hero-noir-accent, #c9a15a);color:var(--hero-noir-bg, #161412)}.hero-noir__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.hero-noir__dots span{width:6px;height:6px;border-radius:50%;background:#4a453e}.hero-noir__dots span.is-active{background:var(--hero-noir-accent, #c9a15a)}@media(prefers-reduced-motion:reduce){.hero-noir__petal{animation:none;display:none}}@media screen and (max-width:749px){.hero-noir{min-height:480px}.hero-noir__inner{padding:32px 16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-noir.css.map */