/* ============================================================
   NEUROTIC — neuroticgame.com
   Palet: referans dokümanı §9 (is sarısı, kurumuş kan,
   arşiv kâğıdı beji, karbon siyahı — saf beyaz/siyah yok)
   ============================================================ */

:root{
  /* karbon siyahı ve türevleri */
  --bg:        #0F0E0C;
  --bg-2:      #141210;
  --bg-3:      #1A1713;
  --panel:     #1C1915;
  --panel-2:   #221E19;

  --line:      rgba(232,220,192,.10);
  --line-2:    rgba(232,220,192,.20);

  /* arşiv kâğıdı beji */
  --txt:       #E8DCC0;
  --txt-2:     #A79D88;
  --txt-3:     #736A59;

  /* is sarısı — far ışığı */
  --lamp:      #C9A227;
  --lamp-hot:  #F2E2AC;
  --lamp-dim:  rgba(201,162,39,.16);

  /* kurumuş kan */
  --blood:     #7A1F1F;
  --blood-lit: #A8443C;

  --pad:       clamp(20px, 5vw, 64px);
  --maxw:      1280px;

  --f-disp: 'Oswald', 'Arial Narrow', sans-serif;
  --f-body: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'Courier Prime', ui-monospace, 'SFMono-Regular', monospace;
  --f-hand: 'Caveat', cursive;

  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{ box-sizing:border-box }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100% }
body{
  margin:0;
  background:var(--bg);
  color:var(--txt);
  font:400 clamp(15px,1.02vw,17px)/1.75 var(--f-body);
  overflow-x:hidden;
  letter-spacing:.008em;
}
img,video{ max-width:100%; display:block }
a{ color:inherit; text-decoration:none }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer }
h1,h2,h3,h4,p,dl,dd,figure,blockquote{ margin:0 }
ul{ margin:0; padding:0; list-style:none }
::selection{ background:var(--lamp); color:#0F0E0C }
:focus-visible{ outline:2px solid var(--lamp); outline-offset:3px }

.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad) }
.mono{ font-family:var(--f-mono); letter-spacing:.14em; text-transform:uppercase; font-size:.68rem }

.skip-link{
  position:fixed; top:-100px; left:16px; z-index:999;
  background:var(--lamp); color:#0F0E0C; padding:10px 16px; font-weight:600;
}
.skip-link:focus{ top:16px }

