:root{
  --taupe:#7D7062; --taupe-d:#5E5348; --taupe-l:#A99D90;
  --ink:#26211D; --cream:#F7F3EE; --sand:#EDE6DC; --stone:#D9CFC3; --white:#FFFDFA;
  --serif:"Ivy Mode","Cormorant Garamond",Georgia,serif; --sans:"Jost",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:300;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:400;color:var(--taupe)}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.01em}
.h2 em{font-style:italic;color:var(--taupe)}
.btn{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;padding:16px 30px;border:1px solid currentColor;transition:.35s}
.btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.btn.solid{background:var(--taupe);border-color:var(--taupe);color:var(--white)}
.btn.solid:hover{background:var(--ink);border-color:var(--ink)}
.line-link{font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;transition:.3s}
.line-link:hover{color:var(--taupe)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
.reveal.in{opacity:1;transform:none}
/* ---- medya yer tutucu (gerçek video / fotoğraf gelecek) ---- */
.media{position:relative;overflow:hidden;background:var(--taupe-d);color:var(--white)}
.media .tone{position:absolute;inset:-6%;background:var(--bg);animation:drift 22s ease-in-out infinite alternate}
.media::after{content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes drift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-2%,1%)}}
.media .cap{position:absolute;left:22px;bottom:18px;z-index:2;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;opacity:.85}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;transition:.4s}
.play::before{content:"";border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.media:hover .play{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.12)}
.t1{--bg:radial-gradient(120% 90% at 20% 20%,#B3A594 0%,#7D7062 45%,#3C342D 100%)}
.t2{--bg:radial-gradient(110% 90% at 80% 30%,#CBBFAF 0%,#8E8172 50%,#463D35 100%)}
.t3{--bg:linear-gradient(150deg,#9B8E7F 0%,#6A5E52 55%,#2F2924 100%)}
.t4{--bg:radial-gradient(120% 100% at 50% 100%,#D8CDBF 0%,#A09383 40%,#5E5348 100%)}
.t5{--bg:linear-gradient(200deg,#C9BCAB 0%,#7D7062 60%,#4A4139 100%)}
/* ---- NAV ---- */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:.4s;color:var(--white)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:92px;transition:height .4s}
.nav.solid{background:rgba(43,36,31,.96);backdrop-filter:blur(12px);color:var(--cream);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.nav.solid .btn{border-color:var(--taupe-l)}
.nav.solid .btn:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.nav.solid .wrap{height:72px}
.logo{display:flex;flex-direction:column;line-height:1}
.logo b{font-family:var(--serif);font-weight:500;font-size:30px;letter-spacing:.32em}
.logo small{font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;margin-top:5px;opacity:.8}
.nav ul{list-style:none;display:flex;gap:38px}
.nav ul a{font-size:12px;letter-spacing:.18em;text-transform:uppercase;position:relative;padding:6px 0}
.nav ul a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:.35s}
.nav ul a:hover::after{right:0}
.nav .r{display:flex;align-items:center;gap:22px}
.lang{font-size:11px;letter-spacing:.2em}
.lang span{opacity:.5}
.nav .btn{padding:12px 22px}
.nav .btn:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.burger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;align-items:flex-end}
.burger i{display:block;height:1px;background:currentColor;width:26px;transition:.3s}
.burger i:last-child{width:16px}
.mnav{position:fixed;inset:0;z-index:60;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:center;padding:40px;opacity:0;visibility:hidden;transition:.4s}
.mnav.open{opacity:1;visibility:visible}
.mnav a{font-family:var(--serif);font-size:40px;line-height:1.5}
.mnav .x{position:absolute;right:28px;top:26px;font-size:26px;color:var(--cream)}
/* ---- HERO ---- */
.hero{height:100vh;min-height:640px;position:relative;color:var(--white)}
.hero .media{position:absolute;inset:0}
.hero .shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,16,13,.45) 0%,rgba(20,16,13,.1) 40%,rgba(20,16,13,.55) 100%)}
.hero .in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:90px}
.hero .eyebrow{color:rgba(255,255,255,.8)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,9vw,128px);line-height:.95;letter-spacing:-.02em;margin:22px 0 30px}
.hero h1 em{font-style:italic;font-weight:400}
.hero .row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.hero p{max-width:440px;font-size:16px;opacity:.9}
.hero .acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.watch{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.watch span{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;transition:.35s}
.watch span::before{content:"";border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.watch:hover span{background:rgba(255,255,255,.15);transform:scale(1.06)}
.hero .btn{color:var(--white)}
.hero .btn:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.levels{position:absolute;z-index:2;left:0;right:0;bottom:28px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.75}
.levels .wrap{display:flex;gap:28px;flex-wrap:wrap}
.scroll{position:absolute;right:32px;bottom:28px;z-index:2;width:1px;height:60px;background:rgba(255,255,255,.3);overflow:hidden}
.scroll::after{content:"";position:absolute;left:0;top:-30px;width:1px;height:30px;background:#fff;animation:sc 2.2s infinite}
@keyframes sc{to{top:60px}}
/* ---- INTRO ---- */
.intro{padding:150px 0 130px;text-align:center}
.intro p.big{font-family:var(--serif);font-size:clamp(28px,3.4vw,44px);line-height:1.3;max-width:980px;margin:28px auto 0;font-weight:400}
.intro p.big em{color:var(--taupe)}
.sign{margin-top:40px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
/* ---- DENEYİM ---- */
.exp{padding:40px 0 120px}
.exp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:70px;flex-wrap:wrap}
.exp-head p{max-width:380px;color:var(--taupe-d)}
.chap{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;margin-bottom:120px}
.chap:nth-child(even){grid-template-columns:1fr 1.25fr}
.chap:nth-child(even) .media{order:2}
.chap .media{aspect-ratio:4/5;cursor:pointer}
.chap:nth-child(odd) .media{aspect-ratio:5/4}
.chap .no{font-family:var(--serif);font-size:90px;line-height:1;color:var(--stone);font-style:italic}
.chap h3{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1.1;margin:10px 0 20px}
.chap p{color:#4b433c;max-width:420px;margin-bottom:28px}
.chap ul{list-style:none;margin-bottom:30px;border-top:1px solid var(--stone)}
.chap li{padding:13px 0;border-bottom:1px solid var(--stone);font-size:14px;display:flex;justify-content:space-between}
.chap li span{color:var(--taupe)}
/* ---- RAKAMLAR ---- */
.nums{background:var(--sand);padding:90px 0}
.nums .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.nums div div{padding:0 30px;border-left:1px solid var(--stone)}
.nums .wrap>div:first-child{border-left:0}
.nums .n{text-align:left;padding:0 34px;border-left:1px solid var(--stone)}
.nums .n:first-child{border-left:0;padding-left:0}
.nums b{display:block;font-family:var(--serif);font-weight:400;font-size:64px;line-height:1;color:var(--taupe-d)}
.nums small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
/* ---- REFERANSLAR ---- */
.testi{padding:150px 0 130px}
.tq{display:grid;grid-template-columns:260px 1fr;gap:80px;margin-top:60px}
.tq-side{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--stone);padding-right:40px}
.tq-count{font-family:var(--serif);font-size:20px;color:var(--taupe)}
.tq-count b{font-size:56px;font-weight:400;color:var(--ink)}
.tq-arrows{display:flex;gap:10px;margin-top:20px}
.tq-arrows button{width:54px;height:54px;border-radius:50%;border:1px solid var(--stone);font-size:18px;transition:.3s}
.tq-arrows button:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.tq-body{min-height:300px}
.tq blockquote{font-family:var(--serif);font-size:clamp(28px,3.2vw,42px);line-height:1.28;font-weight:400;transition:opacity .5s}
.tq blockquote::before{content:"“";display:block;font-size:110px;line-height:.6;color:var(--taupe);margin-bottom:6px}
.tq .who{margin-top:34px;display:flex;align-items:center;gap:18px;transition:opacity .5s}
.tq .av{width:58px;height:58px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-family:var(--serif);font-size:22px;color:var(--taupe-d)}
.tq .who b{display:block;font-weight:400;font-size:15px}
.tq .who small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.fade{opacity:0!important}
.vt{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:100px}
.vt .media{aspect-ratio:3/4;cursor:pointer}
.vt .play{width:64px;height:64px}
.vt h4{font-family:var(--serif);font-weight:400;font-size:24px;margin-top:18px}
.vt small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
/* ---- BAŞVURU ---- */
.apply{background:var(--ink);color:var(--cream);padding:140px 0}
.apply .eyebrow{color:var(--taupe-l)}
.apply .h2 em{color:var(--taupe-l)}
.ap{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.ap-l p{color:rgba(247,243,238,.7);max-width:420px;margin:26px 0 40px}
.ap-steps{list-style:none;border-top:1px solid rgba(255,255,255,.12)}
.ap-steps li{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(247,243,238,.55);transition:.3s}
.ap-steps li b{font-family:var(--serif);font-weight:400;font-size:20px;width:30px}
.ap-steps li.on{color:var(--cream)}
.ap-steps li.done{color:var(--taupe-l)}
.form h3{font-family:var(--serif);font-weight:400;font-size:30px;margin-bottom:6px}
.form .sub{font-size:13px;color:rgba(247,243,238,.6);margin-bottom:36px}
.bar{height:1px;background:rgba(255,255,255,.15);margin-bottom:40px;position:relative}
.bar i{position:absolute;left:0;top:0;height:1px;background:var(--taupe-l);transition:width .6s}
.fld{position:relative;margin-bottom:30px}
.fld input,.fld select{width:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.25);color:var(--cream);font:inherit;font-size:16px;padding:14px 0 10px;outline:none;transition:border-color .3s;border-radius:0;appearance:none}
.fld select option{color:var(--ink)}
.fld label{position:absolute;left:0;top:14px;font-size:14px;color:rgba(247,243,238,.55);pointer-events:none;transition:.25s}
.fld input:focus,.fld select:focus{border-color:var(--taupe-l)}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld select:focus+label,.fld select.has+label{top:-8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe-l)}
.fld.err input,.fld.err select{border-color:#d49b8a}
.fld .em{display:none;font-size:12px;color:#e2ad9c;margin-top:6px}
.fld.err .em{display:block}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}
.choices button{border:1px solid rgba(255,255,255,.2);padding:20px;text-align:left;transition:.3s}
.choices button b{display:block;font-family:var(--serif);font-weight:400;font-size:22px}
.choices button small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,243,238,.5)}
.choices button:hover{border-color:var(--taupe-l)}
.choices button.on{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.choices button.on small{color:var(--taupe)}
.choices.err button{border-color:#d49b8a}
.f-acts{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.f-acts .back{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,243,238,.6)}
.f-acts .back:disabled{visibility:hidden}
.apply .btn{color:var(--cream)}
.apply .btn.solid:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.kv{display:flex;gap:12px;font-size:12.5px;color:rgba(247,243,238,.6);align-items:flex-start;margin-bottom:20px}
.kv input{accent-color:var(--taupe);margin-top:3px}
.kv.err{color:#e2ad9c}
.done{text-align:center;padding:30px 0}
.done .ring{width:84px;height:84px;border-radius:50%;border:1px solid var(--taupe-l);display:grid;place-items:center;margin:0 auto 26px;font-family:var(--serif);font-size:36px;color:var(--taupe-l)}
.done h3{font-family:var(--serif);font-weight:400;font-size:38px}
.done p{color:rgba(247,243,238,.7);margin:12px auto 0;max-width:380px}
.done .no{display:inline-block;margin-top:24px;font-size:12px;letter-spacing:.24em;border:1px solid rgba(255,255,255,.2);padding:10px 18px}
/* ---- FOOTER ---- */
.ft{background:#7F6F60;color:rgba(255,253,250,.78);border-top:0;padding:70px 0 34px;font-size:13px}
.ft .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px}
.ft .logo{color:var(--cream)}
.ft h6{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cream);font-weight:400;margin-bottom:18px}
.ft li{list-style:none;margin-bottom:10px}
.ft a:hover{color:#fff}
.ft .soc{display:flex;gap:10px;margin-top:22px}
.ft .soc a{width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-size:12px;letter-spacing:.05em;transition:.3s}
.ft .soc a:hover{background:#fff;color:#7F6F60}
.ft .news{display:flex;border-bottom:1px solid rgba(255,255,255,.4);margin-top:6px}
.ft .news input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;font-size:14px;padding:10px 0;outline:none}
.ft .news input::placeholder{color:rgba(255,255,255,.6)}
.ft .news button{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.ft .bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.22);padding-top:26px;font-size:12px}
/* ---- VİDEO PENCERESİ ---- */
.vm{position:fixed;inset:0;z-index:80;background:rgba(20,16,13,.92);display:none;align-items:center;justify-content:center;padding:30px}
.vm.open{display:flex}
.vm .media{width:min(1100px,100%);aspect-ratio:16/9}
.vm .media .msg{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.vm .media .msg b{font-family:var(--serif);font-weight:400;font-size:34px}
.vm .media .msg span{font-size:13px;opacity:.8}
.vm .x{position:absolute;top:22px;right:28px;color:var(--cream);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
/* ---- PRELOADER ---- */
.pre{position:fixed;inset:0;z-index:100;background:#2B241F;color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .8s ease,visibility .8s}
.pre.out{opacity:0;visibility:hidden}
.pre .w{font-family:var(--serif);font-size:46px;letter-spacing:.42em;margin-right:-.42em;display:flex}
.pre .w span{opacity:0;transform:translateY(14px);animation:pl .7s forwards}
.pre .w span:nth-child(2){animation-delay:.12s}.pre .w span:nth-child(3){animation-delay:.24s}.pre .w span:nth-child(4){animation-delay:.36s}
@keyframes pl{to{opacity:1;transform:none}}
.pre small{font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--taupe-l);opacity:0;animation:pl .8s .5s forwards}
.pre .ln{width:160px;height:1px;background:rgba(255,255,255,.15);overflow:hidden}
.pre .ln i{display:block;height:100%;width:0;background:var(--taupe-l);animation:ln 1.3s .2s ease forwards}
@keyframes ln{to{width:100%}}
body.loading{overflow:hidden}
/* ---- HERO SLIDER ---- */
.hero{overflow:hidden}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s}
.hs-slide.on{opacity:1;visibility:visible;z-index:1}
.hs-slide .media{position:absolute;inset:0}
.hs-slide .media .tone{animation:none;transform:scale(1.12);transition:transform 8s linear}
.hs-slide.on .media .tone{transform:scale(1)}
.hs-slide .in>*{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}
.hs-slide.on .in>*{opacity:1;transform:none}
.hs-slide.on .in>*:nth-child(1){transition-delay:.35s}.hs-slide.on .in>*:nth-child(2){transition-delay:.5s}.hs-slide.on .in>*:nth-child(3){transition-delay:.7s}
.hs-slide .in{padding-bottom:180px}
.hs-slide .ph{position:absolute;z-index:2;right:32px;top:116px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px dashed rgba(255,255,255,.35);padding:6px 12px}
.hs-ctrl{position:absolute;z-index:3;left:0;right:0;bottom:28px}
.hs-ctrl .wrap{display:flex;align-items:flex-end;gap:30px}
.hs-tabs{flex:1;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:22px}
.hs-tab{text-align:left;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:color .4s;padding:0}
.hs-tab b{display:block;font-family:var(--serif);font-weight:400;font-size:15px;letter-spacing:.06em;margin-bottom:10px}
.hs-tab i{display:block;height:1px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.hs-tab i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#fff}
.hs-tab.on{color:#fff}
.hs-tab.on i::after{animation:hsf var(--d) linear forwards}
.hero.paused .hs-tab.on i::after{animation-play-state:paused}
.hs-tab.done i::after{width:100%}
@keyframes hsf{to{width:100%}}
.hs-arr{display:flex;gap:10px;align-items:center}
.hs-arr button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.45);color:#fff;font-size:17px;transition:.3s}
.hs-arr button:hover{background:#fff;color:var(--ink)}
.hs-arr .cnt{font-family:var(--serif);color:#fff;font-size:18px;min-width:70px;text-align:center}
.hs-arr .cnt span{opacity:.5;font-size:14px}
/* ---- HABERLER & DUYURULAR ---- */
.nd{padding:140px 0 120px;background:var(--cream)}
.nd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:60px}
.nd-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:56px;align-items:start}
.tl{position:relative;padding-left:38px}
.tl::before{content:"";position:absolute;left:8px;top:8px;bottom:30px;width:1px;background:var(--stone)}
.tl-i{position:relative;padding-bottom:34px}
.tl-i::before{content:"";position:absolute;left:-36px;top:5px;width:15px;height:15px;border-radius:50%;background:var(--cream);border:1px solid var(--taupe)}
.tl-i:hover::before{background:var(--taupe)}
.tl-m{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--taupe);margin-bottom:12px}
.tl-c{display:grid;grid-template-columns:1fr 190px;gap:26px;align-items:center;background:var(--white);border:1px solid var(--sand);padding:22px 22px 22px 28px;transition:.4s}
.tl-c:hover{border-color:var(--stone);box-shadow:0 24px 50px rgba(38,33,29,.07);transform:translateX(4px)}
.tl-c .chip{display:inline-block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--taupe-l);color:var(--taupe-d);padding:4px 10px}
.tl-c h4{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.2;margin:12px 0 8px}
.tl-c p{font-size:14px;color:#5f564e}
.tl-c .media{aspect-ratio:4/3}
.tl-c .media .tone{animation:none}
.board{background:#2B241F;color:var(--cream);padding:38px 34px;position:sticky;top:100px}
.board .eyebrow{color:var(--taupe-l)}
.board h3{font-family:var(--serif);font-weight:400;font-size:34px;margin:10px 0 4px}
.board>p{font-size:13px;color:rgba(247,243,238,.6);margin-bottom:24px}
.an{display:flex;gap:18px;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);transition:.3s}
.an:hover{padding-left:6px}
.an .d{flex:0 0 58px;height:62px;border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.an .d b{font-family:var(--serif);font-weight:400;font-size:26px}
.an .d small{font-size:9.5px;letter-spacing:.2em;margin-top:4px;color:var(--taupe-l)}
.an.hot .d{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.an.hot .d small{color:var(--taupe)}
.an h5{font-weight:400;font-size:15px;line-height:1.35;color:var(--cream)}
.an span{font-size:12px;color:rgba(247,243,238,.55)}
.board .btn{width:100%;justify-content:center;margin-top:22px;color:var(--cream);border-color:rgba(255,255,255,.3)}
.board .btn:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
@media (max-width:1000px){
  .hs-tabs{display:none}
  .hs-slide .in{padding-bottom:120px}
  .hs-ctrl .wrap{justify-content:flex-end}
  .nd-grid{grid-template-columns:1fr}
  .board{position:static}
}
@media (max-width:600px){
  .tl{padding-left:28px}.tl-i::before{left:-26px}.tl::before{left:6px}
  .tl-c{grid-template-columns:1fr;padding:18px}
  .tl-c .media{order:-1;aspect-ratio:16/9}
  .hs-slide .ph{display:none}
  .hs-arr button{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.pre{display:none}.hs-slide .media .tone{transition:none}}
@media (max-width:1000px){
  .nav ul,.nav .lang,.nav .btn{display:none}
  .burger{display:flex}
  .chap,.chap:nth-child(even){grid-template-columns:1fr;gap:34px;margin-bottom:80px}
  .chap:nth-child(even) .media{order:0}
  .tq{grid-template-columns:1fr;gap:30px}
  .tq-side{border-right:0;padding-right:0;flex-direction:row;align-items:flex-end}
  .vt{grid-template-columns:1fr 1fr}
  .ap{grid-template-columns:1fr;gap:60px}
  .nums .wrap{grid-template-columns:1fr 1fr;gap:40px 0}
  .nums .n:nth-child(3){border-left:0;padding-left:0}
  .ft .top{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .wrap{padding:0 22px}
  .hero .in{padding-bottom:110px}
  .levels .wrap{gap:14px;font-size:10px}
  .intro{padding:100px 0 80px}
  .chap h3{font-size:34px}
  .vt{grid-template-columns:1fr}
  .vt .media{aspect-ratio:4/3}
  .choices{grid-template-columns:1fr}
  .nums b{font-size:46px}
  .nums .n{padding:0 18px}
  .scroll{display:none}
}
/* =========== v3 · LOGO RENKLERİ & KADEMELER =========== */
:root{--c-oo:#53B8EA;--c-ilk:#E9B312;--c-orta:#8A1531;--c-lise:#40A54A;--navy:#0B3049}
/* header: açık zemin, renkli logo */
.nav,.nav.solid{background:rgba(251,249,246,.97);backdrop-filter:blur(10px);color:var(--ink);box-shadow:0 1px 0 rgba(38,33,29,.08)}
.nav::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--c-oo) 0 25%,#FDC821 25% 50%,var(--c-orta) 50% 75%,var(--c-lise) 75%)}
.nav .wrap{height:96px}.nav.solid .wrap{height:76px}
.logo-img{display:block;height:46px;width:auto;transition:height .4s}
.nav.solid .logo-img{height:38px}
.nav .btn,.nav.solid .btn{color:var(--ink);border-color:var(--ink)}
.nav .btn:hover,.nav.solid .btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.nav .lang span{opacity:.45}
.nav li.dd{position:relative}
.nav li.dd>a::before{content:"";position:absolute;left:-14px;right:-14px;top:100%;height:30px}
.ddp{position:absolute;left:0;top:calc(100% + 26px);transform:translate(-24px,8px);width:560px;background:#fff;box-shadow:0 30px 60px rgba(38,33,29,.14);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:12px;opacity:0;visibility:hidden;transition:.3s}
.nav li.dd:hover .ddp,.nav li.dd:focus-within .ddp{opacity:1;visibility:visible;transform:translate(-24px,0)}
.nav .ddp a{display:flex;gap:14px;align-items:center;padding:16px;letter-spacing:0;text-transform:none;font-size:14px;transition:background .3s}
.nav .ddp a::after{display:none}
.ddp a::after{display:none}
.ddp a:hover{background:var(--cream)}
.ddp i{flex:0 0 10px;height:38px;background:var(--lc)}
.ddp b{display:block;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.1}
.ddp small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.hero{margin-top:96px;height:calc(100vh - 96px);min-height:600px}
.mnav .lvl{display:flex;flex-direction:column;gap:2px;margin:6px 0 14px;padding-left:4px}
.mnav .lvl a{font-family:var(--sans);font-size:17px;line-height:1.9;display:flex;align-items:center;gap:12px}
.mnav .lvl a i{width:22px;height:3px;background:var(--lc)}
/* preloader: logo işareti */
.pre{background:#FBF9F6;color:var(--ink)}
.pre img{width:150px;height:auto;opacity:0;transform:scale(.94);animation:pl .9s .1s forwards}
.pre small{color:var(--taupe)}
.pre .ln{width:200px;height:3px;background:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.pre .ln i{background:var(--c);width:0;animation:ln .35s ease forwards}
.pre .ln i:nth-child(2){animation-delay:.35s}.pre .ln i:nth-child(3){animation-delay:.7s}.pre .ln i:nth-child(4){animation-delay:1.05s}
/* hero slider kademe rengi */
.hs-slide .eyebrow{display:flex;align-items:center;gap:12px}
.hs-slide .eyebrow i{width:26px;height:3px;background:var(--lc,#fff)}
.hs-slide .shade{background:linear-gradient(180deg,rgba(20,16,13,.25) 0%,rgba(20,16,13,.12) 40%,rgba(20,16,13,.62) 100%)}
.hs-tab i::after{background:var(--lc,#fff)}
.hs-tab b{display:flex;align-items:center;gap:8px}
.hs-tab b s{width:8px;height:8px;border-radius:50%;background:var(--lc,#fff);text-decoration:none}
.lt-oo{--bg:radial-gradient(70% 60% at 78% 22%,rgba(83,184,234,.42),transparent 70%),radial-gradient(120% 90% at 20% 20%,#B3A594 0%,#7D7062 45%,#3C342D 100%)}
.lt-ilk{--bg:radial-gradient(70% 60% at 78% 22%,rgba(253,200,33,.38),transparent 70%),radial-gradient(110% 90% at 30% 30%,#CBBFAF 0%,#8E8172 50%,#463D35 100%)}
.lt-orta{--bg:radial-gradient(70% 60% at 78% 22%,rgba(138,21,49,.45),transparent 70%),linear-gradient(150deg,#9B8E7F 0%,#6A5E52 55%,#2F2924 100%)}
.lt-lise{--bg:radial-gradient(70% 60% at 78% 22%,rgba(64,165,74,.38),transparent 70%),linear-gradient(200deg,#C9BCAB 0%,#7D7062 60%,#4A4139 100%)}
/* kademe vitrini */
.lvb{padding:120px 0 40px}
.lvb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.lvb-head p{max-width:420px;color:#5f564e}
.lvb-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}
.lvt{scroll-margin-top:110px;position:relative;padding:44px 30px 36px;border-left:1px solid var(--stone);display:flex;flex-direction:column;min-height:560px;transition:background .5s;overflow:hidden}
.lvt:first-child{border-left:0}
.lvt::before{content:"";position:absolute;left:0;right:0;top:-1px;height:4px;background:var(--lc);transform:scaleX(.18);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lvt:hover{background:color-mix(in srgb,var(--lc) 7%,var(--white))}
.lvt:hover::before{transform:scaleX(1)}
.lvt .shape{width:46px;height:46px;margin-bottom:34px;background:var(--lc);transition:transform .6s}
.lvt:hover .shape{transform:rotate(-8deg) scale(1.08)}
.shape.tri{clip-path:polygon(50% 0,100% 100%,0 100%)}
.shape.bar{width:14px}
.shape.circ{border-radius:50%;background:linear-gradient(135deg,#E8323A 0 49%,transparent 49% 53%,var(--c-orta) 53%)}
.lvt .no{font-family:var(--serif);font-size:15px;color:var(--taupe);letter-spacing:.1em}
.lvt h3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.05;margin:6px 0 4px}
.lvt .age{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb,var(--lc) 72%,#000);font-weight:500}
.lvt p{font-size:14.5px;color:#5f564e;margin:20px 0 22px}
.lvt ul{list-style:none;border-top:1px solid var(--sand);margin-bottom:28px}
.lvt li{font-size:13.5px;padding:10px 0;border-bottom:1px solid var(--sand);display:flex;gap:10px;align-items:center}
.lvt li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lc);flex-shrink:0}
.lvt .acts{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.lvt .acts a.go{font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:3px}
.lvt .acts button{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.lvt .acts button:hover{color:var(--ink)}
/* kademe bölümleri */
.chap .no{font-style:normal;font-size:16px;letter-spacing:.24em;text-transform:uppercase;color:var(--lc);display:flex;align-items:center;gap:14px;filter:brightness(.88);font-family:var(--sans);font-weight:500}
.chap .no::before{content:"";width:40px;height:3px;background:var(--lc)}
.chap h3{font-size:54px;margin-top:14px}
.chap .lead{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--taupe-d);margin:-8px 0 18px}
.chap li span{color:var(--ink);font-weight:400}
.chap .media{box-shadow:inset 0 -6px 0 var(--lc)}
.chap .media::before{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:5px;background:var(--lc)}
.chap .cta{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.chap .cta button{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.chap .cta button:hover{color:var(--ink)}
/* başvuru: kademe renkleri */
.choices button{position:relative;padding-left:26px}
.choices button::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:4px;background:var(--lc)}
.choices button.on{background:var(--cream)}
.tq .who .lvd{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lc);margin-right:8px}
.ft .logo-img{height:46px;filter:brightness(0) invert(1);opacity:.95}
@media (max-width:1100px){.lvb-grid{grid-template-columns:1fr 1fr}.lvt:nth-child(3){border-left:0}.lvt:nth-child(n+3){border-top:1px solid var(--stone)}.lvt{min-height:0}}
@media (max-width:1000px){.nav .wrap,.nav.solid .wrap{height:76px}.logo-img,.nav.solid .logo-img{height:42px}.hero{margin-top:76px;height:calc(100vh - 76px)}.chap h3{font-size:42px}}
@media (max-width:600px){.lvb-grid{grid-template-columns:1fr}.lvt{border-left:0!important;border-top:1px solid var(--stone)}.lvt:first-child{border-top:0}.lvt{padding:34px 4px 30px}.lvt h3{font-size:34px}.lvb{padding-top:80px}.logo-img,.nav.solid .logo-img{height:36px}}
/* =========== v4 · HABERLER =========== */
.nw{padding:140px 0 0;background:var(--cream)}
.nw-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:54px}
.nw-tools{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nw-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.nw-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--stone);padding:8px 14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:.3s;background:transparent}
.nw-chip i{width:7px;height:7px;border-radius:50%;background:var(--lc)}
.nw-chip:hover{border-color:var(--ink)}
.nw-chip.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.nw-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:stretch;min-height:520px}
.nw-feat{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:540px;color:#fff;overflow:hidden}
.nw-feat .media{position:absolute;inset:0}
.nw-feat .media .tone{transition:transform 1.4s ease;animation:none}
.nw-feat:hover .media .tone{transform:scale(1.05)}
.nw-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,13,0) 30%,rgba(20,16,13,.78) 100%)}
.nw-feat .in{position:relative;z-index:2;padding:40px}
.nw-date{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}
.nw-date b{font-family:var(--serif);font-weight:400;font-size:84px;line-height:.8}
.nw-date span{font-size:11px;letter-spacing:.26em;text-transform:uppercase;opacity:.85;line-height:1.5}
.nw-feat h3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.1;max-width:560px}
.nw-feat p{opacity:.85;max-width:480px;margin:12px 0 22px;font-size:15px}
.nw-feat .lnk{font-size:12px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:4px}
.nw-cat{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase}
.nw-dots{display:inline-flex;gap:4px}
.nw-dots i{width:7px;height:7px;border-radius:50%;background:var(--lc)}
.nw-list{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.nw-row{display:grid;grid-template-columns:118px 1fr 26px;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--stone);transition:padding .4s}
.nw-row .media{aspect-ratio:4/3}
.nw-row .media .tone{animation:none}
.nw-row .m{display:flex;gap:12px;align-items:center;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe)}
.nw-row h4{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.2;margin-top:8px}
.nw-row .ar{font-size:18px;color:var(--taupe);transition:transform .4s}
.nw-row:hover{padding-left:10px}
.nw-row:hover .ar{transform:translateX(6px);color:var(--ink)}
.nw-empty{grid-column:1/-1;padding:80px 0;text-align:center;color:var(--taupe);border:1px dashed var(--stone)}
.nw-ann{margin-top:110px;background:#2B241F;color:var(--cream);padding:90px 0;overflow:hidden}
.nw-ann-in{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:stretch}
.nw-ann .eyebrow{color:var(--taupe-l)}
.nw-ann-l h3{font-family:var(--serif);font-weight:400;font-size:52px;line-height:1;margin:14px 0 14px}
.nw-ann-l h3 em{color:var(--taupe-l)}
.nw-ann-l p{font-size:14px;color:rgba(247,243,238,.6);margin-bottom:30px}
.nw-arr{display:flex;gap:10px;margin-bottom:30px}
.nw-arr button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);font-size:17px;transition:.3s}
.nw-arr button:hover{background:var(--cream);color:var(--ink)}
.nw-ann .line-link{color:var(--cream)}
.nw-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-right:calc((100vw - 1240px)/-2 - 32px);padding-right:32px}
.nw-track::-webkit-scrollbar{display:none}
.an2{flex:0 0 290px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.14);padding:30px 28px;display:flex;flex-direction:column;min-height:320px;transition:.4s;position:relative}
.an2:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.3)}
.an2.hot{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.an2 .d{display:flex;align-items:flex-end;gap:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14)}
.an2.hot .d{border-color:var(--stone)}
.an2 .d b{font-family:var(--serif);font-weight:400;font-size:74px;line-height:.8}
.an2 .d span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;line-height:1.5;color:var(--taupe-l)}
.an2.hot .d span{color:var(--taupe)}
.an2 h5{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2}
.an2 small{font-size:13px;color:rgba(247,243,238,.6);margin-top:8px}
.an2.hot small{color:#5f564e}
.an2 .ft2{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.an2 .badge{position:absolute;top:-1px;right:-1px;background:#2B241F;color:var(--cream);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;padding:6px 10px}
/* =========== v4 · VELİLERİMİZ ANLATIYOR =========== */
.vc{position:relative;background:var(--sand);padding:150px 0 120px;overflow:hidden}
.vc-glyph{position:absolute;right:-40px;top:-150px;font-family:var(--serif);font-size:620px;line-height:1;color:rgba(125,112,98,.08);pointer-events:none}
.vc .wrap{position:relative}
.vc-head{text-align:center;max-width:640px;margin:0 auto 80px}
.vc-head p{color:#5f564e;margin-top:16px}
.vc-stage{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}
.vc-film{aspect-ratio:4/5;cursor:pointer;outline:1px solid var(--stone);outline-offset:14px}
.vc-film .tone{transition:opacity .6s}
.vc-film::before{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:6px;background:var(--lc);transition:background .6s}
.vc-len{position:absolute;z-index:2;left:22px;top:20px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;background:rgba(20,16,13,.35);padding:6px 12px}
.vc-film-cap{position:absolute;z-index:2;left:22px;bottom:28px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase}
.vc-q{width:58px;fill:var(--lc);transition:fill .6s;margin-bottom:26px}
.vc blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1.25;letter-spacing:-.005em;transition:opacity .45s,transform .45s}
.vc-who{display:flex;align-items:center;gap:18px;margin-top:36px;transition:opacity .45s}
.vc-who .av{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:24px;background:var(--white);box-shadow:0 0 0 2px var(--sand),0 0 0 3px var(--lc)}
.vc-who b{display:block;font-weight:400;font-size:17px}
.vc-who small{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.vc-who .lvn{color:color-mix(in srgb,var(--lc) 75%,#000)}
.vc.sw blockquote,.vc.sw .vc-who{opacity:0;transform:translateY(10px)}
.vc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:26px;border-top:1px solid var(--stone)}
.vc-cnt{font-family:var(--serif);font-size:20px;color:var(--taupe)}
.vc-cnt b{font-weight:400;font-size:34px;color:var(--ink)}
.vc-nav div{display:flex;gap:10px}
.vc-nav button{width:52px;height:52px;border-radius:50%;border:1px solid var(--stone);font-size:17px;transition:.3s}
.vc-nav button:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.vc-people{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:80px}
.vp{display:flex;align-items:center;gap:12px;padding:16px;text-align:left;border:1px solid transparent;position:relative;transition:.35s}
.vp:hover{background:rgba(255,253,250,.5)}
.vp.on{background:var(--white);border-color:var(--white);box-shadow:0 18px 40px rgba(38,33,29,.08)}
.vp .av{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:17px;background:var(--cream);box-shadow:0 0 0 2px var(--sand),0 0 0 3px var(--lc)}
.vp b{display:block;font-weight:400;font-size:14px}
.vp small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.vp i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--lc)}
.vp.on i{animation:vpf var(--d) linear forwards}
.vc.paused .vp.on i{animation-play-state:paused}
@keyframes vpf{to{width:100%}}
.vc-note{font-size:11px;color:var(--taupe);margin-top:26px;text-align:center}
@media (max-width:1100px){.vc-people{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1000px){
  .nw-grid{grid-template-columns:1fr;gap:30px}.nw-feat{min-height:440px}
  .nw-chips{justify-content:flex-start}
  .nw-ann-in{grid-template-columns:1fr;gap:34px}
  .nw-track{margin-right:-32px}
  .vc-stage{grid-template-columns:1fr;gap:50px}
  .vc-film{aspect-ratio:16/11;outline-offset:10px}
}
@media (max-width:600px){
  .nw{padding-top:90px}.nw-feat .in{padding:26px}.nw-feat h3{font-size:30px}.nw-date b{font-size:60px}
  .nw-row{grid-template-columns:88px 1fr;gap:16px}.nw-row .ar{display:none}.nw-row h4{font-size:19px}
  .nw-track{margin-right:-22px;padding-right:22px}.an2{flex-basis:78vw}
  .vc{padding:100px 0 80px}.vc-glyph{font-size:360px;top:-80px}
  .vc-people{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:50px -22px 0;padding:0 22px}
  .vp{flex:0 0 72%;scroll-snap-align:start}
}
/* =========== v5 · KADEMELER (genişleyen paneller) =========== */
.kx{padding:100px 0 40px}
.kx-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:40px}
.kx-legend p{color:#5f564e;margin-bottom:22px;max-width:440px}
.kx-word{display:flex;gap:4px}
.kx-word button{flex:1;text-align:left;padding:12px 14px 10px;border-top:3px solid var(--stone);transition:.4s}
.kx-word button b{display:block;font-family:var(--serif);font-weight:500;font-size:34px;line-height:1;color:var(--stone);transition:.4s}
.kx-word button small{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe)}
.kx-word button.on,.kx-word button:hover{border-color:var(--lc)}
.kx-word button.on b,.kx-word button:hover b{color:var(--lc)}
.kx-row{display:flex;gap:8px;height:440px}
.kx-p{position:relative;flex:1;overflow:hidden;cursor:pointer;color:#fff;transition:flex .8s cubic-bezier(.6,.05,.25,1);scroll-margin-top:110px;outline:none}
.kx-p.on{flex:3.4;cursor:default}
.kx-p:focus-visible{box-shadow:inset 0 0 0 3px var(--lc)}
.kx-p .media{position:absolute;inset:0}
.kx-p .media .tone{animation:none;transition:transform 1.6s ease}
.kx-p.on .media .tone{transform:scale(1.06)}
.kx-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,16,13,.15) 0%,rgba(20,16,13,.35) 45%,rgba(20,16,13,.82) 100%);transition:.6s}
.kx-p:not(.on) .kx-shade{background:rgba(30,25,21,.55)}
.kx-p::after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:5px;background:var(--lc);transform:scaleX(0);transform-origin:left;transition:transform .8s .2s}
.kx-p.on::after{transform:scaleX(1)}
.kx-letter{position:absolute;z-index:1;right:-.06em;top:-.2em;font-family:var(--serif);font-weight:500;font-size:360px;line-height:1;color:var(--lc);opacity:0;mix-blend-mode:screen;transition:opacity .9s,transform 1s;transform:translateX(40px);pointer-events:none}
.kx-p.on .kx-letter{opacity:.32;transform:none}
.kx-shape{display:block;width:44px}
.kx-shape svg{display:block;width:100%;height:auto}
.kx-closed{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 8px;transition:opacity .4s}
.kx-p.on .kx-closed{opacity:0;pointer-events:none}
.kx-closed .kx-shape{width:36px}
.kx-v{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--serif);font-size:28px;letter-spacing:.02em;white-space:nowrap}
.kx-no{font-size:12px;letter-spacing:.24em;opacity:.8}
.kx-p:not(.on):hover .kx-shade{background:rgba(30,25,21,.35)}
.kx-open{position:absolute;z-index:2;inset:0;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .35s;pointer-events:none;min-width:520px}
.kx-p.on .kx-open{opacity:1;transition:opacity .6s .45s;pointer-events:auto}
.kx-top{display:flex;align-items:center;gap:18px}
.kx-age{font-size:11px;letter-spacing:.28em;text-transform:uppercase;border:1px solid rgba(255,255,255,.4);padding:7px 14px}
.kx-body{max-width:520px}
.kx-body h3{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1}
.kx-lead{font-family:var(--serif);font-style:italic;font-size:20px;color:color-mix(in srgb,var(--lc) 55%,#fff);margin:10px 0 14px}
.kx-body>p:not(.kx-lead){font-size:15px;opacity:.88}
.kx-body ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}
.kx-body li{border-left-color:color-mix(in srgb,var(--lc) 70%,#fff)!important;font-size:12.5px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);padding:7px 14px;border-left:3px solid var(--lc)}
.kx-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.kx-go{font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:#fff;color:var(--ink);padding:11px 18px;transition:.3s}
.kx-go:hover{background:var(--lc);color:#fff}
.kx-ap,.kx-vid{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.5);padding:10px 16px;transition:.3s}
.kx-ap:hover,.kx-vid:hover{background:rgba(255,255,255,.15)}
@media (max-width:1000px){
  .kx-head{grid-template-columns:1fr;gap:26px}
  .kx-row{flex-direction:column;height:auto;gap:8px}
  .kx-p,.kx-p.on{flex:none}
  .kx-p{height:76px;transition:height .7s cubic-bezier(.6,.05,.25,1)}
  .kx-p.on{height:440px}
  .kx-closed{flex-direction:row;padding:0 24px}
  .kx-closed .kx-shape{width:30px;max-height:44px;overflow:hidden;display:flex;justify-content:center}
  .kx-closed .kx-shape svg{height:40px;width:auto}
  .kx-v{writing-mode:horizontal-tb;transform:none;font-size:28px;margin-right:auto;margin-left:18px}
  .kx-open{min-width:0;padding:30px 26px}
  .kx-letter{font-size:360px}
}
@media (max-width:600px){
  .kx{padding-top:90px}
  .kx-p.on{height:480px}
  .kx-body h3{font-size:44px}.kx-lead{font-size:20px}
  .kx-word button b{font-size:26px}
}
/* =========== v6 · KADEMELER (harf kartları) =========== */
.hks{padding:100px 0 40px}
.hks-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:38px}
.hks-head p{max-width:420px;color:#5f564e;font-size:14.5px}
.hks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hk{position:relative;display:flex;flex-direction:column;background:var(--white);transition:transform .5s,box-shadow .5s;scroll-margin-top:110px}
.hk:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(38,33,29,.12)}
.hk .media{height:170px}
.hk .media .tone{animation:none;transition:transform 1.2s ease}
.hk:hover .media .tone{transform:scale(1.08)}
.hk-l{position:absolute;left:20px;top:170px;transform:translateY(-62%);font-family:var(--serif);font-weight:500;font-size:116px;line-height:1;color:var(--lc);text-shadow:0 2px 0 var(--white);pointer-events:none}
.hk .body{padding:44px 22px 22px;display:flex;flex-direction:column;flex:1;border-top:3px solid var(--lc)}
.hk small{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--lc) 70%,#000)}
.hk h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin:4px 0 8px}
.hk p{font-size:13.5px;color:#5f564e;margin-bottom:18px}
.hk-ft{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.hk-go{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.hk-go .ar{width:34px;height:34px;border-radius:50%;border:1px solid var(--stone);display:grid;place-items:center;transition:.3s}
.hk:hover .hk-go .ar{background:var(--lc);border-color:var(--lc);color:#fff}
.hk-ap{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);border-bottom:1px solid transparent;transition:.3s}
.hk-ap:hover{color:var(--ink);border-color:var(--ink)}
@media (max-width:1000px){.hks-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hks-grid{grid-template-columns:1fr}.hks{padding-top:80px}}
/* =========== v7 · HABERLER (Demo A, renkli) =========== */
.nA{padding:120px 0 120px;background:var(--cream);position:relative}
.nA::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c-oo) 0 25%,#FDC821 25% 50%,var(--c-orta) 50% 75%,var(--c-lise) 75%)}
.nA-head{max-width:760px;margin-bottom:46px}
.nA-head .h2{font-weight:300;font-size:clamp(40px,5.2vw,68px);letter-spacing:-.01em}
.nA-head .h2 em{font-weight:300}
.nA-search{display:flex;align-items:center;gap:14px;margin-top:28px;background:var(--white);border:1px solid var(--stone);padding:6px 6px 6px 20px;box-shadow:0 14px 34px rgba(38,33,29,.06);transition:.3s;max-width:640px}
.nA-search:focus-within{border-color:var(--ink);box-shadow:0 18px 40px rgba(38,33,29,.1)}
.nA-search svg{width:20px;height:20px;fill:none;stroke:var(--taupe);stroke-width:1.6;flex-shrink:0}
.nA-search input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:15px;color:var(--ink);padding:12px 0}
.nA-search input::placeholder{color:var(--taupe-l)}
.nA-search button{background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:14px 26px;transition:.3s}
.nA-search button:hover{background:var(--taupe-d)}
.nA-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.nA-chips button{display:flex;align-items:center;gap:9px;padding:9px 16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--stone);background:var(--white);transition:.3s}
.nA-chips button i{width:9px;height:9px;border-radius:50%;background:var(--lc)}
.nA-chips button:hover{border-color:var(--lc)}
.nA-chips button.on{background:var(--lc);border-color:var(--lc);color:#fff}
.nA-chips button.on i{background:#fff}
.nA-chips button[data-f="ilk"].on{color:var(--ink)}
.nA-chips button[data-f="ilk"].on i{background:var(--ink)}
.nA-res{font-size:13px;color:var(--taupe);margin:-10px 0 24px}
.nA-res b{color:var(--ink);font-weight:500}
.nA-res button{font-size:12px;text-decoration:underline;color:var(--ink);margin-left:8px}
.nA-g{display:grid;grid-template-columns:1fr 370px;gap:54px;align-items:start}
.nA-tl{position:relative}
.nA-tl::before{content:"";position:absolute;left:58px;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--c-oo),#FDC821,var(--c-orta),var(--c-lise));opacity:.55}
.nA-m{display:grid;grid-template-columns:118px 1fr;margin-bottom:36px;animation:fuA .5s both}
@keyframes fuA{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.nA-mo{text-align:center;position:relative;z-index:1}
.nA-mo b{display:block;font-family:var(--serif);font-weight:300;font-size:54px;line-height:1;background:var(--cream);padding:4px 0;color:var(--mc)}
.nA-mo small{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe-d);background:var(--cream);padding-bottom:4px}
.nA-items{display:flex;flex-direction:column;gap:16px}
.nA-c{display:grid;grid-template-columns:1fr 230px;background:var(--white);transition:.45s;position:relative;overflow:hidden;box-shadow:0 1px 0 var(--sand)}
.nA-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--l1),var(--l2,var(--l1)))}
.nA-c:hover{transform:translateX(6px);box-shadow:0 26px 54px rgba(38,33,29,.13)}
.nA-c .tx{padding:24px 28px 24px 34px}
.nA-c .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.nA-cat{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:#fff;background:var(--l1);padding:5px 11px}
.nA-cat.ilk{color:var(--ink)}
.nA-c .day{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--taupe-d)}
.nA-c h4{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.12;margin-bottom:8px;transition:color .3s}
.nA-c:hover h4{color:color-mix(in srgb,var(--l1) 70%,#000)}
.nA-c p{font-size:13.5px;color:#5f564e}
.nA-c .lv{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.nA-c .lv span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--lc);color:color-mix(in srgb,var(--lc) 75%,#000)}
.nA-c .media{min-height:170px}
.nA-c .media .tone{animation:none}
.nA-c:hover .media .tone{transform:scale(1.08)}
.nA-c .media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--white) 0,transparent 18%)}
.nA-pano{background:var(--esp,#2B241F);color:var(--cream);position:sticky;top:100px;overflow:hidden}
.nA-pano .ph{padding:32px 30px 24px;position:relative}
.nA-pano .ph .eyebrow{color:var(--taupe-l)}
.nA-pano .ph h3{font-family:var(--serif);font-weight:300;font-size:42px;line-height:1;margin:10px 0 6px}
.nA-pano .ph h3 em{color:#FDC821}
.nA-pano .ph p{font-size:12.5px;color:rgba(247,243,238,.6)}
.nA-pano .bars{display:flex;gap:4px;margin-top:20px}
.nA-pano .bars i{flex:1;height:3px}
.nA-a{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;padding:16px 30px;border-top:1px solid rgba(255,255,255,.08);transition:.3s;position:relative}
.nA-a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--l1);transform:scaleY(0);transition:.35s}
.nA-a:hover{background:rgba(255,255,255,.05);padding-left:36px}
.nA-a:hover::before{transform:scaleY(1)}
.nA-a .d{height:66px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;position:relative}
.nA-a .d::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--l1),var(--l2,var(--l1)))}
.nA-a .d b{font-family:var(--serif);font-weight:300;font-size:32px}
.nA-a .d small{font-size:9px;letter-spacing:.22em;color:var(--taupe-l);margin-top:4px}
.nA-a.hot{background:rgba(253,200,33,.08)}
.nA-a.hot .d{background:#FDC821;color:var(--ink);border-color:#FDC821}
.nA-a.hot .d small{color:var(--ink)}
.nA-a.hot .badge{position:absolute;right:16px;top:12px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#FDC821}
.nA-a h5{font-weight:400;font-size:14.5px;line-height:1.35;margin-bottom:5px}
.nA-a .s{font-size:11.5px;color:rgba(247,243,238,.58);display:flex;gap:8px;align-items:center}
.nA-dots{display:inline-flex;gap:4px}
.nA-dots i{width:8px;height:8px;border-radius:50%;background:var(--lc)}
.nA-pano .all{display:block;margin:12px 30px 30px;text-align:center;background:var(--cream);color:var(--ink);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:16px;transition:.3s}
.nA-pano .all:hover{background:#FDC821}
.nA-empty{padding:60px 20px;text-align:center;color:var(--taupe);border:1px dashed var(--stone);background:var(--white)}
mark{background:#FDE79A;color:inherit;padding:0 2px}
@media (max-width:1000px){.nA-g{grid-template-columns:1fr}.nA-pano{position:static}.nA-c{grid-template-columns:1fr 160px}}
@media (max-width:600px){.nA{padding:90px 0}.nA-tl::before{left:30px}.nA-m{grid-template-columns:62px 1fr}.nA-mo b{font-size:36px}.nA-c{grid-template-columns:1fr}.nA-c .media{order:-1;min-height:160px}.nA-c .media::after{display:none}.nA-search button{padding:12px 16px}.nA-search{padding-left:14px}}
/* =========== v8 · VELİLERİMİZ ANLATIYOR (vlog) =========== */
.vl{padding:110px 0 100px;background:var(--cream)}
.vl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}
.vl-head .h2{font-weight:300}
.vl-nav{display:flex;gap:10px}
.vl-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--stone);font-size:16px;transition:.3s}
.vl-nav button:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.vl-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 max(32px,calc((100vw - 1240px)/2 + 32px)) 6px;scroll-padding-inline:max(32px,calc((100vw - 1240px)/2 + 32px))}
.vl-track::-webkit-scrollbar{display:none}
.vg{flex:0 0 250px;scroll-snap-align:start;cursor:pointer}
.vg .media{aspect-ratio:9/16;border-radius:14px}
.vg .media .tone{animation:none}
.vg:hover .media .tone{transform:scale(1.06)}
.vg .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 22%,transparent 55%,rgba(0,0,0,.7));z-index:1}
.vg .who{position:absolute;z-index:2;left:14px;right:14px;top:14px;display:flex;align-items:center;gap:10px;color:#fff;font-size:12.5px}
.vg .who .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:15px;background:rgba(255,255,255,.18);box-shadow:0 0 0 2px var(--lc)}
.vg .who b{display:block;font-weight:500;line-height:1.2}
.vg .who small{opacity:.8;font-size:11px}
.vg .pl{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.25);backdrop-filter:blur(6px);display:grid;place-items:center;transition:.3s}
.vg .pl::before{content:"";border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.vg:hover .pl{background:#fff}.vg:hover .pl::before{border-left-color:var(--ink)}
.vg .vcap{position:absolute;z-index:2;left:16px;right:16px;bottom:22px;color:#fff;font-family:var(--serif);font-weight:300;font-size:19px;line-height:1.25}
.vg .len{position:absolute;z-index:2;right:12px;top:58px;font-size:10.5px;color:#fff;background:rgba(0,0,0,.4);border-radius:20px;padding:2px 8px}
.vg .vbar{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25)}
.vg .vbar i{display:block;height:100%;width:0;background:var(--lc)}
.vg:hover .vbar i{animation:vgp 6s linear forwards}
@keyframes vgp{to{width:100%}}
.vg .lv{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe-d)}
.vg .lv i{width:8px;height:8px;border-radius:50%;background:var(--lc)}
@media (max-width:600px){.vl{padding:80px 0}.vg{flex-basis:62vw}.vl-track{padding:0 22px 6px;scroll-padding-inline:22px}}
/* ===== Online başvuru — kademe paneli ===== */
.ab{background:var(--cream);padding:130px 0 140px}
.ab-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:54px;flex-wrap:wrap}
.ab-head .h2 em{color:var(--taupe)}
.ab-head p{max-width:400px;font-size:15px;line-height:1.7;color:var(--taupe-d)}
.ab-card{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--white);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px -40px rgba(43,36,31,.35);min-height:640px}
.ab-side{position:relative;color:#fff;padding:44px;display:flex;flex-direction:column;background:var(--lc);transition:background .6s ease;overflow:hidden}
.ab-side .bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.22),transparent 55%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.28))}
.ab-side>*{position:relative}
.ab-side .ab-let{position:absolute;right:-10px;bottom:-24px;font-family:var(--serif);font-weight:300;font-size:260px;line-height:.8;opacity:.22;pointer-events:none}
.ab-side .eyebrow{color:rgba(255,255,255,.8)}
.ab-side h3{font-family:var(--serif);font-weight:300;font-size:46px;line-height:1.05;margin:18px 0 12px}
.ab-side h3 em{font-style:italic}
.ab-side .age{font-size:14px;opacity:.85;letter-spacing:.04em}
.ab-hl{list-style:none;margin:30px 0 0;display:grid;gap:12px;max-width:340px}
.ab-hl li{display:flex;gap:12px;font-size:14.5px;line-height:1.5;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.22)}
.ab-hl li::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:#fff;margin-top:8px}
.ab-ct{margin-top:auto;display:flex;gap:14px;align-items:center;font-size:13px;padding-top:30px}
.ab-ct .av{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-family:var(--serif);font-size:18px;flex:0 0 44px}
.ab-ct b{display:block;font-weight:500;font-size:14px}
.ab-main{padding:44px 52px 40px;display:flex;flex-direction:column}
.ab-steps{display:flex;gap:8px;margin-bottom:34px}
.ab-steps .s{flex:1}
.ab-steps .s i{display:block;height:3px;border-radius:3px;background:var(--sand);overflow:hidden;position:relative}
.ab-steps .s i::after{content:"";position:absolute;inset:0;background:var(--lc);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.ab-steps .s.on i::after{transform:scaleX(1)}
.ab-steps .s span{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-l);margin-top:10px}
.ab-steps .s.on span{color:var(--ink)}
.ab-main h4{font-family:var(--serif);font-weight:300;font-size:34px;line-height:1.15;margin-bottom:8px}
.ab-main .ab-sub{font-size:14.5px;color:var(--taupe-d);margin-bottom:28px}
.ab-lv{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-lv button{position:relative;text-align:left;border:1px solid var(--stone);border-radius:16px;padding:18px 18px 16px 62px;transition:.25s;background:var(--white);cursor:pointer;font:inherit;color:inherit}
.ab-lv button .l{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--serif);font-size:20px;color:#fff;background:var(--k)}
.ab-lv button b{display:block;font-weight:500;font-size:15.5px}
.ab-lv button small{font-size:12.5px;color:var(--taupe)}
.ab-lv button:hover{border-color:var(--k)}
.ab-lv button.on{border-color:var(--k);box-shadow:inset 0 0 0 1px var(--k);background:color-mix(in srgb,var(--k) 7%,var(--white))}
.ab-lbl{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe);margin-top:28px}
.ab-cls{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.ab-cls button{height:40px;padding:0 16px;border-radius:30px;border:1px solid var(--stone);font:inherit;font-size:13.5px;transition:.2s;background:none;cursor:pointer;color:inherit}
.ab-cls button.on{background:var(--lc);border-color:var(--lc);color:#fff}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-grid .w{grid-column:1/-1}
.ab-f{display:flex;flex-direction:column;gap:7px}
.ab-f label{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-d);font-weight:500}
.ab-f label small{text-transform:none;letter-spacing:0;color:var(--taupe-l);font-weight:400}
.ab-f input{height:52px;border:1px solid var(--stone);background:var(--white);border-radius:12px;padding:0 16px;font:inherit;font-size:15.5px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.ab-f input:focus{border-color:var(--lc);box-shadow:0 0 0 4px color-mix(in srgb,var(--lc) 16%,transparent)}
.ab-f.err input{border-color:#E8323A}
.ab-f .em{font-size:12px;color:#E8323A;display:none}
.ab-f.err .em{display:block}
.ab-chk{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--taupe-d);cursor:pointer}
.ab-chk input{appearance:none;flex:0 0 20px;height:20px;border:1.5px solid var(--taupe-l);border-radius:6px;margin-top:1px;display:grid;place-items:center;cursor:pointer;background:var(--white)}
.ab-chk input:checked{background:var(--lc);border-color:var(--lc)}
.ab-chk input:checked::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.ab-chk.err input{border-color:#E8323A}
.ab-chk a{color:inherit;text-decoration:underline}
.ab-nav{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ab-nav .hint{font-size:12.5px;color:var(--taupe-l)}
.ab-b{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:40px;font:inherit;font-size:14.5px;font-weight:500;letter-spacing:.02em;transition:.25s;cursor:pointer;border:1px solid transparent}
.ab-b svg{width:16px;height:16px}
.ab-b.d{background:var(--ink);color:#fff}.ab-b.d:hover{background:var(--lc)}
.ab-b.g{background:none;border-color:var(--stone);color:var(--taupe-d)}.ab-b.g:hover{border-color:var(--ink);color:var(--ink)}
.ab-done{text-align:center;margin:auto;max-width:440px}
.ab-done .ok{width:76px;height:76px;border-radius:50%;background:var(--lc);display:grid;place-items:center;margin:0 auto 24px;color:#fff}
.ab-done .no{display:inline-block;margin:18px 0 26px;padding:10px 18px;border-radius:10px;background:var(--sand);font-family:var(--serif);font-size:20px;letter-spacing:.06em}
.ab-fade{animation:abfd .45s ease both}
@keyframes abfd{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ab-shake{animation:abshk .35s}
@keyframes abshk{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (max-width:980px){
  .ab{padding:90px 0 100px}
  .ab-card{grid-template-columns:1fr}
  .ab-side{padding:32px 28px}
  .ab-side h3{font-size:36px}
  .ab-hl{display:none}
  .ab-ct{padding-top:18px}
  .ab-side .ab-let{font-size:180px}
}
@media (max-width:640px){
  .ab-main{padding:30px 22px 28px}
  .ab-main h4{font-size:28px}
  .ab-lv,.ab-grid{grid-template-columns:1fr}
  .ab-nav .hint{display:none}
  .ab-b{padding:0 22px}
}
/* ===== Hoş geldiniz — renkli rakam kartları ===== */
/* ============ DEMO 2 — Renkli rakam kartları ============ */
.w2{padding:130px 0 120px;background:var(--white)}
.w2-top{text-align:center;max-width:960px;margin:0 auto}
.w2-top p{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.4vw,46px);line-height:1.25;margin:24px 0 0}
.w2-top p em{font-style:italic}
.w2-top p em.a{color:var(--c-oo)}.w2-top p em.b{color:var(--c-orta)}
.w2-top .sg{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.w2-top .sg i{width:30px;height:30px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-style:normal;font-family:var(--serif);font-size:15px;letter-spacing:0;color:var(--taupe-d)}
.w2-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:80px}
.w2-c{position:relative;border-radius:22px;padding:30px 26px 28px;min-height:330px;background:var(--k);color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.w2-c:hover{transform:translateY(-8px)}
.w2-c.y{color:var(--ink)}
.w2-c .lt{position:absolute;right:-14px;bottom:-60px;font-family:var(--serif);font-weight:300;font-size:280px;line-height:1;opacity:.16;pointer-events:none}
.w2-c .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.8}
.w2-c b{font-family:var(--serif);font-weight:300;font-size:96px;line-height:1;margin-top:auto;position:relative}
.w2-c b sup{font-size:34px;vertical-align:top;position:relative;top:14px;margin-left:4px}
.w2-c h4{font-family:var(--serif);font-weight:400;font-size:22px;margin-top:8px;position:relative}
.w2-c p{font-size:13.5px;line-height:1.55;opacity:.85;margin-top:10px;position:relative;max-width:230px}
.w2{--yel:#FDC821}
.w2-c.reveal{transition:opacity 1s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.w2-c.y .lt{right:34px}
.w2 .noise{position:relative}
.w2 .noise::after{content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.w2 .eyebrow{display:inline-block}
@media (max-width:1000px){.w2-cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.w2{padding:80px 0}.w2-cards{grid-template-columns:1fr;margin-top:50px}.w2-c{min-height:250px}.w2-c b{font-size:78px}}

@media (max-width:1000px){.hero{margin-top:74px;height:calc(100vh - 74px)}}