/* Phantom Ember: haunted atmosphere */
body{isolation:isolate;overflow-x:clip}header,main,footer{position:relative;z-index:2}header{background:#110d12df}.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.mist{position:absolute;left:-40%;width:180%;height:55%;bottom:-15%;background:radial-gradient(ellipse at 25% 55%,#aaa0c211,transparent 32%),radial-gradient(ellipse at 65% 60%,#c7b9da12,transparent 35%);filter:blur(32px);animation:mist-drift 28s ease-in-out infinite alternate}.mist.second{bottom:25%;opacity:.65;animation-duration:38s;animation-direction:alternate-reverse}.vignette{position:fixed;inset:0;box-shadow:inset 0 0 140px #0006;pointer-events:none;z-index:3}#embers{position:absolute;inset:0;width:100%;height:100%}.moon-orbit{position:absolute;inset:-35px;border:1px solid #b58d5930;border-radius:50% 50% 4px 4px;pointer-events:none}.moon-orbit:before,.moon-orbit:after{position:absolute;content:'✦';color:#d6b684;text-shadow:0 0 18px #dcad7d;top:40%;font-size:24px;animation:star-breathe 7s ease-in-out infinite}.moon-orbit:before{left:-10px}.moon-orbit:after{right:-10px;animation-delay:-3s}.photo-frame{box-shadow:0 0 55px #b0763818;animation:candle-breathe 8s ease-in-out infinite}.hero h1{text-shadow:0 0 38px #d7a76a18}.hero h1 em{animation:title-glow 6s ease-in-out infinite}.brand img{filter:drop-shadow(0 0 9px #dca96655)}.photo-seal{animation:star-breathe 7s ease-in-out infinite}.button{position:relative;overflow:hidden;box-shadow:0 0 24px #cda7711c;transition:transform .3s,box-shadow .3s,background .3s}.button:before{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(115deg,transparent 40%,#fff6 50%,transparent 60%);transform:translateX(-100%);transition:transform .8s}.button:hover:before{transform:translateX(100%)}.button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #cda77135}.text-link,nav a,.footer-links a{transition:color .3s,text-shadow .3s}.text-link:hover,nav a:hover,.footer-links a:hover{text-shadow:0 0 15px #d6b68488}.concept{position:relative;transition:transform .4s}.concept:hover{transform:translateY(-7px)}.scene{transition:box-shadow .5s,border-color .5s}.concept:hover .scene{border-color:#cda77199;box-shadow:0 0 35px #bd875326}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#d5b58a15,transparent 40%,#52154122);box-shadow:inset 0 0 45px #0005}.scene img{transition:transform 1s,filter 1s}.concept:hover .scene img{transform:scale(1.06);filter:saturate(1)}.story{box-shadow:inset 0 0 75px #62365212}.ticker{position:relative;overflow:hidden}.ticker:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#b58d5918,transparent);animation:ritual-sweep 14s ease-in-out infinite}.ticker span:nth-child(even){animation:star-breathe 5s ease-in-out infinite}.contact-phone{color:#ead0a4;text-shadow:0 0 18px #cda77144}.fx-toggle{position:fixed;bottom:16px;right:16px;z-index:8;background:#1b131fe8;border:1px solid #80694a;color:var(--ink);border-radius:30px;padding:10px 16px;font-size:11px;min-height:44px;cursor:pointer;box-shadow:0 3px 20px #0006}.fx-toggle:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.reveal-ready.revealed{opacity:1;transform:none}.fx-paused .atmosphere{display:none}.fx-paused *{animation-play-state:paused!important}.fx-paused .reveal-ready{opacity:1;transform:none}.fx-paused .button:hover,.fx-paused .concept:hover{transform:none}.fx-paused .scene img{transform:none}.fx-paused .moon-orbit{opacity:.3}
@keyframes mist-drift{from{transform:translateX(-6%) scale(1)}to{transform:translateX(8%) scale(1.15)}}@keyframes candle-breathe{0%,100%{box-shadow:0 0 40px #c18a3918}45%{box-shadow:0 0 75px #c18a3935}60%{box-shadow:0 0 55px #c18a3922}}@keyframes title-glow{0%,100%{text-shadow:0 0 18px #d7a76a20}50%{text-shadow:0 0 35px #d7a76a60}}@keyframes star-breathe{0%,100%{opacity:.5}50%{opacity:1}}@keyframes ritual-sweep{0%,100%{transform:translateX(-50%)}50%{transform:translateX(50%)}}
@media(max-width:620px){.moon-orbit{inset:-14px}.vignette{box-shadow:inset 0 0 55px #0004}.mist{filter:blur(20px)}.fx-toggle{bottom:12px;right:12px;padding:8px 12px}.concept:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.atmosphere{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.button:hover,.concept:hover,.concept:hover .scene img{transform:none!important}}
