/* ═══════════════════════════════════════════════════════════
   THE CELLAR SOCIETY
   Palet doğrudan armadan türetilmiştir:
   oxblood · altın · parşömen · kurum
   ═══════════════════════════════════════════════════════════ */

:root{
  /* --- arma renkleri --- */
  --oxblood-900:#3A060B;
  --oxblood-800:#4E0A11;
  --oxblood-700:#5B090D;
  --oxblood-600:#6B0F1A;
  --claret:#8C1A22;
  --claret-lt:#A8302F;

  --gold-900:#8A6C33;
  --gold-800:#A5843F;
  --gold:#C9A961;
  --gold-lt:#E1BE85;
  --gold-pale:#EED9AE;

  --parchment:#EFE6D6;
  --bone:#DCD3C2;
  --ash:#9A9086;
  --ash-dim:#6E665E;

  --soot:#0C0A0B;
  --coal:#121011;
  --smoke:#191516;
  --smoke-lt:#221C1E;
  --line:rgba(201,169,97,.18);
  --line-soft:rgba(220,211,194,.10);

  /* --- tipografi --- */
  /* --f-title: dönem gazete/tabela didone'si — başlıklar
     --f-display: armanın kelime markasıyla uyumlu Roma serifi — marka, rakam, etiket */
  --f-title:"Bodoni Moda", "Playfair Display", "Times New Roman", serif;
  --f-display:"Cinzel", "Times New Roman", serif;
  --f-serif:"Cormorant Garamond", Georgia, serif;
  --f-cond:"Barlow Condensed", "Helvetica Neue", sans-serif;

  --pad:clamp(1.25rem, 5vw, 5rem);
  --maxw:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
/* yatay taşma kilidi: dekoratif katmanlar ve açılış paralaksı sağa/sola
   kaydırma yaratmasın. clip destekleyen tarayıcıda scroll konteyneri
   oluşturmadığı için tercih edilir; eskilerde hidden'a düşer. */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
@supports (overflow:clip){ html{overflow-x:clip} }
body{
  margin:0;
  background:var(--soot);
  color:var(--bone);
  font-family:var(--f-serif);
  font-size:clamp(1.02rem,.55vw + .9rem,1.18rem);
  line-height:1.75;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
body.is-locked{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--oxblood-600);color:var(--gold-pale)}

/* ─────────── atmosfer ─────────── */
.grain{
  position:fixed;inset:-3%;z-index:9000;pointer-events:none;opacity:.052;
  background-size:220px 220px;will-change:transform;
  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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grainShift 700ms steps(3,end) infinite;
}
/* transform ile kaydırılır: yeniden boyama yerine yalnızca compose */
@keyframes grainShift{
  0%{transform:translate3d(0,0,0)}
  33%{transform:translate3d(-1.4%,1%,0)}
  66%{transform:translate3d(1%,-1.4%,0)}
  100%{transform:translate3d(0,0,0)}
}
.vignette{
  position:fixed;inset:0;z-index:8990;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(0,0,0,.55) 100%);
}
.embers{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.7}

/* gaz lambası — tepeden gelen sıcak ışık, düzensiz nefes alır */
.lamp{
  position:fixed;inset:0;z-index:8980;pointer-events:none;mix-blend-mode:screen;
  background:
    radial-gradient(52% 34% at 50% -8%,rgba(201,169,97,.085),transparent 72%),
    radial-gradient(38% 26% at 88% 6%,rgba(140,26,34,.06),transparent 72%);
  animation:lampBreath 13s ease-in-out infinite;
}
@keyframes lampBreath{0%,100%{opacity:.82}31%{opacity:1}46%{opacity:.66}63%{opacity:.95}79%{opacity:.74}}

/* altın detaylarda gaz alevi titremesi — steps() ile sert geçiş, senkron değil */
@keyframes gaslight{
  0%,100%{opacity:1}
  6%{opacity:.72}   7%{opacity:1}
  19%{opacity:.88}  20%{opacity:1}
  41%{opacity:.62}  42%{opacity:.93}  43%{opacity:1}
  67%{opacity:.84}  68%{opacity:1}
  88%{opacity:.76}  89%{opacity:1}
}
.shead__num,.eyebrow__mark,.clause__num,.value__num,.step__time,
.rail__text,.rail__num,.ledger__stamp,.marquee__track i,
.signature__text,.plate__caption,.foot__sep,.card__label{
  animation:gaslight var(--flick,9s) steps(1,end) infinite;
}
/* aynı anda titrememeleri için süre/gecikme dağıtımı */
.eyebrow__mark{--flick:11s}
.eyebrow__mark:last-child{animation-delay:-4s}
.clause__num{--flick:13s}
.clause:nth-child(2n) .clause__num{animation-delay:-5s}
.clause:nth-child(3n) .clause__num{animation-delay:-9s}
.value__num{--flick:8s}
.value:nth-child(2) .value__num{animation-delay:-3s}
.value:nth-child(3) .value__num{animation-delay:-6s}
.step__time{--flick:14s}
.step:nth-child(2n) .step__time{animation-delay:-7s}
.step:nth-child(3n) .step__time{animation-delay:-11s}
.rail__text{--flick:12s}
.rail__num{--flick:7s}
.ledger__stamp{--flick:10s}
.marquee__track i{--flick:15s}
.signature__text{--flick:16s;animation-delay:-6s}
.plate__caption{--flick:11s;animation-delay:-2s}
.card__label{--flick:12s;animation-delay:-8s}
.foot__sep{--flick:9s}
.foot__sep:last-of-type{animation-delay:-4s}

/* imleç */
.cursor{
  position:fixed;top:0;left:0;z-index:9500;pointer-events:none;
  width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;
  border:1px solid rgba(201,169,97,.55);
  transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),
             background-color .3s var(--ease),border-color .3s var(--ease),opacity .3s;
  opacity:0;mix-blend-mode:screen;
}
.cursor.is-on{opacity:1}
.cursor__dot{position:absolute;inset:50% auto auto 50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:var(--gold)}
.cursor.is-hot{width:62px;height:62px;margin:-31px 0 0 -31px;background:rgba(201,169,97,.10);border-color:var(--gold)}
@media (hover:none),(pointer:coarse){.cursor{display:none}}

/* ─────────── preloader ───────────
   Sahne: karanlık mahzen kapısı → arma ateşlenir → sayaç dolar →
   kapılar açılır ve site görünür. Kapılar .is-open ile ayrılır. */
