.blog-hero{position:relative;overflow:hidden;background:#082c3d;color:#fff;padding:118px 0 104px;border-bottom:1px solid rgba(255,255,255,.08)}.blog-hero:before{content:'';position:absolute;top:0;bottom:0;left:0;width:5px;background:#18b5e8}.blog-hero:after{content:'MARDİN';position:absolute;right:-20px;bottom:-45px;font:700 180px/1 "Barlow Condensed",sans-serif;letter-spacing:.03em;color:#ffffff08}.blog-hero .wrap{position:relative;z-index:1}.blog-hero span,.article header>div>span{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:700;letter-spacing:.28em;color:#20b7e9}.blog-hero span:before{content:'';display:block;width:32px;height:2px;background:#20b7e9}.blog-hero h1{max-width:760px;margin:30px 0 24px;color:#fff!important;font:700 clamp(68px,7vw,104px)/.86 "Barlow Condensed",sans-serif;letter-spacing:-.015em}.blog-hero h1 em{font-style:normal;color:#19b3e6}.blog-hero p{max-width:640px;margin:0;color:#c6d8df;font-size:18px;line-height:1.65}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:70px;padding-bottom:90px}.blog-list article{display:flex;flex-direction:column;border:1px solid #dfe4e4;background:#fff;transition:transform .25s,box-shadow .25s}.blog-list article:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0b293a12}.blog-image{display:block;height:240px;background:#e9e6dd url('/images/optimized/mardin-hero-v2.png') center/cover;transition:filter .25s}.blog-list article:hover .blog-image{filter:saturate(1.06)}.blog-list article>div{display:flex;flex:1;flex-direction:column;padding:27px}.blog-list span{font-size:9px;line-height:1.6;letter-spacing:.16em;color:#159fcf}.blog-list h2{font:700 29px/1.08 "Barlow Condensed",sans-serif;margin:12px 0}.blog-list p{color:#718087;line-height:1.65}.blog-list article>div>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:auto;padding-top:15px;font-weight:700;border-top:1px solid #edf0ef}.blog-list article>div>a b{font-size:20px;color:#10aee1}.article header{background:#082c3d center/cover;color:#fff;padding:85px 0}.article header a{display:block;margin-bottom:45px;color:#b4cad3}.article header h1{font:700 clamp(50px,6vw,84px)/.95 "Barlow Condensed",sans-serif;max-width:900px;margin:20px 0}.article header p{max-width:730px;color:#c2d1d8;font-size:17px;line-height:1.7}.article-meta{display:flex;gap:12px;margin-top:30px}.article-meta b{padding:8px 12px;border:1px solid #ffffff2b;color:#d4e2e8;font-size:9px;letter-spacing:.1em}.article-body{width:min(760px,calc(100% - 40px));margin:70px auto 100px}.article-body p,.article-body li{font-size:17px;line-height:1.9;color:#354b56}.article-body p{margin:0 0 28px}.article-body h2{font:700 38px/1.05 "Barlow Condensed",sans-serif;margin:58px 0 18px;color:#082c3d}.article-body h3{font:700 27px/1.15 "Barlow Condensed",sans-serif;margin:42px 0 16px}.article-body ul{margin:0 0 32px;padding:24px 30px 24px 48px;background:#f2f7f8;border-left:3px solid #16afe1}.article-body li+li{margin-top:8px}.article-cta{margin-top:65px;padding:38px;background:#082c3d;color:#fff}.article-cta>span{font-size:9px;letter-spacing:.2em;color:#20b7e9}.article-cta h2{color:#fff;margin:14px 0;font-size:40px}.article-cta p{color:#b8cbd3;font-size:14px}.article-cta .button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:230px;margin-top:10px;background:#16afe1;color:#062536}.article-cta .button b{font-size:19px}@media(max-width:800px){.blog-list{grid-template-columns:1fr}.blog-hero{padding:82px 0 76px}.blog-hero:after{font-size:100px}.blog-hero h1{font-size:68px}.blog-hero p{font-size:16px}.article header{padding:60px 0}.article-body h2{font-size:33px}.article-cta{padding:28px 23px}}@media(max-width:520px){.blog-hero{padding:66px 0 60px}.blog-hero:before{width:3px}.blog-hero span{font-size:9px;letter-spacing:.2em}.blog-hero span:before{width:22px}.blog-hero h1{font-size:58px;margin:24px 0 18px}.blog-hero p{font-size:15px}.blog-list{padding-top:42px;padding-bottom:65px}.blog-image{height:215px}.article header h1{font-size:48px}.article header p,.article-body p,.article-body li{font-size:15px}.article-meta{flex-wrap:wrap}.article-body{margin-top:48px}.article-cta h2{font-size:34px}.article-cta .button{width:100%;min-width:0}}
/* Blog kapakları: gerçek Mardin görseli ve güçlü metin kontrastı. */
.blog-hero{background-color:rgba(3,31,45,.82);background-image:url('/images/optimized/mardin-hero-v2.png');background-position:center 48%;background-size:cover;background-repeat:no-repeat;background-blend-mode:multiply}
.article header{position:relative;background-color:rgba(3,31,45,.76);background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:multiply}
.article header h1{color:#fff!important;text-shadow:0 2px 22px rgba(0,18,28,.3)}

@media(max-width:800px){
  .blog-hero{background-position:62% center;background-color:rgba(3,31,45,.86)}
  .article header{background-position:62% center;background-color:rgba(3,31,45,.82)}
}