/* Page-specific styles for /blog/ — extracted from prototype */

.featured-art{padding:80px 32px;background:var(--ink);color:var(--bone);border-bottom:1px solid var(--ink)}
.fa-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:stretch}
.fa-photo{position:relative;aspect-ratio:16/10;background:linear-gradient(140deg,var(--grey-3),var(--ink));overflow:hidden;background-size:cover;background-position:center}
.fa-photo .crop{position:absolute;width:14px;height:14px;border:1.5px solid rgba(245,242,235,.4);z-index:2}
.fa-photo .crop.tl{top:10px;left:10px;border-right:0;border-bottom:0}
.fa-photo .crop.tr{top:10px;right:10px;border-left:0;border-bottom:0}
.fa-photo .crop.bl{bottom:10px;left:10px;border-right:0;border-top:0}
.fa-photo .crop.br{bottom:10px;right:10px;border-left:0;border-top:0}
.fa-photo-tag{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);padding:6px 12px;border:1px solid rgba(245,242,235,.2);background:rgba(0,0,0,.5);backdrop-filter:blur(6px)}
.fa-info{display:flex;flex-direction:column;justify-content:space-between}
.fa-info .label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acid);margin-bottom:24px;display:inline-flex;align-items:center;gap:12px}
.fa-info .label::before{content:'';width:32px;height:1px;background:var(--acid)}
.fa-info h2{font-family:var(--serif);font-weight:800;font-size:clamp(32px,4vw,64px);letter-spacing:-.03em;line-height:1;color:var(--bone);margin-bottom:24px}
.fa-info h2 em{font-style:italic;color:var(--grey)}
.fa-info p{font-size:17px;line-height:1.55;color:rgba(245,242,235,.75);margin-bottom:32px}
.fa-meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);display:flex;gap:14px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(245,242,235,.18);margin-bottom:24px}
.fa-meta .cat{color:var(--acid)}
.fa-cta{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border:1.5px solid var(--bone);transition:all .3s;align-self:flex-start}
.fa-cta:hover{background:var(--acid);border-color:var(--acid)}

.b-list{padding:80px 32px;background:var(--bone);border-bottom:1px solid var(--ink)}
.b-head{max-width:1600px;margin:0 auto 48px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.b-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(36px,5vw,80px);letter-spacing:-.03em;line-height:.95;text-transform:uppercase}
.b-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bcard{display:flex;flex-direction:column;gap:14px;padding:28px 0;border-top:1px solid var(--ink);transition:padding .35s, background .35s;cursor:none}
.bcard:hover{padding-left:14px;padding-right:14px;background:rgba(0,102,255,.04)}
.bcard .meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2)}
.bcard .meta .cat{color:var(--acid)}
.bcard h3{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.bcard:hover h3{color:var(--acid)}
.bcard p{font-size:14px;line-height:1.55;color:var(--ink-2)}
.bcard .author-line{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-2);margin-top:auto;padding-top:14px;border-top:1px solid rgba(10,10,10,.15);display:flex;justify-content:space-between}
.b-pagination{max-width:1600px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(10,10,10,.15);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-2)}
@media (max-width:980px){.fa-grid{grid-template-columns:1fr}.b-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.b-grid{grid-template-columns:1fr}.featured-art,.b-list{padding:60px 20px}}