.loader{
  position:fixed;inset:0;z-index:9800;background:transparent;
  display:grid;place-items:center;overflow:hidden;pointer-events:none;
}
.loader.is-open{pointer-events:none}
/* mahzen kapıları — dikey ahşap, ortadan ayrılır */
.loader__door{
  position:absolute;top:-2%;bottom:-2%;width:50.6%;
  background:
    linear-gradient(180deg,transparent 17%,rgba(0,0,0,.55) 17% 18.4%,transparent 18.4% 79%,rgba(0,0,0,.55) 79% 80.4%,transparent 80.4%),
    repeating-linear-gradient(90deg,rgba(0,0,0,.38) 0 2px,transparent 2px 64px),
    radial-gradient(120% 80% at 50% 30%,#1C1618,transparent 70%),
    linear-gradient(180deg,#141011,#080707);
  transition:transform 1.25s cubic-bezier(.62,0,.15,1);
  will-change:transform;
}
.loader__door--l{left:0;box-shadow:inset -34px 0 70px rgba(0,0,0,.85),1px 0 22px rgba(201,169,97,0)}
.loader__door--r{right:0;box-shadow:inset 34px 0 70px rgba(0,0,0,.85),-1px 0 22px rgba(201,169,97,0)}
/* açılırken iç kenarlar, arkadaki odanın ışığını yakalar */
.loader.is-open .loader__door--l{transform:translateX(-100.5%);box-shadow:inset -34px 0 70px rgba(0,0,0,.85),1px 0 26px rgba(201,169,97,.32)}
.loader.is-open .loader__door--r{transform:translateX(100.5%);box-shadow:inset 34px 0 70px rgba(0,0,0,.85),-1px 0 26px rgba(201,169,97,.32)}
/* armanın arkasında ateşlenen hâle */
.loader__halo{
  position:absolute;left:50%;top:50%;width:min(76vw,620px);aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.6);opacity:0;
  background:radial-gradient(circle,rgba(201,169,97,.17),rgba(107,15,26,.13) 38%,transparent 68%);
  animation:haloIgnite 2s var(--ease-out) .1s forwards,lampBreath 7s 2.1s ease-in-out infinite;
}
@keyframes haloIgnite{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.loader.is-open .loader__halo{animation:none;opacity:0;transition:opacity .5s var(--ease)}

.loader__inner{
  position:relative;z-index:2;text-align:center;width:min(86vw,420px);
  transition:opacity .45s var(--ease),transform .8s var(--ease-out);
}
.loader.is-open .loader__inner{opacity:0;transform:scale(1.05)}
.loader__crest{
  width:clamp(140px,20vw,224px);margin:0 auto 2rem;
  opacity:0;transform:translateY(18px) scale(.9);
  filter:drop-shadow(0 18px 44px rgba(0,0,0,.9)) drop-shadow(0 0 30px rgba(107,15,26,.5));
  animation:crestIn 1.5s var(--ease-out) .1s forwards,crestGlow 4.5s 1.6s ease-in-out infinite;
}
@keyframes crestIn{to{opacity:1;transform:none}}
@keyframes crestGlow{
  50%{filter:drop-shadow(0 18px 44px rgba(0,0,0,.9)) drop-shadow(0 0 46px rgba(201,169,97,.4))}
}
.loader__text{
  margin:0 0 1.5rem;font-family:var(--f-cond);font-size:.78rem;font-weight:500;
  color:var(--gold);text-transform:uppercase;
  opacity:0;letter-spacing:.16em;
  animation:textOpen 1.6s var(--ease-out) .55s forwards,pulseDim 3.2s 2.2s ease-in-out infinite;
}
@keyframes textOpen{to{opacity:1;letter-spacing:.42em}}
@keyframes pulseDim{50%{opacity:.62}}
.loader__bar{position:relative;height:2px;background:rgba(201,169,97,.16);overflow:hidden}
.loader__fill{
  display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,var(--oxblood-600),var(--gold) 60%,var(--gold-pale));
  box-shadow:0 0 16px rgba(201,169,97,.7);will-change:transform;
}
/* açılış paralaksı: kapılar ayrılırken içerik 1.06'dan 1'e geri çekilir,
   böylece kapılar öndeymiş, site arkada derinlikteymiş gibi okunur */
main{transition:transform 1.7s var(--ease-out),filter 1.2s var(--ease)}
body.is-loading{overflow:hidden}
body.is-loading main{transform:scale(1.06);filter:brightness(.72)}
body.is-loading .nav,body.is-loading .rail,body.is-loading .totop{opacity:0}
.rail{transition:opacity .9s var(--ease) .35s}

.loader__pct{
  display:block;margin-top:.7rem;text-align:right;
  font-family:var(--f-cond);font-size:.7rem;letter-spacing:.3em;
  color:var(--gold-800);font-variant-numeric:tabular-nums;
}

/* ─────────── genel yapı ─────────── */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.wrap--narrow{max-width:840px}
.section{
  position:relative;z-index:2;padding-block:clamp(5rem,11vw,9.5rem);
  /* sis katmanları scale/translate ile yanlardan taşıyordu; overflow-x:clip
     yatayda keser ama scroll konteyneri yaratmaz, böylece dikey sızma ve
     position:sticky (ledger) çalışmaya devam eder */
  overflow-x:clip;
}
.section + .section{border-top:1px solid var(--line-soft)}

/* her bölümün kendi sisi — negatif z-index: zeminin üstünde, metnin altında */
.section::after{
  content:"";position:absolute;inset:-12% 0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(30% 26% at 22% 74%,rgba(140,26,34,.15),transparent 70%),
    radial-gradient(26% 22% at 78% 26%,rgba(201,169,97,.055),transparent 72%);
  filter:blur(38px);
  animation:fogDrift 58s ease-in-out infinite alternate;
}
.section:nth-of-type(even)::after{animation-duration:74s;animation-direction:alternate-reverse}
/* bölüm dikişinde duman — bir öncekinin üstüne taşar */
.section + .section::before{
  content:"";position:absolute;left:0;right:0;top:0;z-index:-1;pointer-events:none;
  height:clamp(90px,14vw,190px);
  background:linear-gradient(180deg,rgba(201,169,97,.05),rgba(140,26,34,.05) 42%,transparent 80%);
  filter:blur(20px);
}

/* bölüm başlığı */
.shead{margin-bottom:clamp(2.6rem,5vw,4.2rem);position:relative}
.shead--center{text-align:center}
.shead__num{
  display:block;font-family:var(--f-display);font-size:.78rem;letter-spacing:.5em;
  color:var(--gold-800);margin-bottom:1rem;
}
.shead__num::before{content:"—— ";color:var(--oxblood-600)}
.shead__title{
  margin:0;font-family:var(--f-title);font-weight:600;
  font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.06;letter-spacing:.01em;
  color:var(--parchment);
  text-shadow:0 1px 0 rgba(0,0,0,.7);
}
.shead__kicker{
  margin:.9rem 0 0;font-family:var(--f-cond);text-transform:uppercase;
  letter-spacing:.26em;font-size:.78rem;color:var(--ash);
}
.shead--center .shead__kicker{margin-inline:auto}

.h3{font-family:var(--f-title);font-weight:600;font-size:1.5rem;color:var(--parchment);margin:0 0 1rem}
.lead{font-size:1.32em;line-height:1.6;color:var(--parchment);font-weight:300}
em{color:var(--gold-lt);font-style:italic}

/* ─────────── butonlar ─────────── */
.btn{
  --bh:3.5rem;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  height:var(--bh);padding-inline:2.1rem;
  font-family:var(--f-cond);font-size:.86rem;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;white-space:nowrap;overflow:hidden;
  border:1px solid var(--gold-900);color:var(--gold-pale);background:transparent;
  transition:color .45s var(--ease),border-color .45s var(--ease);
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,var(--claret),var(--oxblood-700));
  transform:translateY(101%);transition:transform .5s var(--ease-out);
}
.btn > *{position:relative}
.btn:hover{color:var(--gold-pale);border-color:var(--gold)}
.btn:hover::before{transform:translateY(0)}
.btn:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.btn--gold{background:linear-gradient(180deg,rgba(201,169,97,.14),rgba(201,169,97,.04));border-color:var(--gold-800)}
.btn--ghost{border-color:rgba(220,211,194,.22);color:var(--bone)}
.btn--sm{--bh:2.6rem;padding-inline:1.4rem;font-size:.74rem;letter-spacing:.2em}
.btn--block{width:100%;--bh:3.9rem}

