.potions-hero{position:relative;min-height:100vh;min-height:100svh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black);color:var(--cream-light);text-align:center;isolation:isolate;--potions-hero-crop: center 42%}.potions-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.potions-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom,#0000008c,#00000052 35%,#00000061 65%,#000000b3);pointer-events:none}.potions-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,80vw);height:min(720px,80vw);background:radial-gradient(circle,#c5a55a2e,#c5a55a00 65%);pointer-events:none;z-index:3}.potions-hero-content{position:relative;z-index:4;padding:120px 40px 140px;max-width:820px;margin:0 auto;text-align:center}.potions-hero-eyebrow{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:4px;margin-bottom:16px;font-weight:500;text-shadow:0 1px 12px rgba(0,0,0,.6)}.potions-hero h1{font-family:var(--font-display);font-size:clamp(56px,9vw,112px);letter-spacing:6px;color:var(--cream-light);line-height:.95;margin-bottom:14px;text-shadow:0 4px 40px rgba(0,0,0,.5)}.potions-hero h1 span{display:block;font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,3vw,34px);color:var(--gold);font-weight:400;letter-spacing:1px;margin-top:12px;text-shadow:0 2px 20px rgba(0,0,0,.55)}.potions-hero p{font-size:16px;color:var(--cream-light);opacity:.92;max-width:560px;margin:0 auto;line-height:1.75;font-weight:300;text-shadow:0 1px 12px rgba(0,0,0,.55)}.potions-hero-scroll{position:absolute;left:50%;bottom:36px;transform:translate(-50%);z-index:4;color:var(--gold);text-decoration:none;font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:500;display:inline-flex;flex-direction:column;align-items:center;gap:8px;opacity:.85;transition:opacity .3s ease}.potions-hero-scroll:hover{opacity:1}.potions-hero-scroll svg{animation:potionsScrollBounce 2.2s ease-in-out infinite}@keyframes potionsScrollBounce{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(6px);opacity:1}}@media(prefers-reduced-motion:reduce){.potions-hero-media>video{display:none!important}.potions-hero-scroll svg{animation:none}}@media(max-width:1024px){.potions-hero{--potions-hero-crop: center 45%}}@media(max-width:768px)and (orientation:landscape){.potions-hero-content{padding:70px 22px 80px}.potions-hero-scroll{display:none}}@media(max-width:768px){.potions-hero{--potions-hero-crop: 50% 50%}.potions-hero-content{padding:100px 22px 120px}.potions-hero h1{letter-spacing:4px}.potions-hero:before{width:90vw;height:90vw}.potions-hero-scroll{bottom:22px;font-size:9px;letter-spacing:2.5px}}@media(max-width:480px){.potions-hero{--potions-hero-crop: 55% 50%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/potions-hero.css.map */