/* ══ ГРИММ ФИЛМ — общото „магическо пространство“ за всички страници ══ */

/* Живият фон: тъмнина с мъгла в цвета на текущата секция */
#space{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#0B0A0B;
  --tint:210,157,77;--ta:.12}
#space::before{content:"";position:absolute;inset:-10%;
  background:
    radial-gradient(ellipse 85% 70% at 50% 46%,rgba(var(--tint),var(--ta)) 0,rgba(var(--tint),calc(var(--ta)*.45)) 50%,rgba(var(--tint),0) 100%),
    radial-gradient(ellipse 70% 40% at 50% 112%,rgba(var(--tint),calc(var(--ta)*.8)),rgba(var(--tint),0) 100%)}
#space::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 30%,rgba(0,0,0,var(--vg,.45)) 100%)}
#space i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;will-change:transform;
  background:radial-gradient(circle,rgba(248,220,164,.12),rgba(248,220,164,0) 70%)}
#space i:nth-child(1){width:60vmax;height:60vmax;left:-15vmax;top:5vh;animation:fogA 38s ease-in-out infinite alternate}
#space i:nth-child(2){width:50vmax;height:50vmax;right:-12vmax;top:40vh;animation:fogB 46s ease-in-out infinite alternate}
@keyframes fogA{to{transform:translate(18vmax,10vmax) scale(1.2)}}
@keyframes fogB{to{transform:translate(-16vmax,-12vmax) scale(.9)}}

/* Прах и следа на мишката — над всичко, не пречат на кликове */
#fxdust{position:fixed;inset:0;width:100%;height:100%;z-index:150;pointer-events:none;mix-blend-mode:screen}

/* ── Вътрешни страници: секциите стават част от пространството ── */
html.fx-on body{background:transparent}
html.fx-on .zoom.idea,html.fx-on .zoom.team,html.fx-on .zoom.projects,html.fx-on .intro-band{background:transparent}
html.fx-on .site-foot{background:transparent;border-top:1px solid rgba(248,220,164,.12)}

