/* Atış Ajans — Blog page */
.blog-page{background:var(--c-bg);color:var(--c-text);font-family:var(--ff-body)}
.blog-page .site-header{position:fixed;background:rgba(255,255,255,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 1px 0 var(--c-border)}
.blog-page .site-header .logo img{filter:none}
.blog-page .site-header .social-icon{color:var(--c-text-secondary)}
.blog-page .site-header .menu-btn{background:rgba(10,10,10,.04);border-color:rgba(10,10,10,.08)}
.blog-page .site-header .menu-btn span{background:var(--c-text)}
.blog-page .site-header .menu-btn:hover{background:rgba(10,10,10,.08)}
.blog-hero{padding:clamp(140px,20vh,190px) 0 clamp(70px,10vh,100px);background:var(--c-bg-warm);position:relative;overflow:hidden}
.blog-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 85% 15%,rgba(232,69,26,.08) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 15% 85%,rgba(232,69,26,.05) 0%,transparent 50%);pointer-events:none}
.blog-hero:after{content:'B';position:absolute;right:-1%;bottom:-6%;font-family:var(--ff-display);font-weight:800;font-size:clamp(180px,26vw,360px);line-height:1;letter-spacing:-.06em;color:rgba(232,69,26,.04);pointer-events:none;user-select:none}
.blog-hero-inner{position:relative;z-index:1;max-width:var(--container);margin:0 auto}
.blog-kicker{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-2) var(--space-4);background:rgba(232,69,26,.08);border:1px solid rgba(232,69,26,.18);border-radius:var(--radius-full);color:var(--c-primary);font-size:var(--fs-caption);letter-spacing:var(--ls-wider);font-weight:700;text-transform:uppercase;margin-bottom:var(--space-6)}
.blog-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--c-primary);animation:pulse 2s ease-in-out infinite}
.blog-hero h1{font-family:var(--ff-display);font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:700;margin:0;max-width:900px;color:var(--c-text)}
.blog-hero h1 span{color:var(--c-primary)}
.blog-hero p{max-width:640px;color:var(--c-text-secondary);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);margin:var(--space-5) 0 0}
.blog-content{padding:var(--section-py) 0}
.blog-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-10);border-bottom:1px solid var(--c-border);padding-bottom:var(--space-6)}
.blog-categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.category-chip{border:1px solid var(--c-border);background:var(--c-bg);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-family:var(--ff-body);font-size:var(--fs-caption);font-weight:600;letter-spacing:var(--ls-wider);color:var(--c-text-secondary);cursor:pointer;transition:all var(--transition-base)}
.category-chip:hover,.category-chip.active{background:var(--c-dark);color:#fff;border-color:var(--c-dark);transform:translateY(-2px)}
.blog-search{display:flex;align-items:center;border-bottom:1px solid var(--c-border-dark);min-width:210px;padding:0 0 var(--space-2);color:var(--c-text-muted)}
.blog-search span{font-size:var(--fs-body-lg);line-height:1;margin-right:var(--space-2)}
.blog-search input{border:0;outline:0;background:transparent;width:100%;font-family:var(--ff-body);font-size:var(--fs-body-sm);color:var(--c-text)}
.blog-search input::placeholder{color:var(--c-text-light)}
.featured-post{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:var(--space-12);align-items:center;margin-bottom:var(--space-16)}
.featured-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--c-bg-warm);border-radius:var(--radius-lg)}
.featured-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .4s ease}
.featured-image:hover img{transform:scale(1.03)}
.featured-image-label{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--c-dark);color:#fff;padding:var(--space-2) var(--space-3);font-size:var(--fs-caption);letter-spacing:var(--ls-wider);border-radius:var(--radius-md);z-index:1}
.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--c-text-muted);font-size:var(--fs-caption);letter-spacing:var(--ls-wider);margin-bottom:var(--space-4)}
.post-meta span+span:before{content:"/";margin-right:var(--space-3);color:var(--c-text-light)}
.featured-copy h2{font-family:var(--ff-display);font-size:clamp(1.5rem,3vw,2.25rem);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:700;margin:0 0 var(--space-5);color:var(--c-text)}
.featured-copy h2 a,.post-card h3 a{color:inherit;text-decoration:none}
.featured-copy h2 a:hover,.post-card h3 a:hover{color:var(--c-primary)}
.featured-copy p{font-size:var(--fs-body-sm);line-height:var(--lh-relaxed);color:var(--c-text-secondary);max-width:520px;margin:0}
.read-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);text-decoration:none;color:var(--c-text);font-size:var(--fs-caption);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;position:relative;padding-bottom:4px;transition:color var(--transition-base)}
.read-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--c-primary);transform:scaleX(.35);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.read-link:hover{color:var(--c-primary)}
.read-link:hover::after{transform:scaleX(1)}
.read-link span{font-size:var(--fs-body);transition:transform var(--transition-base)}
.read-link:hover span{transform:translate(4px,-2px)}
.blog-section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--c-border);padding-bottom:var(--space-5);margin-bottom:var(--space-10)}
.blog-section-head span{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-1) var(--space-3);background:rgba(232,69,26,.08);border:1px solid rgba(232,69,26,.18);border-radius:var(--radius-full);color:var(--c-primary);font-size:var(--fs-caption);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase}
.blog-section-head h2{font-family:var(--ff-display);font-size:var(--fs-h3);font-weight:700;letter-spacing:var(--ls-tight);margin:0;color:var(--c-text)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}
.post-card-image{display:block;aspect-ratio:1.35/1;overflow:hidden;background:var(--c-bg-warm);border-radius:var(--radius-md)}
.post-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .35s ease}
.post-card:hover .post-card-image img{transform:scale(1.04)}
.post-card-body{padding-top:var(--space-5)}
.post-card h3{font-family:var(--ff-display);font-size:var(--fs-body-lg);line-height:var(--lh-tight);font-weight:700;letter-spacing:var(--ls-tight);margin:0 0 var(--space-2);color:var(--c-text)}
.post-card p{font-size:var(--fs-body-sm);line-height:var(--lh-relaxed);color:var(--c-text-secondary);margin:0;max-width:330px}
.no-results{text-align:center;color:var(--c-text-muted);padding:var(--space-12) 0;font-size:var(--fs-body)}
@media(max-width:900px){
  .blog-toolbar{flex-direction:column}
  .blog-search{width:100%;max-width:330px}
  .featured-post{grid-template-columns:1fr;gap:var(--space-8)}
  .featured-copy h2{font-size:var(--fs-h4)}
  .post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  .blog-hero::after{display:none}
  .blog-hero{padding:clamp(110px,15vh,140px) var(--space-4) var(--space-12)}
  .blog-hero h1{font-size:var(--fs-h2);letter-spacing:var(--ls-tight)}
  .blog-hero p{font-size:var(--fs-body)}
  .blog-content{padding:var(--space-12) 0}
  .blog-toolbar{margin-bottom:var(--space-8)}
  .featured-post{margin-bottom:var(--space-12)}
  .featured-copy h2{font-size:var(--fs-h4)}
  .post-grid{grid-template-columns:1fr;gap:var(--space-8)}
  .blog-section-head h2{font-size:var(--fs-h4)}
}
@media(max-width:420px){
  .blog-hero h1{font-size:var(--fs-h3)}
  .category-chip{font-size:10px;padding:var(--space-2) var(--space-3)}
}