/* ---------- tipografi ---------- */
.h2{
  font-family:var(--f-disp); font-weight:300;
  font-size:clamp(1.9rem,4.6vw,3.5rem); line-height:1.05;
  letter-spacing:.005em; color:#F3E9D2;
  text-wrap:balance;
}
.label{ color:var(--lamp); margin-bottom:14px }
.lead{ font-size:1.08em; color:#D8CCB2 }
p + p{ margin-top:1.05em }
.h2 + p{ margin-top:22px }
b{ color:var(--lamp-hot); font-weight:500 }

.shead{ max-width:62ch; margin-bottom:clamp(32px,4.5vw,56px) }
.shead__sub{ margin-top:18px; color:var(--txt-2); max-width:60ch }

.hand{
  font-family:var(--f-hand); font-size:1.5rem; line-height:1.4;
  color:var(--lamp-hot); transform:rotate(-1.4deg); margin-top:22px;
}

/* ---------- atmosfer ---------- */
.fx-grain,.fx-scan,.fx-vignette{ position:fixed; inset:-60px; pointer-events:none; z-index:60 }
.fx-grain{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  opacity:.05; mix-blend-mode:overlay;
  animation:grain 640ms steps(1) infinite;
}
@keyframes grain{
  0%{transform:translate(0,0)} 20%{transform:translate(-8px,4px)} 40%{transform:translate(6px,-6px)}
  60%{transform:translate(-4px,-8px)} 80%{transform:translate(8px,6px)} 100%{transform:translate(0,0)}
}
.fx-scan{ background:repeating-linear-gradient(to bottom, rgba(0,0,0,.22) 0 1px, transparent 1px 3px); opacity:.18 }
.fx-vignette{ background:radial-gradient(120% 90% at 50% 45%, transparent 40%, rgba(0,0,0,.5) 88%, rgba(0,0,0,.8) 100%) }

/* ---------- intro ---------- */
.intro{
  position:fixed; inset:0; z-index:200; background:var(--bg);
  display:grid; place-items:center;
  transition:opacity .7s var(--ease), visibility .7s;
}
.intro.is-out{ opacity:0; visibility:hidden }
.intro__lights{ display:flex; gap:56px; margin-bottom:38px }
.intro__lights i{
  width:11px; height:11px; border-radius:50%; background:var(--lamp-hot);
  box-shadow:0 0 22px 8px rgba(201,162,39,.5), 0 0 70px 28px rgba(201,162,39,.16);
  animation:flick 2.4s var(--ease) infinite;
}
.intro__lights i:last-child{ animation-delay:.12s }
.intro__word{
  font-family:var(--f-disp); font-weight:200; font-size:clamp(1.6rem,6vw,3rem);
  letter-spacing:.62em; text-indent:.62em; color:var(--txt);
  opacity:0; animation:introWord 1.6s .35s var(--ease) forwards;
}
@keyframes introWord{ to{ opacity:1; letter-spacing:.42em } }
@keyframes flick{
  0%,100%{ opacity:1 } 42%{ opacity:1 } 45%{ opacity:.25 } 47%{ opacity:1 }
  70%{ opacity:1 } 72%{ opacity:.4 } 74%{ opacity:1 }
}

/* ---------- nav ---------- */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:80;
  transition:background .45s var(--ease), border-color .45s var(--ease);
  border-bottom:1px solid transparent;
}
.nav.is-stuck{
  background:rgba(15,14,12,.86);
  -webkit-backdrop-filter:blur(14px) saturate(.85);
  backdrop-filter:blur(14px) saturate(.85);
  border-bottom-color:var(--line);
}
.nav__inner{
  max-width:var(--maxw); margin-inline:auto; padding:16px var(--pad);
  display:flex; align-items:center; gap:clamp(14px,3vw,44px);
}
.nav__brand{ display:flex; align-items:center; gap:12px; flex-shrink:0; position:relative; z-index:2 }
.nav__lights{ display:flex; gap:7px }
.nav__lights i{
  width:5px; height:5px; border-radius:50%; background:var(--lamp);
  box-shadow:0 0 9px 2px rgba(201,162,39,.55);
}
.nav__word{
  font-family:var(--f-disp); font-weight:400; font-size:1.02rem;
  letter-spacing:.34em; text-indent:.34em; color:#EFE5CE;
}
.nav__links{ display:flex; gap:clamp(12px,1.8vw,26px); margin-left:auto; flex-wrap:wrap }
.nav__links a{
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--txt-2); padding:6px 0; position:relative; white-space:nowrap;
  transition:color .3s var(--ease);
}
.nav__links a::after{
  content:''; position:absolute; left:0; right:100%; bottom:0; height:1px;
  background:var(--lamp); transition:right .35s var(--ease);
}
.nav__links a:hover,.nav__links a.is-active{ color:var(--lamp-hot) }
.nav__links a:hover::after,.nav__links a.is-active::after{ right:0 }

.nav__side{ display:flex; align-items:center; gap:14px; flex-shrink:0; position:relative; z-index:2 }
.lang{
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.1em;
  border:1px solid var(--line-2); padding:6px 10px; color:var(--txt-3);
  transition:border-color .3s;
}
.lang:hover{ border-color:var(--lamp) }
.lang__opt.is-on{ color:var(--lamp-hot) }
.lang__sep{ opacity:.4; margin:0 3px }
.nav__ig{ color:var(--txt-2); transition:color .3s, transform .3s }
.nav__ig:hover{ color:var(--lamp); transform:translateY(-1px) }