/* изплуване от дълбочина */
html.fx-on .fx-r{opacity:0;transform:translateY(46px) scale(.94);
  transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
html.fx-on .fx-r.fx-in{opacity:1;transform:none}

/* паралакс на заглавния кадър */
.ph-still,.hero-shot i{will-change:transform}
.ph-in{will-change:transform}

/* преход между страниците: влизаме навътре */
@keyframes diveIn{from{opacity:0;transform:scale(.955);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
html.fx-on:not(.fx-leaving) main:not(.rail),html.fx-on:not(.fx-leaving) .stage,html.fx-on:not(.fx-leaving) .zoom,html.fx-on:not(.fx-leaving) .site-foot{animation:diveIn .9s cubic-bezier(.2,.7,.2,1) both}
html.fx-leaving main:not(.rail),html.fx-leaving .stage,html.fx-leaving .zoom,html.fx-leaving .site-foot{opacity:0;transform:scale(1.07);filter:blur(12px);transition:opacity .45s ease-in,transform .45s ease-in,filter .45s ease-in}
html.fx-leaving #space::before{--ta:.35}

@media (prefers-reduced-motion:reduce){
  #space i{animation:none}
  html.fx-on .fx-r{opacity:1;transform:none;filter:none;transition:none}
  html.fx-on main,html.fx-on .stage,html.fx-on .zoom,html.fx-on .site-foot{animation:none!important}
}

/* ══ Призивът в края — един и същ навсякъде ══ */
.sc-idea h2,html.fx-on .zoom.idea h2{
  font-family:'Oswald',Impact,sans-serif;font-weight:600;text-transform:uppercase;
  font-size:clamp(2rem,6.4vw,7.2rem);line-height:1.08;letter-spacing:.05em;max-width:16ch;margin:0 auto;text-wrap:balance;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 40px rgba(210,157,77,.25));text-align:center}
.sc-mail,html.fx-on .zoom.idea .mail{
  display:inline-block;margin-top:2rem;font-family:var(--face);font-weight:700;text-transform:none;
  font-size:clamp(.95rem,1.8vw,1.5rem);letter-spacing:.06em;color:var(--jasmine);text-shadow:none;transition:color .4s}
.sc-idea:hover .sc-mail,html.fx-on .zoom.idea:hover .mail{color:#fff}
html.fx-on .zoom.idea{min-height:78svh;background:transparent;overflow:hidden}
html.fx-on .zoom.idea::before{content:"";position:absolute;inset:0;z-index:0;background:url('media/dust.jpg') center/cover;opacity:.55;display:block}
html.fx-on .zoom.idea .inner{position:relative;z-index:1}

/* ══ Вътрешни страници — същият език като началната ══ */
html.fx-on .strip{--st:35,42,48;background:transparent!important;color:#FFFDF8!important;height:auto!important;max-height:none!important;min-height:0;
  overflow:visible;isolation:isolate;display:grid;place-items:center;min-height:72svh!important;padding:5rem var(--pad)}
html.fx-legal .strip{min-height:62svh!important}
html.fx-on .strip.teal{--st:66,94,92}
html.fx-on .strip.navy{--st:44,62,85}
html.fx-on .strip.ochre,html.fx-on .strip.jasmine{--st:210,157,77}
html.fx-on .strip .ghost{display:none}
html.fx-on .strip .u{border:0;padding:0;font-size:clamp(2.6rem,11.5vw,13rem);line-height:.96;letter-spacing:.015em;text-wrap:balance;will-change:transform,opacity;
  text-shadow:0 0 90px rgba(var(--st),.55),0 8px 50px rgba(0,0,0,.4)}
html.fx-on .strip::before{content:"";position:absolute;inset:-30% -10%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 60% at 50% 52%,rgba(var(--st),.6),rgba(var(--st),0) 72%)}
html.fx-on .bgrid{background:rgba(255,255,255,.06)}
html.fx-on .bgrid.c-ochre{--st:210,157,77}html.fx-on .bgrid.c-teal{--st:66,94,92}html.fx-on .bgrid.c-navy{--st:44,62,85}
html.fx-on .hero-shot{background:transparent;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
html.fx-on .ph{-webkit-mask-image:linear-gradient(#000 76%,transparent);mask-image:linear-gradient(#000 76%,transparent)}
html.fx-on .ph.playing{-webkit-mask-image:none;mask-image:none}
html.fx-on .ph-in h1{font-family:'Oswald',Impact,sans-serif;font-weight:700;font-size:clamp(2.4rem,9vw,9.5rem);max-width:16ch;letter-spacing:.012em;line-height:1.02;text-wrap:balance}
html.fx-on .ph-in .film-year{color:var(--jasmine);letter-spacing:.3em}
html.fx-on{background:#0B0A0B}

/* призив — по-малък: на началната умерен, на останалите още по-малък */
.sc-idea h2{font-size:clamp(1.6rem,4.6vw,5.2rem)}
.sc-mail{margin-top:1.5rem;font-size:clamp(.9rem,1.35vw,1.2rem)}
html.fx-on .zoom.idea{min-height:46svh;padding:4rem var(--pad)}
html.fx-on .zoom.idea h2{font-size:clamp(1.3rem,3.2vw,3.3rem)}
html.fx-on .zoom.idea .mail{margin-top:1.1rem;font-size:clamp(.82rem,1.05vw,1rem)}
html.fx-on .strip .u{font-size:clamp(2.2rem,7vw,8rem);max-width:100%;overflow-wrap:anywhere}
html.fx-legal .strip .u{font-size:clamp(2rem,5.6vw,6rem)}
html.fx-legal .strip{min-height:46svh!important}

/* ══ Без линии и контури; кадърът се стапя в заглавието; още по-малки заглавия ══ */
html.fx-on .intro-band,html.fx-on .zoom,html.fx-on .strip,html.fx-on .ph,html.fx-on .pbody,html.fx-on .team-grid,html.fx-on .legal,html.fx-on .grid,html.fx-on .hero-shot,html.fx-on .pp-hero{border:0}
html.fx-on .member{outline:0}
html.fx-on .hero-shot{-webkit-mask-image:linear-gradient(#000 38%,rgba(0,0,0,.55) 64%,transparent 100%);mask-image:linear-gradient(#000 38%,rgba(0,0,0,.55) 64%,transparent 100%)}
html.fx-on .hero-shot + .strip{margin-top:-17svh}
html.fx-on .strip{min-height:30svh!important}
html.fx-on .strip .u{font-size:clamp(1.1rem,2.6vw,3rem)}
html.fx-legal .strip{min-height:38svh!important}
html.fx-legal .strip .u{font-size:clamp(1.8rem,4.4vw,4.8rem)}


/* ── Социални мрежи в секцията за контакт ── */
.soc{display:flex;gap:.9rem;justify-content:center;margin-top:1.5rem;position:relative;z-index:8}
.soc a{width:2.9rem;height:2.9rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(248,220,164,.55);color:var(--jasmine);transition:background .3s,color .3s,transform .3s,border-color .3s}
.soc a:hover{background:var(--jasmine);border-color:var(--jasmine);color:#0B0A0B;transform:translateY(-3px)}
.soc svg{width:1.3rem;height:1.3rem}
.zoom.idea .il{display:grid;place-items:center;width:100%;color:inherit;text-decoration:none}
html.fx-on .zoom.idea .il:hover .mail{color:#fff}

/* ── Секция „Имаш идея“: бели букви, имейл — златен при посочване ── */
.sc-idea h2,html.fx-on .zoom.idea h2{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#FFFDF8;filter:drop-shadow(0 4px 30px rgba(0,0,0,.5))}
.sc-mail,html.fx-on .zoom.idea .mail{color:#FFFDF8}
.sc-idea:hover .sc-mail,html.fx-on .zoom.idea:hover .mail,html.fx-on .zoom.idea .il:hover .mail{color:#E2B15C}