:root {
	--cream: #faf7f2;
	--soft: #f4e9de;
	--rose: #d8b4a0;
	--rose-dark: #b88474;
	--champagne: #c59a6d;
	--brown: #3a2923;
	--dark: #1d1411;
	--dark-2: #2a1c18;
	--muted: #7d6b63;
	--white: #fff;
	--line: rgba(58, 41, 35, 0.12);
	--shadow: 0 24px 70px rgba(58, 41, 35, 0.14);
	--radius: 28px;
	--serif: "Cormorant Garamond", Georgia, serif;
	--sans: "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--cream);
	color: var(--brown);
	font-family: var(--sans);
	line-height: 1.65;
	overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4 { margin-top: 0; }
.container { width: min(1180px, 92%); margin: auto; }

.reading-progress { position: fixed; inset: 0 0 auto; z-index: 90; height: 3px; background: transparent; }
.reading-progress span { display: block; width: 0; height: 100%; background: #f1c58e; }

.topbar {
	position: fixed;
	inset: 0 0 auto;
	z-index: 50;
	padding: 18px 0;
	background: linear-gradient(to bottom, rgba(29, 20, 17, 0.68), rgba(29, 20, 17, 0));
	color: #fff;
}
.nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-width: max-content;
	font-weight: 800;
	letter-spacing: 0;
}
.brand-mark {
	position: relative;
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 20px;
	display: inline-grid;
	place-items: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 28% 22%, rgba(255, 242, 218, 0.96), transparent 24%),
		linear-gradient(145deg, #f1c58e 0%, #d8a083 45%, #8f4f40 100%);
	box-shadow: 0 18px 48px rgba(216, 180, 160, 0.38);
	color: #fff;
	font-size: 13px;
	font-weight: 900;
}
.brand-mark::before {
	content: "";
	position: absolute;
	right: 10px;
	top: 9px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	box-shadow: -6px 0 0 rgba(255, 255, 255, 0.9);
	opacity: 0.9;
}
.brand-mark::after {
	content: "";
	position: absolute;
	left: 12px;
	bottom: 9px;
	width: 29px;
	height: 1px;
	background: rgba(255, 255, 255, 0.58);
}
.brand-mark span {
	position: relative;
	z-index: 1;
	padding-top: 2px;
	font-family: var(--sans);
	letter-spacing: 0.8px;
	text-shadow: 0 1px 12px rgba(58, 41, 35, 0.18);
}
.brand-wordmark {
	display: grid;
	gap: 1px;
	line-height: 1;
}
.brand-title {
	color: #fff;
	font-family: var(--serif);
	font-size: clamp(25px, 2.4vw, 34px);
	font-weight: 700;
	letter-spacing: 0;
	text-shadow: 0 8px 28px rgba(29, 20, 17, 0.38);
}
.brand-subtitle {
	color: rgba(255, 226, 190, 0.88);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}
.custom-logo-link img {
	max-height: 58px;
	width: auto;
}
.menu ul { display: flex; align-items: center; gap: 24px; margin: 0; padding: 0; list-style: none; }
.menu a { position: relative; color: rgba(255, 255, 255, 0.88); font-size: 14px; font-weight: 600; }
.menu a::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 2px; background: #f5c88d; transition: 0.25s; }
.menu a:hover::after { width: 100%; }
.nav-cta {
	padding: 11px 18px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(14px);
	font-size: 14px;
	font-weight: 700;
}
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 14px; background: rgba(255, 255, 255, 0.1); }
.nav-toggle span { display: block; width: 18px; height: 2px; margin: 5px auto; background: #fff; }

section { padding: 92px 0; }
.hero {
	min-height: 100vh;
	position: relative;
	display: flex;
	align-items: end;
	overflow: hidden;
	color: #fff;
	background:
		linear-gradient(90deg, rgba(22, 13, 11, 0.88) 0%, rgba(40, 24, 20, 0.58) 45%, rgba(40, 24, 20, 0.16) 100%),
		linear-gradient(135deg, #1d1411, #7a4638 58%, #d8b4a0);
}
.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 75%, rgba(245, 200, 141, 0.24), transparent 32%), linear-gradient(to top, rgba(29, 20, 17, 0.85), transparent 42%);
	pointer-events: none;
}
.hero-content { position: relative; z-index: 2; padding: 170px 0 88px; max-width: 820px; }
.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	color: #ffe7c7;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}
.hero h1 {
	font-family: var(--serif);
	font-size: clamp(52px, 7vw, 102px);
	line-height: 0.94;
	letter-spacing: -2px;
	margin: 24px 0;
	max-width: 900px;
}
.hero p { font-size: 18px; max-width: 620px; color: rgba(255, 255, 255, 0.82); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 999px;
	padding: 15px 24px;
	font-weight: 800;
	border: 1px solid transparent;
	transition: 0.25s;
}
.btn-primary { background: #f1c58e; color: #2a1b17; box-shadow: 0 18px 48px rgba(241, 197, 142, 0.25); }
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 24px 58px rgba(241, 197, 142, 0.32); }
.btn-ghost { border-color: rgba(255, 255, 255, 0.28); color: #fff; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); }
.hero-strip {
	position: absolute;
	right: 5%;
	bottom: 58px;
	z-index: 2;
	width: min(390px, 35vw);
	padding: 20px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.18);
}
.hero-strip small { color: #ffe2be; font-weight: 800; text-transform: uppercase; letter-spacing: 0.7px; }
.hero-strip h3 { font-family: var(--serif); font-size: 30px; line-height: 1.05; margin: 8px 0; color: #fff; }
.hero-strip p { font-size: 13px; color: rgba(255, 255, 255, 0.74); margin-bottom: 0; }

.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 36px; }
.kicker { font-size: 13px; text-transform: uppercase; letter-spacing: 1.4px; color: var(--rose-dark); font-weight: 800; margin-bottom: 8px; }
.section-head h2,
.large-title {
	font-family: var(--serif);
	font-size: clamp(38px, 5vw, 68px);
	line-height: 1;
	letter-spacing: -1.5px;
	color: var(--dark);
	margin-bottom: 0;
}
.section-head p { max-width: 430px; color: var(--muted); margin-bottom: 0; }

.mood-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.mood-card {
	min-height: 150px;
	border-radius: 26px;
	padding: 22px;
	background: linear-gradient(145deg, #fff, rgba(255, 255, 255, 0.58));
	border: 1px solid var(--line);
	box-shadow: 0 16px 45px rgba(58, 41, 35, 0.06);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: 0.25s;
}
.mood-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.mood-card b { font-family: var(--serif); font-size: 27px; line-height: 1.05; color: var(--dark); }
.mood-card span { font-size: 13px; color: var(--muted); font-weight: 600; }
.mood-icon { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #f1c58e, #b88474); box-shadow: 0 10px 28px rgba(184, 132, 116, 0.25); }
.mood-rain { background: linear-gradient(135deg, #bfc8c3, #7d6b63); }
.mood-candle { background: radial-gradient(circle, #ffe2be 0 35%, #c59a6d 36% 100%); }
.mood-talk { border-radius: 10px 10px 10px 3px; }
.mood-heart { background: linear-gradient(135deg, #f8d7a4, #d8b4a0); }
.mood-moon { background: linear-gradient(135deg, #f7e2c7, #3a2923); }

.featured-wrap { background: var(--soft); }
.featured-layout { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 24px; }
.feature-main,
.story-card,
.side-post,
.qa-card {
	overflow: hidden;
	border-radius: var(--radius);
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 18px 58px rgba(58, 41, 35, 0.08);
}
.feature-main { display: grid; grid-template-columns: 1fr 1fr; min-height: 470px; }
.feature-main .image {
	background: linear-gradient(135deg, #7a4638, #d8b4a0) center/cover no-repeat;
	min-height: 360px;
}
.feature-content { padding: 42px; display: flex; flex-direction: column; justify-content: center; }
.tag {
	display: inline-flex;
	width: max-content;
	padding: 7px 12px;
	border-radius: 999px;
	background: #f4e1d3;
	color: #8d594d;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	margin-bottom: 18px;
}
.feature-content h3,
.story-card h3,
.side-post h3,
.qa-card h3 { font-family: var(--serif); color: var(--dark); line-height: 1.04; }
.feature-content h3 { font-size: 45px; letter-spacing: -1px; margin-bottom: 16px; }
.feature-content p { color: var(--muted); margin-bottom: 24px; }
.read-more { font-weight: 800; color: var(--rose-dark); }
.side-list { display: grid; gap: 24px; }
.side-post { display: grid; grid-template-columns: 145px 1fr; min-height: 150px; }
.side-post .thumb { background: linear-gradient(135deg, #7a4638, #d8b4a0) center/cover no-repeat; }
.side-post .txt { padding: 20px; }
.side-post h3 { font-size: 25px; margin-bottom: 10px; }
.side-post small { color: var(--muted); font-weight: 700; }

.categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cat-card { position: relative; overflow: hidden; border-radius: 32px; min-height: 360px; color: #fff; box-shadow: var(--shadow); background: #333; }
.cat-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(29, 20, 17, 0.88), rgba(29, 20, 17, 0.08)); z-index: 1; }
.cat-card::after { content: ""; position: absolute; inset: 0; background: var(--bg) center/cover no-repeat; transition: 0.45s; }
.cat-card:hover::after { transform: scale(1.08); }
.cat-inner { position: absolute; inset: auto 0 0; z-index: 2; padding: 30px; }
.cat-inner span { font-size: 13px; font-weight: 800; color: #ffe1ba; text-transform: uppercase; letter-spacing: 1px; }
.cat-inner h3 { font-family: var(--serif); font-size: 40px; line-height: 1; margin: 10px 0; }
.cat-inner p { color: rgba(255, 255, 255, 0.78); font-size: 14px; margin-bottom: 0; }

.midnight {
	background:
		radial-gradient(circle at 18% 20%, rgba(197, 154, 109, 0.18), transparent 28%),
		radial-gradient(circle at 88% 70%, rgba(216, 180, 160, 0.13), transparent 28%),
		#1d1411;
	color: #fff;
}
.midnight .section-head h2 { color: #fff; }
.midnight .section-head p { color: rgba(255, 255, 255, 0.68); }
.story-row { display: grid; grid-template-columns: 1.1fr 0.9fr 0.9fr; gap: 24px; }
.story-card { background: #2a1c18; border-color: rgba(255, 255, 255, 0.1); color: #fff; }
.story-thumb { display: block; height: 260px; width: 100%; background: linear-gradient(135deg, #4f332d, #b88474) center/cover no-repeat; filter: saturate(0.9); }
.story-card.big .story-thumb { height: 360px; }
.story-card .body { padding: 26px; }
.story-card h3 { font-size: 34px; color: #fff; margin-bottom: 12px; }
.story-card p { color: rgba(255, 255, 255, 0.66); font-size: 14px; margin-bottom: 0; }

.quote-band { padding: 120px 0; background: linear-gradient(135deg, #f8ece3, #f4d7ca); background-size: cover; background-position: center; position: relative; }
.quote-band::before { content: ""; position: absolute; inset: 0; background: rgba(248, 236, 227, 0.78); }
.quote-band .container { position: relative; z-index: 1; }
.quote-box { text-align: center; max-width: 880px; margin: auto; position: relative; }
.quote-mark { font-size: 60px; color: var(--rose-dark); font-family: var(--serif); line-height: 1; }
.quote-box h2 {
	display: none;
	font-family: var(--serif);
	font-size: clamp(40px, 5.5vw, 74px);
	line-height: 1.05;
	color: var(--dark);
	letter-spacing: -1.4px;
	margin-bottom: 22px;
}
.quote-box h2.is-active { display: block; }
.quote-box p { color: var(--muted); font-weight: 700; }

.qa-layout { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 28px; align-items: start; }
.healing-panel { position: sticky; top: 110px; padding: 36px; border-radius: 32px; background: var(--dark); color: #fff; box-shadow: var(--shadow); overflow: hidden; }
.healing-panel::before { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; right: -80px; top: -80px; background: rgba(245, 200, 141, 0.14); }
.healing-panel h2 { position: relative; font-family: var(--serif); font-size: 48px; line-height: 1; margin-bottom: 16px; }
.healing-panel p { position: relative; color: rgba(255, 255, 255, 0.72); margin-bottom: 22px; }
.healing-panel form { position: relative; display: grid; gap: 12px; }
.healing-panel input,
.healing-panel textarea {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	padding: 15px 18px;
	font-family: inherit;
	outline: none;
}
.healing-panel textarea { height: 150px; resize: none; }
.healing-panel input::placeholder,
.healing-panel textarea::placeholder { color: rgba(255, 255, 255, 0.52); }
.healing-panel button {
	margin-top: 2px;
	width: 100%;
	border: 0;
	border-radius: 999px;
	padding: 15px;
	background: #f1c58e;
	color: #2a1b17;
	font-weight: 900;
	cursor: pointer;
}
.qa-list { display: grid; gap: 18px; }
.qa-card { padding: 28px; transition: 0.25s; }
.qa-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.qa-card h3 { font-size: 32px; margin-bottom: 10px; }
.qa-card p { color: var(--muted); margin-bottom: 0; }

.newsletter { padding: 92px 0; background: #fff; background-size: cover; background-position: center; }
.newsletter-box {
	border-radius: 38px;
	background: linear-gradient(135deg, #3a2923, #1d1411);
	color: #fff;
	padding: 58px;
	display: grid;
	grid-template-columns: 1fr 0.9fr;
	gap: 32px;
	align-items: center;
	box-shadow: var(--shadow);
}
.newsletter h2 { font-family: var(--serif); font-size: 58px; line-height: 1; margin-bottom: 14px; }
.newsletter p { color: rgba(255, 255, 255, 0.7); margin-bottom: 0; }
.form { display: flex; gap: 12px; background: rgba(255, 255, 255, 0.08); padding: 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); }
.form input { flex: 1; min-width: 0; background: transparent; border: 0; color: #fff; outline: none; padding: 0 16px; font-size: 15px; }
.form button { border: 0; border-radius: 999px; background: #f1c58e; color: #2a1b17; font-weight: 900; padding: 14px 22px; cursor: pointer; }

.site-footer { background: #1d1411; color: #fff; padding: 70px 0 28px; }
.footer-grid { display: grid; grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr; gap: 34px; margin-bottom: 46px; }
.site-footer h4 { font-family: var(--serif); font-size: 28px; margin-bottom: 16px; }
.site-footer p { color: rgba(255, 255, 255, 0.62); }
.site-footer a { display: block; color: rgba(255, 255, 255, 0.66); margin-bottom: 10px; }
.copyright { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.48); font-size: 13px; }

.archive-hero,
.category-hero {
	padding: 150px 5vw 70px;
	background: var(--soft);
}
.archive-hero h1,
.category-hero h1 {
	font-family: var(--serif);
	font-size: clamp(52px, 7vw, 96px);
	line-height: 0.95;
	letter-spacing: -2px;
	color: var(--dark);
	margin-bottom: 18px;
}
.archive-hero p,
.category-hero p:not(.eyebrow) { max-width: 720px; color: var(--muted); font-size: 18px; }
.category-hero { background: linear-gradient(135deg, rgba(250, 247, 242, 0.95), rgba(244, 233, 222, 0.86)), var(--accent); }
.category-hero--midnight { background: radial-gradient(circle at 18% 20%, rgba(197, 154, 109, 0.18), transparent 28%), #1d1411; color: #fff; }
.category-hero--midnight h1 { color: #fff; }
.category-hero--midnight p:not(.eyebrow) { color: rgba(255, 255, 255, 0.68); }
.story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 64px 0; }
.story-card__image { display: block; min-height: 260px; background: linear-gradient(135deg, #7a4638, #d8b4a0) center/cover no-repeat; }
.story-card__image span { display: inline-flex; margin: 18px; padding: 7px 12px; border-radius: 999px; background: rgba(29, 20, 17, 0.58); color: #fff; font-size: 12px; font-weight: 800; }
.story-card__body { padding: 26px; }
.story-card__body .story-meta { color: rgba(255, 255, 255, 0.52); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.7px; }
.faq-list { display: grid; gap: 18px; padding: 64px 0; }
.faq-item { border-radius: var(--radius); background: #fff; border: 1px solid var(--line); box-shadow: 0 18px 58px rgba(58, 41, 35, 0.08); }
.faq-item summary { cursor: pointer; padding: 28px; font-family: var(--serif); font-size: 32px; font-weight: 700; }
.faq-item div { padding: 0 28px 28px; color: var(--muted); }

.single-hero {
	min-height: 86vh;
	position: relative;
	display: flex;
	align-items: end;
	padding: 170px 5vw 86px;
	color: #fff;
	background:
		linear-gradient(90deg, rgba(22, 13, 11, 0.88) 0%, rgba(40, 24, 20, 0.58) 45%, rgba(40, 24, 20, 0.16) 100%),
		linear-gradient(135deg, #1d1411, #7a4638 58%, #d8b4a0);
}
.single-hero__content { width: min(900px, 92%); }
.single-hero h1 { font-family: var(--serif); font-size: clamp(52px, 7vw, 102px); line-height: 0.94; letter-spacing: -2px; margin: 24px 0; }
.single-subtitle { max-width: 650px; color: rgba(255, 255, 255, 0.78); font-size: 18px; }
.single-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.single-tags a { padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 12px; font-weight: 800; }
.single-layout { display: grid; grid-template-columns: 280px minmax(0, 760px); gap: 60px; align-items: start; padding: 72px 0; }
.story-sidebar { position: sticky; top: 110px; display: grid; gap: 14px; }
.sidebar-card { display: block; padding: 22px; border-radius: 24px; background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 42px rgba(58, 41, 35, 0.06); }
.sidebar-card span { display: block; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; }
.sidebar-card strong { display: block; margin-top: 8px; font-family: var(--serif); font-size: 26px; line-height: 1.05; color: var(--dark); }
.level-bar { height: 6px; margin-top: 14px; border-radius: 999px; background: #f4e9de; overflow: hidden; }
.level-bar i { display: block; height: 100%; background: #f1c58e; }
.editorial-content { font-size: 18px; line-height: 1.9; }
.editorial-content h2,
.editorial-content h3 { font-family: var(--serif); line-height: 1.05; color: var(--dark); margin-top: 2em; }
.editorial-content h2 { font-size: clamp(38px, 5vw, 60px); }
.editorial-content h3 { font-size: 36px; }
.editorial-content p,
.editorial-content li { color: #49352e; }
.editorial-content blockquote,
.highlight-quote { margin: 42px 0; padding-left: 28px; border-left: 3px solid #f1c58e; font-family: var(--serif); font-size: clamp(34px, 4vw, 56px); line-height: 1.05; color: var(--dark); }

@media (max-width: 980px) {
	.menu { display: none; }
	.nav-toggle { display: block; }
	.menu.is-open { display: block; position: absolute; top: 76px; left: 4%; right: 4%; padding: 18px; border-radius: 24px; background: rgba(29, 20, 17, 0.94); }
	.menu.is-open ul { display: grid; gap: 14px; }
	.hero-strip { display: none; }
	.mood-grid { grid-template-columns: repeat(2, 1fr); }
	.featured-layout,
	.feature-main,
	.qa-layout,
	.newsletter-box,
	.single-layout { grid-template-columns: 1fr; }
	.categories { grid-template-columns: 1fr 1fr; }
	.story-row { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
	.healing-panel,
	.story-sidebar { position: relative; top: auto; }
	.story-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
	.topbar { padding: 12px 0; }
	.brand-title { font-size: 23px; }
	.brand-subtitle { display: none; }
	.brand-mark {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
		border-radius: 17px;
	}
	.nav-cta { display: none; }
	.hero-content { padding-bottom: 58px; }
	.hero h1,
	.single-hero h1 { font-size: 54px; letter-spacing: -1px; }
	.section-head { display: block; }
	.mood-grid,
	.categories,
	.footer-grid,
	.story-grid { grid-template-columns: 1fr; }
	.side-post { grid-template-columns: 1fr; }
	.side-post .thumb { min-height: 210px; }
	.feature-content,
	.newsletter-box { padding: 30px; }
	.newsletter h2 { font-size: 42px; }
	.form { display: grid; border-radius: 24px; }
	.form button { width: 100%; }
	section { padding: 68px 0; }
	.copyright { display: grid; }
	.single-layout { padding: 46px 0; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Production archive/category/single system */
.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	font-weight: 700;
}
.blog-hero .breadcrumbs,
.cat-system-hero:not(.is-dark) .breadcrumbs { color: var(--muted); }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }

.cat-system-hero,
.blog-hero {
	position: relative;
	padding: 150px 0 86px;
	background:
		linear-gradient(90deg, rgba(29, 20, 17, 0.78), rgba(58, 41, 35, 0.28)),
		linear-gradient(135deg, #f4e9de, #d8b4a0);
	color: #fff;
	overflow: hidden;
}
.blog-hero {
	background:
		linear-gradient(135deg, rgba(250, 247, 242, 0.94), rgba(244, 233, 222, 0.88)),
		linear-gradient(135deg, #d8b4a0, #f1c58e);
	color: var(--brown);
}
.cat-system-hero::before,
.blog-hero::before {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	right: -120px;
	bottom: -160px;
	border-radius: 50%;
	background: rgba(241, 197, 142, 0.2);
}
.cat-system-hero::after,
.blog-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(29, 20, 17, 0.72), rgba(58, 41, 35, 0.24));
	pointer-events: none;
}
.blog-hero::after {
	background: linear-gradient(90deg, rgba(250, 247, 242, 0.88), rgba(244, 233, 222, 0.62));
}
.cat-system-hero .container,
.blog-hero .container { position: relative; z-index: 2; }
.cat-system-hero h1,
.blog-hero h1 {
	max-width: 980px;
	margin: 20px 0;
	font-family: var(--serif);
	font-size: clamp(54px, 8vw, 112px);
	line-height: 0.92;
	letter-spacing: -2px;
}
.cat-system-hero p,
.blog-hero p { max-width: 720px; font-size: 19px; color: rgba(255, 255, 255, 0.78); }
.blog-hero p { color: var(--muted); }
.cat-system-hero--tam-su-dem-khuya,
.cat-system-hero.is-dark {
	background:
		radial-gradient(circle at 18% 20%, rgba(197, 154, 109, 0.18), transparent 28%),
		radial-gradient(circle at 88% 70%, rgba(216, 180, 160, 0.13), transparent 28%),
		#1d1411;
}
.cat-system-hero--tam-ly-chua-lanh,
.cat-system-hero--gia-dinh-con-cai {
	background:
		linear-gradient(135deg, rgba(250, 247, 242, 0.92), rgba(244, 233, 222, 0.76)),
		linear-gradient(135deg, #f4e9de, #f1c58e);
	color: #fff;
}
.cat-system-hero--tam-ly-chua-lanh p,
.cat-system-hero--gia-dinh-con-cai p { color: rgba(255, 255, 255, 0.78); }

.category-system,
.blog-system { padding: 78px 0 100px; }
.category-layout,
.blog-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 34px;
	align-items: start;
}
.category-main,
.blog-main { min-width: 0; }
.topic-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin-bottom: 70px;
}
.topic-cards article {
	min-height: 210px;
	padding: 26px;
	border-radius: 28px;
	background: linear-gradient(145deg, #fff, rgba(255, 255, 255, 0.62));
	border: 1px solid var(--line);
	box-shadow: 0 16px 45px rgba(58, 41, 35, 0.06);
}
.topic-cards span {
	color: var(--rose-dark);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.topic-cards h3 {
	margin: 16px 0 10px;
	font-family: var(--serif);
	font-size: 34px;
	line-height: 1;
	color: var(--dark);
}
.topic-cards p { color: var(--muted); margin-bottom: 0; }

.mnhn-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.mnhn-card {
	overflow: hidden;
	border-radius: 28px;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 18px 58px rgba(58, 41, 35, 0.08);
}
.mnhn-card__image {
	display: block;
	min-height: 245px;
	background:
		linear-gradient(to top, rgba(29, 20, 17, 0.62), transparent),
		linear-gradient(135deg, #7a4638, #d8b4a0);
	background-size: cover;
	background-position: center;
}
.mnhn-card__image .tag { margin: 18px; }
.mnhn-card__body { padding: 24px; }
.mnhn-card__body small {
	color: var(--muted);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
.mnhn-card__body h3 {
	margin: 10px 0;
	font-family: var(--serif);
	font-size: 31px;
	line-height: 1.04;
	color: var(--dark);
}
.mnhn-card__body p { color: var(--muted); margin-bottom: 0; }

.archive-sidebar,
.single-sidebar {
	position: sticky;
	top: 104px;
	display: grid;
	gap: 16px;
}
.archive-sidebar .sidebar-card,
.single-sidebar .sidebar-card,
.sidebar-card {
	border-radius: 26px;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 16px 45px rgba(58, 41, 35, 0.07);
}
.sidebar-card p { color: var(--muted); }
.mini-form {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}
.mini-form input {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 12px 14px;
	font-family: inherit;
}
.mini-form button {
	border: 0;
	border-radius: 999px;
	padding: 12px 14px;
	background: #f1c58e;
	color: #2a1b17;
	font-weight: 900;
}
.sidebar-links,
.sidebar-posts {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}
.sidebar-links a {
	padding: 10px 0;
	border-bottom: 1px solid var(--line);
	color: var(--brown);
	font-weight: 800;
}
.sidebar-links a.is-active { color: var(--rose-dark); }
.sidebar-posts a {
	display: grid;
	gap: 4px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--line);
}
.sidebar-posts strong {
	margin: 0;
	font-family: var(--serif);
	font-size: 23px;
	line-height: 1.05;
}
.sidebar-posts small { color: var(--muted); font-weight: 700; }

.inline-form-panel,
.single-cta {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 28px;
	margin: 72px 0;
	padding: 36px;
	border-radius: 34px;
	background: linear-gradient(135deg, #3a2923, #1d1411);
	color: #fff;
	box-shadow: var(--shadow);
}
.inline-form-panel h2,
.single-cta h2 {
	font-family: var(--serif);
	font-size: clamp(38px, 5vw, 58px);
	line-height: 1;
	margin-bottom: 14px;
}
.inline-form-panel p,
.single-cta p { color: rgba(255, 255, 255, 0.72); }
.inline-form-panel form { display: grid; gap: 12px; }
.inline-form-panel input,
.inline-form-panel textarea {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	padding: 14px 16px;
	font-family: inherit;
}
.category-quote {
	margin: 72px 0;
	padding: 64px;
	border-radius: 36px;
	background: linear-gradient(135deg, #f8ece3, #f4d7ca);
}
.category-quote blockquote {
	margin: 0;
	font-family: var(--serif);
	font-size: clamp(38px, 5vw, 68px);
	line-height: 1.04;
	color: var(--dark);
	text-align: center;
}
.category-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 34px;
}
.category-filter a {
	padding: 10px 14px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--line);
	font-weight: 800;
	color: var(--brown);
}
.question-search {
	margin: 56px 0;
	padding: 28px;
	border-radius: 30px;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 18px 58px rgba(58, 41, 35, 0.08);
}
.question-search label {
	display: block;
	margin-bottom: 12px;
	font-family: var(--serif);
	font-size: 34px;
	font-weight: 700;
	color: var(--dark);
}
.question-search div {
	display: flex;
	gap: 12px;
}
.question-search input {
	flex: 1;
	min-width: 0;
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 14px 16px;
	font-family: inherit;
}

.single-layout--wide {
	grid-template-columns: minmax(0, 78%) minmax(240px, 22%);
	gap: 34px;
	align-items: start;
	padding: 76px 0 84px;
}
.single-content-column {
	min-width: 0;
	padding: clamp(24px, 4vw, 54px);
	border-radius: 36px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid var(--line);
	box-shadow: 0 22px 70px rgba(58, 41, 35, 0.08);
}
.single-meta-line {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 26px;
	color: var(--muted);
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
.single-sidebar .sidebar-card { padding: 22px; }
.toc-list {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}
.toc-list a {
	color: var(--brown);
	font-weight: 800;
	line-height: 1.25;
}
.toc-list .toc-level-3 {
	padding-left: 14px;
	color: var(--muted);
	font-size: 14px;
}
.share-card a {
	display: inline-flex;
	margin: 12px 8px 0 0;
	padding: 9px 12px;
	border-radius: 999px;
	background: var(--soft);
	font-weight: 800;
}
.note-box {
	margin: 34px 0;
	padding: 26px;
	border-radius: 28px;
	background: #f8ece3;
	border: 1px solid var(--line);
}
.note-box strong {
	display: block;
	margin-bottom: 8px;
	color: var(--rose-dark);
	text-transform: uppercase;
	letter-spacing: 0.8px;
	font-size: 12px;
}
.cinematic-figure {
	margin: 42px 0;
}
.cinematic-figure img {
	width: 100%;
	border-radius: 30px;
	box-shadow: var(--shadow);
}
.cinematic-figure figcaption {
	margin-top: 10px;
	color: var(--muted);
	font-size: 13px;
	text-align: center;
}
.author-box {
	display: flex;
	gap: 18px;
	margin-top: 54px;
	padding: 26px;
	border-radius: 30px;
	background: var(--soft);
}
.author-box img {
	border-radius: 50%;
}
.author-box span {
	color: var(--rose-dark);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}
.author-box h3 {
	margin: 4px 0 8px;
	font-family: var(--serif);
	font-size: 32px;
	line-height: 1;
}
.post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 34px;
}
.post-nav > div {
	padding: 20px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid var(--line);
}
.post-nav span {
	display: block;
	color: var(--muted);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}
.post-nav a {
	font-family: var(--serif);
	font-size: 25px;
	line-height: 1.05;
	color: var(--dark);
}
.single-cta {
	display: block;
	margin-bottom: 0;
}
.related-stories {
	padding-bottom: 90px;
}

@media (max-width: 1024px) {
	.category-layout,
	.blog-layout,
	.single-layout--wide {
		grid-template-columns: 1fr;
	}
	.archive-sidebar,
	.single-sidebar {
		position: static;
		grid-template-columns: repeat(2, 1fr);
	}
	.topic-cards,
	.mnhn-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.inline-form-panel {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.cat-system-hero,
	.blog-hero {
		padding: 118px 0 64px;
	}
	.cat-system-hero h1,
	.blog-hero h1 {
		font-size: 56px;
	}
	.topic-cards,
	.mnhn-grid,
	.archive-sidebar,
	.single-sidebar,
	.post-nav {
		grid-template-columns: 1fr;
	}
	.category-quote {
		padding: 34px 22px;
	}
	.question-search div {
		display: grid;
	}
	.single-content-column {
		padding: 22px;
		border-radius: 28px;
	}
	.editorial-content {
		font-size: 17px;
	}
}

/* Demo-matched category layouts */
.breadcrumb {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	color: rgba(255, 255, 255, 0.74);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.breadcrumb span { color: #f5c88d; }
.demo-cat-hero {
	min-height: 94vh;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.demo-cat-hero::before {
	background:
		radial-gradient(circle at 20% 72%, rgba(241, 197, 142, 0.28), transparent 34%),
		linear-gradient(90deg, rgba(22, 13, 11, 0.86), rgba(55, 32, 26, 0.55), rgba(55, 32, 26, 0.12)),
		linear-gradient(to top, var(--cream), transparent 28%);
}
.demo-cat-hero--tam-su-dem-khuya::before {
	background:
		radial-gradient(circle at 72% 22%, rgba(197, 154, 109, 0.14), transparent 30%),
		linear-gradient(90deg, rgba(10, 6, 5, 0.92), rgba(29, 20, 17, 0.72), rgba(29, 20, 17, 0.28)),
		linear-gradient(to top, #1a100e, transparent 30%);
}
.demo-cat-hero--tam-ly-chua-lanh::before,
.demo-cat-hero--hoi-dap-hon-nhan::before {
	background:
		radial-gradient(circle at 22% 74%, rgba(232, 199, 143, 0.26), transparent 34%),
		radial-gradient(circle at 82% 20%, rgba(216, 180, 160, 0.16), transparent 30%),
		linear-gradient(90deg, rgba(22, 13, 11, 0.88), rgba(55, 36, 30, 0.58), rgba(55, 36, 30, 0.14)),
		linear-gradient(to top, var(--cream), transparent 28%);
}
.hero-card {
	position: absolute;
	right: 5%;
	bottom: 68px;
	z-index: 2;
	width: min(380px, 34vw);
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px);
}
.hero-card small {
	display: block;
	margin-bottom: 10px;
	color: #ffe2be;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.hero-card h3 {
	margin-bottom: 10px;
	color: #fff;
	font-family: var(--serif);
	font-size: 34px;
	line-height: 1.02;
}
.hero-card p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 13px; }

.emotion-grid,
.family-grid,
.ritual-grid,
.path-grid,
.faq-grid {
	position: relative;
	z-index: 3;
	display: grid;
	gap: 18px;
	margin-top: -34px;
}
.emotion-grid,
.family-grid,
.path-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ritual-grid,
.faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.emotion-card,
.family-card,
.ritual-card,
.path-card,
.faq-card {
	min-height: 210px;
	padding: 28px;
	border: 1px solid var(--line);
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 20px 58px rgba(58, 41, 35, 0.08);
	backdrop-filter: blur(16px);
	transition: 0.25s;
}
.emotion-card:hover,
.family-card:hover,
.ritual-card:hover,
.path-card:hover,
.faq-card:hover {
	transform: translateY(-7px);
	box-shadow: var(--shadow);
}
.emotion-icon,
.family-icon,
.ritual-icon,
.path-icon,
.faq-icon {
	width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
	margin-bottom: 18px;
	border-radius: 22px;
	background: var(--soft);
	color: var(--rose-dark);
	font-size: 25px;
	font-weight: 900;
}
.emotion-card h3,
.family-card h3,
.ritual-card h3,
.path-card h3,
.faq-card h3,
.mood-card h3 {
	margin-bottom: 10px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: 34px;
	line-height: 1.04;
}
.emotion-card p,
.family-card p,
.ritual-card p,
.path-card p,
.faq-card p,
.mood-card p {
	margin-bottom: 0;
	color: var(--muted);
	font-size: 14px;
}
.mood-card .mood-icon {
	width: 58px;
	height: 58px;
	border-radius: 22px;
	background: var(--soft);
	color: var(--rose-dark);
	font-size: 25px;
	font-weight: 900;
}

body.category .featured-layout { grid-template-columns: 1.15fr 0.85fr; }
body.category .feature-main {
	position: relative;
	display: block;
	min-height: 620px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}
body.category .feature-main::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(29, 20, 17, 0.86), rgba(29, 20, 17, 0.08));
}
body.category .feature-content {
	position: absolute;
	inset: auto 0 0 0;
	z-index: 2;
	padding: 42px;
	color: #fff;
}
body.category .feature-content h3,
body.category .feature-content h3 a { color: #fff; }
body.category .feature-content p { max-width: 620px; color: rgba(255, 255, 255, 0.74); }
body.category .feature-content .tag {
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #ffe7c7;
}
.mini-stack,
.qa-list {
	display: grid;
	gap: 20px;
}
.mini-post,
.qa-item {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 18px;
	align-items: center;
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(58, 41, 35, 0.08);
}
.mini-post img,
.mini-post__thumb,
.qa-thumb {
	width: 150px;
	height: 150px;
	display: block;
	background-position: center;
	background-size: cover;
	object-fit: cover;
	border-radius: 22px;
}
.qa-list--dynamic > article.qa-item { display: none; }
.mini-post h3,
.qa-item h3,
.accordion summary {
	margin-bottom: 10px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: 32px;
	line-height: 1.04;
}
.mini-post p,
.qa-item p { margin-bottom: 0; color: var(--muted); }
.tag--light { background: #f8ece3; color: var(--rose-dark); }

.connection,
.balance,
.therapy,
.ritual {
	background:
		radial-gradient(circle at 16% 20%, rgba(197, 154, 109, 0.12), transparent 32%),
		radial-gradient(circle at 88% 70%, rgba(216, 180, 160, 0.16), transparent 28%),
		#fff;
}
.midnight {
	background:
		radial-gradient(circle at 18% 20%, rgba(197, 154, 109, 0.15), transparent 30%),
		#1a100e;
	color: #fff;
}
.midnight .section-head h2,
.midnight .connection-item h3 { color: #fff; }
.midnight .section-head p,
.midnight .connection-item p { color: rgba(255, 255, 255, 0.7); }
.connection-layout,
.balance-layout,
.therapy-layout {
	display: grid;
	grid-template-columns: 0.82fr 1.18fr;
	gap: 30px;
	align-items: start;
}
.connection-box,
.balance-box,
.therapy-panel {
	position: sticky;
	top: 112px;
	overflow: hidden;
	padding: 36px;
	border-radius: 34px;
	background: var(--dark);
	color: #fff;
	box-shadow: var(--shadow);
}
.connection-box::before,
.balance-box::before,
.therapy-panel::before {
	content: "";
	position: absolute;
	top: -100px;
	right: -100px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: rgba(241, 197, 142, 0.14);
}
.connection-box h2,
.balance-box h2,
.therapy-panel h2 {
	position: relative;
	margin-bottom: 14px;
	font-family: var(--serif);
	font-size: 52px;
	line-height: 1;
}
.connection-box p,
.balance-box p,
.therapy-panel p { position: relative; color: rgba(255, 255, 255, 0.72); }
.connection-box textarea,
.balance-box textarea,
.therapy-panel textarea {
	position: relative;
	width: 100%;
	height: 160px;
	margin-bottom: 14px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 22px;
	outline: none;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-family: inherit;
	resize: none;
}
.connection-box button,
.balance-box button,
.therapy-panel button {
	position: relative;
	width: 100%;
	padding: 15px;
	border: 0;
	border-radius: 999px;
	background: #f1c58e;
	color: #2a1b17;
	cursor: pointer;
	font-weight: 900;
}
.connection-list,
.balance-list,
.therapy-list { display: grid; gap: 20px; }
.connection-item,
.balance-item,
.therapy-item {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 24px;
	align-items: center;
	padding: 16px;
	border: 1px solid var(--line);
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(58, 41, 35, 0.07);
	transition: 0.25s;
}
.midnight .connection-item {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
}
.connection-item:hover,
.balance-item:hover,
.therapy-item:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow);
}
.connection-item img,
.balance-item img,
.therapy-item img,
.guide-thumb {
	width: 220px;
	height: 180px;
	display: block;
	background-position: center;
	background-size: cover;
	object-fit: cover;
	border-radius: 22px;
}
.connection-item h3,
.balance-item h3,
.therapy-item h3 {
	margin-bottom: 10px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: 36px;
	line-height: 1.04;
}
.connection-item p,
.balance-item p,
.therapy-item p { margin-bottom: 0; color: var(--muted); }

.quote-band {
	padding: 120px 0;
	background: linear-gradient(135deg, #f8ece3, #f4d7ca);
}
.quote-box {
	max-width: 880px;
	margin: auto;
	text-align: center;
}
.quote-mark {
	color: var(--rose-dark);
	font-family: var(--serif);
	font-size: 60px;
	line-height: 1;
}
.quote-box h2 {
	color: var(--dark);
	font-family: var(--serif);
	font-size: clamp(40px, 5.5vw, 74px);
	line-height: 1.05;
	letter-spacing: -1.4px;
}
.quote-box p { color: var(--muted); font-weight: 700; }

.search-wrap { background: var(--soft); }
.search-box {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 920px;
	margin: auto;
	padding: 16px 20px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #fff;
	box-shadow: var(--shadow);
}
.search-box input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	background: transparent;
	color: var(--brown);
	font-size: 16px;
}
.search-btn {
	padding: 14px 22px;
	border: 0;
	border-radius: 999px;
	background: #f1c58e;
	color: #2a1b17;
	font-weight: 900;
}
.accordion-section { background: #fff; }
.accordion-list { display: grid; gap: 16px; }
.accordion {
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(58, 41, 35, 0.06);
}
.accordion summary {
	display: block;
	cursor: pointer;
	list-style: none;
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion p { margin-bottom: 0; color: var(--muted); }

.archive-layout {
	display: grid;
	grid-template-columns: 1fr 330px;
	gap: 34px;
	align-items: start;
}
.article-list { display: grid; gap: 20px; }
.list-item {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 24px;
	padding: 16px;
	border: 1px solid var(--line);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(58, 41, 35, 0.07);
}
.list-thumb,
.list-item > img {
	width: 260px;
	height: 190px;
	border-radius: 20px;
	background-position: center;
	background-size: cover;
	object-fit: cover;
}
.list-item h3 {
	margin-bottom: 10px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: 34px;
	line-height: 1.04;
}
.list-item p { margin-bottom: 0; color: var(--muted); }
.sidebar {
	position: sticky;
	top: 110px;
	display: grid;
	gap: 20px;
}
.sidebox {
	padding: 26px;
	border: 1px solid var(--line);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(58, 41, 35, 0.07);
}
.sidebox h3 {
	margin-bottom: 14px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: 32px;
	line-height: 1.04;
}
.sidebox p { color: var(--muted); }
.sidebox a {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	font-weight: 800;
}
.sidebox a:last-child { border-bottom: 0; }
.newsletter { background: linear-gradient(135deg, #fff, #f8e7d9); }
.newsletter input {
	width: 100%;
	margin-bottom: 10px;
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: 999px;
	outline: 0;
	background: #fff;
	color: var(--brown);
}
.newsletter button {
	width: 100%;
	padding: 14px 18px;
	border: 0;
	border-radius: 999px;
	background: #f1c58e;
	color: #2a1b17;
	font-weight: 900;
}
.pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 38px;
}
.pagination a {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border: 1px solid var(--line);
	border-radius: 50%;
	background: #fff;
	color: var(--muted);
	font-weight: 900;
}
.pagination a.active { background: var(--dark); color: #fff; }
.card-link-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
}
body.category .feature-content { pointer-events: none; }
body.category .feature-content a { pointer-events: auto; position: relative; z-index: 3; }
.mini-post,
.connection-item,
.balance-item,
.therapy-item,
.list-item {
	color: inherit;
	cursor: pointer;
}
.mini-post:hover,
.connection-item:hover,
.balance-item:hover,
.therapy-item:hover,
.list-item:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow);
}

@media (max-width: 1080px) {
	.hero-card { display: none; }
	.emotion-grid,
	.family-grid,
	.path-grid,
	.ritual-grid,
	.faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.category .featured-layout,
	.connection-layout,
	.balance-layout,
	.therapy-layout,
	.archive-layout { grid-template-columns: 1fr; }
	.connection-box,
	.balance-box,
	.therapy-panel,
	.sidebar { position: relative; top: auto; }
}

@media (max-width: 760px) {
	.demo-cat-hero h1 { font-size: 58px; }
	.emotion-grid,
	.family-grid,
	.path-grid,
	.ritual-grid,
	.faq-grid { grid-template-columns: 1fr; }
	body.category .feature-main { min-height: 540px; }
	body.category .feature-content { padding: 30px; }
	body.category .feature-content h3 { font-size: 38px; }
	.mini-post,
	.connection-item,
	.balance-item,
	.therapy-item,
	.list-item { grid-template-columns: 1fr; }
	.mini-post img,
	.connection-item img,
	.balance-item img,
	.therapy-item img,
	.list-thumb,
	.list-item > img {
		width: 100%;
		height: 240px;
	}
	.search-box {
		flex-direction: column;
		align-items: stretch;
		border-radius: 28px;
	}
	.search-btn { width: 100%; }
	.quote-band { padding: 84px 0; }
}

/* Homepage newsletter: keep it separate from sidebar newsletter cards. */
section.newsletter {
	position: relative;
	isolation: isolate;
	padding: clamp(78px, 8vw, 120px) 0;
	background-color: #1d1411;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
section.newsletter::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(29, 20, 17, 0.64), rgba(29, 20, 17, 0.26)),
		linear-gradient(to top, rgba(29, 20, 17, 0.82), rgba(29, 20, 17, 0.08) 46%, rgba(250, 247, 242, 0.2));
}
section.newsletter .newsletter-box {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(420px, 0.75fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: center;
	max-width: 1120px;
	padding: clamp(34px, 5vw, 64px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 34px;
	background: rgba(29, 20, 17, 0.88);
	box-shadow: 0 34px 90px rgba(29, 20, 17, 0.28);
	backdrop-filter: blur(8px);
}
section.newsletter h2 {
	max-width: 560px;
	color: #fff;
	font-size: clamp(46px, 5.2vw, 72px);
	letter-spacing: 0;
}
section.newsletter p {
	max-width: 620px;
	color: rgba(255, 255, 255, 0.74);
	font-size: 18px;
}
section.newsletter .form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	width: 100%;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}
section.newsletter .form input {
	width: 100%;
	min-width: 0;
	height: 56px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	outline: 0;
	background: rgba(255, 255, 255, 0.96);
	color: var(--brown);
	font-size: 15px;
}
section.newsletter .form input::placeholder { color: rgba(58, 41, 35, 0.58); }
section.newsletter .form button {
	width: auto;
	min-width: 156px;
	height: 56px;
	margin: 0;
	padding: 0 26px;
	border: 0;
	border-radius: 999px;
	background: #f1c58e;
	color: #2a1b17;
	font-weight: 900;
	white-space: nowrap;
	cursor: pointer;
}

@media (max-width: 980px) {
	section.newsletter .newsletter-box {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	section.newsletter {
		padding: 64px 0;
	}
	section.newsletter .newsletter-box {
		padding: 28px;
		border-radius: 28px;
	}
	section.newsletter .form {
		grid-template-columns: 1fr;
		border-radius: 26px;
	}
	section.newsletter .form button {
		width: 100%;
	}
}

/* Cleanup after editorial import */
body.admin-bar .topbar { top: 32px; }
.home-hero {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.home-hero::before {
	background:
		linear-gradient(90deg, rgba(22, 13, 11, 0.86) 0%, rgba(40, 24, 20, 0.56) 45%, rgba(40, 24, 20, 0.12) 100%),
		radial-gradient(circle at 20% 75%, rgba(245, 200, 141, 0.22), transparent 32%),
		linear-gradient(to top, rgba(29, 20, 17, 0.82), transparent 42%);
}
.single-layout--wide {
	grid-template-columns: minmax(0, 76%) minmax(260px, 24%);
	padding-top: 56px;
}
.single-hero {
	isolation: isolate;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.single-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(22, 13, 11, 0.9) 0%, rgba(40, 24, 20, 0.64) 46%, rgba(40, 24, 20, 0.18) 100%),
		linear-gradient(to top, rgba(29, 20, 17, 0.86), transparent 44%);
	pointer-events: none;
}
.single-hero__content {
	position: relative;
	z-index: 2;
}
.single-content-column {
	padding: clamp(26px, 3.2vw, 46px);
	background: rgba(255, 255, 255, 0.82);
}
.editorial-content {
	font-size: 18px;
	line-height: 1.78;
}
.editorial-content p { margin: 0 0 22px; }
.editorial-content h2,
.editorial-content h3 {
	margin-top: 1.35em;
	margin-bottom: 0.45em;
}
.editorial-content h2 { font-size: clamp(34px, 4.2vw, 52px); }
.editorial-content h3 { font-size: clamp(27px, 3vw, 34px); }
.editorial-content blockquote,
.highlight-quote {
	margin: 30px 0;
	padding: 24px 28px;
	border-left: 0;
	border-radius: 24px;
	background: #f8ece3;
	font-size: clamp(28px, 3.2vw, 42px);
	box-shadow: 0 16px 44px rgba(58, 41, 35, 0.06);
}
.cinematic-figure { margin: 28px 0 32px; }
.cinematic-figure img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.author-box {
	align-items: center;
	margin-top: 34px;
}
.author-avatar--mark {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: linear-gradient(135deg, #f1c58e, #b88474);
	color: #fff;
	font-weight: 900;
	letter-spacing: 0.6px;
	box-shadow: 0 14px 34px rgba(184, 132, 116, 0.24);
}
.author-box p { margin: 0; color: var(--muted); }

@media (max-width: 782px) {
	body.admin-bar .topbar { top: 46px; }
}

@media (max-width: 768px) {
	.single-layout--wide { padding-top: 36px; }
	.editorial-content { line-height: 1.72; }
	.editorial-content p { margin-bottom: 18px; }
	.highlight-quote,
	.editorial-content blockquote { font-size: 28px; }
}

/* Editorial single post hero: no fullscreen featured-image banner. */
.single-hero--editorial {
	min-height: 0;
	display: block;
	padding: 140px 0 54px;
	align-items: initial;
	color: var(--brown);
	background:
		radial-gradient(circle at 12% 22%, rgba(216, 180, 160, 0.22), transparent 30%),
		linear-gradient(180deg, #fbf4ec 0%, var(--cream) 100%);
}
.single-hero--editorial::before {
	display: none;
}
.single-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 42%);
	gap: clamp(28px, 5vw, 70px);
	align-items: end;
}
.single-hero-copy {
	min-width: 0;
	padding-bottom: 14px;
}
.single-hero--editorial .breadcrumb {
	color: var(--muted);
}
.single-hero--editorial .breadcrumb a {
	color: var(--brown);
}
.single-hero--editorial .eyebrow,
.single-kicker {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.single-kicker span,
.single-hero--editorial .single-tags a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 12px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.7);
	color: var(--rose-dark);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}
.single-hero--editorial h1 {
	max-width: 940px;
	margin: 24px 0 18px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: clamp(48px, 6.5vw, 92px);
	line-height: 0.94;
	letter-spacing: -1.8px;
}
.single-hero--editorial .single-subtitle {
	max-width: 760px;
	margin-bottom: 22px;
	color: var(--muted);
	font-size: clamp(17px, 1.7vw, 21px);
	line-height: 1.72;
}
.single-meta-line--hero {
	margin-bottom: 16px;
	color: var(--muted);
}
.single-featured-image {
	width: 100%;
	max-width: 920px;
	margin: 0;
	border: 1px solid rgba(58, 41, 35, 0.1);
	border-radius: 32px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 24px 70px rgba(58, 41, 35, 0.14);
}
.single-featured-image img {
	width: 100%;
	height: 420px;
	display: block;
	object-fit: cover;
	object-position: center 42%;
}
.single-layout--wide {
	grid-template-columns: minmax(0, 78%) minmax(250px, 22%);
	gap: 34px;
	align-items: start;
	padding-top: 42px;
}
.single-sidebar {
	position: sticky;
	top: 110px;
	order: initial;
}
.single-content-column {
	min-width: 0;
}
.editorial-content .cinematic-figure img,
.editorial-content img {
	max-height: 520px;
	object-fit: cover;
	border-radius: 26px;
}

@media (max-width: 1024px) {
	.single-hero-grid,
	.single-layout--wide {
		grid-template-columns: 1fr;
	}
	.single-featured-image {
		max-width: 920px;
	}
	.single-sidebar {
		position: relative;
		top: auto;
	}
}

@media (max-width: 640px) {
	.single-hero--editorial {
		padding: 118px 0 34px;
	}
	.single-hero--editorial h1 {
		font-size: 48px;
		letter-spacing: -0.8px;
	}
	.single-featured-image {
		border-radius: 24px;
	}
	.single-featured-image img {
		height: 240px;
	}
	.single-layout--wide {
		padding-top: 28px;
	}
}

/* Static editorial pages */
.static-page,
.not-found-page {
	background:
		radial-gradient(circle at 12% 12%, rgba(216, 180, 160, 0.22), transparent 28%),
		linear-gradient(180deg, #faf7f2 0%, #f4e9de 56%, #faf7f2 100%);
}
.static-hero {
	position: relative;
	overflow: hidden;
	padding: 154px 0 78px;
	color: #fff;
	background:
		linear-gradient(115deg, rgba(29, 20, 17, 0.92), rgba(58, 41, 35, 0.78) 52%, rgba(184, 132, 116, 0.42)),
		radial-gradient(circle at 76% 28%, rgba(241, 197, 142, 0.3), transparent 28%),
		#1d1411;
}
.static-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 180px;
	background: linear-gradient(to top, rgba(250, 247, 242, 1), rgba(250, 247, 242, 0));
	pointer-events: none;
}
.static-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 900px;
}
.static-hero .breadcrumbs {
	margin-bottom: 26px;
	color: rgba(255, 255, 255, 0.78);
}
.static-hero .breadcrumbs a {
	color: #ffe2be;
}
.static-hero h1 {
	max-width: 920px;
	margin: 22px 0;
	color: #fff;
	font-family: var(--serif);
	font-size: clamp(58px, 8vw, 112px);
	line-height: 0.92;
	letter-spacing: 0;
}
.static-hero p:not(.eyebrow) {
	max-width: 760px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: clamp(17px, 1.7vw, 21px);
	line-height: 1.72;
}
.static-body {
	padding: 64px 0 110px;
}
.static-layout {
	display: grid;
	grid-template-columns: minmax(0, 78%) minmax(250px, 22%);
	gap: 34px;
	align-items: start;
}
.static-card {
	padding: clamp(30px, 5vw, 68px);
	border: 1px solid var(--line);
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 24px 80px rgba(58, 41, 35, 0.1);
	backdrop-filter: blur(12px);
}
.static-card h2 {
	margin: 44px 0 16px;
	color: var(--dark);
	font-family: var(--serif);
	font-size: clamp(34px, 4vw, 54px);
	line-height: 1.02;
	letter-spacing: 0;
}
.static-card h2:first-child {
	margin-top: 0;
}
.static-card p {
	max-width: 880px;
	margin-bottom: 20px;
	color: #5f4b43;
	font-size: 18px;
	line-height: 1.86;
}
.static-card a {
	color: #9a604f;
	font-weight: 800;
	box-shadow: inset 0 -1px 0 rgba(184, 132, 116, 0.38);
}
.static-sidebar {
	position: sticky;
	top: 112px;
}
.contact-panel {
	margin-top: 52px;
	padding: clamp(24px, 4vw, 44px);
	border-radius: 30px;
	background: linear-gradient(135deg, #1d1411, #3a2923);
	color: #fff;
	box-shadow: 0 24px 70px rgba(29, 20, 17, 0.22);
}
.contact-panel h2 {
	margin: 8px 0 12px;
	color: #fff;
	font-size: clamp(36px, 4vw, 56px);
}
.contact-panel p {
	color: rgba(255, 255, 255, 0.72);
}
.contact-form {
	display: grid;
	gap: 16px;
	margin-top: 26px;
}
.contact-form .form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.contact-form label {
	display: grid;
	gap: 8px;
	color: rgba(255, 255, 255, 0.84);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.contact-form input,
.contact-form textarea {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.09);
	color: #fff;
	font: inherit;
	outline: 0;
	padding: 16px 18px;
}
.contact-form textarea {
	min-height: 180px;
	resize: vertical;
}
.contact-form input:focus,
.contact-form textarea:focus {
	border-color: rgba(241, 197, 142, 0.68);
	box-shadow: 0 0 0 4px rgba(241, 197, 142, 0.12);
}
.contact-form .hp-field {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.contact-form .btn {
	width: max-content;
	border: 0;
	cursor: pointer;
}
.form-notice {
	margin: 18px 0;
	padding: 14px 16px;
	border: 1px solid rgba(241, 197, 142, 0.28);
	border-radius: 18px;
	background: rgba(241, 197, 142, 0.12);
	color: #ffe2be;
	font-weight: 700;
}
.form-notice--success {
	background: rgba(216, 180, 160, 0.18);
}
.static-hero--404 {
	min-height: 72vh;
	display: flex;
	align-items: center;
	padding-bottom: 120px;
}
.not-found-links {
	padding-top: 44px;
}
.not-found-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1080px) {
	.static-layout {
		grid-template-columns: 1fr;
	}
	.static-sidebar {
		position: relative;
		top: auto;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
	.not-found-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.static-hero {
		padding: 126px 0 54px;
	}
	.static-hero h1 {
		font-size: 54px;
	}
	.static-body {
		padding: 38px 0 76px;
	}
	.static-card {
		border-radius: 26px;
	}
	.static-card p {
		font-size: 16px;
		line-height: 1.78;
	}
	.static-sidebar,
	.contact-form .form-row,
	.not-found-grid {
		grid-template-columns: 1fr;
	}
	.contact-form .btn {
		width: 100%;
	}
}

/* Static pages refinement */
.static-page .static-hero {
	min-height: auto;
	padding: 132px 0 74px;
	background:
		linear-gradient(115deg, rgba(29, 20, 17, 0.96), rgba(42, 28, 24, 0.9) 56%, rgba(184, 132, 116, 0.56)),
		radial-gradient(circle at 82% 18%, rgba(241, 197, 142, 0.34), transparent 28%),
		#1d1411;
	color: #fff;
}
.static-page .static-hero::after {
	height: 90px;
	background: linear-gradient(to top, #faf7f2, rgba(250, 247, 242, 0));
}
.static-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(310px, 0.42fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: end;
}
.static-hero__copy {
	max-width: 850px;
}
.static-hero__copy .breadcrumbs {
	margin-bottom: 22px;
}
.static-hero__copy h1 {
	margin: 18px 0 20px;
	color: #fff;
	font-family: var(--serif);
	font-size: clamp(58px, 7vw, 104px);
	font-weight: 700;
	line-height: 0.92;
	letter-spacing: 0;
}
.static-hero__copy > p:not(.eyebrow) {
	max-width: 760px;
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(17px, 1.6vw, 20px);
	line-height: 1.72;
}
.static-hero__panel {
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 30px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05)),
		radial-gradient(circle at 18% 18%, rgba(241, 197, 142, 0.22), transparent 34%);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(14px);
}
.static-hero__panel span {
	display: inline-flex;
	margin-bottom: 34px;
	color: #f1c58e;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.static-hero__panel strong {
	display: block;
	color: #fff;
	font-family: var(--serif);
	font-size: clamp(28px, 2.8vw, 42px);
	font-weight: 700;
	line-height: 1.05;
}
.static-body {
	padding: 0 0 100px;
}
.static-layout--clean {
	display: block;
	max-width: 980px;
	margin-top: -34px;
}
.static-layout--clean .static-card {
	position: relative;
	z-index: 2;
	padding: clamp(34px, 5.4vw, 76px);
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 34px 90px rgba(58, 41, 35, 0.12);
}
.static-layout--clean .static-card h2 {
	max-width: 820px;
	margin: 46px 0 14px;
	font-size: clamp(34px, 4.2vw, 58px);
	line-height: 1.02;
}
.static-layout--clean .static-card h2:first-child {
	margin-top: 0;
}
.static-layout--clean .static-card p {
	max-width: 820px;
	font-size: 18px;
	line-height: 1.86;
}
.static-related {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	max-width: 1180px;
	margin-top: 26px;
}
.static-related a {
	min-height: 132px;
	padding: 22px;
	border: 1px solid rgba(58, 41, 35, 0.1);
	border-radius: 24px;
	background: linear-gradient(145deg, #fff, #f8ece3);
	box-shadow: 0 18px 45px rgba(58, 41, 35, 0.07);
	transition: 0.25s ease;
}
.static-related a:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 65px rgba(58, 41, 35, 0.13);
}
.static-related span {
	display: block;
	margin-bottom: 16px;
	color: #b88474;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.static-related strong {
	display: block;
	color: #1d1411;
	font-family: var(--serif);
	font-size: 28px;
	line-height: 1.04;
}
.static-page--lien-he .static-layout--clean {
	max-width: 1060px;
}

@media (max-width: 1024px) {
	.static-hero__grid,
	.static-related {
		grid-template-columns: 1fr 1fr;
	}
	.static-hero__copy {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.static-page .static-hero {
		padding: 116px 0 56px;
	}
	.static-hero__grid,
	.static-related {
		grid-template-columns: 1fr;
	}
	.static-hero__panel {
		display: none;
	}
	.static-hero__copy h1 {
		font-size: 52px;
	}
	.static-layout--clean {
		margin-top: -18px;
	}
	.static-layout--clean .static-card {
		border-radius: 26px;
		padding: 28px 22px;
	}
	.static-layout--clean .static-card p {
		font-size: 16px;
		line-height: 1.78;
	}
	.static-related strong {
		font-size: 25px;
	}
}

/* Single readability and inline image repair */
.single-hero--editorial .breadcrumbs {
	color: #7d6b63;
	font-weight: 800;
}
.single-hero--editorial .breadcrumbs a {
	color: #4f372f;
	text-decoration-color: rgba(79, 55, 47, 0.42);
}
.single-hero--editorial .breadcrumbs span {
	color: #9a7d70;
}
.single-hero--editorial .single-meta-line--hero {
	color: #6f5b52;
	font-weight: 800;
}
.editorial-content figure,
.editorial-content .wp-block-image,
.editorial-content .mnhn-inline-figure {
	margin: 38px 0;
	padding: 0;
	overflow: hidden;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 22px 64px rgba(58, 41, 35, 0.1);
}
.editorial-content figure img,
.editorial-content .wp-block-image img,
.editorial-content .mnhn-inline-figure img {
	width: 100%;
	height: min(48vw, 460px);
	min-height: 280px;
	display: block;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
	background: #f4e9de;
}
.editorial-content figure figcaption,
.editorial-content .wp-block-image figcaption,
.editorial-content .mnhn-inline-figure figcaption {
	margin: 0;
	padding: 14px 20px 18px;
	color: #8a746b;
	text-align: center;
	font-size: 14px;
	font-style: normal;
}

@media (max-width: 640px) {
	.editorial-content figure img,
	.editorial-content .wp-block-image img,
	.editorial-content .mnhn-inline-figure img {
		height: 240px;
		min-height: 0;
	}
}