.link-arrow{
  display:inline-flex;align-items:center;gap:.6rem;margin-top:1.6rem;
  font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.22em;
  font-size:.8rem;color:var(--gold);border-bottom:1px solid rgba(201,169,97,.3);padding-bottom:.35rem;
  transition:color .3s,border-color .3s;
}
.link-arrow span{transition:transform .4s var(--ease-out)}
.link-arrow:hover{color:var(--gold-pale);border-color:var(--gold)}
.link-arrow:hover span{transform:translateX(6px)}

/* ─────────── navigasyon ─────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  transition:background-color .5s var(--ease),backdrop-filter .5s,
             transform .5s var(--ease),opacity .9s var(--ease) .35s;
}
.nav.is-solid{background:rgba(12,10,11,.9);backdrop-filter:blur(10px)}
.nav.is-up{transform:translateY(-100%)}
.nav__inner{
  max-width:var(--maxw);margin-inline:auto;padding:1rem var(--pad);
  display:flex;align-items:center;gap:2rem;
}
.nav__rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:0;transition:opacity .5s}
.nav.is-solid .nav__rule{opacity:1}

.brand{display:flex;align-items:center;gap:.85rem;margin-right:auto}
.brand__crest{width:44px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .6s var(--ease-out)}
.brand:hover .brand__crest{transform:rotate(-3deg) scale(1.05)}
.brand__type{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--f-display);font-size:.98rem;letter-spacing:.14em;color:var(--parchment)}
.brand__sub{font-family:var(--f-cond);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-800);margin-top:.4rem}

.nav__links{display:flex;gap:2.1rem}
.nav__links a{
  position:relative;font-family:var(--f-cond);text-transform:uppercase;
  letter-spacing:.2em;font-size:.8rem;color:var(--ash);padding-block:.4rem;
  transition:color .35s;
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:right;
  transition:transform .5s var(--ease-out);
}
.nav__links a:hover,.nav__links a.is-active{color:var(--gold-pale)}
.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1);transform-origin:left}

/* dil anahtarı — EN varsayılan, TR isteğe bağlı */
.lang{display:flex;align-items:center;gap:.35rem}
.lang__btn{
  position:relative;font-family:var(--f-cond);font-size:.76rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ash-dim);background:none;border:0;cursor:pointer;
  padding:.35rem .1rem;transition:color .35s;
}
.lang__btn::after{
  content:"";position:absolute;left:0;right:0;bottom:.14rem;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:right;
  transition:transform .5s var(--ease-out);
}
.lang__btn:hover{color:var(--gold-pale)}
.lang__btn.is-on{color:var(--gold-pale)}
.lang__btn.is-on::after{transform:scaleX(1);transform-origin:left}
.lang__btn:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.lang__sep{font-family:var(--f-cond);font-size:.72rem;color:var(--gold-900)}
.lang--drawer{margin-top:1.8rem;justify-content:flex-start}

.burger{display:none;width:42px;height:42px;position:relative}
.burger span{
  position:absolute;left:9px;width:24px;height:1px;background:var(--gold-pale);
  transition:transform .4s var(--ease),opacity .3s;
}
.burger span:nth-child(1){top:18px}
.burger span:nth-child(2){top:24px}
.burger.is-open span:nth-child(1){transform:translateY(3px) rotate(45deg)}
.burger.is-open span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}

/* mobil çekmece */
.drawer{
  position:fixed;inset:0;z-index:880;background:var(--coal);
  padding:7rem var(--pad) 3rem;display:flex;flex-direction:column;
  clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease-out);
  visibility:hidden;
}
.drawer.is-open{clip-path:inset(0 0 0 0);visibility:visible}
.drawer__nav{display:flex;flex-direction:column;border-top:1px solid var(--line-soft)}
.drawer__nav a{
  display:flex;align-items:baseline;gap:1.2rem;padding:1.15rem 0;
  border-bottom:1px solid var(--line-soft);
  font-family:var(--f-display);font-size:1.5rem;color:var(--parchment);
  opacity:0;transform:translateY(14px);
}
.drawer.is-open .drawer__nav a{animation:drawerIn .6s var(--ease-out) forwards}
.drawer.is-open .drawer__nav a:nth-child(1){animation-delay:.12s}
.drawer.is-open .drawer__nav a:nth-child(2){animation-delay:.18s}
.drawer.is-open .drawer__nav a:nth-child(3){animation-delay:.24s}
.drawer.is-open .drawer__nav a:nth-child(4){animation-delay:.30s}
.drawer.is-open .drawer__nav a:nth-child(5){animation-delay:.36s}
.drawer.is-open .drawer__nav a:nth-child(6){animation-delay:.42s}
@keyframes drawerIn{to{opacity:1;transform:none}}
.drawer__nav i{font-family:var(--f-cond);font-style:normal;font-size:.7rem;letter-spacing:.2em;color:var(--gold-800);min-width:2ch}
.drawer__cta{margin-top:2.2rem}
.drawer__foot{margin-top:auto;font-family:var(--f-cond);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-dim)}

/* ─────────── yan raylar ─────────── */
.rail{position:fixed;top:0;bottom:0;width:var(--pad);z-index:850;display:grid;place-items:center;pointer-events:none}
.rail--left{left:0}
.rail--right{right:0;align-content:center;gap:1rem}
.rail__text{
  writing-mode:vertical-rl;font-family:var(--f-cond);font-size:.62rem;
  letter-spacing:.44em;text-transform:uppercase;color:var(--ash-dim);
}
.rail__num{font-family:var(--f-display);font-size:.8rem;letter-spacing:.2em;color:var(--gold-800)}
.rail__bar{width:1px;height:120px;background:rgba(220,211,194,.12);position:relative;overflow:hidden}
.rail__bar i{position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,var(--gold),var(--oxblood-600));transition:height .2s linear}
@media (max-width:1180px){.rail{display:none}}