.article-wrap{max-width:900px;margin:0 auto;padding:clamp(120px,18vh,160px) 24px 100px}.article-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--c-text-secondary);text-decoration:none;font-size:var(--fs-caption);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;margin-bottom:var(--space-6);transition:color var(--transition-base)}.article-back:hover{color:var(--c-primary)}.article-meta{font-size:var(--fs-caption);letter-spacing:var(--ls-wider);color:var(--c-text-muted);margin-bottom:var(--space-5)}.article-wrap h1{font-family:var(--ff-display);font-size:clamp(2rem,5vw,3.5rem);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:700;margin:0;max-width:850px;color:var(--c-text)}.article-lead{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--c-text-secondary);max-width:760px;margin:var(--space-5) 0 var(--space-12)}.article-cover{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;margin-bottom:var(--space-12);border-radius:var(--radius-lg)}.article-body{max-width:720px;margin:0 auto}.article-body p{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--c-text-secondary);margin:0 0 var(--space-6)}.article-body h2{font-family:var(--ff-display);font-size:var(--fs-h3);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:700;margin:var(--space-12) 0 var(--space-5);color:var(--c-text)}@media(max-width:767px){.article-wrap{padding:clamp(105px,15vh,130px) var(--space-4) var(--space-12)}.article-wrap h1{font-size:var(--fs-h2)}.article-lead{font-size:var(--fs-body)}.article-body p{font-size:var(--fs-body-sm)}.article-body h2{font-size:var(--fs-h4)}}
.blog-state{padding:var(--space-12) 0;text-align:center;color:var(--c-text-muted);font-size:var(--fs-body)}
.blog-state[hidden]{display:none}
.article-body ul,.article-body ol{margin:0 0 var(--space-8) var(--space-6);color:var(--c-text-secondary);line-height:var(--lh-relaxed)}
.article-body li{padding-left:6px;margin-bottom:6px}
.article-body figure{margin:var(--space-12) 0}
.article-body figure img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}
.article-body blockquote{border-left:2px solid var(--c-primary);padding:4px 0 4px var(--space-6);margin:var(--space-12) 0;color:var(--c-text);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}
.home-blog-state{padding:var(--space-8) 0;color:var(--c-text-muted);font-size:var(--fs-body-sm)}
.home-blog-state[hidden]{display:none}

