/* =========================================================
   Ana sayfa açılış animasyonları (Yönetim › Site animasyonu)
   Stiller: .intro--ates, .intro--kor, .intro--izgara, .intro--alev
   Ölçüler kapsayıcıya göredir (cqmin): tam ekranda ve yönetimdeki önizlemede aynı oranda oynar.
   ========================================================= */
.intro { --s: min(42cqmin, 300px); position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; overflow: hidden; background: #0d0e0f; cursor: pointer; container-type: size; transition: opacity .5s ease, visibility .5s; }
.intro > * { grid-area: 1 / 1; }
.intro.is-leaving { opacity: 0; visibility: hidden; }
.intro-preview { position: absolute; z-index: 1; }

/* ortak logo */
.il-logo { position: relative; z-index: 2; width: var(--s); height: auto; overflow: visible; }
.il-stripes rect { fill: url(#ilFire); transform-box: fill-box; transform-origin: left center; }
.il-outline { fill: none; stroke: url(#ilFire); stroke-width: 1.4; stroke-linejoin: round; }
.il-steak { transform-box: fill-box; transform-origin: center; }
.il-steak-body { fill: url(#ilMeat); stroke: #2a0f0b; stroke-width: 1.6; stroke-linejoin: round; }
.il-steak-fat { fill: none; stroke: #f6dcc4; stroke-width: 2.2; stroke-linecap: round; opacity: .85; }
.il-steak-marble { fill: none; stroke: #f3b7a0; stroke-width: 1; stroke-linecap: round; opacity: .55; }
.il-bone { fill: #f8ead9; stroke: #2a0f0b; stroke-width: 1.4; }
.il-bone-in { fill: #d9b48f; }
.il-glow { width: min(78cqmin, 640px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(229, 122, 46, .5) 0%, rgba(201, 69, 42, .2) 38%, transparent 68%); filter: blur(10px); opacity: 0; }
.il-sparks, .il-embers, .il-smoke { position: relative; z-index: 3; width: min(46cqmin, 330px); aspect-ratio: 1; pointer-events: none; }
.il-sparks i, .il-embers i { position: absolute; width: 1.1cqmin; min-width: 3px; aspect-ratio: 1; border-radius: 50%; background: #ffcf7a; box-shadow: 0 0 1.6cqmin .4cqmin rgba(255, 140, 50, .85); opacity: 0; }

@keyframes intro-exit-fade { to { opacity: 0; visibility: hidden; pointer-events: none; } }
@keyframes intro-exit-up { to { transform: translateY(-102%); visibility: hidden; pointer-events: none; } }
@keyframes il-in { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: none; } }
@keyframes il-zoom-out { to { opacity: 0; transform: scale(1.4); filter: blur(4px); } }
@keyframes il-stripe { to { transform: scaleX(1); } }
@keyframes il-draw { to { stroke-dashoffset: 0; } }
@keyframes il-glow { 0% { opacity: 0; transform: scale(.6); } 45% { opacity: 1; transform: scale(1.06); } 100% { opacity: .75; transform: scale(1); } }
@keyframes il-spark-up { 0% { opacity: 0; transform: translate(0, 0) scale(.6); } 15% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--dx), -34cqmin) scale(.2); } }

/* ---------- 1. Ateş ve kıvılcım ---------- */
.intro--ates { animation: intro-exit-fade .6s 1.75s ease forwards; }
.intro--ates .il-logo { animation: il-in .5s cubic-bezier(.2, .7, .2, 1) both, il-zoom-out .6s 1.75s cubic-bezier(.6, 0, .4, 1) forwards; }
.intro--ates .il-stripes rect { transform: scaleX(0); animation: il-stripe .55s cubic-bezier(.2, .8, .2, 1) forwards; animation-delay: calc(var(--i) * 32ms + 80ms); }
.intro--ates .il-outline { stroke-dasharray: 300; stroke-dashoffset: 300; animation: il-draw .9s .2s ease-out forwards; }
.intro--ates .il-steak { opacity: 0; transform: scale(.4) rotate(-18deg); animation: ates-steak .7s .62s cubic-bezier(.3, 1.5, .5, 1) forwards; }
.intro--ates .il-glow { animation: il-glow 1.6s .35s ease-out forwards; }
.intro--ates .il-sparks i { bottom: 32%; left: var(--x); animation: il-spark-up 1.2s var(--d) ease-out forwards; }
@keyframes ates-steak { 60% { opacity: 1; transform: scale(1.12) rotate(4deg); } to { opacity: 1; transform: none; } }

/* ---------- 2. Közden doğuş ---------- */
.intro--kor { background: radial-gradient(circle at 50% 55%, #1a0d08 0%, #0b0b0c 60%); animation: intro-exit-fade .55s 1.95s ease forwards; }
.intro--kor .il-logo { clip-path: circle(0% at 50% 52%); filter: brightness(2.4) saturate(1.8) drop-shadow(0 0 3cqmin #ff6a00); animation: kor-reveal .6s .8s cubic-bezier(.2, .8, .2, 1) forwards, kor-cool 1s 1.05s ease-out forwards, kor-shrink .55s 1.9s cubic-bezier(.7, 0, .8, .4) forwards; }
.intro--kor .il-embers { width: min(90cqmin, 760px); }
.intro--kor .il-embers i { left: 50%; top: 52%; animation: kor-converge .85s var(--d) cubic-bezier(.55, 0, .9, .45) forwards; }
.intro--kor .il-glow { animation: il-glow 1.4s .75s ease-out forwards; }
.intro--kor .il-ring { width: min(30cqmin, 240px); aspect-ratio: 1; border-radius: 50%; border: .5cqmin solid #f2a33a; box-shadow: 0 0 3cqmin #e57a2e, inset 0 0 3cqmin #e57a2e; opacity: 0; animation: kor-ring .9s .78s ease-out forwards; }
.intro--kor .il-ring-2 { animation-delay: .95s; border-color: #c9452a; }
@keyframes kor-converge {
  0% { opacity: 0; transform: translate(var(--sx), var(--sy)) scale(1.4); }
  20% { opacity: 1; }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translate(0, 0) scale(.3); }
}
@keyframes kor-reveal { to { clip-path: circle(75% at 50% 52%); } }
@keyframes kor-cool { 0% { filter: brightness(2.4) saturate(1.8) drop-shadow(0 0 3cqmin #ff6a00); } 100% { filter: brightness(1) saturate(1) drop-shadow(0 0 1cqmin rgba(229, 122, 46, .4)); } }
@keyframes kor-ring { 0% { opacity: 1; transform: scale(.2); } 100% { opacity: 0; transform: scale(3.2); } }
@keyframes kor-shrink { to { transform: scale(.15); opacity: 0; filter: brightness(3) drop-shadow(0 0 4cqmin #ff9a3c); } }

/* ---------- 3. Izgara mührü ---------- */
.intro--izgara { background: linear-gradient(180deg, #121314 0%, #0b0b0c 100%); animation: intro-exit-up .75s 2s cubic-bezier(.7, 0, .3, 1) forwards; }
.intro--izgara .il-logo { animation: izgara-thud .35s .42s ease-out, il-zoom-out .5s 1.95s ease-in forwards; }
.intro--izgara .il-steak { opacity: 0; transform: translateY(-70%) scale(1.7) rotate(-12deg); animation: izgara-drop .45s .05s cubic-bezier(.5, 0, .75, 0) forwards, izgara-sear .6s .5s ease-out; }
.intro--izgara .il-stripes rect { transform: scaleX(0); animation: il-stripe .22s cubic-bezier(.3, 1.3, .5, 1) forwards, izgara-hot 1s ease-out forwards; animation-delay: calc(var(--i) * 28ms + 420ms), calc(var(--i) * 28ms + 420ms); }
.intro--izgara .il-stripes rect:nth-child(even) { transform-origin: right center; }
.intro--izgara .il-outline { stroke-dasharray: 300; stroke-dashoffset: 300; animation: il-draw .6s .5s ease-out forwards; }
.intro--izgara .il-glow { animation: il-glow 1.4s .45s ease-out forwards; }
.il-flash { position: relative; z-index: 4; width: 100%; height: 100%; background: radial-gradient(circle at 50% 52%, rgba(255, 236, 200, .9), rgba(255, 140, 50, .35) 30%, transparent 60%); opacity: 0; animation: izgara-flash .45s .48s ease-out; pointer-events: none; }
.il-smoke { width: min(60cqmin, 460px); }
.il-smoke i { position: absolute; bottom: 30%; left: var(--x); width: 20cqmin; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(235, 228, 220, .5), rgba(235, 228, 220, 0) 70%); filter: blur(1.2cqmin); opacity: 0; animation: izgara-smoke 1.6s var(--d) ease-out forwards; }
@keyframes izgara-drop { 80% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes izgara-sear { 0% { filter: brightness(1.8) saturate(1.4); } 100% { filter: none; } }
@keyframes izgara-hot { 0% { fill: #fff3cf; } 40% { fill: #ffb347; } 100% { fill: url(#ilFire); } }
@keyframes izgara-thud { 30% { transform: translateY(1.2cqmin) scale(.97); } 100% { transform: none; } }
@keyframes izgara-flash { 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 0; } }
@keyframes izgara-smoke { 0% { opacity: 0; transform: translate(0, 0) scale(.6); } 25% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--dx), -40cqmin) scale(2.6); } }

/* ---------- 4. Alev perdesi ---------- */
.intro--alev { background: linear-gradient(0deg, #2a0b04 0%, #120604 45%, #0b0b0c 100%); animation: intro-exit-up .8s 2.05s cubic-bezier(.7, 0, .3, 1) forwards; }
.intro--alev .il-flames { position: relative; z-index: 1; width: 100%; height: 100%; pointer-events: none; }
.intro--alev .il-flames i { position: absolute; bottom: -12%; left: var(--x); width: var(--w); height: var(--h); margin-left: calc(var(--w) / -2); border-radius: 50% 50% 38% 38% / 62% 62% 38% 38%; background: radial-gradient(ellipse at 50% 88%, #fff3b8 0%, #ffbf3c 16%, #f2701f 40%, rgba(190, 40, 12, .55) 62%, transparent 74%); filter: blur(.9cqmin); mix-blend-mode: screen; transform-origin: 50% 100%; transform: scaleY(0); animation: alev-rise .75s var(--d) cubic-bezier(.2, .8, .3, 1) forwards, alev-flicker .3s calc(var(--d) + .75s) ease-in-out infinite alternate; }
.intro--alev .il-heat { position: relative; z-index: 1; width: 100%; height: 100%; background: radial-gradient(ellipse at 50% 100%, rgba(255, 120, 40, .35), transparent 60%); opacity: 0; animation: alev-heat 1s .3s ease-out forwards; }
.intro--alev .il-logo { opacity: 0; filter: brightness(0) drop-shadow(0 0 0 transparent); animation: alev-ignite 1.1s .55s ease-out forwards, alev-lift .75s 2s cubic-bezier(.7, 0, .3, 1) forwards; }
.intro--alev .il-stripes rect { transform: scaleX(0); animation: il-stripe .4s cubic-bezier(.2, .8, .2, 1) forwards; animation-delay: calc(var(--r) * 40ms + 700ms); }
.intro--alev .il-outline { stroke-dasharray: 300; stroke-dashoffset: 300; animation: il-draw .9s .65s ease-out forwards; }
.intro--alev .il-steak { opacity: 0; transform: scale(.6); animation: ates-steak .6s 1.15s cubic-bezier(.3, 1.5, .5, 1) forwards; }
.intro--alev .il-sparks { width: min(70cqmin, 560px); }
.intro--alev .il-sparks i { bottom: 10%; left: var(--x); animation: il-spark-up 1.3s calc(var(--d) + .2s) ease-out forwards; }
@keyframes alev-rise { to { transform: scaleY(1); } }
@keyframes alev-flicker { from { transform: scaleY(1) scaleX(1) skewX(-2deg); } to { transform: scaleY(.88) scaleX(1.06) skewX(3deg); } }
@keyframes alev-heat { to { opacity: 1; } }
@keyframes alev-ignite { 0% { opacity: 0; filter: brightness(0); } 30% { opacity: 1; filter: brightness(0) drop-shadow(0 0 2cqmin #ff7a1a); } 70% { filter: brightness(1.6) drop-shadow(0 0 3cqmin #ff9a3c); } 100% { opacity: 1; filter: brightness(1) drop-shadow(0 0 1.4cqmin rgba(255, 140, 50, .5)); } }
@keyframes alev-lift { to { transform: translateY(-30cqmin) scale(.9); opacity: 0; } }

/* Parçacık konumları (kıvılcım, köz, duman, alev) */
.il-sparks i:nth-child(1) { --x: 28%; --d: .75s; --dx: -4cqmin; }
.il-sparks i:nth-child(2) { --x: 40%; --d: .85s; --dx: 2cqmin; }
.il-sparks i:nth-child(3) { --x: 53%; --d: .8s; --dx: -1.5cqmin; }
.il-sparks i:nth-child(4) { --x: 63%; --d: .95s; --dx: 5cqmin; }
.il-sparks i:nth-child(5) { --x: 47%; --d: 1.05s; --dx: -5cqmin; }
.il-sparks i:nth-child(6) { --x: 71%; --d: .9s; --dx: 2cqmin; }
.il-sparks i:nth-child(7) { --x: 35%; --d: 1s; --dx: 3.5cqmin; }
.il-sparks i:nth-child(8) { --x: 58%; --d: 1.1s; --dx: -3cqmin; }
.il-sparks i:nth-child(9) { --x: 22%; --d: 1.15s; --dx: 1cqmin; }
.il-sparks i:nth-child(10) { --x: 78%; --d: 1.2s; --dx: -2cqmin; }
.il-embers i:nth-child(1) { --sx: -40cqmin; --sy: -22cqmin; --d: 0s; }
.il-embers i:nth-child(2) { --sx: 38cqmin; --sy: -26cqmin; --d: .04s; }
.il-embers i:nth-child(3) { --sx: -44cqmin; --sy: 12cqmin; --d: .08s; }
.il-embers i:nth-child(4) { --sx: 42cqmin; --sy: 18cqmin; --d: .02s; }
.il-embers i:nth-child(5) { --sx: -10cqmin; --sy: -40cqmin; --d: .1s; }
.il-embers i:nth-child(6) { --sx: 14cqmin; --sy: 40cqmin; --d: .06s; }
.il-embers i:nth-child(7) { --sx: -30cqmin; --sy: 34cqmin; --d: .12s; }
.il-embers i:nth-child(8) { --sx: 30cqmin; --sy: -38cqmin; --d: .14s; }
.il-embers i:nth-child(9) { --sx: -46cqmin; --sy: -4cqmin; --d: .16s; }
.il-embers i:nth-child(10) { --sx: 46cqmin; --sy: 2cqmin; --d: .18s; }
.il-embers i:nth-child(11) { --sx: -22cqmin; --sy: -34cqmin; --d: .2s; }
.il-embers i:nth-child(12) { --sx: 24cqmin; --sy: 32cqmin; --d: .22s; }
.il-embers i:nth-child(13) { --sx: 4cqmin; --sy: -46cqmin; --d: .05s; }
.il-embers i:nth-child(14) { --sx: -4cqmin; --sy: 46cqmin; --d: .15s; }
.il-embers i:nth-child(15) { --sx: -36cqmin; --sy: -12cqmin; --d: .24s; }
.il-embers i:nth-child(16) { --sx: 36cqmin; --sy: 26cqmin; --d: .26s; }
.il-smoke i:nth-child(1) { --x: 18%; --d: .55s; --dx: -6cqmin; }
.il-smoke i:nth-child(2) { --x: 34%; --d: .62s; --dx: 3cqmin; }
.il-smoke i:nth-child(3) { --x: 50%; --d: .58s; --dx: -2cqmin; }
.il-smoke i:nth-child(4) { --x: 62%; --d: .7s; --dx: 6cqmin; }
.il-smoke i:nth-child(5) { --x: 26%; --d: .8s; --dx: 5cqmin; }
.il-smoke i:nth-child(6) { --x: 44%; --d: .9s; --dx: -5cqmin; }
.il-smoke i:nth-child(7) { --x: 58%; --d: .85s; --dx: 2cqmin; }
.il-smoke i:nth-child(8) { --x: 10%; --d: .95s; --dx: 4cqmin; }
.il-flames i:nth-child(1) { --x: 4%; --w: 22cqmin; --h: 46cqmin; --d: 0s; }
.il-flames i:nth-child(2) { --x: 13%; --w: 28cqmin; --h: 62cqmin; --d: .06s; }
.il-flames i:nth-child(3) { --x: 22%; --w: 24cqmin; --h: 52cqmin; --d: .02s; }
.il-flames i:nth-child(4) { --x: 31%; --w: 32cqmin; --h: 72cqmin; --d: .1s; }
.il-flames i:nth-child(5) { --x: 40%; --w: 26cqmin; --h: 58cqmin; --d: .04s; }
.il-flames i:nth-child(6) { --x: 50%; --w: 36cqmin; --h: 82cqmin; --d: .12s; }
.il-flames i:nth-child(7) { --x: 60%; --w: 26cqmin; --h: 60cqmin; --d: .08s; }
.il-flames i:nth-child(8) { --x: 69%; --w: 32cqmin; --h: 70cqmin; --d: .03s; }
.il-flames i:nth-child(9) { --x: 78%; --w: 24cqmin; --h: 54cqmin; --d: .11s; }
.il-flames i:nth-child(10) { --x: 87%; --w: 28cqmin; --h: 64cqmin; --d: .05s; }
.il-flames i:nth-child(11) { --x: 96%; --w: 22cqmin; --h: 48cqmin; --d: .09s; }
.il-flames i:nth-child(12) { --x: 45%; --w: 20cqmin; --h: 40cqmin; --d: .16s; }
.il-flames i:nth-child(13) { --x: 55%; --w: 20cqmin; --h: 44cqmin; --d: .14s; }

/* Hareketi azaltan ziyaretçiler: animasyonsuz kısa gösterim */
@media (prefers-reduced-motion: reduce) {
  .intro *, .intro *::before { animation-duration: .01s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; }
  .intro { animation: intro-exit-fade .4s .5s ease forwards !important; }
  .il-sparks, .il-embers, .il-smoke, .il-flames { display: none; }
}

/* ---------- 5. Kızgın damga ---------- */
.intro--damga { background: radial-gradient(circle at 50% 50%, #2b1a12 0%, #150d0a 55%, #0b0908 100%); animation: intro-exit-fade .55s 1.95s ease forwards; }
.intro--damga::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(92deg, rgba(255, 220, 180, .025) 0 2px, transparent 2px 11px); pointer-events: none; }
.intro--damga .il-logo { opacity: 0; transform: scale(3.2); animation: damga-slam .42s .1s cubic-bezier(.7, 0, .9, .5) forwards, damga-hot 1.3s .52s ease-out forwards, damga-shake .38s .52s linear, il-zoom-out .55s 1.95s ease-in forwards; }
.intro--damga .il-glow { animation: il-glow 1.4s .5s ease-out forwards; }
.intro--damga .il-ring { width: var(--s); aspect-ratio: 1; border-radius: 50%; border: .8cqmin solid rgba(242, 163, 58, .85); box-shadow: 0 0 4cqmin rgba(229, 122, 46, .7); opacity: 0; animation: kor-ring .85s .5s ease-out forwards; }
.intro--damga .il-flash { animation: izgara-flash .4s .5s ease-out; }
@keyframes damga-slam {
  0% { opacity: 0; transform: scale(3.2); filter: blur(6px); }
  55% { opacity: 1; }
  100% { opacity: 1; transform: scale(1); filter: blur(0) brightness(2.6) saturate(2) drop-shadow(0 0 3cqmin #ff5a14); }
}
@keyframes damga-hot { 0% { filter: brightness(2.6) saturate(2) drop-shadow(0 0 3cqmin #ff5a14); } 100% { filter: brightness(1) saturate(1) drop-shadow(0 0 1cqmin rgba(229, 122, 46, .35)); } }
@keyframes damga-shake {
  0%, 100% { transform: none; }
  20% { transform: translate(-1.4cqmin, .9cqmin) rotate(-1deg); }
  40% { transform: translate(1.1cqmin, -.7cqmin) rotate(.8deg); }
  60% { transform: translate(-.7cqmin, .4cqmin); }
  80% { transform: translate(.4cqmin, -.2cqmin); }
}

/* ---------- 6. Işık izleri ---------- */
.intro--isik { background: #060607; animation: intro-exit-fade .55s 1.95s ease forwards; }
.intro--isik .il-trails { position: relative; z-index: 1; width: 100%; height: 100%; pointer-events: none; }
.il-trails i { position: absolute; top: calc(50% + (var(--y) - 50) / 100 * var(--s)); left: -60%; width: 60%; height: .9cqmin; min-height: 2px; margin-top: -.45cqmin; border-radius: 99px; background: linear-gradient(90deg, transparent, rgba(247, 194, 107, .25) 35%, #f7c26b 82%, #fff6dc); box-shadow: 0 0 1.6cqmin rgba(255, 170, 70, .85); opacity: 0; animation: isik-in .55s calc(var(--i) * 45ms) cubic-bezier(.6, 0, .4, 1) forwards; --to: calc(50cqw - var(--s) * .3); }
.il-trails i:nth-child(even) { left: auto; right: -60%; background: linear-gradient(270deg, transparent, rgba(247, 194, 107, .25) 35%, #f7c26b 82%, #fff6dc); --to: calc(var(--s) * .3 - 50cqw); }
@keyframes isik-in { 0% { opacity: 0; transform: none; } 15% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(var(--to)); } }
.intro--isik .il-logo { filter: drop-shadow(0 0 1.5cqmin rgba(255, 160, 60, .6)); animation: il-zoom-out .55s 1.95s ease-in forwards; }
.intro--isik .il-stripes rect { transform: scaleX(0); animation: il-stripe .3s cubic-bezier(.2, .9, .3, 1) forwards; animation-delay: calc(var(--i) * 45ms + 470ms); }
.intro--isik .il-stripes rect:nth-child(even) { transform-origin: right center; }
.intro--isik .il-outline { stroke-dasharray: 300; stroke-dashoffset: 300; animation: il-draw .7s .9s ease-out forwards; }
.intro--isik .il-steak { opacity: 0; transform: scale(.3); animation: ates-steak .55s 1.15s cubic-bezier(.3, 1.5, .5, 1) forwards; }
.intro--isik .il-flash { animation: izgara-flash .45s 1.12s ease-out; }
.intro--isik .il-glow { animation: il-glow 1.3s .8s ease-out forwards; }

/* ---------- 7. Duman perdesi ---------- */
.intro--duman { background: radial-gradient(circle at 50% 55%, #1c120c 0%, #0b0b0c 65%); animation: intro-exit-fade .6s 2.1s ease forwards; }
.intro--duman .il-logo { opacity: 0; animation: duman-show 1s .75s ease-out forwards, il-zoom-out .55s 2.05s ease-in forwards; }
.intro--duman .il-glow { animation: il-glow 1.6s .3s ease-out forwards; }
.il-fog { position: relative; z-index: 3; width: 100%; height: 100%; pointer-events: none; }
.il-fog i { position: absolute; left: var(--x); top: var(--y); width: 115cqmin; aspect-ratio: 1.4; margin: -41cqmin 0 0 -57cqmin; border-radius: 50%; background: radial-gradient(ellipse, rgba(150, 142, 134, .55) 0%, rgba(110, 102, 96, .38) 35%, rgba(70, 64, 60, .18) 55%, transparent 72%); filter: blur(5cqmin); opacity: 0; animation: fog-in .55s var(--d) ease-out forwards, fog-part 1.25s calc(.7s + var(--d)) cubic-bezier(.5, 0, .3, 1) forwards; }
.intro--duman .il-sparks { width: min(60cqmin, 460px); }
.intro--duman .il-sparks i { bottom: 30%; left: var(--x); animation: il-spark-up 1.3s calc(var(--d) + .45s) ease-out forwards; }
@keyframes duman-show { 0% { opacity: 0; transform: scale(.92); filter: blur(8px) brightness(1.8); } 100% { opacity: 1; transform: none; filter: blur(0) brightness(1) drop-shadow(0 0 2cqmin rgba(255, 140, 50, .5)); } }
@keyframes fog-in { from { opacity: 0; transform: scale(.6) rotate(0deg); } to { opacity: 1; transform: scale(1) rotate(25deg); } }
@keyframes fog-part { from { opacity: 1; transform: scale(1) rotate(25deg); } to { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(1.6) rotate(60deg); } }
.il-fog i:nth-child(1) { --x: 10%; --y: 25%; --d: 0s; --dx: -50cqmin; --dy: -10cqmin; }
.il-fog i:nth-child(2) { --x: 30%; --y: 60%; --d: .05s; --dx: -55cqmin; --dy: 8cqmin; }
.il-fog i:nth-child(3) { --x: 45%; --y: 35%; --d: .1s; --dx: -45cqmin; --dy: -20cqmin; }
.il-fog i:nth-child(4) { --x: 55%; --y: 65%; --d: .08s; --dx: 45cqmin; --dy: 15cqmin; }
.il-fog i:nth-child(5) { --x: 70%; --y: 30%; --d: .03s; --dx: 55cqmin; --dy: -12cqmin; }
.il-fog i:nth-child(6) { --x: 90%; --y: 60%; --d: .12s; --dx: 50cqmin; --dy: 10cqmin; }
.il-fog i:nth-child(7) { --x: 20%; --y: 85%; --d: .15s; --dx: -40cqmin; --dy: 20cqmin; }
.il-fog i:nth-child(8) { --x: 80%; --y: 88%; --d: .06s; --dx: 42cqmin; --dy: 22cqmin; }
.il-fog i:nth-child(9) { --x: 50%; --y: 50%; --d: .02s; --dx: -10cqmin; --dy: -45cqmin; }
.il-fog i:nth-child(10) { --x: 50%; --y: 15%; --d: .14s; --dx: 15cqmin; --dy: -50cqmin; }
.il-fog i:nth-child(11) { --x: 5%; --y: 55%; --d: .09s; --dx: -40cqmin; --dy: 0cqmin; }
.il-fog i:nth-child(12) { --x: 95%; --y: 20%; --d: .11s; --dx: 40cqmin; --dy: -15cqmin; }

@media (prefers-reduced-motion: reduce) {
  .il-fog, .il-trails, .il-ring { display: none; }
  .intro--damga .il-logo, .intro--duman .il-logo { opacity: 1; transform: none; filter: none; }
}