/* ORTAK: ana sayfadan aynen alınmış üst bar, menü, tema ve footer stilleri (yazı sayfaları kullanır) */
@font-face{font-family:'Uni';src:url('uni-sans-ince.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'UniK';src:url('uni-sans-kalin.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Mont';src:url('mont.woff2') format('woff2');font-display:swap}
@font-face{font-family:'NM';src:url('neuemontreal-regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'NM';src:url('neuemontreal-medium.woff2') format('woff2');font-display:swap;font-weight:500}
@font-face{font-family:'NM';src:url('neuemontreal-light.woff2') format('woff2');font-display:swap;font-weight:300}
:root{
  --R:#99001C;--RB:#C8002A;--K:#050505;--S:#0b0b0b;--P:#e8e3dc;
  --T:#E8E3DC;--T2:rgba(232,227,220,.68);--T3:rgba(232,227,220,.28);--T4:rgba(232,227,220,.08);
  --F:'Uni',Arial,sans-serif;--FK:'UniK','Uni',Arial,sans-serif;--M:'Mont',Arial,sans-serif;
  --serif:'Iowan Old Style','Palatino Linotype',Georgia,serif;
  --E:cubic-bezier(.16,1,.3,1)
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark;background:var(--K);overflow-x:clip}
body{background:var(--K);color:var(--T);font-family:var(--M);overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:var(--R);color:#fff}
.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mono{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--T3)}
.red{color:var(--RB)}
:root{--nlbg:#efebe5}html.gece{--nlbg:#0c0a09}
.bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,48px)}
.bar nav a{color:#111;transition:color 1.2s var(--E)}.bar.dk nav a{color:var(--T)}
.bar .logo{display:flex;align-items:center;gap:12px;font-family:var(--FK);letter-spacing:.2em;font-size:13px}
.bar .logo img{width:56px;height:56px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.bar nav{display:flex;gap:28px}
.bar .logo{opacity:0;pointer-events:none;transition:opacity .4s}.bar.dk .logo{opacity:1;pointer-events:auto}
.bar{gap:14px}.bar nav{margin-left:auto}
.ft{padding:clamp(72px,11vh,128px) clamp(16px,5vw,80px) 0;border-top:1px solid var(--T4);background:var(--K);color:var(--T)}
.ft-g{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding-bottom:clamp(48px,8vh,96px);border-bottom:1px solid var(--T4)}
.ft-s{grid-column:1/7;font-family:'NM',Arial,sans-serif;font-weight:500;font-size:clamp(30px,3.4vw,52px);line-height:1.02;letter-spacing:-.04em}
.ft-s b{font-weight:500;color:var(--RB);margin-right:.04em}
.ft-k{display:flex;flex-direction:column;gap:10px;font-family:'NM',Arial,sans-serif;font-size:15px}
.ft-k:nth-of-type(1){grid-column:8/10}.ft-k:nth-of-type(2){grid-column:10/13}
.ft-k p{margin-bottom:6px;font-size:12px;color:var(--T3)}
.ft-k a,.ft-l a{color:var(--T);text-decoration:none;width:max-content;transition:opacity .25s}
.ft-k a:hover,.ft-l a:hover{opacity:.55}
.ft-cbh{display:flex;align-items:center;gap:14px;padding:clamp(28px,5vh,52px) 0;width:max-content;color:var(--T);text-decoration:none;overflow:hidden}
.ft-lg{flex:0 0 auto;width:clamp(36px,3vw,48px);aspect-ratio:1;will-change:transform}
.ft-lg img{display:block;width:100%;height:100%;transition:transform .9s var(--E)}
.ft-yz{font-family:'NM',Arial,sans-serif;font-weight:500;font-size:clamp(17px,1.5vw,22px);line-height:1;letter-spacing:-.02em;will-change:transform}
.ft-yz b{font-weight:500;color:var(--RB)}
.ft-cbh:hover .ft-lg img{transform:rotate(-18deg)}
.ft-l{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;padding:18px 0 calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--T4);font-family:'NM',Arial,sans-serif;font-size:12px;color:var(--T3)}
.ft-l .ft-up{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--T3);border-radius:999px;font-size:15px;color:var(--T);transition:background-color .3s,color .3s,border-color .3s}
.ft-l .ft-up span{display:inline-block;transition:transform .4s var(--E)}
.ft-l .ft-up:hover{opacity:1;background:var(--T);color:var(--K);border-color:var(--T)}.ft-l .ft-up:hover span{transform:translateY(-3px)}
@media(max-width:820px){
  .ft{padding-top:64px}
  .ft-g{grid-template-columns:1fr 1fr;gap:40px 16px;padding-bottom:44px}
  .ft-s{grid-column:1/-1;font-size:clamp(32px,9.5vw,42px)}
  .ft-k:nth-of-type(1),.ft-k:nth-of-type(2){grid-column:auto}
  .ft-k{font-size:14px}
  .ft-cbh{gap:12px;padding:28px 0}.ft-lg{width:36px}.ft-yz{font-size:17px}
  .ft-l{flex-direction:column;align-items:flex-start;gap:6px}
  .ft-l .ft-up{margin-top:10px}
}
html:not(.gece) body{background:var(--nlbg);color:#121110}
html:not(.gece) .ft{border-top-color:rgba(18,17,16,.12)}
html:not(.gece) .ft-g,html:not(.gece) .ft-l{border-color:rgba(18,17,16,.12)}
html:not(.gece) .ft-k p,html:not(.gece) .ft-l{color:rgba(18,17,16,.45)}
html:not(.gece) .ft-k a,html:not(.gece) .ft-cbh{color:#121110}
html:not(.gece) .ft-cbh img{filter:invert(1)}
html:not(.gece) .ft-l .ft-up{color:#121110;border-color:rgba(18,17,16,.3)}
html:not(.gece) .ft-l .ft-up:hover{background:#121110;color:#efebe5;border-color:#121110}
.yy,.mani,.ft,.ev .paper,.kn .b7{transition:background-color 1.2s var(--E),color 1.2s var(--E)}
/* MENÜ: tema düğmesinin sağında yuvarlak düğme, sağdan açılan panel */
html:not(.gece) body.mo .bar .logo{opacity:0;pointer-events:none}
.sb-ort{position:fixed;inset:0;z-index:48;background:rgba(10,8,7,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .5s var(--E)}
body.mo .sb-ort{opacity:1;pointer-events:auto}
.sb{position:fixed;top:0;right:0;bottom:0;z-index:49;width:min(440px,100vw);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(96px,14vh,130px) clamp(24px,3.4vw,44px) calc(28px + env(safe-area-inset-bottom));background:#efebe5;color:#121110;box-shadow:-30px 0 80px rgba(0,0,0,.18);transform:translateX(102%);transition:transform .7s var(--E),background-color 1.2s var(--E),color 1.2s var(--E);overflow-y:auto;overscroll-behavior:contain}
html.gece .sb{background:#0c0a09;color:var(--T);box-shadow:-30px 0 80px rgba(0,0,0,.6)}
body.mo .sb{transform:none}
.sb-n{display:flex;flex-direction:column;gap:clamp(6px,1.4vh,14px)}
.sb-n a{width:max-content;color:inherit;text-decoration:none;font-family:'NM',Arial,sans-serif;font-weight:500;font-size:clamp(34px,4.2vw,52px);line-height:1.08;letter-spacing:-.04em;opacity:0;transform:translateX(36px);transition:opacity .5s,transform .7s var(--E),color .3s}
.sb-n a:hover{color:#C8002A}html.gece .sb-n a:hover{color:#e3405a}
body.mo .sb-n a{opacity:1;transform:none}
body.mo .sb-n a:nth-child(1){transition-delay:.12s}body.mo .sb-n a:nth-child(2){transition-delay:.17s}body.mo .sb-n a:nth-child(3){transition-delay:.22s}body.mo .sb-n a:nth-child(4){transition-delay:.27s}
.sb-a{display:flex;flex-direction:column;gap:18px;padding-top:32px;margin-top:32px;border-top:1px solid rgba(18,17,16,.14);font-family:'NM',Arial,sans-serif;font-size:15px;opacity:0;transition:opacity .6s .3s}
html.gece .sb-a{border-color:var(--T4)}
body.mo .sb-a{opacity:1}
.sb-a span{display:block;margin-bottom:4px;font-size:12px;opacity:.5}
.sb-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.sb-t span{flex-basis:100%}
.sb-t b{font-weight:500;opacity:.35;transition:opacity .3s}
html:not(.gece) .sb-t .g1,html.gece .sb-t .g2{opacity:1;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#C8002A}
.sb-c{color:inherit;text-decoration:none;width:max-content}.sb-c:hover{color:#C8002A}
.sb-h{font-weight:500;font-size:22px;letter-spacing:-.03em}.sb-h b{color:#C8002A}
@media(max-width:820px){.sb{width:100vw;padding-top:104px}.sb-n a{font-size:clamp(36px,11vw,48px)}}
@media(prefers-reduced-motion:reduce){.sb,.sb-n a{transition:none}}
/* ÜST BAR İKONLARI: çerçevesiz, büyük çizgi ikonlar; renk tek değişkenden (--ink) gelir */
.bar{--ink:#111}
html.gece .bar,.bar.dk{--ink:var(--T)}
.bar.dk.lt{--ink:#111}
html:not(.gece) body.mo .bar{--ink:#111}
html.gece body.mo .bar{--ink:var(--T)}
.tema,.mb{position:relative;z-index:3;width:50px;height:50px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .4s}
.tema{order:3;margin-left:auto}
.mb{order:4;margin-left:4px;margin-right:-8px}
.tema svg{grid-area:1/1;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--E)}
.tema .gun,html.gece .tema .ay{display:none}html.gece .tema .gun{display:block}
html:not(.gece) .tema .ay,html.gece .tema .gun{animation:tmIn .7s var(--E)}
@keyframes tmIn{from{opacity:0;transform:rotate(-90deg) scale(.4)}}
.tema:hover .ay{transform:rotate(-20deg)}.tema:hover .gun{transform:rotate(45deg)}
.mb i{position:absolute;top:50%;right:10px;height:2.2px;margin-top:-1.1px;border-radius:2px;background:var(--ink);transition:transform .5s var(--E),width .5s var(--E),background-color .4s}
.mb i:first-child{width:30px;transform:translateY(-5.5px)}
.mb i:last-child{width:19px;transform:translateY(5.5px)}
.mb:hover i:last-child{width:30px}
body.mo .mb i:first-child{width:28px;transform:rotate(45deg)}
body.mo .mb i:last-child{width:28px;transform:rotate(-45deg)}
.tema:focus-visible,.mb:focus-visible{outline:2px solid #C8002A;outline-offset:2px}
/* hero geçilince barın arkasında zemin renginde yumuşak geçiş: ikonlar yazıların üstünde okunur kalır */
.bar::before{content:'';position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--nlbg) 35%,rgba(239,235,229,0));opacity:0;transition:opacity .5s}
html.gece .bar::before{background:linear-gradient(to bottom,#060505 35%,rgba(6,5,5,0))}
.bar.dk::before{opacity:1}body.mo .bar::before{opacity:0}

/* OKUNABİLİRLİK: küçük etiketler büyür, soluk metinler WCAG AA kontrastına çıkar */
.ft-k p,.ft-l{font-size:13px;color:rgba(232,227,220,.66)}
html:not(.gece) .ft-k p,html:not(.gece) .ft-l{color:rgba(18,17,16,.68)}
html.gece .ft-yz b,html.gece .ft-s b{color:#e3405a}
.nl-k{font-size:13px}
html:not(.gece) .ft{color:#121110}
@media(max-width:820px){.ft-k a{padding:8px 0}.ft-k{gap:2px}}