/* ==========================================================
     MBAY YAPI Design System v1.0 — token'lar handoff'tan aynen
     ========================================================== */
  :root{
    --navy:#111C30;
    --slate:#2E3642;
    --gold:#B9984A;
    --warm-white:#F8F8F6;
    --stone:#D9D7D2;
    --grey:#9A988F;
    --line-light:rgba(17,28,48,0.12);
    --line-dark:rgba(248,248,246,0.15);
    --on-dark-body:rgba(248,248,246,0.78);
    --on-dark-muted:rgba(248,248,246,0.60);
    --display:'Jost',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
    --body:'Hanken Grotesk',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
    --mono:'JetBrains Mono',ui-monospace,'SF Mono',Consolas,monospace;
    --max:1240px;
    --pad:80px;
  }
  @media(max-width:1100px){:root{--pad:40px}}
  @media(max-width:640px){:root{--pad:22px}}

  *{margin:0;padding:0;box-sizing:border-box;border-radius:0!important}
  html{scroll-behavior:smooth;color-scheme:light only;background:var(--warm-white)}
  /* Cihaz karanlık modda olsa bile site kendi renk sistemini korur */
  section{background:var(--warm-white)}
  section.on-dark{background:var(--navy)}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important}}
  body{font-family:var(--body);font-weight:300;color:var(--slate);background:var(--warm-white);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
  img{max-width:100%;display:block}
  a{color:var(--gold);text-decoration:none}
  a:hover{border-bottom:1px solid var(--gold)}
  a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
  .wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

  h1,h2,h3{font-family:var(--display);font-weight:300;color:var(--navy);line-height:1.12;letter-spacing:-.005em}
  h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:24px}
  h3{font-size:1.2rem;font-weight:400;line-height:1.3}

  .eyebrow{font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;line-height:2}
  .meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--grey)}
  .lead{max-width:620px;font-size:1.06rem;color:var(--slate)}

  section{padding:140px 0}
  [id]{scroll-margin-top:100px}
  @media(max-width:760px){section{padding:88px 0}}

  .sec-head{margin-bottom:56px;max-width:820px}
  .sec-head h2{max-width:20ch}
  .sec-head .lead{margin-top:18px}
  @media(max-width:760px){.sec-head{margin-bottom:40px}}

  /* ——— Logo ikonu: kanonik oranlar 87/120/101/120/87, genişlik 12, gap 13 ——— */
  /* Aktif logo ikonundan birebir ölçülen geometri (336×360) */
  .m-icon{height:60px;aspect-ratio:336/360;color:var(--gold);flex:none;display:block}
  .m-icon.navy{color:var(--navy)}
  .m-icon.sm{height:30px}

  .logotype{font-family:var(--display);font-weight:500;letter-spacing:.16em;padding-left:.16em;color:var(--navy);line-height:1}
  .logotype .light{font-weight:300;color:var(--slate)}
  .on-dark .logotype{color:var(--warm-white)}
  .on-dark .logotype .light{color:rgba(248,248,246,.72)}

  /* ——— Üst bar + nav ——— */

  header.site{position:sticky;top:0;z-index:50;background:rgba(248,248,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-light)}
  .nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;column-gap:32px}
  .nav>*{min-width:0}
  .nav>.brand{justify-self:start}
  .nav>.nav-links{justify-self:center}
  .nav>.nav-cta{justify-self:end}
  .nav>.burger{justify-self:end}
  .brand{display:inline-flex;align-items:center;gap:13px;border:none!important;line-height:1}
  .brand .m-icon{height:27px;position:relative;top:-1px}
  .brand .logotype{font-size:18px;position:relative;top:1px;white-space:nowrap}
  .nav-links{display:flex;gap:26px;align-items:center}
  .nav-links a{font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);border:none;transition:color .2s;line-height:1;padding:6px 0;white-space:nowrap;text-align:center}
  .nav-links a:hover{color:var(--gold);border:none}
  .nav-cta{font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--navy)!important;padding:12px 24px;color:var(--navy);transition:.25s;white-space:nowrap}
  .nav-cta:hover{background:var(--navy);color:var(--warm-white)}
  .burger{display:none;background:none;border:none;cursor:pointer;padding:10px}
  .burger i{display:block;width:26px;height:1.5px;background:var(--navy);margin:6px 0;transition:transform .25s ease,opacity .2s ease}
  .burger.open i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .burger.open i:nth-child(2){opacity:0}
  .burger.open i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  body.menu-open{overflow:hidden}
  @media(max-width:1220px){
    .nav{grid-template-columns:auto auto;justify-content:space-between}
    .nav-links,.nav-cta{display:none}
    .burger{display:block}
    .nav-links.open{display:flex;position:absolute;top:92px;left:0;right:0;background:var(--warm-white);flex-direction:column;align-items:flex-start;padding:36px var(--pad) 40px;gap:26px;border-bottom:1px solid var(--line-light);z-index:60;box-shadow:0 20px 40px rgba(17,28,48,.08)}
  }

  /* ——— Butonlar: dikdörtgen, 16px 40px ——— */
  .btn{font-family:var(--body);font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 40px;display:inline-block;transition:.25s;border:1px solid transparent!important;cursor:pointer}
  .btn:hover{border-bottom:1px solid transparent!important}
  .btn-primary{background:var(--navy);color:var(--warm-white)}
  .btn-primary:hover{background:var(--gold);color:var(--navy)}
  .btn-outline{border:1px solid var(--navy)!important;color:var(--navy);background:transparent}
  .btn-outline:hover{background:var(--navy);color:var(--warm-white)}
  .on-dark .btn-primary{background:var(--gold);color:var(--navy)}
  .on-dark .btn-primary:hover{background:var(--warm-white)}
  .on-dark .btn-outline{border-color:rgba(248,248,246,.45)!important;color:var(--warm-white)}
  .on-dark .btn-outline:hover{border-color:var(--gold)!important;color:var(--gold);background:transparent}

  /* ——— Koyu zemin bölümleri: okunabilirlik garantili ——— */
  .on-dark{background:var(--navy);color:var(--on-dark-body)}
  .on-dark h1,.on-dark h2,.on-dark h3{color:var(--warm-white)}
  .on-dark .lead,.on-dark p{color:var(--on-dark-body)}
  .on-dark .meta{color:var(--on-dark-muted)}

  /* ——— Hero ——— */
  .hero{padding:0}
  .hero-inner{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;gap:96px;align-items:center;padding:132px 0 122px}
  .hero h1{font-size:clamp(1.95rem,4.3vw,3.5rem);line-height:1.32;letter-spacing:0;margin:38px 0 34px;color:var(--warm-white);max-width:15ch}
  .hero p{max-width:500px;font-size:1.06rem;line-height:1.85}
  .hero-actions{display:flex;gap:18px;margin-top:52px;flex-wrap:wrap}
  .hero-actions .btn{text-align:center}
  @media(max-width:640px){.hero-actions{flex-direction:column;gap:14px}.hero-actions .btn{width:100%}}
  .hero-visual{position:relative}
  .hero-frame{aspect-ratio:4/5;max-height:560px;width:100%;border:1px solid rgba(185,152,74,.35);position:relative;display:flex;align-items:center;justify-content:center;background:rgba(248,248,246,.03)}
  .hero-draw{width:88%;max-width:380px;height:auto;display:block}
  .hero-frame figcaption{position:absolute;bottom:20px;left:20px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--on-dark-muted)}
  .hero-frame .est{position:absolute;top:20px;right:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;color:var(--gold)}
  @media(max-width:980px){
    .hero-inner{grid-template-columns:1fr;min-height:auto;padding:88px 0 80px;gap:64px}
    .hero h1{max-width:none;line-height:1.3;margin:30px 0 26px}
    .hero p{line-height:1.8}
    .hero-frame{max-height:340px;aspect-ratio:16/10}
    .hero-draw{width:80%;max-width:320px}
  }

  /* ——— Köken ——— */
  .origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start}
  .origin blockquote{font-family:var(--display);font-weight:300;font-size:clamp(1.35rem,2.6vw,1.85rem);color:var(--navy);line-height:1.45;border-left:1px solid var(--gold);padding-left:32px}
  .origin blockquote footer{font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--grey);margin-top:24px}
  .origin p + p{margin-top:20px}
  .archive{max-width:680px;width:100%;margin:72px auto 0}
  .archive img{width:100%;height:auto;display:block;border:1px solid var(--line-light);background:var(--stone)}
  .archive figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-top:14px;text-align:center}
  @media(max-width:760px){.archive{margin-top:48px}}
  @media(max-width:980px){.origin-grid{grid-template-columns:1fr;gap:48px}}

  /* ——— Hizmetler: üst çizgili liste satırları ——— */
  .svc-list{border-top:1px solid var(--line-light)}
  .svc-row{display:grid;grid-template-columns:56px minmax(190px,250px) 1fr;gap:36px;padding:38px 0;border-bottom:1px solid var(--line-light);align-items:start}
  .svc-row h3{padding-top:6px}
  .svc-row p{color:var(--grey);font-size:.98rem;max-width:560px;padding-top:7px}
  .ric{width:38px;height:38px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;color:var(--gold)}
  @media(max-width:760px){.svc-row{grid-template-columns:1fr;gap:12px;padding:30px 0}.svc-row h3,.svc-row p{padding-top:0}.ric{width:34px;height:34px}}

  /* ——— Kentsel dönüşüm ——— */
  .kd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 72px;margin-top:72px;margin-bottom:64px}
  .kd-item{border-top:1px solid var(--line-dark);padding-top:26px}
  .kd-item h3{margin-bottom:12px}
  .kd-item p{font-size:.98rem}
  @media(max-width:900px){.kd-grid{grid-template-columns:1fr;gap:36px;margin-top:52px}}


  /* ——— Projeler ——— */
  .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
  .proj-card{border:1px solid var(--line-light);background:var(--warm-white)}
  .proj-media{aspect-ratio:4/3;background:var(--stone);display:flex;align-items:center;justify-content:center}
  .proj-media .m-icon{opacity:.3}
  .proj-body{padding:26px 26px 30px}
  .proj-body h3{margin:12px 0 8px}
  .proj-body p{font-size:.92rem;color:var(--grey)}
  .proj-pending{border:1px solid var(--line-light);padding:56px;display:flex;gap:44px;align-items:center;background:var(--warm-white)}
  .proj-pending .m-icon{height:72px;opacity:.85}
  .proj-pending p{margin-top:12px;max-width:560px;color:var(--slate);font-size:.98rem}
  @media(max-width:760px){.proj-pending{flex-direction:column;align-items:flex-start;padding:36px 28px;gap:24px}}
  @media(max-width:900px){.proj-grid{grid-template-columns:1fr}}

  /* ——— Süreç ——— */
  .steps{border-top:1px solid var(--line-light)}
  .step{display:grid;grid-template-columns:minmax(190px,250px) 1fr;gap:36px;padding:30px 0;border-bottom:1px solid var(--line-light);align-items:start}
  .step p{color:var(--grey);font-size:.95rem;max-width:560px}
  @media(max-width:860px){.step{grid-template-columns:1fr;gap:8px;padding:24px 0}}

  /* ——— Miras ——— */
  .legacy{text-align:center}
  .legacy .m-icon{margin:0 auto 48px;justify-content:center}
  .legacy blockquote{font-family:var(--display);font-weight:300;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.4;max-width:840px;margin:0 auto;color:var(--warm-white)}
  .legacy blockquote em{font-style:normal;color:var(--gold)}

  /* ——— İçgörüler ——— */
  .insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
  .insight{border-top:1px solid var(--navy);padding-top:24px}
  .insight h3{margin:12px 0 10px;font-size:1.08rem}
  .insight p{font-size:.94rem;color:var(--grey)}
  @media(max-width:900px){.insights-grid{grid-template-columns:1fr}}

  /* ——— İletişim ——— */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px}
  .contact-info>div{padding:22px 0;border-top:1px solid var(--line-light)}
  .contact-info h3{font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
  .contact-info p{font-family:var(--display);font-weight:300;font-size:1.15rem;color:var(--navy)}
  form label{display:block;font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--slate);margin:26px 0 10px}
  form input,form select,form textarea{width:100%;padding:15px 18px;border:1px solid var(--line-light);background:var(--warm-white);font-family:var(--body);font-weight:300;font-size:1rem;color:var(--slate)}
  form input:focus,form select:focus,form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
  .kvkk{display:flex;gap:14px;align-items:flex-start;margin-top:26px;font-size:.86rem;color:var(--grey)}
  .kvkk input{width:auto;margin-top:5px}
  .form-status{margin-top:22px;border-left:2px solid var(--gold);padding:14px 18px;font-size:.9rem;background:rgba(185,152,74,.06)}
  form .btn{margin-top:32px;width:100%}
  @media(max-width:980px){.contact-grid{grid-template-columns:1fr;gap:56px}}

  /* ——— Footer ——— */
  footer.foot{background:var(--navy);color:var(--on-dark-body);padding:96px 0 48px;font-size:.92rem}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:72px}
  .foot-grid h4{font-family:var(--body);font-weight:400;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
  .foot-grid a{display:block;margin-bottom:12px;color:var(--on-dark-body);border:none;transition:color .2s}
  .foot-grid a.brand{display:inline-flex;align-items:center;gap:13px;margin-bottom:0;width:fit-content}
  .foot-grid a:hover{color:var(--gold);border:none}
  .foot-brand p{max-width:340px;margin-top:20px;color:var(--on-dark-muted)}
  .foot-bottom{border-top:1px solid var(--line-dark);padding-top:32px;display:flex;justify-content:center;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--on-dark-muted)}
  @media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:40px}}
  @media(max-width:560px){.foot-grid{grid-template-columns:1fr}}

  /* ——— WhatsApp sabit buton ——— */
  .wa{position:fixed;bottom:24px;right:24px;z-index:60;background:var(--navy);color:var(--warm-white);border:1px solid var(--gold)!important;font-family:var(--body);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:14px 22px;display:flex;align-items:center;gap:10px;transition:.25s}
  .wa:hover{background:var(--gold);color:var(--navy);border-bottom:1px solid var(--gold)!important}
  .wa svg{width:15px;height:15px;fill:currentColor}


  /* ——— Yasal metin pencereleri ——— */
  dialog.legal{border:1px solid var(--line-light);background:var(--warm-white);color:var(--slate);max-width:720px;width:calc(100% - 44px);max-height:82vh;padding:0;margin:auto}
  dialog.legal::backdrop{background:rgba(17,28,48,.72)}
  .legal-head{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--line-light);position:sticky;top:0;background:var(--warm-white)}
  .legal-head h3{font-size:1.05rem}
  .legal-close{background:none;border:1px solid var(--line-light);font-family:var(--body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 16px;cursor:pointer;color:var(--slate)}
  .legal-close:hover{border-color:var(--gold);color:var(--gold)}
  .legal-body{padding:28px 32px 40px;overflow-y:auto;font-size:.93rem}
  .legal-body h4{font-family:var(--body);font-weight:500;font-size:.95rem;color:var(--navy);margin:26px 0 8px}
  .legal-body p{margin-bottom:12px}
  .legal-body ul{margin:0 0 12px 20px}
  .legal-body li{margin-bottom:6px}

  html.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
  html.js .reveal.in{opacity:1;transform:none}

  /* ——— Çok sayfalı yapı ekleri ——— */
  .nav-links a[aria-current="page"]{color:var(--gold);border-bottom:1px solid var(--gold)}
  .page-hero{padding:100px 0 78px}
  .page-hero h1{font-size:clamp(2rem,3.8vw,3rem);margin-top:22px;max-width:22ch;color:var(--warm-white)}
  .page-hero .lead{margin-top:22px}
  @media(max-width:760px){.page-hero{padding:72px 0 56px}}
  .two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:88px;align-items:start}
  @media(max-width:980px){.two-col{grid-template-columns:1fr;gap:52px}}
  .archive-mini{max-width:440px;width:100%}
  .archive-mini img{width:100%;height:auto;display:block;border:1px solid var(--line-light);background:var(--stone)}
  .archive-mini figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-top:12px;text-align:left}
  .quote-sm{font-family:var(--display);font-weight:300;font-size:1.3rem;color:var(--navy);line-height:1.5;border-left:1px solid var(--gold);padding-left:24px;margin-top:36px}
  .quote-sm footer{font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--grey);margin-top:16px}
  .text-link{font-family:var(--body);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:4px;display:inline-block;margin-top:30px}
  .text-link:hover{color:var(--gold)}
  .svc-detail{display:grid;grid-template-columns:56px minmax(220px,300px) 1fr;gap:36px;padding:54px 0;border-bottom:1px solid var(--line-light);align-items:start}
  .svc-detail h2{font-size:1.55rem;margin-bottom:0;padding-top:2px}
  .svc-detail .body p{color:var(--slate);font-size:.98rem;max-width:620px}
  .svc-detail .body p+p{margin-top:14px;color:var(--grey)}
  .svc-detail .text-link{margin-top:22px}
  @media(max-width:860px){.svc-detail{grid-template-columns:1fr;gap:14px;padding:40px 0}}
  .plist{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 64px;margin-top:56px}
  .plist>div{border-top:1px solid var(--line-light);padding-top:20px}
  .plist h3{font-size:1.02rem;margin-bottom:6px}
  .plist p{color:var(--grey);font-size:.94rem}
  @media(max-width:700px){.plist{grid-template-columns:1fr}}

  /* ——— Tercih edilen malzeme markaları — tipografik şerit ——— */
  .brand-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light);margin-top:56px}
  .brand-cell{background:var(--warm-white);padding:30px 26px}
  .brand-cell .cat{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--grey);display:block;margin-bottom:10px}
  .brand-cell .bname{font-family:var(--display);font-weight:400;font-size:1.08rem;letter-spacing:.05em;color:var(--navy)}
  .brand-note{margin-top:28px;font-size:.86rem;color:var(--grey);max-width:620px}
  @media(max-width:900px){.brand-strip{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:480px){.brand-strip{grid-template-columns:1fr}}

  /* ——— Vizyon / Misyon ——— */
  .vm{display:grid;grid-template-columns:1fr 1fr;gap:72px}
  .vm>div{border-top:1px solid var(--gold);padding-top:26px}
  .vm h3{font-size:1.05rem;letter-spacing:.04em;margin-bottom:12px}
  .vm p{font-family:var(--display);font-weight:300;font-size:1.25rem;line-height:1.55;color:var(--navy);max-width:26ch}
  @media(max-width:760px){.vm{grid-template-columns:1fr;gap:44px}}

  /* ——— Ana sayfa merkezli iletişim çağrısı ——— */
  .cta-center{text-align:center;max-width:720px;margin:0 auto}
  .cta-center .lead{margin:0 auto}
  .cta-center .hero-actions{justify-content:center;margin-top:44px}
  /* ——— Hero dikey logo kilidi ——— */
  .hero-lock{display:flex;flex-direction:column;align-items:center;gap:56px}
  .hero-lock .logotype{color:var(--warm-white)}
  .hero-lock .logotype .light{color:rgba(248,248,246,.72)}
  @media(max-width:980px){.hero-lock{gap:40px}.hero-lock .m-icon{height:110px!important}.hero-lock .logotype{font-size:22px!important}}

  /* ——— İletişim bandı: ferah dikey ritim, ana sayfa hiyerarşisiyle uyumlu ——— */
  .cta-band{padding:170px 0 180px}
  .cta-center .eyebrow{margin-bottom:26px}
  .cta-center h2{margin-bottom:26px}
  .cta-center .lead{max-width:560px}
  .cta-center .hero-actions{margin-top:52px}
  @media(max-width:760px){.cta-band{padding:104px 0 112px}}

  /* ——— İçgörüler ——— */
  .art-wrap{padding-top:96px}
  .article{max-width:720px}
  .article h2{font-size:1.45rem;margin:52px 0 16px}
  .article p{margin-bottom:18px}
  .article a{color:var(--gold)}
  .article strong{font-weight:500;color:var(--navy)}
  .art-note{margin-top:56px;border-left:2px solid var(--gold);padding:14px 18px;font-size:.86rem;color:var(--grey);background:rgba(185,152,74,.06)}
  .post-list{display:grid;gap:0;border-top:1px solid var(--line-light)}
  .post-item{display:block;padding:48px 0;border-bottom:1px solid var(--line-light);color:inherit}
  .post-item:hover{border-bottom:1px solid var(--line-light)}
  .post-item h2{font-size:1.5rem;margin:14px 0 10px;transition:color .2s}
  .post-item:hover h2{color:var(--gold)}
  .post-item p{color:var(--grey);max-width:620px;font-size:.98rem}
  .post-more{font-family:var(--body);font-weight:400;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:3px;display:inline-block;margin-top:18px}
  .post-item:hover .post-more{color:var(--gold)}
  /* ——— İlgili yazılar bloğu ——— */
  .related{margin-top:72px;border-top:1px solid var(--line-light);padding-top:40px}
  .related h3{font-size:1.05rem;margin-bottom:20px}
  .related a{display:block;font-family:var(--display);font-weight:300;font-size:1.15rem;color:var(--navy);margin-bottom:12px}
  .related a:hover{color:var(--gold);border:none}

  /* ——— Yazı tarihi ——— */
  .art-date{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--grey);margin-bottom:34px}
  /* ——— Ailenin yapı geçmişi ——— */
  .works{margin-top:88px;border-top:1px solid var(--line-light);padding-top:40px;max-width:560px}
  .works h3{font-size:1.02rem;margin-bottom:24px}
  .works ul{list-style:none;margin:0;padding:0}
  .works li{display:flex;gap:28px;padding:13px 0;border-bottom:1px solid var(--line-light);font-size:1rem;color:var(--slate)}
  .works .wy{font-family:var(--mono);font-size:.82rem;letter-spacing:.1em;color:var(--gold);flex:none;width:44px;padding-top:2px}
  .works-note{margin-top:18px;font-size:.84rem;color:var(--grey)}

  /* ——— Breadcrumb ——— */
  .crumbs{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:22px;display:flex;gap:10px;flex-wrap:wrap}
  .crumbs a{color:var(--grey);border:none}
  .crumbs a:hover{color:var(--gold)}
  /* ——— Hazırlık listesi ——— */
  .prep{margin-top:72px;border-top:1px solid var(--line-light);padding-top:40px;max-width:560px}
  .prep h3{font-size:1.05rem;margin-bottom:20px}
  .prep ul{list-style:none;margin:0;padding:0}
  .prep li{padding:10px 0 10px 26px;position:relative;color:var(--slate);border-bottom:1px solid var(--line-light)}
  .prep li::before{content:"—";position:absolute;left:0;color:var(--gold)}
  /* ——— Kimler için ——— */
  .kimler{font-size:.9rem;color:var(--grey)}
  .kimler strong{font-weight:500;color:var(--slate)}
  /* ——— Form hata + honeypot ——— */
  .form-error{margin-top:22px;border-left:2px solid #a33;padding:14px 18px;font-size:.9rem;background:rgba(170,51,51,.06);color:var(--slate)}
  .hp{position:absolute;left:-9999px;top:auto;height:1px;width:1px;overflow:hidden}

  /* ——— Süreç numaralandırma (1–9) ——— */
  .steps{counter-reset:adim}
  .step h3::before{counter-increment:adim;content:counter(adim) ". ";color:var(--gold);font-weight:400}
  /* ——— Yasal sayfalar ——— */
  .legal-page h4{font-family:var(--body);font-weight:500;font-size:1rem;color:var(--navy);margin:34px 0 10px}
  .legal-page ul{margin:0 0 16px 20px}
  .legal-page li{margin-bottom:8px}

  /* ——— Hareket: hero girişi ——— */
  @keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  .hero-inner>div{animation:heroIn .9s cubic-bezier(.22,1,.36,1) both}
  .hero-visual{animation:heroIn 1s .25s cubic-bezier(.22,1,.36,1) both}
  .hero-draw{animation:floatY 9s ease-in-out infinite}
  /* ——— Kademeli bölüm akışı ——— */
  html.js .reveal.stagger>*{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
  html.js .reveal.stagger.in>*{opacity:1;transform:none}
  html.js .reveal.stagger.in>*:nth-child(2){transition-delay:.09s}
  html.js .reveal.stagger.in>*:nth-child(3){transition-delay:.18s}
  html.js .reveal.stagger.in>*:nth-child(4){transition-delay:.27s}
  html.js .reveal.stagger.in>*:nth-child(5){transition-delay:.36s}
  html.js .reveal.stagger.in>*:nth-child(6){transition-delay:.45s}
  /* ——— Metin bağlantısı: kayan altın çizgi ——— */
  .text-link{border-bottom:none;background:linear-gradient(var(--gold),var(--gold)) left bottom/0 1px no-repeat;transition:background-size .35s ease,color .2s;padding-bottom:5px}
  .text-link:hover{background-size:100% 1px}

  /* ——— 3 kolonlu prensip listesi (mobil güvenli) ——— */
  .plist.cols3{grid-template-columns:repeat(3,1fr)}
  @media(max-width:980px){.plist.cols3{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:700px){.plist.cols3{grid-template-columns:1fr}}
  .article{overflow-wrap:break-word}