/* 시안 04: lifework-main.nob64.html:21,64. */
.lw-journal .journal-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 24px;
	margin-bottom: 43px;
}
.lw-journal .journal-head .lw-title { grid-column: 1; margin-bottom: 0; }
.lw-journal .lw-journal__more { grid-column: 2; grid-row: 1 / 3; margin: 0; }
.lw-journal .journal-grid .wp-block-post-template {
	display: grid;
	grid-template-columns: 1.25fr 0.85fr 0.85fr;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lw-journal .journal-grid .wp-block-post-template > li { min-width: 0; }
.lw-journal .journal-card {
	display: flex;
	flex-direction: column;
	min-height: 430px;
	height: 100%;
	background: #fff;
	transition: transform 0.3s;
}
.lw-journal .visual {
	position: relative;
	flex: none;
	height: 230px;
	overflow: hidden;
	background: #d8e2d0;
}
.lw-journal .wp-block-post-template > li:first-child .visual {
	height: 270px;
	background: #536b63;
}
.lw-journal .wp-block-post-template > li:nth-child(3) .visual { background: #dfd2bf; }
.lw-journal .visual .wp-block-post-featured-image,
.lw-journal .visual .wp-block-post-featured-image a { display: block; width: 100%; height: 100%; margin: 0; }
.lw-journal .visual img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; }
.lw-journal .wp-block-post-template > li:first-child .visual img { object-position: 54% 64%; }
.lw-journal .wp-block-post-template > li:nth-child(2) .visual:not(:has(img))::before {
	content: "";
	position: absolute;
	width: 165px;
	height: 165px;
	border-radius: 100%;
	background: #9ab497;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 48px 12px 0 #b9cdb1, -46px 25px 0 #e2eabf;
}
.lw-journal .wp-block-post-template > li:nth-child(3) .visual:not(:has(img))::before {
	content: "";
	position: absolute;
	width: 200px;
	height: 150px;
	border-radius: 48% 52% 50% 40%;
	background: #aa846b;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%) rotate(-22deg);
	box-shadow: 26px -26px 0 #e9dfc8;
}
.lw-journal .journal-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 23px 24px 28px;
}
.lw-journal .journal-card__terms {
	margin: 0;
	color: var(--wp--preset--color--text-soft); /* 시안 #73907a */
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.lw-journal .journal-card__terms a { color: inherit; }
.lw-journal .journal-card__title {
	margin: 14px 0 12px;
	font-size: 21px;
	line-height: 1.45;
	letter-spacing: -0.045em;
	word-break: keep-all;
	text-wrap: balance;
}
.lw-journal .journal-card__title a { color: inherit; }
.lw-journal .wp-block-post-excerpt,
.lw-journal .wp-block-post-excerpt__excerpt {
	margin: 0;
	color: var(--wp--preset--color--text-soft); /* 시안 #768078 */
	font-size: 12px;
	line-height: 1.75;
}
.lw-journal .card-end {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 30px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d6ddd4;
	font-size: 12px;
}
.lw-journal .card-end p { margin: 0; }
.lw-journal .journal-empty { margin: 0; padding: 30px; background: #fff; }
@media (hover: hover) and (pointer: fine) {
	.lw-journal .journal-card:hover { transform: translateY(-6px); }
}
@media (max-width: 1080px) {
	.lw-journal .journal-grid .wp-block-post-template { grid-template-columns: 1.25fr 0.85fr 0.85fr; }
}
@media (max-width: 960px) {
	.lw-journal .journal-grid .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lw-journal .journal-card__title { font-size: 18px; }
}
@media (max-width: 720px) {
	.lw-journal .journal-head { display: block; }
	.lw-journal .lw-journal__more { margin-top: 20px; }
	.lw-journal .journal-grid .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lw-journal .journal-grid .wp-block-post-template > li:first-child { grid-column: 1 / -1; }
	.lw-journal .journal-card { min-height: 365px; }
	.lw-journal .visual,
	.lw-journal .wp-block-post-template > li:first-child .visual { height: 225px; }
}
@media (max-width: 480px) {
	.lw-journal .journal-grid .wp-block-post-template { grid-template-columns: 1fr; }
	.lw-journal .journal-grid .wp-block-post-template > li:first-child { grid-column: auto; }
}