.burger{ display:none; width:26px; height:18px; position:relative }
.burger i{ position:absolute; left:0; right:0; height:1px; background:var(--txt); transition:.35s var(--ease) }
.burger i:nth-child(1){ top:0 } .burger i:nth-child(2){ top:8px } .burger i:nth-child(3){ top:16px }
.burger.is-open i:nth-child(1){ top:8px; transform:rotate(45deg) }
.burger.is-open i:nth-child(2){ opacity:0 }
.burger.is-open i:nth-child(3){ top:8px; transform:rotate(-45deg) }

/* ---------- hero ---------- */
.hero{
  position:relative; min-height:100svh; display:flex; align-items:flex-end;
  padding:140px 0 clamp(110px,15vh,170px); overflow:hidden; isolation:isolate;
}
.hero__bg{ position:absolute; inset:-6% -2%; z-index:-3 }
.hero__bg img{
  width:100%; height:100%; object-fit:cover; object-position:center 38%;
  filter:contrast(1.05) saturate(.78) brightness(.9); will-change:transform;
}
.hero__fade{
  position:absolute; inset:0; z-index:-2;
  background:
    linear-gradient(to top, var(--bg) 2%, rgba(15,14,12,.78) 26%, rgba(15,14,12,.28) 55%, rgba(15,14,12,.55) 100%),
    linear-gradient(to right, rgba(15,14,12,.88) 0%, rgba(15,14,12,.25) 58%, transparent 100%);
}
.hero__torch{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(340px 340px at var(--mx,50%) var(--my,50%), rgba(201,162,39,.14), transparent 70%);
  opacity:0; transition:opacity .6s var(--ease);
}
.hero:hover .hero__torch{ opacity:1 }

.hero__inner{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); position:relative }
.chip{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--txt-2); border:1px solid var(--line-2); padding:6px 13px; margin-bottom:26px;
  background:rgba(15,14,12,.45); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.chip__dot{ width:5px; height:5px; border-radius:50%; background:var(--lamp); box-shadow:0 0 8px 2px rgba(201,162,39,.65); animation:pulse 2.6s ease-in-out infinite }
@keyframes pulse{ 0%,100%{opacity:1} 50%{opacity:.3} }

.kicker{
  font-family:var(--f-mono); font-size:.7rem; letter-spacing:.32em; text-transform:uppercase;
  color:var(--lamp); margin-bottom:16px;
}
.hero__title{ position:relative; margin:0 0 22px }
.hero__title-word{
  display:block; font-family:var(--f-disp); font-weight:200;
  font-size:clamp(3.2rem,13vw,10.5rem); line-height:.86;
  letter-spacing:.06em; color:#F6EDD9;
  text-shadow:0 0 60px rgba(0,0,0,.9), 0 0 130px rgba(201,162,39,.1);
}
.hero__title-lights{ display:flex; gap:26px; margin-bottom:20px }
.hero__title-lights i{
  width:7px; height:7px; border-radius:50%; background:var(--lamp-hot);
  box-shadow:0 0 16px 5px rgba(201,162,39,.48), 0 0 48px 18px rgba(201,162,39,.14);
  animation:flick 5s var(--ease) infinite;
}
.hero__title-lights i:last-child{ animation-delay:.1s }

.hero__tag{
  font-family:var(--f-disp); font-weight:200; font-size:clamp(1.05rem,2.4vw,1.75rem);
  letter-spacing:.06em; color:var(--lamp-hot); margin-bottom:14px;
}
.hero__lede{ max-width:52ch; color:var(--txt-2); font-size:1.02em }
.hero__cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px }

.hero__scroll{
  position:absolute; bottom:26px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.24em; text-transform:uppercase;
  color:var(--txt-3); transition:color .3s;
}
.hero__scroll:hover{ color:var(--lamp) }
.hero__scroll i{ width:1px; height:40px; background:linear-gradient(var(--lamp), transparent); animation:drop 2.2s var(--ease) infinite }
@keyframes drop{
  0%{transform:scaleY(0); transform-origin:top} 50%{transform:scaleY(1); transform-origin:top}
  51%{transform:scaleY(1); transform-origin:bottom} 100%{transform:scaleY(0); transform-origin:bottom}
}

