:root{
	--si-blog-brown:#7b4a2a;
	--si-blog-dark:#3f210e;
	--si-blog-gold:#c49a52;
	--si-blog-gold-light:#ddb870;
	--si-blog-cream:#f7f1e8;
	--si-blog-warm:#fffaf4;
	--si-blog-border:#e2d0ba;
	--si-blog-muted:#7c695b;
}

.si-blog-single,
.si-blog-index{
	background:var(--si-blog-cream);
	color:#33261e;
	font-family:Inter,Jost,Arial,sans-serif;
}

.si-blog-hero{
	position:relative;
	min-height:520px;
	display:flex;
	align-items:flex-end;
	background:var(--si-blog-hero) center/cover no-repeat;
	overflow:hidden;
}

.si-blog-hero__shade{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(30,14,5,.18),rgba(30,14,5,.82));
}

.si-blog-hero__inner{
	position:relative;
	z-index:1;
	width:min(1120px,calc(100% - 40px));
	margin:0 auto;
	padding:120px 0 72px;
	color:#fff;
}

.si-blog-back,
.si-blog-kicker,
.si-blog-index-kicker,
.si-blog-section-head span,
.si-blog-card__eyebrow,
.si-blog-tile span{
	display:inline-flex;
	align-items:center;
	font-size:11px;
	font-weight:800;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.si-blog-back{
	color:#f6dfad;
	text-decoration:none;
	margin-bottom:18px;
}

.si-blog-back:before{
	content:"";
	width:24px;
	height:1px;
	background:currentColor;
	margin-right:10px;
}

.si-blog-kicker{
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.24);
	border-radius:999px;
	padding:8px 14px;
	margin-bottom:18px;
	color:#f6dfad;
}

.si-blog-hero h1{
	max-width:920px;
	margin:0 0 18px;
	font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
	font-size:clamp(42px,6vw,76px);
	line-height:1.02;
	font-weight:800;
	letter-spacing:0;
}

.si-blog-meta{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	color:rgba(255,255,255,.82);
	font-size:14px;
	font-weight:600;
}

.si-blog-meta span{
	display:inline-flex;
	align-items:center;
	gap:8px;
}

.si-blog-meta span:not(:first-child):before{
	content:"";
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--si-blog-gold-light);
}

.si-blog-shell{
	width:min(1120px,calc(100% - 40px));
	margin:-48px auto 0;
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0,1fr) 330px;
	gap:28px;
	align-items:start;
}

.si-blog-article{
	background:#fff;
	border:1px solid var(--si-blog-border);
	border-radius:14px;
	box-shadow:0 22px 70px rgba(80,45,20,.12);
	padding:clamp(28px,5vw,64px);
}

.si-blog-intro{
	font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
	font-size:clamp(22px,2.4vw,31px);
	line-height:1.35;
	color:var(--si-blog-brown);
	margin-bottom:30px;
	padding-bottom:26px;
	border-bottom:1px solid var(--si-blog-border);
}

.si-blog-article p{
	font-size:18px;
	line-height:1.88;
	color:#594539;
	margin:0 0 24px;
}

.si-blog-article h2,
.si-blog-article h3{
	font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
	color:var(--si-blog-brown);
	line-height:1.2;
	margin:42px 0 16px;
	letter-spacing:0;
}

.si-blog-article h2{font-size:34px}
.si-blog-article h3{font-size:26px}

.si-blog-article a{
	color:var(--si-blog-brown);
	font-weight:800;
}

.si-blog-sidebar{
	position:sticky;
	top:110px;
	display:grid;
	gap:18px;
}

.si-blog-card{
	background:var(--si-blog-warm);
	border:1px solid var(--si-blog-border);
	border-radius:12px;
	box-shadow:0 14px 40px rgba(80,45,20,.08);
	padding:26px;
}

.si-blog-card__eyebrow{
	color:#a07830;
	margin-bottom:12px;
}

.si-blog-card h2{
	font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
	font-size:26px;
	line-height:1.18;
	color:var(--si-blog-brown);
	margin:0 0 12px;
	letter-spacing:0;
}

.si-blog-card p{
	font-size:14px;
	line-height:1.7;
	color:var(--si-blog-muted);
	margin:0 0 18px;
}

