/* Editorial, blog, standard page, search and error templates. */

.ljh-content-breadcrumb-bar {
	background: #f7f7f7;
	border-bottom: 1px solid #eeeeee;
}

.ljh-content-breadcrumbs {
	min-height: 48px;
	display: flex;
	align-items: center;
}

.ljh-content-breadcrumbs ol {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #777;
	font-size: 0.72rem;
}

.ljh-content-breadcrumbs li {
	display: inline-flex;
	align-items: center;
}

.ljh-content-breadcrumbs li + li::before {
	content: "›";
	margin: 0 10px;
	color: #b2b2b2;
}

.ljh-content-breadcrumbs a:hover {
	color: var(--ljh-accent);
}

/* Shared editorial hero. */
.ljh-editorial-hero,
.ljh-post-hero,
.ljh-page-hero {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 78% 32%, rgba(193, 154, 107, 0.19), transparent 26%),
		linear-gradient(115deg, #050505 0%, #111 58%, #1b1713 100%);
	background-position: center;
	background-size: cover;
	color: #fff;
}

.ljh-editorial-hero::after,
.ljh-post-hero::after,
.ljh-page-hero::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background-image: linear-gradient(120deg, rgba(255,255,255,.018) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.018) 50%, rgba(255,255,255,.018) 75%, transparent 75%);
	background-size: 12px 12px;
	pointer-events: none;
}

.ljh-editorial-hero__inner {
	min-height: 440px;
	display: flex;
	align-items: center;
}

.ljh-editorial-hero--compact .ljh-editorial-hero__inner {
	min-height: 330px;
}

.ljh-editorial-hero__content {
	max-width: 710px;
	padding: 64px 0;
}