/* ---------- butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase;
  padding:15px 26px; border:1px solid var(--line-2); position:relative; overflow:hidden;
  isolation:isolate;
  transition:color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);
}
.btn small{
  font-size:.56rem; letter-spacing:.14em; opacity:.65; padding-left:10px;
  border-left:1px solid currentColor; margin-left:2px;
}
.btn::before{
  content:''; position:absolute; inset:0; background:var(--lamp);
  transform:scaleX(0); transform-origin:left; transition:transform .45s var(--ease); z-index:-1;
}
.btn:hover::before{ transform:scaleX(1) }
.btn:hover{ transform:translateY(-2px) }
.btn--primary{ color:#0F0E0C; border-color:var(--lamp) }
.btn--primary::before{ transform:scaleX(1) }
.btn--primary:hover{ color:#0F0E0C; box-shadow:0 0 34px rgba(201,162,39,.28) }
.btn--primary:hover::before{ background:var(--lamp-hot) }
.btn--ghost{ color:var(--txt); background:rgba(15,14,12,.4); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }
.btn--ghost:hover{ color:#0F0E0C; border-color:var(--lamp) }
/* Steam sayfası henüz yokken: söz verilmiş ama pasif buton */
.btn.is-soon{ cursor:default; opacity:.62 }
.btn.is-soon:hover{ transform:none; box-shadow:none }
.btn.is-soon:hover::before{ background:var(--lamp) }

/* ---------- bölümler ---------- */
.section{ position:relative; padding:clamp(72px,11vw,150px) 0 }
.section + .section{ border-top:1px solid var(--line) }
.section--about{ background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%) }
.section--perception{ background:var(--bg-2) }
.section--features{ background:linear-gradient(180deg, var(--bg-2), var(--bg)) }
.section--locations{ background:var(--bg) }
.section--arsenal{ background:linear-gradient(180deg, var(--bg), var(--bg-2)) }
.section--cast{ background:var(--bg-2) }
.section--devlog{ background:linear-gradient(180deg, var(--bg-2), var(--bg)) }

/* iki ışık motifi — bölüm ayracı */
.section + .section::before{
  content:''; position:absolute; top:-3px; left:50%; transform:translateX(-50%);
  width:96px; height:5px;
  background:
    radial-gradient(circle at 12px 50%, var(--lamp) 0 2px, transparent 3px),
    radial-gradient(circle at 84px 50%, var(--lamp) 0 2px, transparent 3px);
  filter:drop-shadow(0 0 6px rgba(201,162,39,.7));
  opacity:.85;
}

