.hero-video{position:relative;width:100%;height:66.7vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video__video,.hero-video__image{width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.hero-video--fit-contain{height:auto;aspect-ratio:16 / 9;max-height:100vh;max-height:100svh;background:#000}.hero-video--fit-contain .hero-video__video{object-fit:contain}}.hero-video__video+.hero-video__image{display:none}.hero-video--fallback .hero-video__video{display:none}.hero-video--fallback .hero-video__image{display:block!important}.hero-video .hero-video__overlay{display:block}.hero-video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 120% 80% at 50% 40%,transparent 30%,rgba(26,24,22,.5) 70%,rgba(26,24,22,.85) 100%),linear-gradient(180deg,#1a181633,#1a181699);z-index:2}.hero-video__content{position:relative;z-index:2;text-align:center;padding:2rem}.hero-video__content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(196,149,106,.2) 0%,rgba(196,149,106,.1) 25%,rgba(196,149,106,.03) 50%,transparent 70%);pointer-events:none;z-index:-1;border-radius:50%}@media screen and (min-width:750px){.hero-video__content:before{width:900px;height:900px}}.hero-video__content--center{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-video__content--bottom-left{position:absolute;bottom:120px;left:5%;text-align:left}.hero-video__content--bottom-center{position:absolute;bottom:120px;left:50%;transform:translate(-50%);text-align:center}.hero-video__heading{font-family:"Noto Serif JP",serif;font-weight:300;font-size:2.4rem;letter-spacing:.4em;color:#e8e0d4;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(196,149,106,.3),0 0 60px rgba(196,149,106,.18),0 0 120px rgba(196,149,106,.1),0 0 200px rgba(196,149,106,.04),0 2px 30px rgba(26,24,22,.5);animation:lanternBreathHero 6s ease-in-out infinite}@keyframes lanternBreathHero{0%,to{text-shadow:0 0 30px rgba(196,149,106,.3),0 0 60px rgba(196,149,106,.18),0 0 120px rgba(196,149,106,.1),0 0 200px rgba(196,149,106,.04),0 2px 30px rgba(26,24,22,.5)}50%{text-shadow:0 0 40px rgba(196,149,106,.4),0 0 80px rgba(196,149,106,.22),0 0 160px rgba(196,149,106,.14),0 0 260px rgba(196,149,106,.06),0 2px 30px rgba(26,24,22,.5)}}@media screen and (min-width:750px){.hero-video__heading{font-size:3.6rem}}@media screen and (min-width:990px){.hero-video__heading{font-size:4.4rem}}.hero-video__subheading{font-family:"Noto Serif JP",serif;font-weight:300;font-size:1.3rem;letter-spacing:.25em;color:#e8e0d4bf;margin-bottom:3rem;text-shadow:0 0 20px rgba(196,149,106,.15),0 0 50px rgba(196,149,106,.06),0 1px 15px rgba(26,24,22,.4)}@media screen and (min-width:750px){.hero-video__subheading{font-size:1.5rem}}.hero-video__subheading:after{content:"";display:block;width:60px;height:6px;margin:2rem auto 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0 3 C20 1, 40 5, 60 2.5 S100 4.5, 130 2 S170 4, 200 3' stroke='%23C4956A' stroke-width='1.2' fill='none' opacity='0.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.hero-video__scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3}.hero-video__scroll-indicator span{display:block;width:2px;height:50px;background:linear-gradient(to bottom,rgba(196,149,106,.6) 0%,rgba(196,149,106,.3) 60%,transparent 100%);border-radius:0 0 2px 2px;animation:inkDrip 2.5s ease-in-out infinite}@keyframes inkDrip{0%{opacity:0;transform:translateY(-15px) scaleY(.6)}30%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(15px) scaleY(1.2)}}@media screen and (max-width:749px){.hero-video{height:66.7svh}.hero-video__content--bottom-left{bottom:80px;left:20px}.hero-video__content--bottom-center{bottom:80px}}@media(prefers-reduced-motion:reduce){.hero-video__video{display:none}.hero-video__video+.hero-video__image{display:block}.hero-video__heading,.hero-video__scroll-indicator span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/custom-hero-video.css.map */
