html{scroll-behavior:smooth}
.kz{--ink:#eef0e8;--mut:#a7b1a6;--line:#27312c;--amb:#e8ae72;--amb2:#c9743a;--night:#080d0f;--deep:#0d1517;--card:#101a1c;--ok:#8fd0ac}
.kz,.kz *{box-sizing:border-box}
.kz{margin:0;background:var(--night);color:var(--ink);font:17px/1.7 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.kz h1,.kz h2,.kz h3{font-family:Fraunces,Georgia,serif;font-weight:300;line-height:1.1;margin:0}
.kz a{color:inherit}
.kz p{margin:0 0 1em}
.kz .w{max-width:1080px;margin:0 auto;padding:0 22px}
.kz .k{font:600 12px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--amb)}
.kz .mut{color:var(--mut)}
.kz em{font-style:italic;color:var(--amb)}
.kz /* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.kz .rv.on{opacity:1;transform:none}
.kz .rv.d1{transition-delay:.12s}
.kz .rv.d2{transition-delay:.24s}
.kz .rv.d3{transition-delay:.36s}
.kz /* nav */
.prog{position:fixed;left:0;top:0;height:2px;background:var(--amb);width:0;z-index:30}
.kz /* hero */
.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:linear-gradient(180deg,#05080c 0%,#0c1a22 38%,#2a3a3a 66%,#a8683a 90%,#e8ae72 100%)}
.kz .hero canvas{position:absolute;inset:0;width:100%;height:100%}
.kz .sun{position:absolute;left:50%;bottom:6%;width:min(70vw,620px);aspect-ratio:1;transform:translate(-50%,0);border-radius:50%;background:radial-gradient(circle,rgba(255,214,150,.9) 0%,rgba(232,174,114,.45) 28%,rgba(232,174,114,0) 66%);will-change:transform}
.kz .ridge{position:absolute;left:-5%;width:110%;bottom:-1px;will-change:transform}
.kz .hc{position:absolute;left:0;right:0;top:50%;transform:translateY(-58%);text-align:center;padding:0 22px}
.kz .hc h1{font-size:clamp(52px,12.5vw,170px);letter-spacing:-.03em;font-weight:300}
.kz .hc h1 span{display:block;overflow:hidden;padding:.04em 0 .12em}
.kz .hc h1 span i{display:block;font-style:normal;transform:translateY(110%);animation:up 1.4s cubic-bezier(.2,.8,.2,1) forwards}
.kz .hc h1 span:nth-child(2) i{animation-delay:.18s;font-style:italic;color:var(--amb)}
@keyframes up{to{transform:none}}
.kz .hc .k{opacity:0;animation:fade 1.4s .6s forwards}
.kz .hc p{max-width:560px;margin:22px auto 0;color:#cfd6cb;font-size:clamp(16px,2vw,19px);opacity:0;animation:fade 1.4s 1s forwards}
@keyframes fade{to{opacity:1}}
.kz .cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#eef0e8;text-align:center;z-index:2;opacity:0;animation:fade 1s 1.8s forwards}
.kz .cue:after{content:"";display:block;width:1px;height:34px;background:#eef0e8;margin:8px auto 0;animation:drop 1.8s infinite}
@keyframes drop{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}}
.kz /* manifest */
.man{padding:20vh 0 14vh;background:var(--night)}
.kz .man p.big{font:300 clamp(28px,5vw,58px)/1.22 Fraunces,Georgia,serif;max-width:900px;margin:0 0 .6em}
.kz .man p.big span{opacity:.22;transition:opacity .6s}
.kz .man p.big span.on{opacity:1}
.kz .nots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:70px}
.kz .nots div{border-top:1px solid var(--line);padding-top:18px}
.kz .nots h3{font:600 13px Inter;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.kz .nots .y h3{color:var(--ok)}
.kz .nots .n h3{color:var(--amb)}
.kz .nots ul{margin:0;padding:0;list-style:none;color:var(--mut);font-size:16px}
.kz .nots li{padding:6px 0}
.kz /* stats */
.stats{padding:12vh 0;background:var(--deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kz .stats .g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kz .stats b{display:block;font:300 clamp(54px,9vw,120px)/1 Fraunces,Georgia,serif;letter-spacing:-.03em}
.kz .stats b sup{font-size:.4em;color:var(--amb);vertical-align:top;margin-left:2px}
.kz .stats span{display:block;color:var(--mut);font-size:14.5px;margin-top:8px;max-width:180px}
.kz /* sticky tracks */
.track{position:relative}
.kz .stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.kz /* cycle */
.cyc{height:620vh;background:var(--night)}
.kz .cyc .in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:100%}
.kz .cyc .num{font:300 clamp(80px,14vw,200px)/.9 Fraunces,Georgia,serif;color:var(--amb);letter-spacing:-.04em}
.kz .cyc .num small{font-size:.22em;color:var(--mut);letter-spacing:0;margin-left:.3em}
.kz .cyc h2{font-size:clamp(36px,6vw,72px);margin:14px 0 14px;min-height:1.1em}
.kz .cyc p{color:var(--mut);max-width:420px;min-height:5.4em}
.kz .cyc .txt>*{transition:opacity .35s,transform .35s}
.kz .cyc .txt.sw>*{opacity:0;transform:translateY(10px)}
.kz .ring{width:100%;max-width:520px;margin-left:auto;display:block}
.kz .node{transition:fill .3s,r .3s}
.kz .lab{font:500 12.5px Inter;fill:#6f7b72;transition:fill .3s}
.kz .lab.on{fill:var(--ink)}
.kz /* seasons */
.sea{height:480vh;background:#0b1118}
.kz .sea .stage{transition:none}
.kz .sea .bgl{position:absolute;inset:0}
.kz .sea .in{position:relative;width:100%}
.kz .sea .k{color:rgba(255,255,255,.75)}
.kz .sea h2{font-size:clamp(48px,10vw,140px);margin:12px 0}
.kz .sea h2 em{color:inherit}
.kz .sea p.lead{font-size:clamp(17px,2vw,21px);max-width:520px;color:rgba(255,255,255,.88)}
.kz .mbar{display:flex;gap:4px;margin-top:40px;max-width:640px}
.kz .mbar i{flex:1;height:34px;border-radius:3px;background:rgba(255,255,255,.14);position:relative;transition:background .3s}
.kz .mbar i.on{background:rgba(255,255,255,.85)}
.kz .mbar i:after{content:attr(data-m);position:absolute;top:40px;left:0;font:500 11px Inter;color:rgba(255,255,255,.6)}
.kz .mlab{margin-top:44px;font-size:13px;color:rgba(255,255,255,.7)}
.kz /* phases */
.ph{padding:14vh 0;background:var(--night)}
.kz .ph h2,.kz .sl h2,.kz .rec h2,.kz .ethic h2,.kz .outs h2,.kz .who h2,.kz .arts h2{font-size:clamp(34px,5.4vw,64px);margin:14px 0 26px;max-width:860px}
.kz .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px}
.kz .pg>div{padding:0 26px 0 0;border-top:1px solid var(--amb);padding-top:22px}
.kz .pg small{font:600 12px Inter;letter-spacing:.16em;color:var(--amb)}
.kz .pg h3{font-size:26px;margin:10px 0 10px}
.kz .pg p{font-size:15.5px;color:var(--mut)}
.kz /* places */
.pl{padding:14vh 0;background:var(--deep);border-top:1px solid var(--line)}
.kz .dots{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:36px 0 12px}
.kz .pv{border:1px solid var(--line);border-radius:10px;padding:14px 8px;text-align:center;background:rgba(255,255,255,.015);transition:border-color .3s,background .3s}
.kz .pv:hover{border-color:var(--amb);background:rgba(232,174,114,.06)}
.kz .pv i{display:flex;justify-content:center;gap:6px;min-height:12px}
.kz .pv s{width:10px;height:10px;border-radius:50%;background:#33403a;display:block;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .4s}
.kz .pv.on s{transform:scale(1);background:var(--amb)}
.kz .pv small{display:block;margin-top:9px;font-size:11.5px;color:var(--mut)}
.kz .note{font-size:13.5px;color:var(--mut);max-width:620px}
.kz .five{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.kz .five div{border-left:2px solid var(--amb2);padding-left:16px;font-size:15px}
.kz .five b{display:block;margin-bottom:4px}
.kz .five span{color:var(--mut)}
.kz /* slider */
.sl{padding:14vh 0;background:var(--night)}
.kz .cmp{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/8;max-height:560px;width:100%;margin-top:30px;background:#000;touch-action:pan-y;user-select:none}
.kz .cmp svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.kz .cmp .top2{clip-path:inset(0 50% 0 0)}
.kz .cmp .tag{position:absolute;bottom:14px;font:600 11.5px Inter;letter-spacing:.14em;text-transform:uppercase;background:rgba(0,0,0,.55);padding:6px 10px;border-radius:5px;backdrop-filter:blur(4px)}
.kz .cmp .t1{left:14px}
.kz .cmp .t2{right:14px}
.kz .hd{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}
.kz .hd:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:18px}
.kz .cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.kz .cmp input:focus-visible ~ .hd:after{outline:3px solid var(--amb);outline-offset:3px}
.kz /* record */
.rec{padding:14vh 0;background:var(--deep);border-top:1px solid var(--line)}
.kz .rg{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.kz .card{background:#f3eee2;color:#25221c;border-radius:6px;padding:26px 26px 22px;transform:rotate(-1.2deg);box-shadow:0 30px 60px rgba(0,0,0,.45);position:relative;font-family:ui-monospace,Menlo,Consolas,monospace}
.kz .card:before{content:"ÖRNEK KAYIT";position:absolute;right:16px;top:12px;font-size:10px;letter-spacing:.18em;color:#9a431f}
.kz .card h3{font:600 16px Fraunces,Georgia,serif;margin-bottom:14px}
.kz .card dl{margin:0;display:grid;grid-template-columns:110px 1fr;gap:9px 12px;font-size:13px}
.kz .card dt{color:#7c7566}
.kz .card dd{margin:0;border-bottom:1px dashed #c9c0ac;padding-bottom:5px}
.kz .stamp{margin-top:20px;display:flex;gap:6px}
.kz .stamp span{font:600 11px Inter;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1.5px solid #c9c0ac;color:#a39a86;border-radius:4px;transition:all .3s}
.kz .stamp span.on{border-color:#9a431f;color:#9a431f;background:rgba(154,67,31,.08)}
.kz .nx{margin-top:20px;background:var(--amb);color:#1a1410;border:0;font:600 14px Inter;padding:12px 18px;border-radius:8px;cursor:pointer}
.kz .nx:focus-visible{outline:3px solid #fff;outline-offset:3px}
.kz .rec .side p{color:var(--mut)}
.kz /* ethic */
.ethic{padding:14vh 0;background:var(--night)}
.kz .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kz .bx{border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--card)}
.kz .bx h3{font:600 14px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--amb);margin-bottom:14px}
.kz .bx ul{margin:0;padding-left:1.1em;color:var(--mut);font-size:16px}
.kz .bx li{padding:3px 0}
.kz /* outs */
.outs{padding:14vh 0;background:var(--deep);border-top:1px solid var(--line)}
.kz .ol{counter-reset:o;display:grid;grid-template-columns:1fr;gap:0 60px;margin-top:20px}
.kz .ol div{counter-increment:o;border-top:1px solid var(--line);padding:24px 0;display:flex;gap:18px}
.kz .ol div:before{content:counter(o,decimal-leading-zero);font:italic 300 30px/1 Fraunces,Georgia,serif;color:var(--amb);flex:none;width:44px}
.kz .ol b{display:block;font-size:18px;margin-bottom:4px;font-weight:600}
.kz .ol span{color:var(--mut);font-size:15px}
.kz .who{padding:14vh 0;background:var(--night)}
.kz .aud{display:flex;flex-wrap:wrap;gap:12px}
.kz .aud span{border:1px solid var(--line);border-radius:99px;padding:12px 22px;font-size:16px;transition:border-color .3s,color .3s}
.kz .aud span:hover{border-color:var(--amb);color:var(--amb)}
.kz .arts{padding:14vh 0;background:var(--deep);border-top:1px solid var(--line)}
.kz .arts a{display:block;padding:24px 0;border-top:1px solid var(--line);text-decoration:none;transition:padding .3s}
.kz .arts a:hover{padding-left:14px}
.kz .arts a:hover h3{color:var(--amb)}
.kz .arts h3{font-size:clamp(22px,3vw,32px);margin:6px 0}
.kz .arts small{color:var(--mut);font-size:13.5px}
.kz .end{padding:20vh 0 12vh;background:linear-gradient(180deg,var(--night),#14100c);text-align:center}
.kz .end h2{font-size:clamp(40px,8vw,110px);margin:16px 0 30px}
.kz .links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.kz .links a{border:1px solid #3b3a33;border-radius:99px;padding:13px 22px;font-size:15px;text-decoration:none;transition:all .3s}
.kz .links a:hover{background:var(--amb);color:#1a1410;border-color:var(--amb)}
.kz footer{padding:22px;text-align:center;font-size:12.5px;color:#6f7b72;background:#14100c}
.kz a:focus-visible{outline:3px solid var(--amb);outline-offset:3px}
@media(max-width:780px){.kz .stats .g{grid-template-columns:1fr 1fr;gap:34px 16px}
.kz .nots,.kz .two,.kz .rg,.kz .ol,.kz .pg,.kz .five{grid-template-columns:1fr}
.kz .pg>div{margin-bottom:26px}
.kz .dots{grid-template-columns:repeat(4,1fr)}
.kz .cyc .in{grid-template-columns:1fr;gap:6px}
.kz .cyc .ringw{order:-1}
.kz .ring{max-width:280px;margin:0 auto}
.kz .cyc p{min-height:7em}
.kz .cmp{aspect-ratio:4/3}
.kz .rg{gap:36px}
.kz .card{transform:none}
.kz .mbar{gap:2px}
.kz .mbar i:nth-child(even):after{display:none}}
@media(prefers-reduced-motion:reduce){.kz .rv{opacity:1;transform:none;transition:none}
.kz .hc h1 span i,.kz .hc .k,.kz .hc p,.kz .cue{animation:none;opacity:1;transform:none}
.kz .cue:after{animation:none}}
.tv-kz .tvnav{background:linear-gradient(#05080cd9,#05080c00);border-color:transparent;color:#eef0e8}.tv-kz .tvnav a:hover,.tv-kz .tvnav a.cur{color:#e8ae72}.tv-kz .tvfoot{background:#14100c;color:#6f7b72;margin:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.tv-kz{background:#05080c}
.kz .pv s.e{background:#26302b}.kz .pv.on s.e{background:#26302b}
.kz .pv em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;color:var(--amb)}
.kz .pv.st-pl{border-style:dashed;opacity:.8}.kz .pv.st-ta{border-color:var(--amb)}
.kz .pv.st-su{border-color:var(--amb);animation:pvp 2.4s ease-in-out infinite}
@keyframes pvp{50%{background:rgba(232,174,114,.1)}}
.kz .dots{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.kz .pl h2{font-size:clamp(34px,5.4vw,64px);margin:14px 0 26px;max-width:860px}

.kz .cyc{height:auto;padding:14vh 0 10vh;background:var(--night)}
.kz .scene{position:relative;border-radius:18px;overflow:hidden;margin-top:22px;aspect-ratio:800/460;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.kz .scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.kz .sbox{position:absolute;left:22px;top:18px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35);pointer-events:none}
.kz .sname{font:italic 300 clamp(24px,3.6vw,40px)/1.1 Fraunces,Georgia,serif;transition:opacity .45s,transform .45s}
.kz .sdesc{font-size:13.5px;max-width:240px;opacity:.9;margin-top:6px;transition:opacity .3s}
.kz .sname.sw{opacity:0;transform:translateY(6px)}
.kz .rd{cursor:pointer;outline:none}
.kz .rd .stem{fill:none;stroke:#cfe0b4;stroke-width:2.2;stroke-linecap:round;stroke-opacity:.9;transition:stroke-dashoffset 1.3s cubic-bezier(.3,.7,.2,1)}
.kz .rd.g .stem{stroke-dashoffset:0!important}
.kz .rd .leaf{fill:#cfe0b4;opacity:0;transition:opacity .8s .6s}.kz .rd.g .leaf{opacity:.85}
.kz .rd .bud{fill:#2a332e;stroke:rgba(255,255,255,.4);stroke-width:1.4;transition:fill .5s,transform .5s,stroke .5s;transform-box:fill-box;transform-origin:center}
.kz .rd.g .bud{fill:#e8ae72;stroke:#fff3dd}.kz .rd.on .bud{transform:scale(1.35)}
.kz .rd .bn{font:700 13px Inter,sans-serif;fill:#1a1410;pointer-events:none;opacity:0;transition:opacity .4s}.kz .rd.g .bn{opacity:1}
.kz .rd .lbl{font:500 13px Inter,sans-serif;fill:#fff;opacity:.55;pointer-events:none;paint-order:stroke;stroke:rgba(0,0,0,.35);stroke-width:3px}
.kz .rd.on .lbl{opacity:1;font-weight:600}
.kz .rd:focus-visible .bud{stroke:#fff;stroke-width:3}
.kz .cinfo{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;margin-top:30px;transition:opacity .25s,transform .25s}
.kz .cinfo.sw{opacity:0;transform:translateY(8px)}
.kz .cnum{font:300 clamp(64px,10vw,120px)/.9 Fraunces,Georgia,serif;color:var(--amb);letter-spacing:-.04em}
.kz .cinfo h2{font-size:clamp(30px,4.6vw,56px);margin:0 0 8px}
.kz .cinfo p{color:var(--mut);margin:0;max-width:520px}
.kz .cyc .note{margin-top:22px}
@media(max-width:780px){.kz .rd .lbl{display:none}.kz .rd.on .lbl{display:block}.kz .rd .bn{font-size:15px}.kz .cinfo{grid-template-columns:1fr;gap:6px}.kz .sdesc{display:none}}

.kz .rd .stem{stroke:var(--stem,#cfe0b4)}
.kz .rd .leaf{fill:var(--leaf,#cfe0b4)}.kz .rd.g .leaf{opacity:var(--lo,.85)}
.kz .rd .bud{fill:rgba(10,14,13,.5);stroke:var(--ink,#fff);stroke-opacity:.8}
.kz .rd.g .bud{fill:var(--acc,#e8ae72);stroke:var(--ink,#fff)}
.kz .rd .lbl{fill:var(--ink,#fff);stroke:var(--sk,#000);stroke-opacity:.55}
.kz .bf{fill:var(--bird,#eef0e8)}
.kz .scene{box-shadow:0 30px 70px rgba(0,0,0,.45)}
.kz .sname{color:var(--ink,#fff);text-shadow:none}
.kz #w1,.kz #w2{stroke:var(--bird,#fff)}
.kz .rd .stem{stroke-width:var(--sw,2.2);stroke-opacity:var(--so,.9)}

.kz .pv .al{display:block;margin-top:6px;font-size:11.5px;line-height:1.35;color:var(--fg);opacity:.85}.kz .pv small+em+.al{margin-top:8px}.kz .fon{max-width:640px;margin:14px 0 0;padding:10px 14px;border-left:2px solid var(--amb);color:var(--mut);font-size:14.5px}

/* Paylaşımlar: hero'nun hemen altında */
.kz .shr{padding:clamp(40px,8vh,80px) 0 clamp(36px,7vh,70px);background:var(--deep);border-bottom:1px solid var(--line)}
.kz .shr .sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px}
.kz .shr .sg a{display:flex;flex-direction:column;gap:6px;padding:20px 20px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.02);transition:border-color .25s,transform .25s,background .25s}
.kz .shr .sg a:hover{border-color:var(--amb);transform:translateY(-3px);background:rgba(232,174,114,.06)}
.kz .shr small{color:var(--mut);font-size:12.5px;letter-spacing:.04em}
.kz .shr h3{font-size:clamp(19px,2.2vw,24px);line-height:1.2;margin:0;font-weight:400}
.kz .shr .go{margin-top:auto;padding-top:10px;color:var(--amb);font-size:13px;letter-spacing:.08em}
.kz .shr .more{margin-top:16px}.kz .shr .more summary{cursor:pointer;color:var(--amb);font-size:14px}
.kz .hl{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);z-index:3;padding:9px 18px;border:1px solid rgba(238,240,232,.5);border-radius:99px;color:#eef0e8;text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:rgba(7,11,13,.35);backdrop-filter:blur(4px);opacity:0;animation:fade 1s 1.4s forwards}
.kz .hl:hover{border-color:var(--amb);color:var(--amb)}
/* Proje anlatımı: daha sıkı aralıklar */
.kz main>section:not(.end):not(.shr){padding-top:clamp(44px,8vh,90px);padding-bottom:clamp(44px,8vh,90px)}
.kz .ph h2,.kz .sl h2,.kz .rec h2,.kz .ethic h2,.kz .outs h2,.kz .who h2,.kz .pl h2{margin:10px 0 18px}
.kz .man p.big{margin-bottom:.3em}
.kz .end{padding:12vh 0 9vh}
@media(max-width:640px){.kz .hl{bottom:84px}}

/* Sade yapı: metin sahnenin içinde, yumuşak geçişli */
.kz .scene .cinfo{position:absolute;left:0;right:0;bottom:0;margin:0;display:block;padding:44px clamp(16px,3vw,32px) clamp(14px,2.6vw,26px);background:linear-gradient(to top,rgba(5,8,9,.82),rgba(5,8,9,0));color:#fff;transition:opacity .55s ease;pointer-events:none}
.kz .scene .cinfo.sw{opacity:0;transform:none}
.kz .scene .cnum{display:inline-block;font-size:12px;letter-spacing:.2em;color:var(--amb);margin:0 0 6px;font-family:inherit}
.kz .scene .cinfo h2{font-size:clamp(20px,3vw,34px);margin:0 0 4px;color:#fff}
.kz .scene .cinfo p{font-size:clamp(12.5px,1.4vw,15px);color:rgba(255,255,255,.82);max-width:560px;margin:0}
.kz .scene .cinfo>div{display:block}
.kz .det{background:var(--night);padding:clamp(28px,5vh,56px) 0}
.kz .det summary{cursor:pointer;color:var(--amb);font-size:15px;letter-spacing:.04em;padding:10px 0}
.kz .det details[open] summary{margin-bottom:10px}
.kz .det section{padding-top:clamp(28px,5vh,60px)!important;padding-bottom:clamp(20px,4vh,44px)!important;background:transparent!important;border-top:0!important}
.kz .det section:last-child{padding-bottom:0!important}
/* Üst menü: kaydırınca okunur kalsın */
.tv-kz.kz-sc .tvnav{background:rgba(5,8,12,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #27312c}
.kz .man{padding:clamp(48px,9vh,96px) 0 clamp(20px,4vh,40px)}
.kz .man p.big{font-size:clamp(24px,3.6vw,42px)}
.kz .man p.big span{opacity:.6}
.kz .scene .cinfo{opacity:1!important;transition:none;background:linear-gradient(to top,rgba(5,8,9,.9),rgba(5,8,9,.55) 55%,rgba(5,8,9,0));padding-top:70px}
.kz .scene .cinfo>*{transition:opacity .6s ease}
.kz .scene .cinfo.sw>*{opacity:0}
.kz .man>.w>.k{margin-bottom:18px}
/* Metin: sahnenin sol üstünde, gradyansız; sazlıklar açık kalır */
.kz .scene .cinfo{top:62px;bottom:auto;right:auto;left:0;width:min(300px,44%);background:none;padding:0 0 0 22px;color:var(--ink,#fff)}
.kz .scene .cinfo h2{font-size:clamp(17px,2vw,24px);color:var(--ink,#fff);text-shadow:0 1px 10px var(--sk,rgba(0,0,0,.3))}
.kz .scene .cinfo p{font-size:clamp(12px,1.2vw,14px);color:var(--ink,#fff);opacity:.85;text-shadow:0 1px 8px var(--sk,rgba(0,0,0,.3))}
.kz .scene .cnum{color:var(--ink,#fff);opacity:.6}
@media(max-width:780px){.kz .scene .cinfo{top:54px;padding-left:16px;width:58%}.kz .scene .cinfo p{display:none}}
.kz .scene .cinfo{top:20px;left:auto;right:0;text-align:right;padding:0 22px 0 0;width:min(280px,40%)}
.kz .scene .cinfo p{margin-left:auto}
@media(max-width:780px){.kz .scene .cinfo{top:16px;padding-right:14px;width:48%}}

.kz .kmap{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-top:34px;align-items:center}
.kz .kbox{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)}.kz .kbox svg{width:100%;display:block}
.kz{--mc:#e0825a}
.kz .il{fill:rgba(255,255,255,.04);stroke:var(--line);stroke-width:.6;transition:fill .2s}
.kz .il.on{cursor:pointer;fill:color-mix(in srgb,var(--mc) 22%,transparent);stroke:var(--mc);stroke-width:1}
.kz .il.on:hover,.kz .il.sel,.kz .il.on:focus-visible{fill:color-mix(in srgb,var(--mc) 45%,transparent);outline:none}
.kz .ring{fill:none;stroke:var(--mc);stroke-width:1;opacity:.5;pointer-events:none}.kz .dot{fill:var(--mc)}
.kz .dot.m-p{fill:#0b0f10;stroke:var(--mc);stroke-width:1.5}.kz .ring.m-p{opacity:.25}.kz .dot.m-t{fill:#f3d5c4}
.kz .mlb2{font:10px ui-monospace,monospace;fill:var(--ink,#eee);pointer-events:none}
.kz .mlb{font:11px ui-monospace,monospace;fill:var(--mut)}
.kz .kpn small{color:var(--mc);letter-spacing:.14em;text-transform:uppercase;font-size:11.5px}.kz .kpn h4{font:400 clamp(24px,3vw,32px) Fraunces,Georgia,serif;margin:6px 0}.kz .kpn p{color:var(--mut);margin:6px 0}.kz .kpn ul{padding-left:18px;margin:8px 0}.kz .kpn a{color:var(--ink,#fff)}
@media(max-width:780px){.kz .kmap{grid-template-columns:1fr}}
.kz .lg{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:12px;color:var(--mut)}.kz .lg span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;border:1.5px solid var(--mc);vertical-align:-1px}.kz .lg .m-s:before{background:var(--mc)}.kz .lg .m-t:before{background:#f3d5c4;border-color:#f3d5c4}


/* Yazı kartları: üstte kapak, altında bilgi (dergi düzeni) */
.kz .shr .sg{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.kz .shr .sg a{padding:0 20px 18px;overflow:hidden;gap:8px}
.kz .shr .sg a .cvw{display:block;margin:0 -20px 6px;aspect-ratio:3/2;overflow:hidden;background:#161a19;border-bottom:1px solid var(--line)}
.kz .shr .sg a .cvw img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;transition:transform .5s}
.kz .shr .sg a:hover .cvw img{transform:scale(1.04)}
.kz .shr .sg a .cvw-bos{display:flex;align-items:flex-end;padding:16px;background:linear-gradient(135deg,#15201c,#1b1713);position:relative}
.kz .shr .sg a .cvw-bos i{font:italic 400 22px/1.2 Fraunces,Georgia,serif;color:rgba(232,174,114,.55)}
.kz .shr .sg a .ex{margin:0;font-size:14.5px;line-height:1.55;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kz .shr .sg a .go{margin-top:auto;padding-top:6px}
.kz .shr .sg a .cvwhy{color:#c9a24a;text-transform:none;letter-spacing:0;font-size:11.5px}
