@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{--hero-black: #0c0c0c;--hero-white: #f5f5f5;--hero-cream: #141414;--hero-gold: #ff6a28;--hero-gold-bright: #ff8a53;--hero-gold-glow: rgba(255, 106, 40, .6);--hero-gold-intense: #ff8a53;--hero-font-display: "Bebas Neue", sans-serif;--hero-font-sans: "DM Sans", system-ui, sans-serif;--hero-ease: cubic-bezier(.16, 1, .3, 1);--hero-ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}.cinematic-hero{position:relative;width:100%;height:100vh;height:100dvh;min-height:700px;overflow:hidden;background:var(--hero-black)}.cinematic-hero__parallax{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cinematic-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-hero__media img,.cinematic-hero__media video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(.6) brightness(.7) contrast(1.1);transform:scale(1.15);transition:transform 15s ease-out,opacity 2s ease,filter 2s ease}.cinematic-hero.is-loaded .cinematic-hero__media img,.cinematic-hero.is-loaded .cinematic-hero__media video{transform:scale(1);opacity:.5;filter:saturate(.8) brightness(.85) contrast(1.05)}.cinematic-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000b3,#00000080,#0006,#0009,#000000f2),linear-gradient(90deg,#000c,#0000004d 30% 70%,#000c),#00000059;z-index:2}.cinematic-hero__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.ambient-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2;animation:ambient-breathe 8s infinite ease-in-out}.cinematic-hero.is-loaded .ambient-glow{opacity:.55}.ambient-glow--warm{width:80vw;height:80vw;max-width:1000px;max-height:1000px;background:radial-gradient(circle,var(--hero-gold-bright) 0%,var(--hero-gold) 40%,transparent 70%);bottom:-20%;left:-10%;animation-delay:0s}.ambient-glow--cool{width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(0,200,255,.7) 0%,rgba(0,120,180,.5) 40%,transparent 70%);top:-5%;right:-5%;animation-delay:-4s}@keyframes ambient-breathe{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.1)}}.cinematic-hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.glass-particle{position:absolute;border-radius:50%;background:#ffffff80;box-shadow:0 0 15px #ffffff80,0 0 30px #ffffff4d;opacity:.15;animation:particle-float 15s infinite ease-in-out}.glass-particle--sm{width:6px;height:6px}.glass-particle--md{width:12px;height:12px}.glass-particle--lg{width:18px;height:18px}.glass-particle--xl{width:28px;height:28px;border-radius:30% 70% 70% 30%}.glass-particle--warm{background:var(--hero-gold-bright);box-shadow:0 0 20px var(--hero-gold-glow),0 0 40px var(--hero-gold-glow),0 0 60px #ff6a2866;opacity:.3}.glass-particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.glass-particle:nth-child(2){left:25%;top:50%;animation-delay:-4s}.glass-particle:nth-child(3){left:40%;top:25%;animation-delay:-8s}.glass-particle:nth-child(4){left:55%;top:60%;animation-delay:-2s}.glass-particle:nth-child(5){left:70%;top:35%;animation-delay:-10s}.glass-particle:nth-child(6){left:85%;top:55%;animation-delay:-6s}.glass-particle:nth-child(7){left:15%;top:70%;animation-delay:-12s}.glass-particle:nth-child(8){left:60%;top:15%;animation-delay:-3s}.glass-particle:nth-child(9){left:80%;top:75%;animation-delay:-7s}.glass-particle:nth-child(10){left:35%;top:80%;animation-delay:-11s}.glass-particle:nth-child(11){left:90%;top:30%;animation-delay:-5s}.glass-particle:nth-child(12){left:5%;top:45%;animation-delay:-9s}@keyframes particle-float{0%{opacity:.2;transform:translateY(0) scale(.5) rotate(0)}15%{opacity:.95}50%{opacity:1;transform:translateY(-100px) scale(1.3) rotate(180deg)}85%{opacity:.7}to{opacity:.1;transform:translateY(-180px) scale(.6) rotate(360deg)}}.cinematic-hero__content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding:0 clamp(2rem,6vw,5rem);padding-top:calc(var(--header-height, 80px) + 2rem);max-width:1600px;margin:0 auto}.cinematic-hero__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;font-family:var(--hero-font-sans);font-size:.8rem;font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:var(--hero-gold-bright);text-shadow:0 0 20px var(--hero-gold-glow),0 0 40px var(--hero-gold-glow);margin-bottom:2.5rem;opacity:0;transform:translateY(-20px) scale(.9);transition:all .8s var(--hero-ease-bounce) .2s}.cinematic-hero.is-loaded .cinematic-hero__eyebrow{opacity:1;transform:translateY(0) scale(1)}.cinematic-hero__eyebrow:before,.cinematic-hero__eyebrow:after{content:"";width:0;height:2px;background:linear-gradient(90deg,transparent,var(--hero-gold-bright));box-shadow:0 0 15px var(--hero-gold-glow);transition:width 1s var(--hero-ease) .6s}.cinematic-hero__eyebrow:after{background:linear-gradient(90deg,var(--hero-gold-bright),transparent)}.cinematic-hero.is-loaded .cinematic-hero__eyebrow:before,.cinematic-hero.is-loaded .cinematic-hero__eyebrow:after{width:80px}.cinematic-hero__heading{font-family:var(--hero-font-display);font-size:clamp(3.5rem,12vw,9rem);font-weight:400;line-height:.95;letter-spacing:.02em;color:var(--hero-white);margin:0 0 2rem;max-width:14ch;text-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(255,106,40,.5),0 0 80px rgba(255,106,40,.3),0 0 120px rgba(0,200,255,.2),0 4px 30px rgba(0,0,0,.9);filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.cinematic-hero__word{display:inline-block;overflow:hidden;margin-right:.3em}.cinematic-hero__word:last-child{margin-right:0}.cinematic-hero__letter{display:inline-block;opacity:0;transform:translateY(120%) rotateX(-40deg);filter:blur(8px);transition:opacity .6s var(--hero-ease),transform .8s var(--hero-ease-bounce),filter .6s var(--hero-ease)}.cinematic-hero.is-loaded .cinematic-hero__letter{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}.cinematic-hero__letter:hover{color:var(--hero-gold-bright);text-shadow:0 0 30px var(--hero-gold-glow);transition:all .2s ease}.cinematic-hero__letter:nth-child(1){transition-delay:.3s}.cinematic-hero__letter:nth-child(2){transition-delay:.35s}.cinematic-hero__letter:nth-child(3){transition-delay:.4s}.cinematic-hero__letter:nth-child(4){transition-delay:.45s}.cinematic-hero__letter:nth-child(5){transition-delay:.5s}.cinematic-hero__letter:nth-child(6){transition-delay:.55s}.cinematic-hero__letter:nth-child(7){transition-delay:.6s}.cinematic-hero__letter:nth-child(8){transition-delay:.65s}.cinematic-hero__letter:nth-child(9){transition-delay:.7s}.cinematic-hero__letter:nth-child(10){transition-delay:.75s}.cinematic-hero__letter:nth-child(11){transition-delay:.8s}.cinematic-hero__letter:nth-child(12){transition-delay:.85s}.cinematic-hero__letter:nth-child(13){transition-delay:.9s}.cinematic-hero__letter:nth-child(14){transition-delay:.95s}.cinematic-hero__letter:nth-child(15){transition-delay:1s}.cinematic-hero__letter:nth-child(16){transition-delay:1.05s}.cinematic-hero__letter:nth-child(17){transition-delay:1.1s}.cinematic-hero__letter:nth-child(18){transition-delay:1.15s}.cinematic-hero__letter:nth-child(19){transition-delay:1.2s}.cinematic-hero__letter:nth-child(20){transition-delay:1.25s}.cinematic-hero__subheading{font-family:var(--hero-font-sans);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:400;line-height:1.8;color:#ffffffd9;text-shadow:0 2px 20px rgba(0,0,0,.5);max-width:55ch;margin:0 auto 3.5rem;opacity:0;transform:translateY(25px);filter:blur(5px);transition:all 1s var(--hero-ease) .9s}.cinematic-hero.is-loaded .cinematic-hero__subheading{opacity:1;transform:translateY(0);filter:blur(0)}.cinematic-hero__cta{display:inline-flex;align-items:center;gap:1.5rem;font-family:var(--hero-font-sans);font-size:.9rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;color:var(--hero-black);background:var(--hero-white);padding:1.5rem 3rem;position:relative;overflow:hidden;opacity:0;transform:translateY(30px) scale(.9);box-shadow:0 0 0 1px #fff3,0 10px 40px #0006;transition:opacity .8s var(--hero-ease) 1.1s,transform .8s var(--hero-ease-bounce) 1.1s,color .3s ease,background .3s ease,box-shadow .4s ease}.cinematic-hero.is-loaded .cinematic-hero__cta{opacity:1;transform:translateY(0) scale(1)}.cinematic-hero__cta:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,var(--hero-gold-bright),var(--hero-gold),var(--hero-gold-bright));opacity:0;filter:blur(15px);z-index:-1;transition:opacity .4s ease}.cinematic-hero__cta:hover{background:var(--hero-gold-bright);color:var(--hero-black);box-shadow:0 0 0 2px var(--hero-gold-bright),0 0 30px var(--hero-gold-glow),0 0 60px var(--hero-gold-glow),0 20px 50px #00000080;transform:translateY(-4px) scale(1.02)}.cinematic-hero__cta:hover:before{opacity:.8;animation:cta-pulse 1.5s infinite}@keyframes cta-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.cinematic-hero__cta-arrow{display:block;width:28px;height:2px;background:currentColor;position:relative;transition:width .4s var(--hero-ease),transform .4s var(--hero-ease)}.cinematic-hero__cta-arrow:after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:translateY(-50%) rotate(45deg);transition:transform .3s ease}.cinematic-hero__cta:hover .cinematic-hero__cta-arrow{width:40px;transform:translate(6px)}.cinematic-hero__cta:hover .cinematic-hero__cta-arrow:after{transform:translateY(-50%) rotate(45deg) scale(1.2)}.cinematic-hero__scroll{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;animation:scroll-appear 1s var(--hero-ease) 2s forwards}@keyframes scroll-appear{to{opacity:1}}.cinematic-hero__scroll-text{font-family:var(--hero-font-sans);font-size:.7rem;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--hero-gold);text-shadow:0 0 20px var(--hero-gold-glow)}.cinematic-hero__scroll-line{width:2px;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);position:relative;overflow:hidden;border-radius:2px}.cinematic-hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:60%;background:linear-gradient(to bottom,var(--hero-gold-bright),var(--hero-gold));box-shadow:0 0 15px var(--hero-gold-glow);animation:scroll-line 2s infinite ease-in-out;border-radius:2px}@keyframes scroll-line{0%{top:-60%;opacity:0}20%{opacity:1}to{top:120%;opacity:0}}.cinematic-hero:before,.cinematic-hero:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(to bottom,transparent,var(--hero-gold-bright),transparent);box-shadow:0 0 20px var(--hero-gold-glow),0 0 40px var(--hero-gold-glow);z-index:5;animation:accent-line 1.5s var(--hero-ease) 1.5s forwards}.cinematic-hero:before{left:clamp(1.5rem,4vw,3rem)}.cinematic-hero:after{right:clamp(1.5rem,4vw,3rem);animation-delay:1.8s}@keyframes accent-line{to{height:200px}}@media(max-width:749px){.cinematic-hero__content{padding-top:calc(var(--header-height, 64px) + 1rem);padding-left:1.5rem;padding-right:1.5rem}.cinematic-hero__eyebrow{font-size:.7rem;gap:1rem}.cinematic-hero__eyebrow:before,.cinematic-hero__eyebrow:after{width:30px}.cinematic-hero.is-loaded .cinematic-hero__eyebrow:before,.cinematic-hero.is-loaded .cinematic-hero__eyebrow:after{width:50px}.cinematic-hero__heading{font-size:clamp(2.75rem,14vw,4.5rem)}.cinematic-hero__subheading{font-size:1rem}.cinematic-hero__cta{width:100%;max-width:300px;justify-content:center;padding:1.25rem 2rem}.cinematic-hero:before,.cinematic-hero:after{display:none}.glass-particle:nth-child(n+7){display:none}.ambient-glow--warm{width:80vw;height:80vw;bottom:-40%;left:-30%}.ambient-glow--cool{width:60vw;height:60vw;top:-20%;right:-20%}}@media(prefers-reduced-motion:reduce){.cinematic-hero__media img,.cinematic-hero__media video,.cinematic-hero__letter,.cinematic-hero__eyebrow,.cinematic-hero__subheading,.cinematic-hero__cta{transition:none;opacity:1;transform:none;filter:none}.glass-particle,.cinematic-hero__scroll-line:after,.ambient-glow,.cinematic-hero__cta:before{animation:none}.ambient-glow{opacity:.2}.cinematic-hero:before,.cinematic-hero:after{animation:none;height:200px}.cinematic-hero__media img,.cinematic-hero__media video{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cinematic-hero.css.map */