/* Harfî portal teması: gece göğünde yazılı harfler. Sistem fontları (harici font yok), tek koyu tema. */
:root{color-scheme:dark;--gece:#090a14;--gece2:#111327;--gece3:#191c36;--cizgi:#282c4e;--yazi:#efe9da;--soluk:#9d9eb6;--altin:#e6b95a;--altin2:#f5dba2;
--muellif:#e6b95a;--aciklama:#7fc3e8;--yorum:#c9a3ff;--harici:#8fd6a8;--sonuc:#f08f7a;
--f-ad:"Cormorant Garamond","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--f-g:"Iowan Old Style","Palatino Linotype",Georgia,serif;
--f-ui:system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--f-ar:"Amiri","Traditional Arabic","Scheherazade New","Noto Naskh Arabic","Segoe UI",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}html,body{margin:0;background:var(--gece);color:var(--yazi)}
body{font:17.5px/1.7 var(--f-g);overflow-x:hidden}a{color:var(--altin2)}button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--altin);outline-offset:2px}
.gutter{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.ic{max-width:1180px;margin:0 auto}
.damga{background:var(--altin);color:#1b1404;text-align:center;font:700 11.5px/2.1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase}
.ust{position:sticky;top:0;z-index:40;background:rgba(9,10,20,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust .ic{display:flex;align-items:center;gap:22px;height:60px}
.marka{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--yazi);margin-right:auto}
.marka b{font:500 28px var(--f-ad);color:var(--altin)}.marka .ar{font:400 20px var(--f-ar);color:var(--soluk)}
.marka em{font:700 10.5px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--soluk);font-style:normal}
.ust nav{display:flex;gap:22px}.ust nav a{font:500 14.5px var(--f-ui);text-decoration:none;color:var(--soluk);padding:6px 0;border-bottom:2px solid transparent}
.ust nav a:hover,.ust nav a[aria-current]{color:var(--yazi);border-color:var(--altin)}
h1,h2,h3{font-family:var(--f-ad);font-weight:500;line-height:1.1;text-wrap:balance;margin:0}
.et,.kategori{font:700 11px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--soluk)}.kategori{color:var(--altin)}
.meta{font:500 13px var(--f-ui);color:var(--soluk)}
.btn,.buton{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f-ui);padding:10px 18px;border-radius:99px;border:1px solid var(--cizgi);background:var(--gece2);text-decoration:none;color:var(--yazi)}
.btn:hover,.buton:hover{border-color:var(--altin)}.buton{background:var(--altin);color:#1b1404;border-color:var(--altin)}
/* ---- ana sayfa: kaydırmayla ilerleyen 3B sahne ---- */
.yolculuk{position:relative;height:340vh}
.sahne{position:sticky;top:60px;height:calc(100vh - 60px);min-height:520px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#1a1f52,var(--gece) 72%)}
.sahne canvas{position:absolute;inset:0;width:100%;height:100%}
.yedek{position:absolute;inset:0;display:none;place-items:center;pointer-events:none}
.yedek span{font:700 clamp(160px,34vw,380px)/1 var(--f-ar);color:var(--altin);text-shadow:0 0 60px rgba(230,185,90,.45),0 0 140px rgba(230,185,90,.2);opacity:.9}
.no3d canvas{display:none}.no3d .yedek{display:grid}
.perde{position:absolute;left:0;right:0;bottom:9%;text-align:center;pointer-events:none;padding:0 16px;transition:opacity .45s,transform .45s,visibility 0s}
.perde .et{color:var(--altin)}.perde h1{font-size:clamp(60px,11vw,150px);color:var(--altin);letter-spacing:.01em;line-height:1}
.perde h2{font-size:clamp(34px,5.5vw,70px)}
.perde p{margin:10px auto 0;max-width:36ch;font:italic 400 clamp(19px,2.3vw,25px)/1.45 var(--f-ad);color:var(--altin2)}
.perde:not(.gizli){transition-delay:.3s,.3s,0s}
.perde.gizli{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.kaydir{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font:600 12px var(--f-ui);color:var(--soluk);display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s}
.kaydir i{width:1px;height:26px;background:linear-gradient(var(--altin),transparent);animation:ak 1.8s infinite}
@keyframes ak{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.adimlar{position:absolute;right:max(18px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}
.adimlar span{font:600 11px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);text-align:right;transition:color .3s}.adimlar span.on{color:var(--altin)}
/* ---- raf ve kartlar ---- */
.bolum{padding-block:80px}.bolum h2{font-size:clamp(32px,4.4vw,52px);margin:6px 0 10px}.bolum .alt-yazi{color:var(--soluk);max-width:60ch;margin:0 0 28px}
.bolum.bant{background:var(--gece2);border-block:1px solid var(--cizgi)}
.raf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;perspective:1200px;margin-bottom:36px}
.cilt{position:relative;text-decoration:none;color:inherit;border:1px solid var(--cizgi);background:linear-gradient(160deg,var(--gece3),var(--gece2));border-radius:6px;padding:26px 24px 22px;min-height:280px;display:flex;flex-direction:column;gap:10px;transform-style:preserve-3d;transition:transform .25s ease-out,border-color .3s,box-shadow .3s;overflow:hidden}
.cilt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--r,var(--altin))}
.cilt::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.09),transparent 45%);pointer-events:none}
.cilt:hover,.cilt:focus-visible{border-color:var(--r,var(--altin));box-shadow:0 30px 60px -30px var(--r,var(--altin))}
.cilt .kel{font:400 56px/1 var(--f-ar);color:var(--r,var(--altin));opacity:.9;transform:translateZ(40px)}
.cilt h3{font-size:28px;margin-top:auto;transform:translateZ(24px)}.cilt p{margin:0;color:var(--soluk);font-size:15.5px;line-height:1.55}
.rozet{display:flex;gap:6px;flex-wrap:wrap}.r{font:600 11.5px var(--f-ui);padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--soluk)}
.bos{font:italic 24px var(--f-ad);color:var(--soluk)}
/* ---- okuma anahtarı ---- */
.anahtar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.an{border:1px solid var(--cizgi);border-top:3px solid var(--tc);border-radius:6px;padding:14px 14px 16px;background:var(--gece);font:500 13.5px/1.4 var(--f-ui);color:var(--soluk)}
.an svg{width:26px;height:26px;display:block;margin-bottom:8px;color:var(--tc)}
.ikon{width:1.15em;height:1.15em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.t-muellif_ifadesi{--tc:var(--muellif)}.t-metinden_aciklama{--tc:var(--aciklama)}.t-arastirmaci_yorumu{--tc:var(--yorum)}.t-harici_bilgi{--tc:var(--harici)}.t-arastirmaci_sonucu{--tc:var(--sonuc)}
/* ---- çalışma sayfası ---- */
.c-kapak{position:relative;padding-block:60px 34px;border-bottom:1px solid var(--cizgi);overflow:hidden;background:radial-gradient(ellipse at 80% 0%,#1a1f52,transparent 60%)}
.c-kapak .kel{position:absolute;right:-10px;top:-30px;font:700 260px/1 var(--f-ar);color:var(--altin);opacity:.06;pointer-events:none}
.c-kapak h1{font-size:clamp(40px,6vw,78px);margin:10px 0;max-width:18ch}
.c-kapak .konu{max-width:62ch;color:var(--altin2);font:italic 400 22px/1.5 var(--f-ad);margin:0}.c-kapak .meta{margin:18px 0 0}
.cerceve{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-block:36px}
.ray{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:2px;font:500 14px var(--f-ui)}
.ray a{text-decoration:none;color:var(--soluk);padding:7px 12px;border-left:2px solid var(--cizgi)}.ray a.on{color:var(--yazi);border-color:var(--altin)}
.ray .ilerleme{height:3px;background:var(--cizgi);margin:10px 0 0;border-radius:3px;overflow:hidden}.ray .ilerleme i{display:block;height:100%;width:0;background:var(--altin)}
.calisma section{scroll-margin-top:80px;padding-block:8px 44px;border-bottom:1px solid var(--cizgi);margin-bottom:34px}.calisma>section:last-child{border-bottom:0}
.calisma section>h2{font-size:clamp(28px,3.4vw,42px);margin:4px 0 14px}.calisma h3{font-size:26px;margin:1.4em 0 .4em;color:var(--altin2)}
.metin,.ozet{max-width:68ch}.metin h1,.metin h2,.metin h3,.ozet h2,.ozet h3{color:var(--altin2)}.metin h2{font-size:34px;margin:1.4em 0 .4em}
.ozet{border:1px solid var(--cizgi);border-left:4px solid var(--altin);border-radius:6px;padding:4px 24px;background:var(--gece2)}
.metin table,.ozet table{border-collapse:collapse;max-width:100%}.metin td,.metin th{border:1px solid var(--cizgi);padding:6px 10px}
.uyari{border:1px solid var(--altin);border-radius:6px;padding:12px 18px;margin:0 0 22px;background:rgba(230,185,90,.08);color:var(--altin2)}
blockquote{margin:0;font:italic 400 22px/1.6 var(--f-ad)}
.alintilar{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.alinti{border:1px solid var(--cizgi);border-left:4px solid var(--muellif);border-radius:6px;background:var(--gece2);overflow:hidden}
.alinti blockquote{padding:18px 22px}
.alinti .alt{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:9px 22px;border-top:1px solid var(--cizgi);font:500 12.5px var(--f-ui);color:var(--soluk)}
.alinti .alt .ikon{color:var(--muellif)}.alinti .dogru{color:var(--harici);font-weight:700}
.alinti details{flex-basis:100%}.alinti summary{cursor:pointer;color:var(--altin2);list-style:none;display:inline-block;border:1px solid var(--cizgi);border-radius:99px;padding:3px 12px;font-weight:600}
.alinti summary::-webkit-details-marker{display:none}
.alinti dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:10px 0 2px;font-size:13px}.alinti dt{color:var(--soluk)}.alinti dd{margin:0;color:var(--yazi)}
.harita svg{width:100%;height:440px;background:radial-gradient(circle at 50% 50%,#1b1f4a,var(--gece) 80%);border:1px solid var(--cizgi);border-radius:6px;display:block}
.harita text{fill:var(--yazi);font:13px var(--f-ui)}.harita line{stroke:var(--altin);stroke-opacity:.35;stroke-width:1.4}
.harita circle{fill:var(--altin);filter:drop-shadow(0 0 6px rgba(230,185,90,.8));transition:r .2s}.harita g:hover circle,.harita g:focus circle{r:11}
.harita .bilgi{min-height:30px;color:var(--soluk);font-size:16px;padding-top:8px}
.calisma ul{padding-left:20px}.calisma li{margin:.35em 0}
/* ---- arama ---- */
.giris{padding:64px 0 24px}.giris h1{font-size:clamp(40px,6vw,72px)}.giris p{color:var(--soluk)}
input[type=search]{width:100%;margin:18px 0 28px;padding:12px 18px;font:15px var(--f-ui);background:var(--gece2);color:var(--yazi);border:1px solid var(--cizgi);border-radius:99px}
footer{border-top:1px solid var(--cizgi);padding-block:36px 50px;color:var(--soluk);font:14px var(--f-ui)}footer .ic{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:space-between}
footer b{font:500 22px var(--f-ad);color:var(--altin);margin-right:8px}
.js .rv:not(.in){opacity:0;transform:translateY(18px)}.rv{transition:opacity .8s,transform .8s}
@media (max-width:980px){.raf{grid-template-columns:repeat(2,minmax(0,1fr))}.anahtar{grid-template-columns:repeat(2,minmax(0,1fr))}.cerceve{grid-template-columns:1fr;gap:20px}
 .ray{position:static;flex-direction:row;overflow-x:auto}.ray a{white-space:nowrap;border-left:0;border-bottom:2px solid var(--cizgi)}.ray a.on{border-color:var(--altin)}.ray .ilerleme{display:none}.adimlar{display:none}.marka .ar{display:none}.ust nav{gap:16px}}
@media (max-width:640px){body{font-size:16.5px}.raf{grid-template-columns:1fr}.cilt{min-height:230px}.ust .ic{gap:12px}.marka b{font-size:25px}.marka em{display:none}.c-kapak .kel{font-size:170px}.bolum{padding-block:56px}.alinti blockquote{font-size:19px;padding:14px 16px}.alinti .alt{padding:9px 16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.yolculuk{height:auto}.js .rv:not(.in){opacity:1;transform:none}.kaydir{display:none}}
.bolum h3.kat{font-size:30px;color:var(--altin2);margin:34px 0 16px}