/* SBR Blog — ARCHIVE only (index + category/tag/date). Depends on blog.css. */

.site-main--blog{background:var(--paper)}

/* HERO */
.sbr-bl__hero{padding:48px 24px 32px;background:var(--paper);position:relative;overflow:hidden;text-align:center}
.sbr-bl__hero::before{
	content:"";position:absolute;width:460px;height:460px;border-radius:50%;
	top:-200px;inset-inline-start:-160px;
	background:radial-gradient(circle at 50% 50%,rgba(224,162,60,.12),transparent 66%);pointer-events:none}
.sbr-bl__hero-in{max-width:760px;margin:0 auto;position:relative;z-index:2}
.sbr-bl__eyebrow{
	font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--accent-strong);
	text-transform:uppercase;margin:0 0 16px;display:inline-flex;align-items:center;gap:12px;justify-content:center}
.sbr-bl__eyebrow::after{content:"";display:inline-block;width:32px;height:2px;background:var(--accent);border-radius:2px}
.sbr-bl__h1{font-size:clamp(30px,4.6vw,48px);font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 14px;line-height:1.1}
.sbr-bl__lead{font-size:16px;color:var(--fg-soft);line-height:1.65;margin:0}
.sbr-bl__back{
	display:inline-flex;align-items:center;gap:8px;margin-top:24px;
	padding:12px 24px;border-radius:999px;background:var(--ink);color:#fff;
	font-size:14px;font-weight:700;text-decoration:none;
	transition:transform .2s,box-shadow .25s,background .2s}
.sbr-bl__back svg{width:16px;height:16px;transition:transform .2s}
.sbr-bl__back:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(29,26,22,.55);background:var(--brand-deep,#100e0b)}
.sbr-bl__back:hover svg{transform:translateX(4px)}

/* CATEGORY FILTER */
.sbr-bl__filter{padding:8px 24px 0}
.sbr-bl__filter-in{
	max-width:1240px;margin:0 auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sbr-bl__pill{
	padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;
	font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;
	transition:background .2s,border-color .2s,color .2s}
.sbr-bl__pill:hover{border-color:var(--accent);background:rgba(224,162,60,.10)}
.sbr-bl__pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* WRAP */
.sbr-bl__wrap{padding:32px 24px 64px;max-width:1240px;margin:0 auto}

/* FEATURED (latest, page 1) */
.sbr-bl__feat{margin:0 0 32px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
	transition:box-shadow .25s,border-color .25s,transform .25s}
.sbr-bl__feat:hover{box-shadow:0 26px 48px -28px rgba(29,26,22,.4);border-color:rgba(224,162,60,.45)}
.sbr-bl__feat-link{display:grid;grid-template-columns:1fr;text-decoration:none;color:inherit}
.sbr-bl__feat-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:rgba(0,0,0,.04)}
.sbr-bl__feat-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sbr-bl__feat:hover .sbr-bl__feat-media img{transform:scale(1.03)}
.sbr-bl__feat-body{padding:24px 24px 32px;display:flex;flex-direction:column;gap:12px}
.sbr-bl__feat-flag{
	align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
	font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
	color:var(--accent-strong);background:rgba(224,162,60,.14);padding:4px 12px;border-radius:999px}
.sbr-bl__feat-title{margin:0;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.2}
.sbr-bl__feat-excerpt{margin:0;font-size:16px;line-height:1.6;color:var(--fg-soft)}
.sbr-bl__feat-cta{
	margin-top:4px;display:inline-flex;align-items:center;gap:8px;
	font-size:16px;font-weight:700;color:var(--accent-strong);transition:gap .2s}
.sbr-bl__feat-cta svg{width:17px;height:17px;transition:transform .2s}
.sbr-bl__feat:hover .sbr-bl__feat-cta{gap:12px}
.sbr-bl__feat:hover .sbr-bl__feat-cta svg{transform:translateX(-4px)}

@media(min-width:880px){
	.sbr-bl__feat-link{grid-template-columns:1.15fr 1fr;align-items:stretch}
	.sbr-bl__feat-media{aspect-ratio:auto;min-height:340px}
	.sbr-bl__feat-body{justify-content:center;padding:48px 32px}
}
@media(min-width:1024px){
	.sbr-bl__hero{padding:64px 32px 32px}
	.sbr-bl__wrap{padding:32px 32px 64px}
}

/* EMPTY */
.sbr-bl__empty{padding:64px 24px;text-align:center;color:var(--fg-mute)}

/* BOTTOM CTA */
.sbr-bl__cta{background:var(--ink);color:var(--paper);padding:64px 24px;text-align:center;position:relative;overflow:hidden}
.sbr-bl__cta::before{
	content:"";position:absolute;inset:auto auto -30% -10%;width:55vw;height:55vw;border-radius:50%;
	background:radial-gradient(circle,rgba(224,162,60,.15) 0%,transparent 60%);pointer-events:none}
.sbr-bl__cta-in{max-width:680px;margin:0 auto;position:relative;z-index:2}
.sbr-bl__cta-title{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 12px;line-height:1.2}
.sbr-bl__cta-sub{font-size:16px;color:var(--on-dark-soft);margin:0 0 24px;line-height:1.55}
.sbr-bl__cta .sbr-btn--primary svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.sbr-bl__cta .sbr-btn--primary:hover svg{transform:translateX(-4px)}
@media(min-width:1024px){.sbr-bl__cta{padding:96px 32px}}