/* FORGIA tpl-a: page hero, archive cards */
.page-hero{position:relative;padding:calc(76px + clamp(3rem,7vw,6rem)) 0 clamp(2.5rem,5vw,4.5rem);overflow:hidden;background:#1B1B1E}
.page-hero .bg{position:absolute;inset:0}
.page-hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
.page-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,27,30,.55),rgba(27,27,30,.88))}
.page-hero .wrap{position:relative}
.page-hero h1{margin:.8rem 0 .6rem}
.page-hero .lede{color:#c9c6bf;max-width:56ch}
.crumb{display:flex;gap:.7rem;align-items:center;font-size:.74rem;letter-spacing:.22em;font-weight:600;color:#a9a9a9}
.crumb .sep{color:var(--bronze)}
.arch-grid{display:grid;gap:2.6rem;margin-top:1rem}
.arch-grid.cols-2{grid-template-columns:1fr}
@media(min-width:860px){.arch-grid.cols-2{grid-template-columns:1fr 1fr}}
.arch-card{display:grid;background:#232326}
@media(min-width:900px){.arch-grid:not(.cols-2) .arch-card{grid-template-columns:7fr 5fr}.arch-grid:not(.cols-2) .arch-card:nth-child(even) .arch-media{order:2}}
.arch-media{overflow:hidden;min-height:280px}
.arch-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.arch-card:hover .arch-media img{transform:scale(1.04)}
.arch-body{padding:clamp(1.6rem,3vw,2.6rem);display:flex;flex-direction:column;justify-content:center}
.arch-body h2{font-size:clamp(1.3rem,2.6vw,1.9rem);margin:.5rem 0 .7rem}
.arch-body p{color:#bdbdbd}
.arch-body .link-more{margin-top:1.2rem;align-self:flex-start}
.arch-meta{display:flex;gap:.4rem 1rem;flex-wrap:wrap;align-items:baseline}