/* mustafakaankaya.com
   Fontlar: Bodoni Moda (başlık, italik vurgular), Spectral (gövde), Azeret Mono (etiketler). */

/* Gece (varsayılan): sıcak derin siyah, şampanya vurgu */
:root{
  --bg:#0D0C0A; --bg2:#15130F; --ink:#EDE6D8; --soft:#CFC7B8; --mute:#8C8578;
  --line:rgba(201,179,138,.16); --acc:#C9B38A; --glow:rgba(201,179,138,.10);
  --btn-bg:#EDE6D8; --btn-ink:#0D0C0A;
  --serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;
  --text:"Spectral",Georgia,serif;
  --mono:"Azeret Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
/* Gündüz: fildişi kâğıt, bronz vurgu */
:root[data-tema=gunduz]{
  --bg:#F3EEE4; --bg2:#EAE3D6; --ink:#1B1915; --soft:#3A362F; --mute:#736B5E;
  --line:rgba(122,96,58,.22); --acc:#7E5F31; --glow:rgba(255,248,232,.9);
  --btn-bg:#1B1915; --btn-ink:#F3EEE4;
  color-scheme:light;
}

*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;min-height:100dvh;color:var(--ink);font:300 18px/1.5 var(--text);
  background:
    radial-gradient(120% 70% at 50% -12%,var(--glow),transparent 62%),
    radial-gradient(90% 60% at 50% 115%,var(--bg2),transparent 70%),
    var(--bg);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
:focus-visible{outline:1px solid var(--acc);outline-offset:3px}
.m{font:400 11px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Kapı: ilk ziyarette dil seçimi. JS yoksa #site hedeflenince kapanır. */
.kapi{
  position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:30px;padding:24px;text-align:center;
  background:radial-gradient(80% 55% at 50% 40%,var(--glow),transparent 70%),var(--bg);
  transition:opacity .7s ease,visibility .7s;
}
.kapi .cizgi{width:1px;height:46px;background:linear-gradient(var(--acc),transparent)}
.kapi p{margin:0;font:italic 400 clamp(32px,8vw,52px)/1.2 var(--serif)}
.kapi p span{display:block;color:var(--mute)}
.kapi .dugmeler{display:flex;gap:12px}
.kapi .dugmeler a{
  border:1px solid var(--acc);color:var(--ink);text-decoration:none;
  font:400 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:14px 22px;
}
html.gecildi .kapi,html:has(#site:target) .kapi{opacity:0;visibility:hidden;pointer-events:none}
html.gecildi.anlik .kapi{transition:none}

/* Sayfa */
.w{max-width:820px;margin:0 auto;padding:22px 22px 40px}
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ust-sag{display:flex;gap:14px;align-items:center}
.dil a{text-decoration:none}
.dil a[aria-current]{color:var(--ink)}
.isik{
  display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);color:var(--mute);
  font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;cursor:pointer;
}
.isik i{width:9px;height:9px;border-radius:50%;border:1px solid var(--acc);background:linear-gradient(90deg,var(--acc) 50%,transparent 50%)}
.isik[hidden]{display:none}

.acilis{min-height:min(calc(100svh - 64px),980px);display:flex;flex-direction:column;justify-content:flex-end;padding:40px 0 28px}
.acilis .ust-baslik{display:block;margin-bottom:18px}
h1{font:400 clamp(44px,11.5vw,94px)/1 var(--serif);font-optical-sizing:auto;letter-spacing:-.015em;margin:0 0 18px}
h1 em{color:var(--acc)}
.alt{font-size:clamp(18px,4.6vw,22px);line-height:1.4;max-width:30ch;margin:22px 0 26px;color:var(--soft)}

/* Yelpaze: sosyal medyadan entegrasyona */
.yelpaze{position:relative;margin:4px 0 0;padding-top:34px}
.yelpaze::before{content:"";position:absolute;left:0;right:0;top:40px;height:1px;background:linear-gradient(90deg,var(--mute),var(--acc))}
.yelpaze ol{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:10px}
.yelpaze li{position:relative;padding-top:22px;max-width:9ch;font:400 10px/1.35 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.yelpaze li::before{content:"";position:absolute;top:2px;left:0;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--acc)}
.yelpaze li:last-child{text-align:right;max-width:none}
.yelpaze li:last-child::before{left:auto;right:0}
.yelpaze .uclar{display:flex;justify-content:space-between;margin-top:14px;font:italic 400 17px var(--serif);color:var(--soft)}

.eylem{display:flex;gap:10px;flex-wrap:wrap}
.eylem a{
  display:inline-flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;border:1px solid var(--line);
  padding:13px 18px;font:400 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;
}
.eylem a.ana{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--btn-bg)}
@media (hover:hover){.eylem a:hover{border-color:var(--acc)}.eylem a.ana:hover{background:var(--acc);border-color:var(--acc)}}

section{border-top:1px solid var(--line);padding:28px 0}
section>h2{margin:0 0 16px}

/* Tanıdık geliyor mu? */
details{border-bottom:1px solid var(--line)}
summary{
  list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:12px;
  padding:18px 0;font-size:clamp(20px,5.2vw,26px);line-height:1.25;
}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 22px var(--mono);color:var(--acc);text-align:right;align-self:center}
details[open] summary::after{content:"−"}
details p{margin:0 0 20px;color:var(--soft);font-size:17px;max-width:44ch}
details p .m{display:block;margin-bottom:6px;color:var(--acc)}

/* Nasıl çalışırım */
.yol{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.yol li{display:grid;grid-template-columns:44px 1fr;gap:10px}
.yol b{display:block;font:400 22px var(--serif)}
.yol span:not(.m){display:block;color:var(--mute);font-size:16px}
@media (min-width:860px){.yol{grid-template-columns:repeat(3,1fr)}.yol li{grid-template-columns:1fr}}

.iletisim p{font:400 22px/1.4 var(--serif);max-width:30ch;margin:0 0 20px}
.son{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}

/* 404 */
.yok{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:820px;margin:0 auto;padding:22px}
.yok h1{font-size:clamp(40px,9vw,72px)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.yol p{margin:0}
.eylem a.eposta{text-transform:none;letter-spacing:.03em;font-size:13px}