/* ─────────── HERO ─────────── */
.hero{
  position:relative;min-height:100svh;display:grid;place-items:center;
  padding:7.5rem var(--pad) 5rem;text-align:center;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(90% 70% at 50% 8%, rgba(107,15,26,.30), transparent 62%),
    radial-gradient(60% 50% at 50% 100%, rgba(201,169,97,.07), transparent 70%),
    linear-gradient(180deg,var(--soot),#0F0C0D 60%,var(--soot));
}
/* tuğla kemer dokusu */
.hero__arch{
  position:absolute;inset:0;z-index:-2;opacity:.30;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 58px,rgba(220,211,194,.045) 58px 59px),
    repeating-linear-gradient(90deg,transparent 0 118px,rgba(220,211,194,.035) 118px 119px);
  mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,transparent 78%);
}
.hero__fog{position:absolute;inset:-25%;z-index:-1;pointer-events:none;filter:blur(34px);will-change:transform}
.fog-a{
  background:radial-gradient(38% 30% at 30% 62%,rgba(140,26,34,.20),transparent 70%),
             radial-gradient(30% 26% at 72% 40%,rgba(201,169,97,.09),transparent 72%);
  animation:fogDrift 34s ease-in-out infinite alternate;
}
.fog-b{
  background:radial-gradient(34% 28% at 65% 74%,rgba(58,6,11,.55),transparent 70%),
             radial-gradient(26% 22% at 22% 30%,rgba(201,169,97,.06),transparent 74%);
  animation:fogDrift 46s ease-in-out infinite alternate-reverse;
}
@keyframes fogDrift{
  0%{transform:translate3d(-3%,2%,0) scale(1)}
  100%{transform:translate3d(4%,-3%,0) scale(1.14)}
}

.hero__content{position:relative;z-index:2;max-width:960px}
.hero__crest{margin:0 auto 1.5rem;width:clamp(118px,13.5vw,176px)}
.hero__crest img{
  filter:drop-shadow(0 14px 40px rgba(0,0,0,.85)) drop-shadow(0 0 26px rgba(107,15,26,.35));
  animation:crestFloat 9s ease-in-out infinite;
  opacity:0;transform:scale(.9);
}
.is-ready .hero__crest img{animation:crestReveal 1.6s var(--ease-out) forwards, crestFloat 9s ease-in-out 1.6s infinite}
@keyframes crestReveal{to{opacity:1;transform:none}}
@keyframes crestFloat{50%{transform:translateY(-9px)}}

.eyebrow{
  display:flex;align-items:center;justify-content:center;gap:1rem;
  font-family:var(--f-cond);font-size:.72rem;letter-spacing:.36em;
  text-transform:uppercase;color:var(--gold-800);margin:0 0 1.6rem;
}
.eyebrow__mark{width:clamp(22px,6vw,58px);height:1px;background:linear-gradient(90deg,transparent,var(--gold-900))}
.eyebrow__mark:last-child{background:linear-gradient(270deg,transparent,var(--gold-900))}

.hero__title{
  margin:0;font-family:var(--f-title);font-weight:700;
  font-size:clamp(2.6rem,8.6vw,6.9rem);line-height:1.02;letter-spacing:.005em;
  color:var(--parchment);
  text-shadow:0 2px 0 rgba(0,0,0,.5),0 18px 60px rgba(0,0,0,.9);
}
.hero__title .line{display:block;overflow:hidden;padding-block:.1em .04em}
.hero__title .line > span{
  display:block;transform:translateY(115%);
  background:linear-gradient(180deg,#FFF8E9 0%,var(--parchment) 42%,var(--gold) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* başlık, kapılar ortayı geçtikten sonra yükselir */
.is-ready .hero__title .line > span{animation:lineUp 1.3s var(--ease-out) forwards}
.is-ready .hero__title .line:nth-child(1) > span{animation-delay:.95s}
.is-ready .hero__title .line:nth-child(2) > span{animation-delay:1.1s}
@keyframes lineUp{to{transform:translateY(0)}}

.hero__lede{
  max-width:600px;margin:1.6rem auto 0;color:var(--ash);
  font-size:1.12em;font-weight:300;line-height:1.68;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.2rem}
.hero__meta{
  list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.6rem,5vw,4rem);
  margin:2.5rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--line-soft);
}
.hero__meta li{display:flex;flex-direction:column;gap:.35rem}
.hero__meta b{font-family:var(--f-display);font-weight:500;font-size:1.05rem;color:var(--gold)}
.hero__meta span{font-family:var(--f-cond);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-dim)}

.scroll-cue{
  position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:3;
}
.scroll-cue__line{width:1px;height:52px;background:linear-gradient(180deg,transparent,var(--gold-800));position:relative;overflow:hidden}
.scroll-cue__line::after{content:"";position:absolute;top:-52px;left:0;width:100%;height:52px;background:var(--gold-lt);animation:cueRun 2.4s var(--ease) infinite}
@keyframes cueRun{0%{top:-52px}60%,100%{top:52px}}
.scroll-cue__label{font-family:var(--f-cond);font-size:.62rem;letter-spacing:.34em;color:var(--ash-dim);text-transform:uppercase}

/* ─────────── marquee ─────────── */
.marquee{
  position:relative;z-index:2;overflow:hidden;padding:1.15rem 0;
  border-block:1px solid var(--line-soft);
  background:linear-gradient(180deg,#0E0B0C,#141011);
}
.marquee__track{display:flex;width:max-content;animation:marq 42s linear infinite}
.marquee__track span{
  display:flex;align-items:center;white-space:nowrap;
  font-family:var(--f-display);font-size:clamp(.9rem,1.7vw,1.25rem);
  letter-spacing:.14em;color:rgba(239,230,214,.42);
}
.marquee__track i{color:var(--oxblood-600);font-style:normal;margin-inline:1.5rem;font-size:.7em}
@keyframes marq{to{transform:translateX(-50%)}}

/* ─────────── I · bildirge ─────────── */
.section--manifesto{background:linear-gradient(180deg,var(--soot),var(--coal))}
.pull{
  margin:0 0 clamp(3rem,6vw,5rem);padding:clamp(1.8rem,4vw,3rem) 0;
  border-block:1px solid var(--line);position:relative;
}
.pull p{
  margin:0;font-family:var(--f-title);font-weight:500;
  font-size:clamp(1.35rem,3.4vw,2.35rem);line-height:1.42;
  color:var(--parchment);text-align:center;
}
.pull cite{
  display:block;margin-top:1.4rem;text-align:center;font-style:normal;
  font-family:var(--f-cond);font-size:.72rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--gold-800);
}

.manifesto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.clause{
  position:relative;padding:clamp(1.8rem,3.4vw,2.8rem);background:var(--coal);
  transition:background-color .6s var(--ease);overflow:hidden;
}
.clause::after{
  content:"";position:absolute;left:0;top:0;width:2px;height:100%;
  background:linear-gradient(180deg,var(--gold),var(--oxblood-600));
  transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease-out);
}
.clause:hover{background:var(--smoke)}
.clause:hover::after{transform:scaleY(1)}
.clause__num{
  display:block;font-family:var(--f-cond);font-size:.72rem;letter-spacing:.34em;
  color:var(--gold-800);margin-bottom:1.1rem;
}
.clause h3{
  margin:0 0 .9rem;font-family:var(--f-title);font-weight:600;
  font-size:1.32rem;line-height:1.3;color:var(--parchment);
}
.clause p{margin:0;color:var(--ash);font-weight:300}