/* ---------- reveal ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .9s var(--ease), transform .9s var(--ease) }
.reveal.is-in{ opacity:1; transform:none }

/* ---------- vaka / about ---------- */
.about{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr); gap:clamp(32px,5vw,80px); align-items:start }
.about__kicker{
  margin-top:26px; padding-left:22px; border-left:2px solid var(--blood);
  font-style:italic; color:#D6CAB0;
}
.specs{ border:1px solid var(--line); background:rgba(28,25,21,.5) }
.specs dl{ display:grid; grid-template-columns:repeat(2,1fr) }
.specs dl > div{ padding:14px 18px; border-bottom:1px solid var(--line) }
.specs dl > div:nth-child(odd){ border-right:1px solid var(--line) }
.specs dl > div:nth-last-child(-n+2){ border-bottom:0 }
.specs dt{ font-family:var(--f-mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--txt-3); margin-bottom:5px }
.specs dd{ font-family:var(--f-disp); font-weight:300; font-size:.95rem; letter-spacing:.03em; color:#E2D7BE }

/* ---------- algı sürgüsü ---------- */
.lucid__viewer{
  position:relative; aspect-ratio:16/9; overflow:hidden; cursor:ew-resize;
  border:1px solid var(--line-2); background:#000; user-select:none; touch-action:pan-y;
}
.lucid__layer{ position:absolute; inset:0 }
.lucid__layer img{ width:100%; height:100%; object-fit:cover; display:block }
/* üstteki "normal" katman sürgüyle açılıyor — filtre yok, gerçek ikinci görsel */
.lucid__layer--b{ clip-path:inset(0 0 0 var(--split,55%)) }
.lucid__mark{
  position:absolute; top:16px; left:16px; z-index:4; color:var(--txt-2);
  background:rgba(15,14,12,.72); padding:5px 10px; font-size:.58rem; letter-spacing:.24em;
}
.lucid__mark--r{ left:auto; right:16px; color:var(--lamp-hot) }

.lucid__handle{
  position:absolute; top:0; bottom:0; left:var(--split,55%); width:2px;
  background:linear-gradient(to bottom, transparent, var(--lamp-hot) 12%, var(--lamp-hot) 88%, transparent);
  box-shadow:0 0 18px 3px rgba(201,162,39,.5);
  z-index:5; transform:translateX(-1px);
}
.lucid__bulb{
  position:absolute; left:50%; width:9px; height:9px; border-radius:50%;
  background:var(--lamp-hot); transform:translateX(-50%);
  box-shadow:0 0 16px 5px rgba(201,162,39,.6), 0 0 44px 16px rgba(201,162,39,.2);
}
.lucid__bulb:nth-child(1){ top:34% } .lucid__bulb:nth-child(2){ top:60% }
.lucid__grip{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:44px; height:44px; border:1px solid var(--lamp); border-radius:50%;
  background:rgba(15,14,12,.6); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.lucid__grip::before,.lucid__grip::after{
  content:''; position:absolute; top:50%; width:0; height:0; margin-top:-4px;
  border-block:4px solid transparent;
}
.lucid__grip::before{ left:10px; border-right:6px solid var(--lamp) }
.lucid__grip::after{ right:10px; border-left:6px solid var(--lamp) }
.lucid__hint{ margin-top:12px; color:var(--txt-3); text-align:center; font-size:.58rem }

/* ---------- özellik kartları ---------- */
.feats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px }
.feat{
  position:relative; background:var(--bg-3); padding:30px clamp(20px,2vw,28px) 46px;
  outline:1px solid var(--line); overflow:hidden;
  transition:background .5s var(--ease);
}
.feat:hover{ background:var(--panel) }
.feat__n{
  color:var(--lamp); font-size:.62rem; letter-spacing:.2em; display:block; margin-bottom:26px;
}
.feat__key{
  color:var(--txt-3); font-size:.58rem; letter-spacing:.26em; display:block; margin-bottom:6px;
}
.feat__t{
  font-family:var(--f-disp); font-weight:300; font-size:1.45rem; letter-spacing:.05em;
  color:#F0E6CF; margin-bottom:14px; line-height:1.1;
}
.feat__d{ color:var(--txt-2); font-size:.93em; line-height:1.7 }
.feat__lights{ position:absolute; left:clamp(20px,2vw,28px); bottom:22px; display:flex; gap:12px; opacity:.5 }
.feat__lights i{ width:4px; height:4px; border-radius:50%; background:var(--lamp); box-shadow:0 0 8px 2px rgba(201,162,39,.5) }
.feat:hover .feat__lights{ opacity:1 }

/* ---------- mekânlar ---------- */
.locs{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.6vw,22px) }
.loc{
  display:block; width:100%; text-align:left; cursor:pointer;
  border:1px solid var(--line); background:var(--bg-3);
  transition:border-color .45s var(--ease), background .45s var(--ease);
}
.loc:hover{ border-color:var(--line-2); background:var(--panel) }
.loc__pic{ display:block; position:relative; aspect-ratio:16/10; overflow:hidden; background:#000 }
.loc__pic img{
  width:100%; height:100%; object-fit:cover;
  filter:grayscale(.5) contrast(1.05) brightness(.92);
  transition:transform 1.3s var(--ease), filter .8s var(--ease);
}
.loc:hover .loc__pic img,.loc:focus-visible .loc__pic img{
  transform:scale(1.06); filter:grayscale(0) contrast(1.02) brightness(1.12);
}
.loc__veil{ position:absolute; inset:0; background:linear-gradient(to top, rgba(15,14,12,.5), transparent 55%) }
.loc__zoom{
  position:absolute; top:12px; right:12px; width:30px; height:30px;
  border:1px solid var(--line-2); display:grid; place-items:center; color:var(--txt-2);
  opacity:0; transform:translateY(-6px); transition:.45s var(--ease);
  font-size:.9rem; background:rgba(15,14,12,.55);
}
.loc:hover .loc__zoom{ opacity:1; transform:none }
.loc__body{ display:block; padding:18px clamp(16px,1.6vw,22px) 22px }
.loc__name{
  display:block; font-family:var(--f-disp); font-weight:300;
  font-size:clamp(1rem,1.35vw,1.22rem); letter-spacing:.05em; color:#F0E6CF; line-height:1.2;
}
.loc__sub{
  display:block; color:var(--lamp); font-size:.54rem; letter-spacing:.16em; margin-top:7px;
}
.loc__desc{ display:block; color:var(--txt-2); font-size:.87em; line-height:1.65; margin-top:11px }

/* ---------- cephanelik ---------- */
.arsenal{ display:grid; grid-template-columns:repeat(auto-fit,minmax(178px,1fr)); gap:1px }
.wep{
  background:var(--bg); padding:22px 16px 20px; text-align:center; position:relative;
  outline:1px solid var(--line);
  transition:background .5s var(--ease);
}
.wep:hover{ background:var(--panel) }
.wep__pic{ position:relative; aspect-ratio:1; display:grid; place-items:center; margin-bottom:12px }
.wep__pic::after{
  content:''; position:absolute; inset:18%; border-radius:50%;
  background:radial-gradient(circle, rgba(201,162,39,.22), transparent 70%);
  opacity:0; transition:opacity .6s var(--ease);
}
.wep:hover .wep__pic::after{ opacity:1 }
.wep img{
  max-width:88%; max-height:88%; width:auto; position:relative; z-index:1;
  filter:grayscale(.45) brightness(.98) drop-shadow(0 8px 22px rgba(0,0,0,.7));
  transition:transform .7s var(--ease), filter .6s var(--ease);
}
.wep:hover img{ transform:translateY(-5px) scale(1.05); filter:grayscale(0) brightness(1.1) drop-shadow(0 14px 30px rgba(0,0,0,.8)) }
.wep__n{
  font-family:var(--f-disp); font-weight:300; font-size:.9rem; letter-spacing:.1em;
  text-transform:uppercase; color:#E4DAC2;
}
.wep__type{ color:var(--lamp); font-size:.52rem; letter-spacing:.18em; margin-top:6px }
.wep__where{ color:var(--txt-3); font-size:.72rem; line-height:1.5; margin-top:8px }

/* ---------- karakterler ---------- */
.cast{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,1.4vw,18px) }
.card-c{
  border:1px solid var(--line); background:var(--bg-3); padding:24px clamp(18px,2vw,26px) 26px;
  position:relative; transition:border-color .45s var(--ease), background .45s var(--ease);
}
.card-c:hover{ border-color:var(--line-2); background:var(--panel) }
.card-c::before{
  content:''; position:absolute; top:0; left:0; width:0; height:2px; background:var(--blood-lit);
  transition:width .6s var(--ease);
}
.card-c:hover::before{ width:100% }
.card-c__n{
  font-family:var(--f-disp); font-weight:300; font-size:1.28rem; letter-spacing:.06em; color:#F0E6CF;
}
.card-c__r{ color:var(--lamp); font-size:.55rem; letter-spacing:.16em; margin-top:8px }
.card-c__d{ color:var(--txt-2); font-size:.9em; line-height:1.7; margin-top:14px }