.si-blog-help a,
.si-blog-index-tile strong{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--si-blog-brown);
	color:#fff;
	border-radius:8px;
	padding:12px 18px;
	text-decoration:none;
	font-size:13px;
	font-weight:800;
}

.si-blog-help a:hover,
.si-blog-index-tile:hover strong{
	background:var(--si-blog-dark);
	color:#fff;
}

.si-blog-links{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	gap:12px;
}

.si-blog-links a{
	color:#5d3c28;
	text-decoration:none;
	font-size:14px;
	font-weight:750;
	line-height:1.35;
}

.si-blog-links a:hover{color:var(--si-blog-brown)}

.si-blog-related{
	width:min(1120px,calc(100% - 40px));
	margin:70px auto 0;
	padding-bottom:86px;
}

.si-blog-section-head{
	text-align:center;
	margin-bottom:30px;
}

.si-blog-section-head span,
.si-blog-index-kicker{
	color:#a07830;
	margin-bottom:12px;
}

.si-blog-section-head h2,
.si-blog-index-hero h1{
	font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
	color:var(--si-blog-brown);
	font-size:clamp(36px,4vw,54px);
	line-height:1.08;
	margin:0;
	letter-spacing:0;
}

.si-blog-related__grid,
.si-blog-index-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

.si-blog-tile{
	background:#fff;
	border:1px solid var(--si-blog-border);
	border-radius:12px;
	overflow:hidden;
	text-decoration:none;
	box-shadow:0 12px 34px rgba(80,45,20,.08);
	transition:transform .25s,box-shadow .25s,border-color .25s;
	color:inherit;
}

.si-blog-tile:hover{
	transform:translateY(-5px);
	border-color:var(--si-blog-gold);
	box-shadow:0 20px 48px rgba(80,45,20,.15);
}

.si-blog-tile img{
	display:block;
	width:100%;
	height:220px;
	object-fit:cover;
}

.si-blog-tile div{
	padding:22px;
}

.si-blog-tile span{
	color:#a07830;
	margin-bottom:10px;
}

.si-blog-tile h3,
.si-blog-tile h2{
	font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
	font-size:23px;
	line-height:1.22;
	color:var(--si-blog-brown);
	margin:0 0 14px;
	letter-spacing:0;
}

.si-blog-tile p{
	color:var(--si-blog-muted);
	font-size:14px;
	line-height:1.65;
	margin:0;
}

.si-blog-index-hero{
	background:
		linear-gradient(rgba(44,22,8,.68),rgba(44,22,8,.72)),
		url("https://images.unsplash.com/photo-1516426122078-c23e76319801?w=1800&q=80&auto=format&fit=crop") center/cover no-repeat;
	min-height:430px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#fff;
	padding:80px 20px;
}

.si-blog-index-hero div{
	width:min(860px,100%);
}

.si-blog-index-hero h1{
	color:#fff;
	margin-bottom:16px;
}

.si-blog-index-hero p{
	font-size:18px;
	line-height:1.75;
	color:rgba(255,255,255,.86);
	max-width:760px;
	margin:0 auto;
}

.si-blog-index-grid{
	width:min(1180px,calc(100% - 40px));
	margin:54px auto 86px;
}

.si-blog-index-tile h2{
	font-size:25px;
}

.si-blog-index-tile strong{
	margin-top:18px;
}

.si-blog-empty{
	grid-column:1/-1;
	background:#fff;
	border:1px solid var(--si-blog-border);
	border-radius:12px;
	padding:28px;
	text-align:center;
	color:var(--si-blog-muted);
}

@media(max-width:980px){
	.si-blog-shell{
		grid-template-columns:1fr;
	}

	.si-blog-sidebar{
		position:static;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.si-blog-related__grid,
	.si-blog-index-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:680px){
	.si-blog-hero{
		min-height:470px;
	}

	.si-blog-hero__inner,
	.si-blog-shell,
	.si-blog-related,
	.si-blog-index-grid{
		width:calc(100% - 28px);
	}

	.si-blog-hero h1{
		font-size:40px;
	}

	.si-blog-article{
		padding:26px 20px;
	}

	.si-blog-article p{
		font-size:16px;
		line-height:1.78;
	}

	.si-blog-sidebar,
	.si-blog-related__grid,
	.si-blog-index-grid{
		grid-template-columns:1fr;
	}
}