.signature{display:flex;align-items:center;gap:1.5rem;margin-top:clamp(2.6rem,5vw,4rem)}
.signature__rule{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.signature__text{font-family:var(--f-cond);font-size:.7rem;letter-spacing:.36em;text-transform:uppercase;color:var(--ash-dim);white-space:nowrap}

/* ─────────── II · ilkeler ─────────── */
.section--values{
  background:
    radial-gradient(70% 50% at 50% 0%,rgba(107,15,26,.16),transparent 70%),
    var(--coal);
}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:clamp(1rem,2.4vw,2rem)}
.value{
  position:relative;padding:clamp(2rem,3.6vw,3rem) clamp(1.6rem,3vw,2.4rem) clamp(2.2rem,4vw,3rem);
  border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(34,28,30,.7),rgba(18,16,17,.7));
  text-align:center;overflow:hidden;transition:border-color .6s var(--ease),transform .6s var(--ease-out);
}
.value::before{
  content:"";position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease);
  background:radial-gradient(70% 55% at 50% 0%,rgba(201,169,97,.12),transparent 70%);
}
.value:hover{border-color:var(--line);transform:translateY(-5px)}
.value:hover::before{opacity:1}
.value__glyph{position:relative;width:54px;height:54px;margin:0 auto 1.4rem;color:var(--gold-800);transition:color .6s}
.value:hover .value__glyph{color:var(--gold)}
.value__glyph svg{width:100%;height:100%}
.value__num{
  position:relative;display:block;font-family:var(--f-display);font-size:.74rem;
  letter-spacing:.42em;color:var(--oxblood-600);margin-bottom:.8rem;
}
.value h3{position:relative;margin:0 0 .5rem;font-family:var(--f-title);font-weight:600;font-size:1.75rem;color:var(--parchment)}
.value__lede{position:relative;margin:0 0 1rem;font-style:italic;color:var(--gold-lt);font-size:1.02em}
.value p:last-child{position:relative;margin:0;color:var(--ash);font-weight:300;font-size:.98em}

/* ─────────── III · ritüel ─────────── */
.section--ritual{background:linear-gradient(180deg,var(--coal),var(--soot))}
.ritual{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.steps{list-style:none;margin:0;padding:0;position:relative}
.steps::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--gold-900),var(--oxblood-700),transparent)}
.step{position:relative;padding:0 0 clamp(2rem,3.6vw,2.8rem) clamp(2rem,3.4vw,3rem)}
.step:last-child{padding-bottom:0}
.step__dot{
  position:absolute;left:0;top:9px;width:11px;height:11px;border-radius:50%;
  border:1px solid var(--gold-800);background:var(--soot);
}
.step__dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--oxblood-600);transition:background-color .5s}
.step:hover .step__dot::after{background:var(--gold)}
.step__time{display:block;font-family:var(--f-cond);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-800);margin-bottom:.5rem}
.step h3{margin:0 0 .55rem;font-family:var(--f-title);font-weight:600;font-size:1.5rem;color:var(--parchment)}
.step p{margin:0;color:var(--ash);font-weight:300}

.ledger{
  position:sticky;top:120px;padding:1.9rem 1.7rem;
  background:linear-gradient(180deg,rgba(239,230,214,.045),rgba(239,230,214,.015));
  border:1px solid var(--line);
  box-shadow:inset 0 0 60px rgba(0,0,0,.5);
}
.ledger__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.ledger__head span:first-child{font-family:var(--f-display);font-size:1rem;letter-spacing:.1em;color:var(--parchment)}
.ledger__stamp{
  font-family:var(--f-cond);font-size:.6rem;letter-spacing:.26em;color:var(--claret-lt);
  border:1px solid rgba(168,48,47,.5);padding:.22rem .5rem;transform:rotate(-4deg);
}
.ledger__rows{list-style:none;margin:1.2rem 0 0;padding:0}
.ledger__rows li{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px dashed rgba(220,211,194,.10);font-size:.98em}
.ledger__rows span{color:var(--ash-dim);font-family:var(--f-cond);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}
.ledger__rows b{font-family:var(--f-display);font-weight:400;color:var(--gold-lt);font-size:.95rem}
.ledger__note{margin:1.3rem 0 0;font-size:.92em;font-style:italic;color:var(--ash-dim);line-height:1.6}

/* ─────────── fotoğraf bandı ───────────
   Gerçek fotoğraf gelene kadar zemin CSS ile çiziliyor (raf + şişe dipleri).
   Fotoğraf eklemek için: .band{--band-img:url("../img/mahzen.jpg")}
   Görsel monokroma çekilip bordo duotone ile boyanır; metin üstte kalır. */
.band{
  --band-img:none;
  position:relative;z-index:2;overflow:hidden;
  min-height:clamp(300px,46vh,520px);
  display:grid;place-items:center;
  border-block:1px solid var(--line-soft);
  background:var(--soot);
}
.band__media{
  position:absolute;inset:0;
  background-image:
    var(--band-img),
    /* soldan gelen lamba ışığı */
    linear-gradient(100deg,rgba(201,169,97,.14),transparent 42%),
    /* şişe dipleri — iki sıra, yarım karo kaydırmalı */
    radial-gradient(circle at 44% 40%,rgba(233,205,150,.3) 0 3px,rgba(120,90,50,.2) 4px 9px,rgba(0,0,0,.8) 10px 17px,transparent 18px),
    radial-gradient(circle at 44% 40%,rgba(233,205,150,.24) 0 3px,rgba(120,90,50,.16) 4px 9px,rgba(0,0,0,.8) 10px 17px,transparent 18px),
    /* raf kerestesi */
    repeating-linear-gradient(0deg,rgba(0,0,0,.72) 0 3px,transparent 3px 84px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.5) 0 2px,transparent 2px 84px),
    linear-gradient(180deg,#241B1D,#0B090A);
  background-size:cover,100% 100%,84px 84px,84px 84px,100% 84px,84px 100%,100% 100%;
  background-position:center,center,0 0,42px 42px,0 0,0 0,center;
  filter:grayscale(.62) contrast(1.16) brightness(.9);
  transform:scale(1.04);
}
.band__duotone{
  position:absolute;inset:0;mix-blend-mode:multiply;
  background:linear-gradient(180deg,rgba(58,6,11,.6),rgba(12,10,11,.8));
}
.band__fog{
  position:absolute;inset:-25%;pointer-events:none;filter:blur(38px);
  background:
    radial-gradient(34% 40% at 28% 72%,rgba(140,26,34,.4),transparent 70%),
    radial-gradient(30% 30% at 74% 28%,rgba(201,169,97,.1),transparent 72%);
  animation:fogDrift 40s ease-in-out infinite alternate;
}
.band__vig{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(78% 74% at 50% 50%,transparent 22%,rgba(0,0,0,.86) 100%);
}
.band__inner{position:relative;z-index:1;text-align:center;max-width:980px;padding:clamp(3rem,7vw,5rem) var(--pad)}
.band__line{
  margin:0;font-family:var(--f-title);font-weight:500;
  font-size:clamp(1.35rem,3.6vw,2.7rem);line-height:1.34;color:var(--parchment);
  text-shadow:0 2px 30px rgba(0,0,0,.9);
}
.band__caption{
  display:block;margin-top:1.4rem;font-family:var(--f-cond);font-size:.68rem;
  letter-spacing:.4em;text-transform:uppercase;color:var(--gold-800);
  animation:gaslight 10s steps(1,end) infinite;
}