/* ---------- instagram ---------- */
.ig-live{ margin-bottom:28px }
.ig-live iframe{ width:100%; border:0; display:block }
.ig{ display:grid; grid-template-columns:repeat(6,1fr); gap:clamp(8px,1vw,14px) }
.ig__tile{ position:relative; aspect-ratio:1; overflow:hidden; border:1px solid var(--line); background:#000; display:block }
.ig__tile img{
  width:100%; height:100%; object-fit:cover;
  filter:grayscale(.5) contrast(1.05) brightness(.92); transition:.8s var(--ease);
}
.ig__tile:hover img{ filter:grayscale(0) brightness(1.12); transform:scale(1.06) }
.ig__tile::after{
  content:''; position:absolute; inset:0;
  background:rgba(15,14,12,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='26' height='26' fill='%23C9A227'%3E%3Cpath d='M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23a3.8 3.8 0 0 1-.9 1.38c-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.8 3.8 0 0 1-1.38-.9 3.8 3.8 0 0 1-.9-1.38c-.16-.42-.36-1.06-.41-2.23C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16m0-2.16C8.74 0 8.33.01 7.05.07 5.78.13 4.9.33 4.14.63c-.79.3-1.46.72-2.13 1.38A5.9 5.9 0 0 0 .63 4.14c-.3.76-.5 1.64-.56 2.91C.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.27.26 2.15.56 2.91.3.79.72 1.46 1.38 2.13a5.9 5.9 0 0 0 2.13 1.38c.76.3 1.64.5 2.91.56C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.27-.06 2.15-.26 2.91-.56a5.9 5.9 0 0 0 2.13-1.38 5.9 5.9 0 0 0 1.38-2.13c.3-.76.5-1.64.56-2.91.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.06-1.27-.26-2.15-.56-2.91a5.9 5.9 0 0 0-1.38-2.13A5.9 5.9 0 0 0 19.86.63c-.76-.3-1.64-.5-2.91-.56C15.67.01 15.26 0 12 0z'/%3E%3Cpath d='M12 5.84A6.16 6.16 0 1 0 18.16 12 6.16 6.16 0 0 0 12 5.84zM12 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4z'/%3E%3Ccircle cx='18.41' cy='5.59' r='1.44'/%3E%3C/svg%3E") center/26px no-repeat;
  opacity:0; transition:opacity .45s var(--ease);
}
.ig__tile:hover::after{ opacity:1 }
.ig__cta{ margin-top:32px; display:flex; justify-content:center }

/* ---------- band ---------- */
.band{ position:relative; padding:clamp(80px,12vw,150px) 0; overflow:hidden; text-align:center; border-top:1px solid var(--line) }
.band__bg{ position:absolute; inset:0; z-index:-2 }
.band__bg img{ width:100%; height:100%; object-fit:cover; object-position:center 30%; filter:grayscale(.7) brightness(.34) contrast(1.15) }
.band::after{
  content:''; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(70% 70% at 50% 55%, rgba(15,14,12,.55), var(--bg) 82%);
}
.band__inner{ position:relative; display:flex; flex-direction:column; align-items:center; gap:18px }
.band__lights{ display:flex; gap:44px; margin-bottom:8px }
.band__lights i{
  width:8px; height:8px; border-radius:50%; background:var(--lamp-hot);
  box-shadow:0 0 20px 6px rgba(201,162,39,.45), 0 0 66px 24px rgba(201,162,39,.16);
  animation:flick 6s var(--ease) infinite;
}
.band__lights i:last-child{ animation-delay:.15s }
.band p{ color:var(--txt-2); max-width:52ch }
.band__cta{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:14px }

/* ---------- footer ---------- */
.foot{ background:var(--bg); border-top:1px solid var(--line); padding:clamp(44px,6vw,72px) 0 }
.foot__inner{ display:flex; flex-wrap:wrap; gap:32px; align-items:flex-start; justify-content:space-between }
.foot__brand{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; max-width:34ch }
.foot__brand p{ width:100%; color:var(--txt-3); margin-top:6px; font-size:.58rem; letter-spacing:.1em }
.foot__links{ display:flex; flex-wrap:wrap; gap:10px 24px }
.foot__links a{
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--txt-2); transition:color .3s;
}
.foot__links a:hover{ color:var(--lamp) }
.foot__meta{ text-align:right }
.foot__meta p{ color:var(--txt-3); font-size:.58rem; line-height:2 }

/* ---------- lightbox ---------- */
.lb{
  position:fixed; inset:0; z-index:150; background:rgba(9,8,7,.96);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  display:grid; place-items:center; padding:clamp(20px,5vw,72px);
  opacity:0; transition:opacity .35s var(--ease);
}
.lb[hidden]{ display:none }
.lb.is-open{ opacity:1 }
.lb__fig{ max-width:min(1280px,100%); max-height:100%; display:flex; flex-direction:column; gap:14px; align-items:center }
.lb__fig img{ max-height:80vh; width:auto; border:1px solid var(--line-2) }
.lb__fig figcaption{ color:var(--txt-2); text-align:center }
.lb__close{
  position:absolute; top:18px; right:22px; font-size:2rem; line-height:1; color:var(--txt-2);
  width:44px; height:44px; transition:color .3s;
}
.lb__close:hover{ color:var(--lamp) }
.lb__nav{
  position:absolute; top:50%; transform:translateY(-50%); font-size:2.6rem; line-height:1;
  color:var(--txt-3); width:56px; height:72px; transition:color .3s;
}
.lb__nav:hover{ color:var(--lamp) }
.lb__nav--prev{ left:10px } .lb__nav--next{ right:10px }

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .nav__links{ gap:14px }
  .about{ grid-template-columns:1fr }
  .about__file{ max-width:560px }
  .feats{ grid-template-columns:repeat(2,1fr) }
  .locs{ grid-template-columns:repeat(2,1fr) }
  .cast{ grid-template-columns:repeat(2,1fr) }
  .ig{ grid-template-columns:repeat(3,1fr) }
}