/* Premium article reading experience */
.article-wrap{max-width:1120px;padding:clamp(130px,18vh,170px) 28px 120px}
.article-back{font-size:var(--fs-caption);letter-spacing:var(--ls-wider);margin-bottom:var(--space-10);color:var(--c-text-secondary)}
.article-meta{font-size:var(--fs-caption);letter-spacing:var(--ls-wider);color:var(--c-text-muted);margin-bottom:var(--space-6);text-transform:uppercase}
.article-wrap h1{font-size:clamp(2.75rem,6.2vw,5.25rem);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:700;max-width:980px}
.article-lead{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--c-text-secondary);max-width:790px;margin:var(--space-6) 0 var(--space-12)}
.article-cover{width:100%;aspect-ratio:16/8.8;object-fit:cover;margin:0 0 var(--space-12)}
.article-body{max-width:760px;margin:0 auto}
.article-body p{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--c-text-secondary);margin:0 0 var(--space-6)}
.article-body p:first-child{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--c-text);margin-bottom:var(--space-8)}
.article-body strong{font-weight:600;color:var(--c-text)}
.article-body h2{font-family:var(--ff-display);font-size:var(--fs-h3);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:700;margin:var(--space-12) 0 var(--space-5);color:var(--c-text)}
.article-body h3{font-family:var(--ff-display);font-size:var(--fs-h4);line-height:var(--lh-tight);font-weight:600;margin:var(--space-10) 0 var(--space-4);color:var(--c-text)}
.article-body ul,.article-body ol{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--c-text-secondary);margin:0 0 var(--space-8) var(--space-6)}
.article-body blockquote{border-left:2px solid var(--c-primary);padding:var(--space-2) 0 var(--space-2) var(--space-6);margin:var(--space-12) 0;color:var(--c-text);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}
.article-body figure{margin:var(--space-12) -80px}
.article-body figure img{width:100%;height:auto;border-radius:var(--radius-lg)}
@media(max-width:900px){
  .article-wrap{padding:clamp(120px,16vh,150px) 24px 90px}
  .article-wrap h1{font-size:clamp(2.25rem,8vw,3.5rem);letter-spacing:var(--ls-tight)}
  .article-body{max-width:720px}
  .article-body figure{margin:var(--space-10) 0}
}
@media(max-width:767px){
  .article-wrap{padding:clamp(105px,15vh,130px) var(--space-4) 75px}
  .article-back{margin-bottom:var(--space-6)}
  .article-meta{font-size:var(--fs-caption);letter-spacing:var(--ls-wider);line-height:1.7}
  .article-wrap h1{font-size:var(--fs-h2);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}
  .article-lead{font-size:var(--fs-body);line-height:var(--lh-relaxed);margin:var(--space-5) 0 var(--space-8)}
  .article-cover{aspect-ratio:16/9;height:auto;object-fit:contain;margin-bottom:var(--space-10)}
  .article-body p,.article-body ul,.article-body ol{font-size:var(--fs-body-sm);line-height:var(--lh-relaxed)}
  .article-body p:first-child{font-size:var(--fs-body);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}
  .article-body h2{font-size:var(--fs-h4);margin:var(--space-10) 0 var(--space-4)}
  .article-body h3{font-size:var(--fs-body-lg);margin:var(--space-8) 0 var(--space-3)}
  .article-body blockquote{font-size:var(--fs-body);padding-left:var(--space-5)}
}


