/* 시안 05: lifework-main.nob64.html:23,42,66,81. */
.lw-nomad { overflow: hidden; background: var(--wp--preset--color--deep); color: #fff; }
.lw-nomad .lw-eyebrow { color: #d3e4bb; }
.lw-nomad .nomad-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 400px); align-items: end; gap: 0 30px; margin-bottom: 38px; }
.lw-nomad .nomad-head .lw-title { grid-column: 1; margin-bottom: 0; }
.lw-nomad .nomad-head .lw-lead { grid-column: 2; grid-row: 1 / 3; max-width: 400px; color: #c6d1c7; }
.lw-nomad .tab-row { display: flex; gap: 9px; margin-bottom: 22px; }
.lw-nomad .tab { margin: 0; }
.lw-nomad .tab p { margin: 0; }
.lw-nomad .tab a {
	display: block;
	padding: 11px 22px;
	border: 1px solid #7b9485;
	border-radius: 100px;
	background: transparent;
	color: #e0e8df;
	font-size: 13px;
}
.lw-nomad .tab a[aria-selected="true"],
.lw-nomad .tab:first-child a:not([aria-selected]) {
	border-color: #dfe9c8;
	background: #dfe9c8;
	color: #254336;
	font-weight: 700;
}
.lw-nomad .destinations { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 17px; }
.lw-nomad .destination { position: relative; min-width: 0; height: 385px; overflow: hidden; background: #496558; }
.lw-nomad .destination:nth-child(2) { background: linear-gradient(155deg, #93afa7 0%, #d4d1ad 55%, #70877b 100%); }
.lw-nomad .destination:nth-child(3) { background: linear-gradient(140deg, #b5a68b 0%, #e7d7bc 47%, #718b81 100%); }
.lw-nomad .destination:nth-child(2):not(.has-image)::before,
.lw-nomad .destination:nth-child(3):not(.has-image)::before {
	content: "";
	position: absolute;
	top: 52px;
	right: 30px;
	width: 180px;
	height: 180px;
	border: 1px solid #fff9;
	border-radius: 100%;
	box-shadow: 0 0 0 27px #ffffff17, 0 0 0 60px #ffffff10;
}
.lw-nomad .destination::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, #142c27cc, transparent 58%);
}
.lw-nomad .destination img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.lw-nomad .destination-info { position: absolute; z-index: 1; right: 25px; bottom: 25px; left: 25px; }
.lw-nomad .destination-info p { margin: 0; color: #d4dfd6; font-size: 12px; line-height: 1.6; }
.lw-nomad .destination-info .destination-en { color: #d9e6cf; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; }
.lw-nomad .destination-info h3 { margin: 7px 0 6px; color: #fff; font-size: 27px; letter-spacing: -0.05em; }
.lw-nomad .stay-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 18px;
	padding: 24px 28px;
	border: 1px solid #829a88;
	color: #e5ece2;
}
.lw-nomad .stay-note p { margin: 8px 0 0; color: #bbcfc1; font-size: 12px; line-height: 1.7; }
.lw-nomad .stay-note .stay-note__label { margin: 0 0 10px; color: #cedfb6; font-size: 10px; letter-spacing: 0.15em; }
.lw-nomad .stay-note .stay-note__title { margin: 0; color: #e5ece2; font-size: 18px; font-weight: 700; letter-spacing: -0.04em; }
.lw-nomad .stay-note .stay-note__arrow { margin: 0; color: #e5ece2; font-size: 25px; }
.lw-nomad .nomad-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 32px;
	color: #c8d8cc;
	font-size: 12px;
}
.lw-nomad .nomad-bottom p { margin: 0; }
.lw-nomad .nomad-bottom a { color: #fff; }
@media (hover: hover) and (pointer: fine) {
	.lw-nomad .destination:hover img { transform: scale(1.06); }
}
@media (max-width: 1080px) {
	.lw-nomad .destinations { grid-template-columns: 1.4fr 1fr 1fr; }
}
@media (max-width: 960px) {
	.lw-nomad .destinations { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lw-nomad .destination { height: 320px; }
}
@media (max-width: 720px) {
	.lw-nomad .nomad-head { display: block; }
	.lw-nomad .nomad-head .lw-lead { margin-top: 15px; }
	.lw-nomad .destinations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lw-nomad .destination { height: 290px; }
	.lw-nomad .destination:first-child { grid-column: 1 / -1; height: 360px; }
}
@media (max-width: 480px) {
	.lw-nomad .destinations { grid-template-columns: 1fr; }
	.lw-nomad .destination,
	.lw-nomad .destination:first-child { grid-column: auto; height: 295px; }
	.lw-nomad .nomad-bottom { flex-direction: column; align-items: flex-start; }
}