@media (max-width:860px){
  .burger{ display:block }
  .nav__links{
    position:fixed; inset:0 0 auto; top:0; padding:96px var(--pad) 40px;
    background:rgba(15,14,12,.97); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
    flex-direction:column; gap:0; margin:0;
    transform:translateY(-100%); transition:transform .55s var(--ease);
    border-bottom:1px solid var(--line); max-height:100svh; overflow-y:auto;
  }
  .nav__links.is-open{ transform:none }
  .nav__side{ margin-left:auto }
  .nav__links a{ font-size:.9rem; letter-spacing:.2em; padding:16px 0; border-bottom:1px solid var(--line) }
  .hero{ align-items:center; padding-top:120px }
  .hero__lede{ max-width:100% }
  .hero__cta .btn{ flex:1 1 auto; justify-content:center }
  .specs dl{ grid-template-columns:1fr }
  .specs dl > div:nth-child(odd){ border-right:0 }
  .specs dl > div:nth-last-child(-n+2){ border-bottom:1px solid var(--line) }
  .specs dl > div:last-child{ border-bottom:0 }
  .foot__inner{ flex-direction:column; gap:24px }
  .foot__meta{ text-align:left }
  .lb__nav{ font-size:2rem; width:44px }
}

@media (max-width:640px){
  .feats,.locs,.cast{ grid-template-columns:1fr }
  .ig{ grid-template-columns:repeat(2,1fr) }
}

@media (max-width:520px){
  .arsenal{ grid-template-columns:repeat(2,1fr) }
  .fx-scan{ opacity:.1 }
  .hero__scroll{ display:none }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto }
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important }
  .reveal{ opacity:1; transform:none }
  .fx-grain{ animation:none }
}