/* ─────────── IV · inari ─────────── */
.section--inari{background:radial-gradient(80% 60% at 80% 40%,rgba(107,15,26,.14),transparent 70%),var(--soot)}
.inari{display:grid;grid-template-columns:1fr .9fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.inari__text p{color:var(--ash);font-weight:300}
.inari__text .lead{color:var(--parchment)}
/* üyeye açılan İnari ayrıcalıkları */
.perks{list-style:none;margin:1.9rem 0 2.1rem;padding:0;border-top:1px solid var(--line-soft)}
.perks li{
  position:relative;padding:.95rem 0 .95rem 1.7rem;border-bottom:1px solid var(--line-soft);
  color:var(--ash);font-weight:300;font-size:.98em;line-height:1.6;
}
.perks li::before{
  content:"◆";position:absolute;left:0;top:1.3rem;font-size:.55rem;
  color:var(--gold-800);line-height:1;
}
/* parşömen plaka — armanın bordo kelime markası ancak açık zeminde okunur */
.plate{position:relative;text-align:center}
.plate__frame{
  position:relative;padding:clamp(1.8rem,4vw,3.2rem);overflow:hidden;
  background:radial-gradient(120% 100% at 32% 12%,#F8F2E5,#EBE0CB 58%,#D9C8AA 100%);
  box-shadow:
    0 0 0 1px rgba(90,10,17,.22),
    0 0 0 11px #100C0D,
    0 0 0 12px rgba(201,169,97,.32),
    0 34px 90px rgba(0,0,0,.8);
}
/* kâğıt dokusu + kenar yaşlanması */
.plate__frame::before{
  content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.30;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.55'/%3E%3C/svg%3E");
}
.plate__frame::after{
  content:"";position:absolute;inset:12px;pointer-events:none;
  border:1px solid rgba(90,10,17,.28);
  box-shadow:inset 0 0 90px rgba(120,80,40,.20);
}
.plate__frame img{position:relative;z-index:1}
.plate__caption{
  display:block;margin-top:1.6rem;font-family:var(--f-cond);font-size:.66rem;
  letter-spacing:.36em;text-transform:uppercase;color:var(--ash-dim);
}
/* ─────────── V · üyelik ─────────── */
.section--members{background:linear-gradient(180deg,var(--soot),var(--coal))}
.stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);
  margin-bottom:clamp(2.6rem,5vw,4rem);
}
.stat{background:var(--coal);padding:1.9rem 1rem;text-align:center}
.stat b{
  display:block;font-family:var(--f-display);font-weight:500;
  font-size:clamp(2rem,4vw,2.9rem);line-height:1;
  background:linear-gradient(180deg,var(--gold-pale),var(--gold-800));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat span{display:block;margin-top:.7rem;font-family:var(--f-cond);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-dim)}

.members{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.card{
  position:relative;perspective:1000px;transform-style:preserve-3d;
  transition:transform .35s var(--ease-out);will-change:transform;
}
.card__body{
  position:relative;padding:clamp(1.9rem,3.4vw,2.6rem);
  background:
    linear-gradient(150deg,rgba(90,10,17,.55),rgba(12,10,11,.95) 55%),
    linear-gradient(180deg,var(--smoke-lt),var(--coal));
  border:1px solid var(--line);
  box-shadow:0 40px 90px rgba(0,0,0,.75);
}
.card__body::before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(201,169,97,.14);pointer-events:none;
}
.card__edge{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 35%,rgba(238,217,174,.14) 48%,transparent 62%);
  opacity:0;transition:opacity .6s;
}
.card:hover .card__edge{opacity:1}
.card__crest{width:62px;margin-bottom:1.4rem}
.card__label{margin:0;font-family:var(--f-cond);font-size:.66rem;letter-spacing:.4em;color:var(--gold-800);text-transform:uppercase}
.card__name{margin:.5rem 0 0;font-family:var(--f-display);font-weight:500;font-size:1.62rem;color:var(--parchment)}
.card__rule{height:1px;background:linear-gradient(90deg,var(--gold-900),transparent);margin:1.3rem 0}
.card__list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.card__list li{position:relative;padding-left:1.5rem;color:var(--ash);font-size:.98em;font-weight:300;line-height:1.55}
.card__list li::before{content:"◆";position:absolute;left:0;top:0;color:var(--oxblood-600);font-size:.6em;line-height:2.4}
.card__foot{
  display:flex;justify-content:space-between;margin-top:1.8rem;padding-top:1.1rem;
  border-top:1px solid var(--line-soft);
  font-family:var(--f-cond);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-dim);
}

.members__text p{color:var(--ash);font-weight:300}
.flow{list-style:none;counter-reset:f;margin:1.8rem 0;padding:0;display:grid;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.flow li{
  counter-increment:f;display:flex;align-items:baseline;gap:1rem;
  padding:1rem 1.2rem;background:var(--coal);
}
.flow li::before{
  content:counter(f,upper-roman);font-family:var(--f-display);font-size:.7rem;
  letter-spacing:.16em;color:var(--gold-800);min-width:3ch;
}
.flow b{font-family:var(--f-display);font-weight:500;color:var(--parchment);font-size:1.02rem;min-width:9ch}
.flow span{color:var(--ash-dim);font-size:.96em;font-weight:300}
.fineprint{font-size:.92em;font-style:italic;color:var(--ash-dim)}

/* ─────────── başvuru ─────────── */
.section--apply{background:radial-gradient(75% 55% at 50% 0%,rgba(107,15,26,.18),transparent 70%),var(--coal)}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 1.5rem}
.field{display:flex;flex-direction:column;gap:.5rem}
.field--full{grid-column:1/-1}
.field label{font-family:var(--f-cond);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ash)}
.field label i{font-style:normal;color:var(--ash-dim);letter-spacing:.14em;text-transform:none}
.field input,.field textarea{
  width:100%;padding:.95rem 1.05rem;font-family:var(--f-serif);font-size:1.02rem;
  color:var(--parchment);background:rgba(239,230,214,.035);
  border:1px solid rgba(220,211,194,.14);border-radius:0;
  transition:border-color .4s,background-color .4s,box-shadow .4s;
}
.field textarea{resize:vertical;min-height:120px;line-height:1.6}
.field input:focus,.field textarea:focus{
  outline:none;border-color:var(--gold-800);background:rgba(239,230,214,.06);
  box-shadow:0 0 0 3px rgba(201,169,97,.08);
}
.field.is-bad input,.field.is-bad textarea{border-color:var(--claret-lt);background:rgba(140,26,34,.10)}