.ljh-editorial-hero__eyebrow,
.ljh-post-hero__category,
.ljh-page-hero__eyebrow,
.ljh-search-hero__eyebrow,
.ljh-404__eyebrow {
	margin: 0 0 14px;
	color: var(--ljh-accent);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ljh-editorial-hero__title,
.ljh-post-hero__title,
.ljh-page-hero__title,
.ljh-search-hero h1,
.ljh-404 h1 {
	margin: 0;
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: clamp(3.2rem, 5.4vw, 5.9rem);
	font-weight: 900;
	line-height: 0.94;
	letter-spacing: -0.035em;
	text-transform: uppercase;
}

.ljh-editorial-hero__description,
.ljh-page-hero__description {
	max-width: 650px;
	margin: 24px 0 0;
	color: #d6d6d6;
	font-size: 1rem;
	line-height: 1.7;
}

/* Blog archive. */
.ljh-journal-section {
	padding: 72px 0 84px;
	background: #fff;
}

.ljh-journal-section--fallback {
	min-height: 60vh;
	padding-top: 80px;
}

.ljh-featured-wrap {
	margin-bottom: 66px;
}

.ljh-featured-article {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
	min-height: 500px;
	background: #0d0d0d;
	color: #fff;
	box-shadow: 0 20px 54px rgba(0, 0, 0, 0.12);
}

.ljh-featured-article__media {
	min-height: 500px;
	overflow: hidden;
	background: #26211d;
}

.ljh-featured-article__media img,
.ljh-featured-article__placeholder {
	width: 100%;
	height: 100%;
	min-height: 500px;
	object-fit: cover;
	transition: transform .45s ease;
}

.ljh-featured-article:hover .ljh-featured-article__media img {
	transform: scale(1.025);
}

.ljh-featured-article__placeholder {
	display: block;
	background:
		radial-gradient(circle at 30% 25%, rgba(193,154,107,.35), transparent 25%),
		linear-gradient(135deg, #1b1714, #060606);
}

.ljh-featured-article__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: clamp(38px, 5vw, 72px);
}

.ljh-featured-article__label {
	margin: 0 0 18px;
	color: var(--ljh-accent);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ljh-featured-article__title {
	margin: 16px 0;
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: clamp(2.15rem, 3.3vw, 3.5rem);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -.025em;
	text-transform: uppercase;
}

.ljh-featured-article__excerpt {
	margin: 0 0 28px;
	color: #c8c8c8;
	font-size: .92rem;
	line-height: 1.75;
}

.ljh-post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	color: #858585;
	font-size: .68rem;
	line-height: 1.4;
}

.ljh-featured-article .ljh-post-meta {
	color: #a9a9a9;
}

.ljh-post-meta__category {
	color: var(--ljh-accent);
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-article-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 54px 28px;
}

.ljh-article-card {
	min-width: 0;
}

.ljh-article-card__media {
	display: block;
	position: relative;
	aspect-ratio: 1.42 / 1;
	overflow: hidden;
	background: #eee;
}

.ljh-article-card__media img,
.ljh-article-card__placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.ljh-article-card:hover .ljh-article-card__media img {
	transform: scale(1.035);
}

.ljh-article-card__placeholder {
	display: flex;
	align-items: flex-end;
	padding: 24px;
	background:
		radial-gradient(circle at 80% 20%, rgba(193,154,107,.33), transparent 25%),
		linear-gradient(135deg, #0c0c0c, #2a211a);
	color: #fff;
}

.ljh-article-card__placeholder span {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-article-card__body {
	padding: 20px 2px 0;
}

.ljh-article-card__title {
	margin: 12px 0 10px;
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 1.55rem;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.015em;
	text-transform: uppercase;
}

.ljh-article-card__title a:hover {
	color: var(--ljh-accent);
}

.ljh-article-card__excerpt {
	margin: 0 0 16px;
	color: #656565;
	font-size: .82rem;
	line-height: 1.7;
}

.ljh-article-card__link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding-bottom: 3px;
	border-bottom: 1px solid #222;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.ljh-article-card__link:hover {
	border-color: var(--ljh-accent);
	color: var(--ljh-accent);
}

.ljh-archive-heading-row {
	display: flex;
	justify-content: flex-end;
	margin: -22px 0 26px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ececec;
}

.ljh-archive-heading-row p {
	margin: 0;
	color: #777;
	font-size: .74rem;
}

/* Pagination. */
.ljh-content-pagination,
.navigation.pagination {
	margin-top: 64px;
}

.ljh-content-pagination ul,
.navigation.pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ljh-content-pagination a,
.ljh-content-pagination span.current,
.navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border: 1px solid #dedede;
	background: #fff;
	font-size: .78rem;
	font-weight: 800;
}

.ljh-content-pagination span.current,
.navigation.pagination .current {
	border-color: #0a0a0a;
	background: #0a0a0a;
	color: #fff;
}

.ljh-content-pagination a:hover,
.navigation.pagination a.page-numbers:hover {
	border-color: var(--ljh-accent);
}

.ljh-content-empty {
	padding: 80px 30px;
	border: 1px solid #e8e8e8;
	background: #fafafa;
	text-align: center;
}

.ljh-content-empty h1,
.ljh-content-empty h2 {
	margin: 0 0 12px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 2rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-content-empty p {
	margin: 0;
	color: #777;
}

/* Single post. */
.ljh-post-hero__inner {
	min-height: 520px;
	display: flex;
	align-items: flex-end;
}

.ljh-post-hero__content {
	max-width: 900px;
	padding: 90px 0 72px;
}

.ljh-post-hero__category {
	display: inline-block;
}

.ljh-post-hero__title {
	max-width: 980px;
	font-size: clamp(3.1rem, 5.3vw, 5.7rem);
}

.ljh-post-hero__excerpt {
	max-width: 720px;
	margin: 24px 0 0;
	color: #dedede;
	font-size: 1.02rem;
	line-height: 1.7;
}

.ljh-post-hero__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
	color: #bfbfbf;
	font-size: .73rem;
}

.ljh-post-layout-section {
	padding: 74px 0 82px;
}

.ljh-post-layout {
	display: grid;
	grid-template-columns: minmax(0, 840px) minmax(250px, 300px);
	justify-content: space-between;
	gap: 72px;
	align-items: start;
}

.ljh-entry {
	min-width: 0;
}

.ljh-entry__content,
.ljh-page-entry {
	font-size: 1rem;
	line-height: 1.85;
}

.ljh-entry__content > *:first-child,
.ljh-page-entry .ljh-entry__content > *:first-child {
	margin-top: 0;
}

.ljh-entry__content h2,
.ljh-entry__content h3,
.ljh-entry__content h4,
.ljh-page-entry h2,
.ljh-page-entry h3,
.ljh-page-entry h4 {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.02em;
	text-transform: uppercase;
}

.ljh-entry__content h2,
.ljh-page-entry h2 {
	margin: 52px 0 18px;
	font-size: 2.25rem;
}

.ljh-entry__content h3,
.ljh-page-entry h3 {
	margin: 38px 0 14px;
	font-size: 1.65rem;
}

.ljh-entry__content h4,
.ljh-page-entry h4 {
	margin: 30px 0 12px;
	font-size: 1.2rem;
}

.ljh-entry__content p,
.ljh-page-entry p {
	margin: 0 0 22px;
}

.ljh-entry__content a:not(.wp-element-button),
.ljh-page-entry a:not(.wp-element-button) {
	color: #855f38;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.ljh-entry__content ul,
.ljh-entry__content ol,
.ljh-page-entry ul,
.ljh-page-entry ol {
	margin: 0 0 26px;
	padding-left: 24px;
}

.ljh-entry__content li + li,
.ljh-page-entry li + li {
	margin-top: 8px;
}

.ljh-entry__content blockquote,
.ljh-page-entry blockquote {
	margin: 38px 0;
	padding: 28px 34px;
	border-left: 4px solid var(--ljh-accent);
	background: #f7f5f2;
	font-family: Georgia, serif;
	font-size: 1.18rem;
	font-style: italic;
	line-height: 1.7;
}

.ljh-entry__content blockquote p:last-child,
.ljh-page-entry blockquote p:last-child {
	margin-bottom: 0;
}

.ljh-entry__content figure,
.ljh-page-entry figure {
	margin: 38px 0;
}

.ljh-entry__content figcaption,
.ljh-page-entry figcaption {
	margin-top: 9px;
	color: #777;
	font-size: .72rem;
	text-align: center;
}

.ljh-entry__content img,
.ljh-page-entry img {
	height: auto;
}

.ljh-entry__content table,
.ljh-page-entry table {
	width: 100%;
	margin: 32px 0;
	border-collapse: collapse;
	font-size: .86rem;
}

.ljh-entry__content th,
.ljh-entry__content td,
.ljh-page-entry th,
.ljh-page-entry td {
	padding: 13px 14px;
	border: 1px solid #dedede;
	text-align: left;
}

.ljh-entry__content th,
.ljh-page-entry th {
	background: #111;
	color: #fff;
}

.ljh-entry__content .wp-block-button__link,
.ljh-page-entry .wp-block-button__link {
	border-radius: 0;
	background: #111;
	font-size: .76rem;
	font-weight: 800;
	text-transform: uppercase;
}

.ljh-entry__content .wp-block-button.is-style-outline .wp-block-button__link,
.ljh-page-entry .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: #111;
}

.ljh-entry__content .alignwide {
	width: min(1040px, calc(100vw - 64px));
	max-width: none;
	margin-left: 50%;
	transform: translateX(-50%);
}

.ljh-entry__content .alignfull {
	width: 100vw;
	max-width: none;
	margin-left: 50%;
	transform: translateX(-50%);
}

.ljh-entry-tags {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 18px;
	align-items: start;
	margin-top: 50px;
	padding: 24px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.ljh-entry-tags strong {
	font-size: .72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-entry-tags div {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.ljh-entry-tags a {
	padding: 6px 10px;
	background: #f2f2f2;
	font-size: .68rem;
}

.ljh-author-box {
	display: grid;
	grid-template-columns: 82px 1fr;
	gap: 22px;
	align-items: center;
	margin-top: 38px;
	padding: 30px;
	background: #0f0f0f;
	color: #fff;
}

.ljh-author-box__avatar img {
	border-radius: 50%;
}

.ljh-author-box__eyebrow {
	color: var(--ljh-accent);
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .1em;
}

.ljh-author-box h2 {
	margin: 3px 0 7px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1.45rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-author-box p {
	margin: 0;
	color: #bcbcbc;
	font-size: .78rem;
	line-height: 1.65;
}

.ljh-post-navigation {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 34px;
}

.ljh-post-navigation > div:last-child {
	text-align: right;
}

.ljh-post-navigation a {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 20px 0;
	border-top: 1px solid #dedede;
}

.ljh-post-navigation span {
	color: #888;
	font-size: .65rem;
	font-weight: 800;
	text-transform: uppercase;
}

.ljh-post-navigation strong {
	font-size: .8rem;
	line-height: 1.45;
}

/* Single post sidebar. */
.ljh-post-sidebar {
	position: sticky;
	top: 24px;
}

.ljh-sidebar-block {
	padding: 25px 0;
	border-top: 3px solid #111;
}

.ljh-sidebar-block + .ljh-sidebar-block {
	margin-top: 24px;
}

.ljh-sidebar-block h2 {
	margin: 0 0 20px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-sidebar-categories {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ljh-sidebar-categories li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
	color: #777;
	font-size: .76rem;
}

.ljh-sidebar-categories a {
	color: #222;
}

.ljh-sidebar-categories a:hover {
	color: var(--ljh-accent);
}

.ljh-sidebar-posts {
	display: grid;
	gap: 16px;
}

.ljh-sidebar-post {
	display: grid;
	grid-template-columns: 76px 1fr;
	gap: 13px;
	align-items: center;
}

.ljh-sidebar-post__image {
	width: 76px;
	height: 66px;
	overflow: hidden;
	background: #eee;
}

.ljh-sidebar-post__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ljh-sidebar-post strong {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: .73rem;
	line-height: 1.35;
}

.ljh-sidebar-post small {
	display: block;
	margin-top: 5px;
	color: #888;
	font-size: .62rem;
}

.ljh-related-posts {
	padding: 70px 0 84px;
	background: #f7f5f2;
}

.ljh-article-grid--related {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Comments. */
.ljh-comments {
	margin-top: 52px;
	padding-top: 34px;
	border-top: 1px solid #ddd;
}

.ljh-comments__title,
.ljh-comments .comment-reply-title {
	margin: 0 0 24px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1.55rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-comment-list {
	margin: 0 0 44px;
	padding: 0;
	list-style: none;
}

.ljh-comment-list .comment {
	padding: 24px 0;
	border-bottom: 1px solid #e8e8e8;
}

.ljh-comment-list .comment-body {
	position: relative;
	padding-left: 72px;
}

.ljh-comment-list .avatar {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
}

.ljh-comment-list .comment-author,
.ljh-comment-list .comment-metadata {
	font-size: .76rem;
}

.ljh-comment-list .comment-content {
	margin-top: 12px;
	font-size: .86rem;
}

.ljh-comments input[type="text"],
.ljh-comments input[type="email"],
.ljh-comments input[type="url"],
.ljh-comments textarea {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	background: #fff;
}

.ljh-comments textarea {
	min-height: 150px;
}

.ljh-comments label {
	display: block;
	margin-bottom: 5px;
	font-size: .7rem;
	font-weight: 800;
	text-transform: uppercase;
}

/* Standard pages. */
.ljh-page-hero__inner {
	min-height: 390px;
	display: flex;
	align-items: center;
}

.ljh-page-hero--plain {
	background: #111;
}

.ljh-page-hero__content {
	max-width: 820px;
	padding: 64px 0;
}

.ljh-page-hero__title {
	font-size: clamp(3rem, 5vw, 5.1rem);
}

.ljh-page-content-section {
	padding: 72px 0 88px;
}

.ljh-page-entry {
	max-width: 900px;
	margin: 0 auto;
}

.ljh-page-entry--wide {
	max-width: none;
}

/* Search. */
.ljh-search-hero {
	padding: 70px 0;
	background: #101010;
	color: #fff;
}

.ljh-search-hero h1 {
	font-size: clamp(2.5rem, 4.5vw, 4.8rem);
}

.ljh-content-search {
	display: grid;
	grid-template-columns: minmax(0, 620px) 140px;
	margin-top: 30px;
}

.ljh-content-search input {
	min-height: 52px;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	outline: none;
}

.ljh-content-search button {
	border: 0;
	background: var(--ljh-accent);
	font-size: .72rem;
	font-weight: 900;
}

.ljh-search-card {
	min-height: 260px;
	padding: 30px;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.ljh-search-card__type {
	margin: 0 0 12px;
	color: var(--ljh-accent);
	font-size: .66rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ljh-search-card h2 {
	margin: 0 0 14px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1.08;
	text-transform: uppercase;
}

.ljh-search-card > p:not(.ljh-search-card__type) {
	color: #666;
	font-size: .82rem;
	line-height: 1.7;
}

/* 404. */
.ljh-404 {
	min-height: 68vh;
	display: flex;
	align-items: center;
	background:
		radial-gradient(circle at 75% 40%, rgba(193,154,107,.2), transparent 25%),
		linear-gradient(115deg, #050505, #141210);
	color: #fff;
}

.ljh-404__inner {
	padding-top: 84px;
	padding-bottom: 84px;
}

.ljh-404__code {
	margin: 0 0 -10px;
	color: rgba(255,255,255,.07);
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: clamp(8rem, 18vw, 15rem);
	font-weight: 900;
	line-height: .7;
}

.ljh-404 h1 {
	max-width: 800px;
	font-size: clamp(3rem, 5vw, 5.5rem);
}

.ljh-404__inner > p:not(.ljh-404__code):not(.ljh-404__eyebrow) {
	max-width: 620px;
	color: #bdbdbd;
}

.ljh-404__actions {
	display: flex;
	gap: 12px;
	margin-top: 28px;
}

/* Newsletter inside editorial templates. */
.ljh-content-newsletter {
	border-top: 1px solid #222;
}

/* WooCommerce content pages: cart, checkout, account. */
.ljh-commerce-page .ljh-page-content-section {
	padding-top: 54px;
}

.ljh-commerce-page .woocommerce table.shop_table,
.ljh-commerce-page .woocommerce-checkout-review-order-table {
	border: 1px solid #e0e0e0;
	border-radius: 0;
}

.ljh-commerce-page .woocommerce table.shop_table th,
.ljh-commerce-page .woocommerce table.shop_table td {
	padding: 14px;
}

.ljh-commerce-page .woocommerce input.input-text,
.ljh-commerce-page .woocommerce textarea,
.ljh-commerce-page .woocommerce select {
	min-height: 46px;
	padding: 8px 12px;
	border: 1px solid #d8d8d8;
	border-radius: 0;
}

.ljh-commerce-page .woocommerce button.button,
.ljh-commerce-page .woocommerce a.button,
.ljh-commerce-page .woocommerce input.button,
.ljh-commerce-page .woocommerce #respond input#submit,
.ljh-commerce-page .woocommerce .checkout-button,
.ljh-commerce-page .woocommerce #place_order {
	border-radius: 0;
	background: #111;
	color: #fff;
	font-size: .74rem;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.ljh-commerce-page .woocommerce .checkout-button,
.ljh-commerce-page .woocommerce #place_order {
	background: var(--ljh-accent);
	color: #16100b;
}

.ljh-commerce-page .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #e6e6e6;
}

.ljh-commerce-page .woocommerce-MyAccount-navigation li + li {
	border-top: 1px solid #e6e6e6;
}

.ljh-commerce-page .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 12px 15px;
	font-size: .76rem;
	font-weight: 800;
	text-transform: uppercase;
}

.ljh-commerce-page .woocommerce-MyAccount-navigation .is-active a {
	background: #111;
	color: #fff;
}

@media (max-width: 1080px) {
	.ljh-featured-article {
		grid-template-columns: 1.05fr .95fr;
	}

	.ljh-article-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ljh-post-layout {
		grid-template-columns: minmax(0, 1fr) 260px;
		gap: 48px;
	}

	.ljh-article-grid--related {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.ljh-editorial-hero__inner,
	.ljh-post-hero__inner,
	.ljh-page-hero__inner {
		min-height: 420px;
	}

	.ljh-featured-article {
		grid-template-columns: 1fr;
	}

	.ljh-featured-article__media,
	.ljh-featured-article__media img,
	.ljh-featured-article__placeholder {
		min-height: 360px;
	}

	.ljh-post-layout {
		grid-template-columns: 1fr;
	}

	.ljh-post-sidebar {
		position: static;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		padding-top: 28px;
		border-top: 1px solid #ddd;
	}

	.ljh-sidebar-block + .ljh-sidebar-block {
		margin-top: 0;
	}

	.ljh-entry__content .alignwide {
		width: min(100vw - 28px, 900px);
	}
}

@media (max-width: 768px) {
	.ljh-content-breadcrumbs {
		min-height: 42px;
		overflow: hidden;
	}

	.ljh-content-breadcrumbs ol {
		flex-wrap: nowrap;
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
	}

	.ljh-content-breadcrumbs ol::-webkit-scrollbar {
		display: none;
	}

	.ljh-editorial-hero,
	.ljh-post-hero,
	.ljh-page-hero {
		background-position: 62% center;
	}

	.ljh-editorial-hero--image::before,
	.ljh-post-hero--image::before,
	.ljh-page-hero--image::before {
		content: "";
		position: absolute;
		z-index: -1;
		inset: 0;
		background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.76) 55%, rgba(0,0,0,.94) 100%);
	}

	.ljh-editorial-hero__inner,
	.ljh-editorial-hero--compact .ljh-editorial-hero__inner,
	.ljh-post-hero__inner,
	.ljh-page-hero__inner {
		min-height: 390px;
		align-items: flex-end;
	}

	.ljh-editorial-hero__content,
	.ljh-post-hero__content,
	.ljh-page-hero__content {
		padding: 58px 0 38px;
	}

	.ljh-editorial-hero__title,
	.ljh-post-hero__title,
	.ljh-page-hero__title {
		font-size: clamp(2.5rem, 12vw, 3.8rem);
		line-height: .95;
	}

	.ljh-editorial-hero__description,
	.ljh-post-hero__excerpt,
	.ljh-page-hero__description {
		margin-top: 16px;
		font-size: .86rem;
		line-height: 1.65;
	}

	.ljh-journal-section {
		padding: 46px 0 56px;
	}

	.ljh-featured-wrap {
		margin-bottom: 44px;
	}

	.ljh-featured-article__media,
	.ljh-featured-article__media img,
	.ljh-featured-article__placeholder {
		min-height: 300px;
	}

	.ljh-featured-article__content {
		padding: 30px 24px 34px;
	}

	.ljh-featured-article__title {
		font-size: 2rem;
	}

	.ljh-article-grid,
	.ljh-article-grid--related {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.ljh-article-card__title {
		font-size: 1.42rem;
	}

	.ljh-archive-heading-row {
		margin-top: -8px;
	}

	.ljh-content-pagination {
		margin-top: 46px;
	}

	.ljh-content-pagination a,
	.ljh-content-pagination span.current,
	.navigation.pagination .page-numbers {
		min-width: 40px;
		height: 40px;
	}

	.ljh-post-hero__meta {
		font-size: .65rem;
	}

	.ljh-post-layout-section {
		padding: 48px 0 58px;
	}

	.ljh-entry__content,
	.ljh-page-entry {
		font-size: .94rem;
		line-height: 1.8;
	}

	.ljh-entry__content h2,
	.ljh-page-entry h2 {
		margin-top: 42px;
		font-size: 1.85rem;
	}

	.ljh-entry__content h3,
	.ljh-page-entry h3 {
		font-size: 1.42rem;
	}

	.ljh-entry__content blockquote,
	.ljh-page-entry blockquote {
		margin: 30px 0;
		padding: 22px;
		font-size: 1rem;
	}

	.ljh-entry__content figure,
	.ljh-page-entry figure {
		margin: 30px 0;
	}

	.ljh-entry-tags {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.ljh-author-box {
		grid-template-columns: 62px 1fr;
		padding: 22px;
	}

	.ljh-post-navigation {
		grid-template-columns: 1fr;
	}

	.ljh-post-navigation > div:last-child {
		text-align: left;
	}

	.ljh-post-sidebar {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.ljh-related-posts {
		padding: 48px 0 56px;
	}

	.ljh-page-content-section {
		padding: 48px 0 60px;
	}

	.ljh-content-search {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.ljh-content-search button {
		min-height: 48px;
	}

	.ljh-search-hero {
		padding: 48px 0;
	}

	.ljh-search-hero h1 {
		font-size: 2.5rem;
	}

	.ljh-404__inner {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.ljh-404__actions {
		flex-direction: column;
	}

	.ljh-404__actions .ljh-button {
		width: 100%;
	}

	.ljh-comment-list .comment-body {
		padding-left: 0;
	}

	.ljh-comment-list .avatar {
		position: static;
		margin-bottom: 10px;
	}

	.ljh-commerce-page .woocommerce .col2-set .col-1,
	.ljh-commerce-page .woocommerce .col2-set .col-2 {
		width: 100%;
		float: none;
	}
}

.ljh-post-back-link {
	display: inline-flex;
	margin-top: 26px;
	padding-bottom: 4px;
	border-bottom: 1px solid #222;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.ljh-post-back-link:hover {
	border-color: var(--ljh-accent);
	color: var(--ljh-accent);
}

.ljh-product-search .ljh-search-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1080px) {
	.ljh-product-search .ljh-search-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.ljh-product-search .ljh-search-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 26px 10px;
	}
}
