.damn-good-hero{position:relative;width:100vw;height:100vh;background:var(--bg-color,#000);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;isolation:isolate}@keyframes screenShake{0%{transform:translate(0) rotate(0deg)}10%{transform:translate(-2px,1px) rotate(-.2deg)}20%{transform:translate(2px,-1px) rotate(.2deg)}30%{transform:translate(-1px,2px) rotate(-.1deg)}40%{transform:translate(1px,-2px) rotate(.1deg)}50%{transform:translate(-2px,-1px) rotate(-.2deg)}60%{transform:translate(2px,1px) rotate(.2deg)}70%{transform:translate(-1px,-2px) rotate(-.1deg)}80%{transform:translate(1px,2px) rotate(.1deg)}90%{transform:translate(-1px,-1px) rotate(-.05deg)}to{transform:translate(0) rotate(0deg)}}body.shooting-shake{animation:screenShake .1s ease-out}.hero-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px clamp(30px,5vw,80px);z-index:1000;background:transparent;transition:background .3s ease}.nav-left,.nav-right{display:flex;gap:clamp(30px,4vw,60px);flex:1 1}.nav-right{justify-content:flex-end}.nav-center{flex:0 0 auto}.nav-link{font-family:Mona Sans Variable,sans-serif;font-weight:600;font-size:clamp(.75rem,1.2vw,.9rem);color:#fff;text-decoration:none;letter-spacing:.1em;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-logo{display:flex;align-items:center;justify-content:center}.nav-logo svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.hero-time{position:absolute;top:clamp(140px,18vw,220px);left:clamp(30px,5vw,80px);z-index:50;color:#fff;font-family:Mona Sans Variable,sans-serif}.time{font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;margin-bottom:5px}.time,.weather{letter-spacing:.05em}.weather{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:400;opacity:.8}.hero-weather-details{position:absolute;top:clamp(140px,18vw,220px);right:clamp(30px,5vw,80px);z-index:50;color:#fff;font-family:Mona Sans Variable,sans-serif;text-align:right}.weather-item{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:400;margin-bottom:5px;opacity:.8;letter-spacing:.05em}.hero-video-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:none}.hero-intro-video,.hero-video-container{max-width:1024px;max-height:400px;width:100%;height:auto}.hero-intro-video{object-fit:contain;display:block}.hero-main-text{flex-direction:column;height:auto;padding:0 clamp(20px,5vw,40px);transition:opacity .5s ease-in}.hero-main-text,.hero-svg-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;max-width:1230px;max-height:480px;width:100%;overflow:visible}.hero-svg-container{opacity:1;padding:40px}.hero-svg-image{object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero-svg-container svg,.hero-svg-image{width:100%;height:auto;max-width:1230px;max-height:480px}.hero-svg-container svg{opacity:1;overflow:visible;opacity:1!important}.hero-svg-container svg path{cursor:pointer;transform-origin:center center;pointer-events:all;fill:#fff!important;fill-opacity:1!important;opacity:1!important}.neon-x-container{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:30;pointer-events:none;top:0;left:0}.neon-x{position:relative;width:clamp(180px,25vw,350px);height:clamp(180px,25vw,350px);z-index:2;animation:neonXFlicker 2s infinite}.neon-x:after,.neon-x:before{content:"";position:absolute;width:100%;height:clamp(4px,.6vw,8px);background:#ff006e;border-radius:clamp(2px,.3vw,4px);box-shadow:0 0 5px #ff006e,0 0 10px #ff006e,0 0 20px #ff006e,0 0 30px #ff006e,0 0 40px #ff006e,inset 0 0 5px hsla(0,0%,100%,.5);left:0;top:50%}.neon-x:before{transform:translateY(-50%) rotate(45deg)}.neon-x:after{transform:translateY(-50%) rotate(-45deg)}.neon-x-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);background:radial-gradient(circle,rgba(255,0,110,.3) 0,rgba(255,0,110,.15) 40%,transparent 70%);border-radius:50%;animation:neonXGlow 2s infinite;z-index:1;pointer-events:none}@keyframes neonXFlicker{0%,to{opacity:1;filter:brightness(1)}1%{opacity:.98;filter:brightness(.98)}2%{opacity:1;filter:brightness(1)}3%{opacity:.95;filter:brightness(.95)}4%{opacity:1;filter:brightness(1)}5%{opacity:.99;filter:brightness(.99)}6%{opacity:1;filter:brightness(1)}7%{opacity:.97;filter:brightness(.97)}8%{opacity:1;filter:brightness(1)}10%{opacity:.92;filter:brightness(.92)}11%{opacity:1;filter:brightness(1)}15%{opacity:.85;filter:brightness(.85)}16%{opacity:1;filter:brightness(1)}20%{opacity:.94;filter:brightness(.94)}21%{opacity:1;filter:brightness(1)}25%{opacity:.96;filter:brightness(.96)}26%{opacity:1;filter:brightness(1)}30%{opacity:.93;filter:brightness(.93)}31%{opacity:1;filter:brightness(1)}35%{opacity:.97;filter:brightness(.97)}36%{opacity:1;filter:brightness(1)}40%{opacity:.91;filter:brightness(.91)}41%{opacity:1;filter:brightness(1)}45%{opacity:.99;filter:brightness(.99)}46%{opacity:1;filter:brightness(1)}50%{opacity:.95;filter:brightness(.95)}51%{opacity:1;filter:brightness(1)}55%{opacity:.88;filter:brightness(.88)}56%{opacity:.3;filter:brightness(.3)}57%{opacity:1;filter:brightness(1)}60%{opacity:.97;filter:brightness(.97)}61%{opacity:1;filter:brightness(1)}65%{opacity:.94;filter:brightness(.94)}66%{opacity:1;filter:brightness(1)}70%{opacity:.96;filter:brightness(.96)}71%{opacity:1;filter:brightness(1)}75%{opacity:.92;filter:brightness(.92)}76%{opacity:1;filter:brightness(1)}80%{opacity:.98;filter:brightness(.98)}81%{opacity:1;filter:brightness(1)}85%{opacity:.93;filter:brightness(.93)}86%{opacity:1;filter:brightness(1)}90%{opacity:.95;filter:brightness(.95)}91%{opacity:1;filter:brightness(1)}95%{opacity:.97;filter:brightness(.97)}96%{opacity:1;filter:brightness(1)}}@keyframes neonXGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}56%{opacity:.3;transform:translate(-50%,-50%) scale(.95)}}.hero-object{position:absolute;animation:float 8s ease-in-out infinite;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:273.167px;height:273.167px;cursor:pointer;transform-origin:center center}.hero-asset-image{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.shaka-hand{top:-100px;left:-60px;z-index:3;transform:rotate(var(--rotate,-15deg));animation-delay:0s}.shaka-hand:hover{animation:float 1.5s ease-in-out infinite;z-index:4}.dice{top:-100px;right:-60px;z-index:3;transform:rotate(var(--rotate,25deg));animation-delay:-1s}.dice:hover{animation:float 1.5s ease-in-out infinite;z-index:4}.gothic-d{bottom:-80px;left:10px;z-index:12;transform:rotate(var(--rotate,-5deg));animation-delay:-2s;opacity:1!important;animation:float 8s ease-in-out infinite}.gothic-d:hover{animation:float 1.5s ease-in-out infinite;z-index:13;opacity:1!important}.chess-knight{bottom:-80px;right:10px;z-index:12;transform:rotate(var(--rotate,10deg));animation-delay:-3s;--rotate:10deg;opacity:1!important;animation:float 8s ease-in-out infinite}.chess-knight:hover{animation:float 1.5s ease-in-out infinite;z-index:13;opacity:1!important}.hero-globe{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);z-index:50;opacity:.9}.hero-globe svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.hero-tagline{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);text-align:center;z-index:50;color:#fff;font-family:Mona Sans Variable,sans-serif}.tagline-bold{font-size:clamp(.8rem,1.5vw,1rem);font-weight:900;letter-spacing:.15em;margin-bottom:5px;text-transform:uppercase}.tagline-location{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:400;letter-spacing:.15em;opacity:.8}.hero-shoot{position:absolute;bottom:40px;left:clamp(30px,5vw,80px);z-index:50}.shoot-button{background:transparent;border:2px solid hsla(0,0%,100%,.3);color:#fff;font-family:Mona Sans Variable,sans-serif;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shoot-button:hover{transform:translateX(5px);background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6)}.shoot-button.active{background:rgba(255,0,0,.3);border-color:red;box-shadow:0 0 20px rgba(255,0,0,.5);animation:pulse-red 1.5s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 20px rgba(255,0,0,.5)}50%{box-shadow:0 0 30px rgba(255,0,0,.8)}}.shoot-icon{font-size:.6em}.hero-site-day{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:50;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-family:Mona Sans Variable,sans-serif;color:#fff}.site-day-text{font-size:clamp(3rem,8vw,5rem);font-weight:900;display:block;margin-bottom:20px;letter-spacing:.05em}.site-day-label{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:400;letter-spacing:.15em;opacity:.8}.hero-credit{position:absolute;bottom:40px;right:clamp(30px,5vw,80px);z-index:50;display:flex;align-items:center;gap:15px;color:#fff;font-family:Mona Sans Variable,sans-serif}.credit-text{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.credit-icon{font-size:.5em;opacity:.6}.theme-toggle{position:relative;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);width:50px;height:26px;border-radius:13px;cursor:pointer;transition:all .3s ease;padding:0;display:flex;align-items:center}.theme-toggle:hover{border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.15)}.theme-toggle .toggle-slider{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;transition:all .3s ease;left:3px}.theme-toggle.black-mode .toggle-slider{left:3px;background:#000;box-shadow:0 0 0 2px #fff}.theme-toggle.grey-mode .toggle-slider{left:calc(100% - 21px);background:#fff}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(var(--rotate,0deg))}25%{transform:translateY(-20px) translateX(15px) rotate(calc(var(--rotate, 0deg) + 5deg))}50%{transform:translateY(-25px) translateX(-10px) rotate(calc(var(--rotate, 0deg) - 5deg))}75%{transform:translateY(-15px) translateX(-15px) rotate(calc(var(--rotate, 0deg) + 3deg))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.shaka-hand{--rotate:-15deg}.dice{--rotate:25deg}.gothic-d{--rotate:-5deg}@media (max-width:1024px){.hero-site-day{display:none}.chess-knight{right:5%;bottom:20%}.gothic-d{left:5%}}@media (max-width:768px){.hero-nav{padding:20px}.nav-link{font-size:.7rem}.nav-left,.nav-right{gap:15px}.hero-time,.hero-weather-details{top:70px}.dice,.shaka-hand{opacity:.4}.chess-knight,.gothic-d{opacity:1!important}.hero-main-image{max-width:100%;max-height:300px}.hero-shoot{left:20px;bottom:30px}.hero-credit{right:20px;bottom:30px}}@media (max-width:480px){.hero-weather-details{display:none}.hero-object{opacity:.3;font-size:.6em}.chess-knight,.gothic-d{opacity:1!important}.nav-left a:first-child,.nav-right a:last-child{display:none}}@media (prefers-reduced-motion:reduce){.hero-object,.neon-x,.neon-x-glow{animation:none}.theme-toggle:hover{transform:none}}