/* Final article image safety: preserve the full cover artwork on every screen size. */
.article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;}
@media(max-width:767px){.article-cover{aspect-ratio:auto;height:auto;max-height:none;object-fit:contain;}}

/* V4 — desktop article typography refinement */
@media(min-width:901px){
  .article-wrap{max-width:1180px;padding-left:32px;padding-right:32px}
  .article-wrap h1{font-size:clamp(3.5rem,6vw,5.5rem);max-width:1080px;letter-spacing:var(--ls-tight)}
  .article-lead{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);max-width:850px;margin-top:var(--space-6);margin-bottom:var(--space-12)}
  .article-cover{max-width:1080px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-16)}
  .article-body{max-width:820px}
  .article-body p{font-size:var(--fs-body);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}
  .article-body p:first-child{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);margin-bottom:var(--space-8)}
  .article-body h2{font-size:var(--fs-h3);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin:var(--space-12) 0 var(--space-5)}
  .article-body h3{font-size:var(--fs-h4);margin:var(--space-10) 0 var(--space-4)}
  .article-body ul,.article-body ol{font-size:var(--fs-body);line-height:var(--lh-relaxed)}
}

/* Keep the full cover artwork visible on narrow screens. */
@media(max-width:767px){
  .article-cover{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .article-body{max-width:none}
}

/* V5 — final desktop reading typography */
@media(min-width:901px){
  .article-wrap{max-width:1220px;padding-top:clamp(150px,18vh,180px);padding-bottom:130px}
  .article-wrap h1{font-size:clamp(4rem,6vw,5.75rem);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);max-width:1080px}
  .article-lead{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);max-width:860px;margin:var(--space-6) 0 var(--space-12)}
  .article-cover{max-width:1120px;margin-bottom:var(--space-16)}
  .article-body{max-width:820px}
  .article-body p{font-size:var(--fs-body);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}
  .article-body p:first-child{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);margin-bottom:var(--space-8)}
  .article-body h2{font-size:var(--fs-h3);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin:var(--space-14) 0 var(--space-6)}
  .article-body h3{font-size:var(--fs-h4);line-height:var(--lh-tight);margin:var(--space-10) 0 var(--space-5)}
  .article-body ul,.article-body ol{font-size:var(--fs-body);line-height:var(--lh-relaxed)}
}


/* Blog back-to-top button */
.blog-back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  width:48px;
  height:48px;
  border:1px solid var(--c-border);
  border-radius:var(--radius-full);
  background:var(--c-dark);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:1000;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease, visibility .25s ease, transform .25s ease, background .2s ease;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.blog-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.blog-back-to-top:hover{
  background:var(--c-primary);
  transform:translateY(-2px);
  border-color:var(--c-primary);
}
.blog-back-to-top span{
  font-size:22px;
  line-height:1;
  font-weight:400;
}
@media(max-width:767px){
  .blog-back-to-top{
    right:16px;
    bottom:16px;
    width:44px;
    height:44px;
  }
}