/* telefon: solda ülke kodu, sağda gruplanan numara — tek bir kutu gibi davranır */
.tel{
  display:flex;align-items:stretch;
  background:rgba(239,230,214,.035);border:1px solid rgba(220,211,194,.14);
  transition:border-color .4s,background-color .4s,box-shadow .4s;
}
.tel:focus-within{
  border-color:var(--gold-800);background:rgba(239,230,214,.06);
  box-shadow:0 0 0 3px rgba(201,169,97,.08);
}
.field.is-bad .tel{border-color:var(--claret-lt);background:rgba(140,26,34,.10)}
.tel__country{
  position:relative;display:flex;align-items:center;gap:.55rem;
  padding:0 .85rem 0 1.05rem;border-right:1px solid rgba(220,211,194,.14);
}
.tel__code{
  font-family:var(--f-cond);font-size:.98rem;letter-spacing:.14em;
  color:var(--gold-lt);font-variant-numeric:tabular-nums;white-space:nowrap;
}
.tel__country::after{
  content:"";width:0;height:0;flex:0 0 auto;margin-top:2px;
  border:4px solid transparent;border-top-color:var(--gold-900);
  transition:border-top-color .3s;
}
.tel__country:hover::after{border-top-color:var(--gold)}
/* gerçek select görünmez ama tam alanı kaplar: klavye ve ekran okuyucu çalışır */
.tel__select{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0;cursor:pointer;font:inherit;border:0;padding:0;
}
.tel__select option{background:#141011;color:var(--parchment)}
.tel__select:focus-visible + .tel__code,
.tel__country:focus-within .tel__code{color:var(--gold-pale)}
.tel input,.tel input:focus{
  flex:1;min-width:0;border:0;background:transparent;box-shadow:none;
  font-family:var(--f-cond);font-size:1.06rem;letter-spacing:.2em;
  font-variant-numeric:tabular-nums;
}
.tel input::placeholder{color:var(--ash-dim);letter-spacing:.16em}
.field__err{min-height:1rem;font-family:var(--f-cond);font-size:.72rem;letter-spacing:.12em;color:var(--claret-lt);text-transform:uppercase}
.field__err--kvkk{display:block;margin-top:.2rem}

.check{display:flex;align-items:flex-start;gap:.85rem;margin-top:1.6rem;cursor:pointer}
.check input{position:absolute;opacity:0;width:0;height:0}
.check__box{
  flex:0 0 auto;width:20px;height:20px;margin-top:.2rem;
  border:1px solid rgba(220,211,194,.28);position:relative;transition:border-color .3s,background-color .3s;
}
.check__box::after{
  content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
  border:solid var(--gold-pale);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) scale(0);
  transition:transform .3s var(--ease-out);
}
.check input:checked + .check__box{border-color:var(--gold-800);background:rgba(201,169,97,.12)}
.check input:checked + .check__box::after{transform:rotate(45deg) scale(1)}
.check input:focus-visible + .check__box{outline:1px solid var(--gold);outline-offset:3px}
.check__text{font-size:.96em;color:var(--ash);font-weight:300;line-height:1.6}
.check.is-bad .check__box{border-color:var(--claret-lt)}

#submitBtn{margin-top:1.8rem}
#submitBtn.is-busy{pointer-events:none;opacity:.6}
.form__note{margin:1.4rem 0 0;text-align:center;font-size:.92em;font-style:italic;color:var(--ash-dim)}

.sealed{text-align:center;padding:clamp(2rem,5vw,3.5rem) 0}

/* ── mühürlenme ──
   Mum artık SVG: kenar loblu (düzgün daire değil), kalın bordürün üstünde ışık
   altında gölge var; ortada damganın bastığı gömük çukur duruyor. Arma da mumun
   üstüne konmuş bir logo değil — luminosity karışımıyla mumun rengini alıp
   kabartma gölgeleriyle içine gömülmüş gibi okunuyor. */
/* masa üstü: solda ucu erimiş mum tebeşiri, ortada mühür, sağda pirinç damga */
.seal-scene{
  position:relative;display:grid;place-items:center;
  width:min(100%,560px);margin:0 auto 2.4rem;
}
.prop{
  position:absolute;bottom:2%;height:auto;opacity:0;pointer-events:none;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.65)) brightness(.94);
}
.prop--wax{left:0;width:clamp(104px,17vw,138px)}
.prop--stamp{right:-2%;width:clamp(140px,24vw,190px)}
.sealed.is-in .prop--wax{animation:waxStickIn .9s var(--ease-out) 1.25s forwards}
.sealed.is-in .prop--stamp{animation:stampToolIn .9s var(--ease-out) 1.42s forwards}
@keyframes waxStickIn{
  from{opacity:0;transform:translate(-12%,14px) rotate(-7deg) scale(.96)}
  to{opacity:1;transform:translate(-4%,0) rotate(-2deg) scale(1)}
}
@keyframes stampToolIn{
  from{opacity:0;transform:translate(12%,14px) rotate(7deg) scale(.96)}
  to{opacity:1;transform:translate(4%,0) rotate(2deg) scale(1)}
}
/* dar ekranda takım mührün üstüne biner — gizlenir */
@media (max-width:600px){.prop{display:none}}

/* gerçek fotoğraf devreye girerse çizim tamamen devre dışı kalır */
.scene-photo{
  display:block;width:100%;max-width:min(100%,760px);height:auto;opacity:0;
  filter:drop-shadow(0 24px 48px rgba(0,0,0,.6));
}
.seal-scene.has-photo .seal,.seal-scene.has-photo .prop{display:none}
.sealed.is-in .has-photo .scene-photo{animation:sceneIn 1.1s var(--ease-out) .15s forwards}
@keyframes sceneIn{
  from{opacity:0;transform:scale(1.045)}
  to{opacity:1;transform:none}
}

.seal{
  position:relative;width:clamp(184px,32vw,224px);height:clamp(184px,32vw,224px);
  display:grid;place-items:center;transform:rotate(-4deg);
}
.seal__wax{
  position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:scale(0);
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.72)) drop-shadow(0 3px 6px rgba(0,0,0,.5));
}
.sealed.is-in .seal__wax{animation:waxDrop .55s cubic-bezier(.2,1.25,.4,1) forwards,waxHit .5s ease-out .72s}
@keyframes waxDrop{
  0%{transform:scale(0) rotate(-14deg);opacity:0}
  55%{opacity:1}
  100%{transform:scale(1) rotate(0);opacity:1}
}
/* damga inince mum yanlara ezilir */
@keyframes waxHit{
  0%{transform:scale(1,1)}
  22%{transform:scale(1.06,.94)}
  55%{transform:scale(.99,1.02)}
  100%{transform:scale(1,1)}
}
/* yüzeyden geçen ışık */
.wax__glint{opacity:0}
.sealed.is-in .wax__glint{animation:waxShine 1.15s ease-out .95s forwards}
@keyframes waxShine{
  0%{opacity:0;transform:translateX(0)}
  35%{opacity:1}
  100%{opacity:0;transform:translateX(330px)}
}
/* çukura kazınmış halkalar — altın değil, mumun içine çizilmiş iz */
.seal__ring{
  fill:none;stroke:rgba(255,196,170,.28);stroke-width:1.4;
  stroke-dasharray:327;stroke-dashoffset:327;
}
.seal__ring--in{stroke:rgba(0,0,0,.4);stroke-dasharray:289;stroke-dashoffset:289}
.sealed.is-in .seal__ring{animation:sealDraw 1.1s var(--ease-out) .82s forwards}
.sealed.is-in .seal__ring--in{animation-delay:.98s}
@keyframes sealDraw{to{stroke-dashoffset:0}}
/* damga: küçükten açılarak mumun içine basılır */
.seal__crest{
  position:relative;width:clamp(90px,15.6vw,109px);opacity:0;
  transform:scale(.42);filter:blur(5px);
  mix-blend-mode:luminosity;
}
.sealed.is-in .seal__crest{animation:stampPress .62s cubic-bezier(.34,1.5,.5,1) .3s forwards}
@keyframes stampPress{
  0%{opacity:0;transform:scale(.42);filter:blur(5px)}
  45%{opacity:.85;transform:scale(.86);filter:blur(1.5px)}
  72%{transform:scale(1.06)}
  100%{
    opacity:.96;transform:scale(1) translateY(0);
    filter:blur(0) contrast(1.3) brightness(.97)
           drop-shadow(0 1.5px .5px rgba(0,0,0,.6))
           drop-shadow(0 -1.5px .5px rgba(255,200,175,.3));
  }
}
.sealed.is-in .seal{animation:sealSettle .5s ease-out .72s}
@keyframes sealSettle{
  0%{transform:rotate(-4deg) scale(1)}
  22%{transform:rotate(-4deg) scale(.965)}
  100%{transform:rotate(-4deg) scale(1)}
}
.sealed h3,.sealed p{opacity:0}
.sealed.is-in h3{animation:crestIn .8s var(--ease-out) 1.05s forwards}
.sealed.is-in p{animation:crestIn .8s var(--ease-out) 1.2s forwards}
.sealed h3{margin:0 0 .8rem;font-family:var(--f-title);font-weight:600;font-size:1.75rem;color:var(--parchment)}
.sealed p{margin:0 auto;max-width:440px;color:var(--ash);font-weight:300}

