/* Fantazi Atolyesi blog: "Gece Notları" (tokens from fantazi.css). */
.blog-hero{position:relative;text-align:center;padding:80px 6% 70px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 60% 80% at 50% 0,#5a142e66,transparent 70%),linear-gradient(180deg,#1a070d,var(--cream))}
.blog-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.05;color:var(--head);margin:16px 0}
.blog-hero p{max-width:620px;margin:0 auto;color:var(--muted);font-size:17px}
.blog-orn{display:block;margin:0 auto;font-size:30px;color:var(--copper-2);text-shadow:0 0 24px #e5bf7766}

.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;max-width:1240px;margin:60px auto 90px;padding:0 5%}
.post-card{position:relative;display:flex;flex-direction:column;padding:30px 30px 26px;border:1px solid var(--line);border-radius:6px 32px 6px 32px;background:linear-gradient(165deg,#24101a,#140709);color:var(--ink);text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.post-card:before{content:'';position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#8a123955,transparent 70%)}
.post-card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 24px 60px #00000080,0 0 30px #e5bf7714}
.post-card .pc-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:24px;color:var(--copper-2);background:radial-gradient(circle at 35% 30%,#4a0f22,#14060c);box-shadow:0 0 0 1px var(--line-2),0 0 0 6px #140709,0 0 0 7px var(--line)}
.post-card .kicker{margin-top:22px}
.post-card h2{font-size:24px;line-height:1.25;color:var(--head);margin:10px 0 12px}
.post-card p{margin:0 0 20px;color:var(--muted);font-size:14px;flex:1}
.post-card .pc-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.post-card .pc-more{color:var(--copper-2);font-weight:600}

.article-head{text-align:center;padding:70px 6% 46px;background:radial-gradient(ellipse 60% 90% at 50% 0,#5a142e55,transparent 70%)}
.article-head .crumbs{font-size:13px;color:var(--muted);margin-bottom:26px}.article-head .crumbs a{color:var(--copper-2)}
.article-head h1{max-width:860px;margin:18px auto 16px;font-size:clamp(32px,4.6vw,54px);line-height:1.12;color:var(--head)}
.article-head .meta{color:var(--muted);font-size:13px;letter-spacing:.5px}
.prose{max-width:720px;margin:0 auto;padding:0 6% 30px;font-size:17px;line-height:1.85;color:#e3d3c4}
.prose .lead{font:italic 22px/1.6 var(--serif);color:var(--head);margin:10px 0 34px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.prose .lead:first-letter{float:left;font:600 64px/.8 var(--serif);margin:10px 12px 0 0;color:var(--copper-2)}
.prose h2{font-size:28px;line-height:1.25;color:var(--head);margin:46px 0 14px}
.prose h2:before{content:'✦';display:block;font-size:14px;color:var(--copper);margin-bottom:10px}
.prose p{margin:0 0 18px}.prose b{color:var(--head)}.prose em{color:var(--copper-2)}
.prose ul{padding-left:0;list-style:none;margin:0 0 22px}
.prose li{position:relative;padding-left:28px;margin-bottom:12px}.prose li:before{content:'❦';position:absolute;left:0;top:0;color:var(--copper-2)}
.prose blockquote{margin:40px 0;padding:26px 30px;border-left:3px solid var(--copper-2);border-radius:0 18px 18px 0;background:linear-gradient(120deg,#2a0f19,#170810);font:italic 22px/1.5 var(--serif);color:var(--head)}
.prose .note{font-size:14px;color:var(--muted);border:1px dashed var(--line-2);border-radius:12px;padding:14px 18px}

.picks{max-width:1100px;margin:30px auto 0;padding:0 5%}
.picks h2{text-align:center;font-size:32px;color:var(--head);margin:10px 0 26px}.picks .kicker{display:flex;justify-content:center}
.picks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pick{display:block;border:1px solid var(--line);border-radius:6px 22px 6px 22px;padding:8px 8px 14px;background:linear-gradient(170deg,#211019,#170810);color:var(--head);text-decoration:none;transition:transform .3s,box-shadow .3s}
.pick:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000080,0 0 0 1px var(--line-2)}
.pick img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px 18px 4px 18px;background:#fff}
.pick small{display:block;margin:12px 4px 4px;font:600 10px var(--caps);letter-spacing:2px;text-transform:uppercase;color:var(--copper)}
.pick b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 4px;font:500 15px/1.3 var(--serif);min-height:40px}
.pick span{display:block;margin:10px 4px 0;font-size:13px;color:var(--copper-2);font-weight:600}

.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1100px;margin:70px auto 0;padding:34px 40px;border:1px solid var(--line-2);border-radius:40px 6px 40px 6px;background:radial-gradient(ellipse at 0 50%,#5a142e88,transparent 55%),linear-gradient(120deg,#1a070d,#24101a)}
.article-cta h2{font-size:28px;color:var(--head);margin:8px 0 6px}.article-cta p{margin:0;color:var(--muted)}
.more-posts{max-width:1100px;margin:70px auto 90px;padding:0 5%}
.more-posts>h2{text-align:center;font-size:32px;color:var(--head);margin:10px 0 26px}.more-posts .kicker{display:flex;justify-content:center}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.more-grid .post-card{padding:24px}
.blog-shop{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:9px 18px;color:var(--head);font-size:14px}.blog-shop:hover{border-color:var(--copper-2);color:var(--copper-2)}
.site-header nav a.on{color:var(--copper-2)}

@media(max-width:860px){
  .picks-grid{grid-template-columns:1fr 1fr}.more-grid{grid-template-columns:1fr}
  .article-cta{flex-direction:column;text-align:center;margin-left:5%;margin-right:5%;padding:28px 22px}
  .prose{font-size:16px}.prose .lead{font-size:19px}
  .blog-list{grid-template-columns:1fr}
}