/* First-device-visit cinematic spatial opening. */
.intro-skip-session #parsmazi-intro{display:none!important}
html.intro-lock,body.intro-lock{overflow:hidden!important}

#parsmazi-intro.intro-spatial-mode{
  position:fixed;z-index:99999;inset:0;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 78%,#43130d 0%,transparent 45%),
    radial-gradient(circle at 12% 10%,#ff30151c,transparent 29%),
    radial-gradient(circle at 89% 18%,#ff9a0010,transparent 27%),
    linear-gradient(180deg,#040405,#09090b 61%,#020203);
  color:#f6f3f1;opacity:1;visibility:visible;isolation:isolate;
  transition:opacity .3s cubic-bezier(.2,.72,.2,1),visibility .3s;
}

/* Ilk kareyi ancak tum giris gorselleri hazir oldugunda oynat. */
#parsmazi-intro.intro-spatial-mode:not(.intro-ready){background:#020203}
#parsmazi-intro.intro-spatial-mode:not(.intro-ready) *,
#parsmazi-intro.intro-spatial-mode:not(.intro-ready)::before,
#parsmazi-intro.intro-spatial-mode:not(.intro-ready)::after,
#parsmazi-intro.intro-spatial-mode:not(.intro-ready) *::before,
#parsmazi-intro.intro-spatial-mode:not(.intro-ready) *::after{
  animation-play-state:paused!important;
}
#parsmazi-intro.intro-spatial-mode::before{
  content:"";position:absolute;inset:-8%;pointer-events:none;opacity:0;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 46%,#000 12%,transparent 72%);
  transform:perspective(900px) rotateX(10deg) scale(1.12);
  animation:introGridWake 1.25s ease .08s forwards;
}
#parsmazi-intro.intro-spatial-mode::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:7;
  background:radial-gradient(circle at 50% 50%,transparent 37%,#0009 86%),linear-gradient(105deg,transparent 38%,#ffffff0b 49%,transparent 60%);
  background-size:auto,240% 100%;animation:introGlassSweep 2.1s ease .72s both;
}
.intro-spatial-room{
  position:relative;width:min(1180px,94vw);height:min(700px,88vh);display:grid;place-items:center;
  perspective:1500px;transform-style:preserve-3d;isolation:isolate;
  animation:introRoomBreathe 3.65s cubic-bezier(.18,.78,.2,1) both;
}
.intro-room-light{
  position:absolute;z-index:1;top:-10%;width:1px;height:76%;opacity:0;
  background:linear-gradient(#fff0,#ffffff36 30%,#ff4b3e32 72%,transparent);
  filter:drop-shadow(0 0 22px #ff4b3e);animation:introSpatialLight .9s ease .14s forwards;
}
.intro-room-light-left{left:4%;transform:rotate(9deg)}
.intro-room-light-right{right:4%;transform:rotate(-9deg);animation-delay:.27s}
.intro-motion-particles{position:absolute;z-index:2;inset:0;pointer-events:none;transform-style:preserve-3d}
.intro-motion-particles i{
  position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;opacity:0;
  background:#ff5b50;box-shadow:0 0 14px #ff4f42,0 0 30px #ff8a003d;
  animation:introParticleGather 1.18s cubic-bezier(.13,.82,.24,1) var(--particle-delay) both;
}
.intro-motion-particles i:nth-child(even){width:3px;height:3px;background:#ffb14a}

.intro-spatial-panel{
  position:relative;z-index:3;width:min(940px,83vw);aspect-ratio:16/8.55;padding:16px;
  border:1px solid #ffffff24;border-radius:28px;display:grid;grid-template-rows:32px 1fr 45px;gap:12px;
  overflow:visible;background:linear-gradient(145deg,#1c1a1de8,#09090cec 68%);
  backdrop-filter:blur(24px) saturate(1.12);box-shadow:0 50px 130px #000e,0 0 100px #eb10001e,inset 0 1px #ffffff18;
  transform-origin:50% 58%;transform-style:preserve-3d;
  animation:introPanelAssemble 1.95s cubic-bezier(.14,.82,.18,1) both;
}
.intro-spatial-panel::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(115deg,#ffffff38,#eb10006b 36%,#ff8a0057 72%,#ffffff18);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;animation:introBorderLock .82s ease 1.3s forwards;
}
.intro-spatial-panel::after{
  content:"";position:absolute;z-index:-1;inset:-18px;border-radius:38px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,#ff2e1b1f,#ff9a001c,#7a55ff13);filter:blur(24px);
  animation:introPanelAura 1.15s ease 1.05s forwards;
}
.intro-panel-bar,.intro-panel-foot{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 7px;
  color:#8b898f;font:800 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.55px;opacity:0;
  animation:introMetaReveal .55s ease 1.22s forwards;
}
.intro-panel-foot{animation-delay:1.36s}
.intro-panel-bar span{display:flex;align-items:center;gap:7px}.intro-panel-bar b{color:#fff;font-size:12px;letter-spacing:-.2px}
.intro-panel-bar i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#ffffff1d,transparent)}
.intro-panel-bar em{font:inherit;color:#65646a;font-style:normal}
.intro-panel-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.18,.76,.2,1),filter .58s ease,opacity .5s ease}
.intro-panel-grid figure{
  position:relative;margin:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:14px;background:#101013;
  box-shadow:0 18px 44px #000b;opacity:0;will-change:transform,opacity,filter;
  transform:translate3d(var(--from-x),var(--from-y),180px) rotate(var(--from-r)) scale(.62);
  animation:introTileGather .92s cubic-bezier(.12,.82,.18,1.08) calc(.18s + var(--intro-order)*.105s) both;
}
.intro-panel-grid img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.8);transform:scale(1.08);animation:introSpatialImage 2.9s ease .7s both}
.intro-panel-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff16,transparent 34%,#eb100012);pointer-events:none}
.intro-panel-foot strong{color:#f5f3f1;font:800 clamp(16px,2vw,24px)/1 "Source Sans 3",sans-serif;letter-spacing:-.03em}
.intro-panel-foot strong b{color:#ff5b50}.intro-panel-foot span{color:#68666d}
.intro-room-base{
  position:absolute;z-index:1;left:5%;right:5%;bottom:-2%;height:23%;border-radius:50%;opacity:0;
  background:radial-gradient(ellipse,#eb100035,transparent 66%);filter:blur(40px);transform:scaleX(.35) scaleY(.7);
  animation:introSpatialBase 1.12s ease .5s forwards;
}

#parsmazi-intro.intro-spatial-mode .intro-skip{
  position:absolute!important;z-index:9;left:50%!important;right:auto!important;bottom:clamp(18px,3.2vh,34px)!important;
  min-width:92px!important;min-height:42px!important;padding:10px 18px!important;transform:translateX(-50%)!important;
  border:1px solid #ffffff24!important;border-radius:999px!important;color:#c5c3c7!important;background:#171719e8!important;
  box-shadow:0 16px 40px #0009,inset 0 1px #ffffff0b!important;font:800 9px/1 "Space Grotesk",sans-serif!important;letter-spacing:1.8px!important;
  opacity:0;animation:introSkipReveal .42s ease 1.45s forwards;transition:color .22s,border-color .22s,background .22s,transform .22s!important;
}
#parsmazi-intro.intro-spatial-mode .intro-skip:hover{color:#fff!important;border-color:#ff5b5066!important;background:#241516!important;transform:translateX(-50%) translateY(-2px)!important}
#parsmazi-intro.intro-spatial-mode.intro-exit-zoom .intro-spatial-room{
  animation:none;transform:translateZ(0) scale(1.72);filter:blur(18px) brightness(1.2);opacity:.3;
  transition:transform .56s cubic-bezier(.18,.78,.18,1),filter .48s cubic-bezier(.2,.72,.2,1),opacity .48s ease;
  will-change:transform,filter,opacity;
}
#parsmazi-intro.intro-spatial-mode.intro-exit-zoom::before{
  transform:perspective(900px) rotateX(4deg) scale(1.42);filter:blur(7px);opacity:.035;
  transition:transform .56s cubic-bezier(.18,.78,.18,1),filter .48s ease,opacity .48s ease;
}
#parsmazi-intro.intro-spatial-mode.intro-exit-zoom::after{opacity:.35;transition:opacity .42s ease}
#parsmazi-intro.intro-spatial-mode.intro-exit-zoom .intro-skip{animation:none!important;opacity:0!important;pointer-events:none;transition:opacity .16s ease!important}
#parsmazi-intro.intro-spatial-mode.intro-hide{opacity:0;visibility:hidden;pointer-events:none}
#parsmazi-intro.intro-spatial-mode.intro-hide .intro-spatial-room{transform:translateZ(0) scale(1.82);filter:blur(22px) brightness(1.24);opacity:.12}

body.intro-reveal-main>nav,body.intro-reveal-main>.hero,body.intro-reveal-main>main,body.intro-reveal-main>.site-shell{
  animation:introMainArrival .92s cubic-bezier(.16,.84,.18,1) both;
}

@keyframes introGridWake{0%{opacity:0;transform:perspective(900px) rotateX(16deg) scale(1.35)}100%{opacity:.11;transform:perspective(900px) rotateX(8deg) scale(1.05)}}
@keyframes introGlassSweep{0%{opacity:0;background-position:0 0,-80% 0}35%{opacity:1}100%{opacity:1;background-position:0 0,135% 0}}
@keyframes introRoomBreathe{0%{transform:scale(.88)}45%{transform:scale(1)}72%{transform:scale(.992)}100%{transform:scale(1)}}
@keyframes introPanelAssemble{0%{opacity:0;transform:translateZ(-420px) rotateX(10deg) scale(.56);filter:blur(16px)}24%{opacity:.45;filter:blur(6px)}52%{opacity:1;transform:translateZ(28px) rotateX(-1.4deg) scale(1.022);filter:none}68%{transform:translateZ(-4px) rotateX(.25deg) scale(.996)}100%{opacity:1;transform:none;filter:none}}
@keyframes introTileGather{0%{opacity:0;transform:translate3d(var(--from-x),var(--from-y),180px) rotate(var(--from-r)) scale(.62);filter:blur(12px) brightness(1.3)}68%{opacity:1;transform:translate3d(0,0,12px) rotate(0) scale(1.035);filter:blur(0) brightness(1.06)}100%{opacity:1;transform:none;filter:none}}
@keyframes introSpatialImage{0%{transform:scale(1.13);filter:saturate(.5) brightness(.58)}55%{filter:saturate(.86) brightness(.9)}100%{transform:scale(1.01);filter:saturate(.72) brightness(.82)}}
@keyframes introMetaReveal{0%{opacity:0;transform:translateY(8px);letter-spacing:3px}100%{opacity:1;transform:none}}
@keyframes introBorderLock{0%{opacity:0;filter:brightness(2)}50%{opacity:1;filter:brightness(1.8)}100%{opacity:1;filter:none}}
@keyframes introPanelAura{to{opacity:1}}
@keyframes introParticleGather{0%{opacity:0;transform:translate3d(var(--particle-x),var(--particle-y),250px) scale(2.2)}24%{opacity:.85}82%{opacity:.55}100%{opacity:0;transform:translate3d(0,0,0) scale(.2)}}
@keyframes introSpatialLight{to{opacity:.5}}
@keyframes introSpatialBase{to{opacity:1;transform:scaleX(1) scaleY(1)}}
@keyframes introSkipReveal{to{opacity:1}}
@keyframes introMainArrival{0%{opacity:.15;transform:scale(.965) translateY(14px);filter:blur(9px)}100%{opacity:1;transform:none;filter:none}}

@media(max-width:700px){
  .intro-spatial-room{width:100vw;height:82vh}.intro-spatial-panel{width:91vw;aspect-ratio:4/3;padding:10px;border-radius:20px;grid-template-rows:24px 1fr 38px;gap:8px}
  .intro-panel-bar em,.intro-panel-foot span{display:none}.intro-panel-bar{font-size:6px}.intro-panel-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px}
  .intro-panel-grid figure:nth-child(n){grid-column:auto;grid-row:auto;--from-x:0;--from-y:30vh}.intro-panel-grid figure:nth-child(odd){--from-x:-65vw}.intro-panel-grid figure:nth-child(even){--from-x:65vw}
  .intro-panel-grid figure:nth-child(n+5){display:none}.intro-panel-grid figure{border-radius:10px}.intro-panel-foot strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .intro-spatial-room,.intro-spatial-panel,.intro-panel-grid figure,.intro-panel-grid img,.intro-panel-bar,.intro-panel-foot,.intro-room-light,.intro-room-base,.intro-motion-particles i,#parsmazi-intro.intro-spatial-mode::before,#parsmazi-intro.intro-spatial-mode::after{
    animation:none!important;opacity:1!important;transform:none!important;filter:none!important
  }
}