/* ─────────── SSS ─────────── */
.section--faq{background:linear-gradient(180deg,var(--coal),var(--soot))}
.faq{border-top:1px solid var(--line-soft)}
.qa{border-bottom:1px solid var(--line-soft)}
.qa summary{
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1.35rem 0;cursor:pointer;list-style:none;
  font-family:var(--f-display);font-size:clamp(1.02rem,2vw,1.28rem);
  color:var(--parchment);transition:color .35s;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--gold-lt)}
.qa summary i{position:relative;flex:0 0 auto;width:16px;height:16px}
.qa summary i::before,.qa summary i::after{
  content:"";position:absolute;background:var(--gold-800);transition:transform .45s var(--ease-out),background-color .35s;
}
.qa summary i::before{left:0;top:7.5px;width:16px;height:1px}
.qa summary i::after{left:7.5px;top:0;width:1px;height:16px}
.qa[open] summary{color:var(--gold-lt)}
.qa[open] summary i::after{transform:scaleY(0)}
.qa[open] summary i::before{background:var(--gold)}
.qa__body{overflow:hidden}
.qa__body p{margin:0 0 1.5rem;padding-right:clamp(0rem,6vw,4rem);color:var(--ash);font-weight:300}
.qa[open] .qa__body{animation:qaOpen .5s var(--ease-out)}
@keyframes qaOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ─────────── kapanış ─────────── */
.closing{
  position:relative;z-index:2;text-align:center;overflow:hidden;
  padding:clamp(5rem,11vw,9rem) 0;
  background:linear-gradient(180deg,var(--soot),#150F11 55%,var(--soot));
  border-top:1px solid var(--line-soft);
}
.closing__fog{
  position:absolute;inset:-20%;pointer-events:none;filter:blur(42px);
  background:radial-gradient(38% 34% at 50% 50%,rgba(107,15,26,.35),transparent 70%);
  animation:fogDrift 30s ease-in-out infinite alternate;
}
.closing .wrap{position:relative}
.closing__quote{
  margin:0 auto 2.4rem;max-width:760px;
  font-family:var(--f-title);font-weight:500;
  font-size:clamp(1.3rem,3.2vw,2.2rem);line-height:1.48;color:var(--parchment);
}

/* ─────────── footer ─────────── */
.foot{position:relative;z-index:2;background:#080708;border-top:1px solid var(--line-soft);padding-top:clamp(3rem,6vw,5rem)}
.foot__grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:clamp(2rem,5vw,4rem);padding-bottom:3rem}
.foot__wordmark{width:min(260px,80%);opacity:.9;margin-bottom:1.4rem}
.foot__brand p{margin:0;max-width:44ch;color:var(--ash-dim);font-size:.98em;font-weight:300}
.foot__col{display:flex;flex-direction:column;gap:.75rem}
.foot__col h4{
  margin:0 0 .4rem;font-family:var(--f-cond);font-size:.7rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--gold-800);font-weight:500;
}
.foot__col a{color:var(--ash);font-size:.98em;transition:color .3s,padding-left .4s var(--ease-out)}
.foot__col a:hover{color:var(--gold-lt);padding-left:.4rem}
.foot__muted{color:var(--ash-dim);font-size:.98em}
.foot__bar{border-top:1px solid var(--line-soft);padding-block:1.4rem}
.foot__bar-in{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;
  font-family:var(--f-cond);font-size:.68rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ash-dim);text-align:center;
}
.foot__sep{color:var(--oxblood-600)}

.totop{
  position:fixed;right:calc(var(--pad) / 2);bottom:2rem;z-index:870;
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid var(--line);color:var(--gold);background:rgba(12,10,11,.8);
  backdrop-filter:blur(6px);opacity:0;pointer-events:none;
  transform:translateY(10px);transition:opacity .4s,transform .4s var(--ease-out),background-color .3s;
}
.totop.is-on{opacity:1;pointer-events:auto;transform:none}
.totop:hover{background:var(--oxblood-700)}
@media (max-width:1180px){.totop{right:1.1rem}}

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

/* ─────────── responsive ─────────── */
@media (max-width:980px){
  .ritual,.inari,.members{grid-template-columns:1fr}
  .ledger{position:static}
  .inari__plate{order:-1;max-width:440px;margin-inline:auto}
  .card{max-width:480px;margin-inline:auto}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:820px){
  .nav__links,.nav__cta{display:none}
  .burger{display:block}
  .nav{background:rgba(12,10,11,.9);backdrop-filter:blur(12px)}
  .nav__inner{gap:1rem}
}
/* alçak ekranlarda hero'nun taşmaması için */
@media (max-height:940px){
  .scroll-cue{display:none}
}
@media (max-height:760px) and (min-width:820px){
  .hero__meta{display:none}
}
@media (max-width:620px){
  .form__grid{grid-template-columns:1fr}
  .hero__meta{gap:1.4rem 2rem}
  .hero{padding-top:7.5rem}
  .signature__text{white-space:normal;text-align:center;font-size:.62rem}
  .flow li{flex-direction:column;gap:.3rem}
  .flow b{min-width:0}
}

/* ─────────── mobil/dokunmatik performans ───────────
   Büyük blur'lu sis katmanları ve backdrop-filter zayıf GPU'larda kaydırmayı
   tökezletiyor; dokunmatik cihazlarda kapatılıp yerine düz zemin veriliyor.
   Hero ve kapanıştaki sis kalıyor — atmosferi asıl onlar taşıyor. */
@media (hover:none),(pointer:coarse){
  .section::after,.section + .section::before{display:none}
  .nav.is-solid{background:rgba(12,10,11,.95);backdrop-filter:none}
  .nav{backdrop-filter:none}
  .totop{backdrop-filter:none;background:rgba(12,10,11,.94)}
  .grain{animation:none;opacity:.04}
}

/* ─────────── erişilebilirlik ─────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
  .reveal{opacity:1;transform:none}
  .hero__title .line > span{transform:none}
  .hero__crest img{opacity:1;transform:none}
  .embers,.grain{display:none}
}