/* JARKREBORN.FR / cinematic Halloween artwork + fine cobweb typography. */
body{--haunt-amber:#e6ac78}
.haunt-decor{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden;contain:layout paint}
.haunt-haze{position:absolute;left:-30%;bottom:-14%;width:150%;height:45%;background:radial-gradient(ellipse,#b0c4c617,transparent 64%);filter:blur(20px);animation:haunt-fog 29s ease-in-out infinite alternate}
.haunt-haze.haze-two{bottom:30%;left:0;width:130%;height:25%;opacity:.5;animation-delay:-14s;animation-duration:37s}
.forest-preview.branded-preview .forest-backdrop-photo{background-image:url('../assets/halloween-night-v2.webp');background-position:center;filter:brightness(.92) saturate(.84);animation:haunt-camera 40s ease-in-out infinite alternate}
.branded-preview .forest-backdrop::after{background:linear-gradient(0deg,#0b1318f2 0%,#0b13183b 50%,#06101630 100%)}
.branded-preview.home-photographic .hero{min-height:calc(100svh - 84px);border:0}
.branded-preview .hero::after{background:linear-gradient(0deg,#0b1318b0,transparent 20%,#05101614 75%)}
.branded-preview.home-photographic .hero-content{padding-block:100px 115px;position:relative;z-index:2}
.branded-preview .hero .eyebrow{color:#eab98f;font-size:10px;letter-spacing:.42em;font-weight:600;margin-bottom:35px;text-shadow:0 2px 15px #000}
.branded-preview.home-photographic .hero h1{position:relative;width:fit-content;max-width:100%;font-size:clamp(42px,7.7vw,110px);overflow:visible;filter:drop-shadow(0 5px 18px #0006)}
.branded-preview .cinematic-brand{background:linear-gradient(115deg,#dba579,#fff1d7 45%,#c88754 70%,#f3d1a4);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation-duration:18s;letter-spacing:-.055em}
.branded-preview .cinematic-domain{color:#f5dec3}
.title-web{position:absolute;width:170px;height:153px;pointer-events:none;color:#e7ddd4;opacity:.68;z-index:4;filter:drop-shadow(0 1px 2px #0009)}
.title-web svg{display:block;width:100%;height:100%;overflow:visible}.web-left{left:-27px;top:-29px;transform:rotate(-5deg)}.web-right{right:-27px;top:-28px;transform:scaleX(-1) rotate(-7deg);width:145px}.web-right .web-spider{display:none}
.branded-preview.home-photographic .hero-content>p.cinematic-tagline{font:400 clamp(25px,3.2vw,43px)/1.25 Georgia,serif;letter-spacing:-.015em;color:#f6e4d0;margin:32px auto 0;text-shadow:0 2px 25px #000}
.branded-preview.home-photographic .hero-content>p.cinematic-intro{font-size:14px;line-height:1.9;color:#c8cdcc;margin-top:20px;text-shadow:0 1px 10px #000}
.branded-preview .hero .actions{margin-top:30px}.branded-preview .hero .button{border-radius:3px;font-size:12px;padding:15px 25px}.branded-preview .hero .button.primary{background:#e8ad77;color:#21170f;box-shadow:0 0 35px #d7792925}.branded-preview .hero .button.secondary{background:#0a15194d;backdrop-filter:blur(8px);border-color:#d7c4aa50}.branded-preview .hero .hero-note{color:#b7c2c2;font-size:10px;margin-top:24px}.branded-preview .hero-guide{font-size:10px;color:#bebdb6;margin-top:24px}
.haunt-stories{position:relative;z-index:2;padding:60px 38px 48px;margin-block:0 20px;text-align:center;background:linear-gradient(180deg,#0a1318d9,#0b1519f5);border-block:1px solid #cb94622e;box-shadow:0 30px 90px #0002;border-radius:2px}
.haunt-season{font-size:9px;letter-spacing:.4em;color:#d2a581}.haunt-heading h2{font:400 clamp(30px,3.5vw,46px)/1.2 Georgia,serif;color:#f3e2cc;letter-spacing:-.03em;margin:18px 0 12px}.haunt-heading>p{font-size:12px;color:#98a7ad}
.haunt-quotes{display:grid;grid-template-columns:repeat(3,1fr);margin:38px 0 32px;gap:28px}.haunt-quotes article{position:relative;padding:8px 10px 20px}.haunt-quotes article:after{content:"";position:absolute;width:35px;height:1px;background:#c48a595c;bottom:0;left:calc(50% - 17px)}.haunt-quotes article>span{font-size:8px;letter-spacing:.24em;color:#bb9371}.haunt-quotes article>p{font:italic 19px/1.8 Georgia,serif;color:#d7d3c9;margin-top:16px}.haunt-link{font-size:11px;letter-spacing:.06em;color:#deb68e}.haunt-link span{margin-left:12px}.haunt-link:hover{color:#fff0d5}
.forest-paused .haunt-decor *{animation-play-state:paused!important}
@keyframes haunt-fog{from{transform:translate3d(-5%,0,0)}to{transform:translate3d(7%,-5%,0)}}
@keyframes haunt-camera{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.5%,-.5%,0)}}
@media(max-width:900px){.title-web{width:125px;height:113px;left:-18px;top:-20px}.web-right{left:auto;right:-20px;width:110px}.haunt-quotes{gap:12px}.haunt-quotes article>p{font-size:17px}}
@media(max-width:700px){.branded-preview.home-photographic .hero{min-height:calc(100svh - 75px)}.branded-preview.home-photographic .hero-content{width:calc(100% - 32px);padding-block:100px 90px}.branded-preview.home-photographic .hero h1{font-size:clamp(31px,8.6vw,59px)}.branded-preview .hero .eyebrow{font-size:8px;letter-spacing:.2em;max-width:250px;margin:0 auto 32px}.title-web{width:90px;height:82px;left:-10px;top:-21px;opacity:.74}.web-right{left:auto;right:-8px;width:78px}.branded-preview.home-photographic .hero-content>p.cinematic-tagline{font-size:28px;max-width:300px;line-height:1.25;margin-top:29px}.branded-preview.home-photographic .hero-content>p.cinematic-intro{font-size:12px;max-width:300px;margin-top:17px}.branded-preview .hero .actions{margin-top:26px}.branded-preview .hero .hero-note{font-size:8px;gap:10px}.branded-preview .hero .hero-note span+span:before{margin-right:10px}.forest-preview.branded-preview .forest-backdrop-photo{background-position:48% center;filter:brightness(.75) saturate(.8)}.haunt-stories{padding:38px 22px}.haunt-quotes{grid-template-columns:1fr;gap:25px;margin-block:30px}.haunt-quotes article>p{font-size:20px;margin-top:11px}.haunt-heading h2{font-size:33px}.haunt-season{font-size:8px;letter-spacing:.27em}.haunt-haze{filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.haunt-decor *,.forest-preview.branded-preview .forest-backdrop-photo{animation:none!important}}
