.hero-container{position:relative;width:100%;height:100vh;overflow:hidden;contain:layout style paint;isolation:isolate;background-color:#0a0808;perspective:1000px}.hero-background{position:absolute;inset:0;z-index:0;contain:strict;opacity:1}.fog-overlay{z-index:5;background:radial-gradient(circle 300px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(10,8,8,.2) 0,rgba(10,8,8,.8) 40%,rgba(5,4,4,.98) 70%,rgba(3,2,2,1) 100%);will-change:auto;contain:layout style paint;transition:background .8s ease-out}.fog-overlay,.fog-reveal{position:absolute;inset:0;pointer-events:none}.fog-reveal{z-index:6;background:radial-gradient(circle at center,transparent 15%,rgba(10,8,8,.6) 65%,rgba(5,4,4,.95) 100%);contain:strict}.hero-content{position:absolute;inset:0;z-index:20;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;contain:layout style paint}.hero-content,.hero-title{display:flex;justify-content:center}.hero-title{font-family:var(--font-cormorant);font-weight:300;font-size:clamp(32px,8vw,110px);letter-spacing:clamp(.05em,2vw,.12em);margin-bottom:clamp(1rem,4vw,2rem);line-height:1.1;flex-wrap:wrap}@keyframes letterReveal{0%{opacity:0;transform:translateY(50px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.letter-reveal{display:inline-block;-webkit-text-stroke:1.5px rgba(196,166,97,.8);-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(196,166,97,.6),0 0 80px rgba(196,166,97,.3);filter:drop-shadow(0 0 20px rgba(196,166,97,.5));opacity:0;transform:translateY(50px);animation:letterReveal .5s ease-out forwards;animation-delay:var(--delay);will-change:transform,opacity,filter}@keyframes subtitleFade{0%{opacity:0}to{opacity:1}}.hero-subtitle{font-family:var(--font-inter);font-size:clamp(.75rem,2vw,1.25rem);letter-spacing:clamp(.2em,.5vw,.3em);text-transform:uppercase;color:rgba(196,166,97,.95);text-shadow:0 0 20px rgba(196,166,97,.8),0 0 40px rgba(196,166,97,.4);animation:subtitleFade 1.2s ease-out 1.5s forwards;opacity:0;will-change:opacity;transform:translateZ(0)}.scroll-indicator{position:absolute;bottom:clamp(2rem,6vw,3rem);left:50%;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1rem);animation:subtitleFade 1s ease-out 3s forwards;opacity:0;will-change:opacity}.scroll-text{font-family:var(--font-inter);font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(196,166,97,.7);text-shadow:0 0 10px rgba(196,166,97,.4)}.scroll-mouse{position:relative;width:1.5rem;height:3rem;border:1px solid rgba(196,166,97,.3);border-radius:1rem;display:flex;align-items:flex-start;justify-content:center;padding:.5rem}@keyframes scrollDotMove{0%{transform:translateY(0);opacity:1}to{transform:translateY(1rem);opacity:0}}.scroll-dot{width:.25rem;height:.5rem;background:#c4a661;border-radius:.25rem;box-shadow:0 0 8px rgba(196,166,97,.8);animation:scrollDotMove 1.5s ease-in-out infinite;will-change:transform,opacity}.scroll-indicator[data-paused=true] .scroll-dot{animation-play-state:paused}.scroll-indicator[data-paused=false] .scroll-dot{animation-play-state:running}@media (max-width:768px){.fog-overlay{display:none!important}.letter-reveal{animation-duration:.4s}}[data-visible=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.hero-subtitle,.letter-reveal,.particle,.scroll-dot,.scroll-indicator,.scroll-text{animation:none!important;opacity:1!important;transform:none!important}.fog-overlay{transition:none}}