/**
 * Page styles — luxury-listings. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.showcase-preview__photo--first {
	flex:1;
	height:34px;
	border-radius:6px;
	background:linear-gradient(135deg,var(--site-navy-26),var(--site-slate-40));
}

.showcase-preview__photo--second {
	flex:1;
	height:34px;
	border-radius:6px;
	background:linear-gradient(135deg,var(--site-navy-32b),var(--site-slate-49));
}

.showcase-preview__photo--third {
	flex:1;
	height:34px;
	border-radius:6px;
	background:linear-gradient(135deg,var(--site-navy-22b),var(--site-navy-33));
}

.showcase-preview__photo--fourth {
	flex:1;
	height:34px;
	border-radius:6px;
	background:linear-gradient(135deg,var(--site-navy-28),var(--site-slate-44));
}

.showcase-editor__template--selected {
	flex:1;
	border:2px solid var(--site-teal);
	border-radius:8px;
	padding:8px 10px;
	font-size:9px;
	font-weight:700;
	color:var(--site-teal);
	background:var(--site-teal-bg);
}

.showcase-editor__template--upcoming {
	flex:1;
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:8px 10px;
	font-size:9px;
	font-weight:600;
	color:var(--site-text-muted);
}

.showcase-preview__hero {
	background:linear-gradient(160deg,var(--site-navy-10) 0%,var(--site-navy-15) 55%,var(--site-navy-22) 100%);
	padding:26px 22px 20px;
	color:var(--site-white);
}

.showcase-editor__publish-button {
	font-size:9px;
	font-weight:700;
	color:var(--site-white);
	background:var(--site-teal);
	padding:6px 14px;
	border-radius:8px;
}

.showcase-editor__save-button {
	font-size:9px;
	font-weight:700;
	color:var(--site-text-med);
	border:1px solid var(--site-border);
	padding:6px 14px;
	border-radius:8px;
}

.showcase-editor__narrative {
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:9px 11px;
}

.showcase-editor__draft-line--middle {
	height:4px;
	background:var(--site-bg-subtle);
	border-radius:3px;
	width:86%;
	margin-bottom:4px;
}

.showcase-preview__text-line--middle {
	height:5px;
	background:var(--site-bg-subtle);
	border-radius:3px;
	width:88%;
}

.showcase-editor__draft-line--last {
	height:4px;
	background:var(--site-bg-subtle);
	border-radius:3px;
	width:90%;
}

.showcase-preview__text-line--last {
	height:5px;
	background:var(--site-bg-subtle);
	border-radius:3px;
	width:92%;
}

.showcase-editor__draft-line--first {
	height:4px;
	background:var(--site-bg-subtle);
	border-radius:3px;
	width:94%;
	margin-bottom:4px;
}

.showcase-preview__text-line--first {
	height:5px;
	background:var(--site-bg-subtle);
	border-radius:3px;
	width:96%;
}

.showcase-preview__tier-tag {
	font-size:8px;
	background:var(--site-amber-58-alpha-15);
	color:var(--site-amber-58);
	padding:2px 9px;
	border-radius:999px;
	font-weight:700;
	letter-spacing:.08em;
}

.showcase-editor__actions {
	display:flex;
	gap:8px;
	justify-content:flex-end;
	margin-top:2px;
}

.showcase-preview__facts {
	display:flex;
	gap:14px;
	margin-top:12px;
}

.showcase-preview__price-line {
	display:flex;
	align-items:baseline;
	gap:10px;
	flex-wrap:wrap;
}

.showcase-editor__form {
	padding:12px 14px;
	display:flex;
	flex-direction:column;
	gap:9px;
}

.showcase-preview__fact-value {
	font-size:11px;
	color:var(--site-white);
}

.showcase-preview__collection-label {
	font-size:8px;
	letter-spacing:.35em;
	text-transform:uppercase;
	color:var(--site-amber-58);
	font-weight:700;
	margin-bottom:10px;
}

.showcase-preview__address {
	font-size:9px;
	color:var(--site-slate-70);
	margin-bottom:14px;
}

.showcase-editor__draft-status {
	font-size:8px;
	color:var(--site-teal);
	font-weight:700;
	margin-bottom:5px;
}

.showcase-preview__title {
	font-size:20px;
	font-weight:800;
	line-height:1.15;
	margin-bottom:6px;
}


.showcase-preview__price {
	font-size:16px;
	font-weight:800;
	color:var(--site-amber-58);
}

.showcase-preview__fact {
	font-size:8px;
	color:var(--site-blue-87b);
}

.lead-row__luxury-tag {
	font-size:8px;
	background:var(--site-amber-58-alpha-18);
	color:var(--site-amber-36);
	padding:2px 9px;
	border-radius:999px;
	font-weight:700;
	letter-spacing:.06em;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.showcase-editor__templates {
	display:flex;
	gap:6px;
}
.showcase-preview__gallery {
	display:flex;
	gap:6px;
	margin-top:6px;
}
.showcase-preview__narrative {
	padding:12px 14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.showcase-editor__field-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--site-text-muted);
}

.showcase-editor__field-label--follow-on {
	margin-top:2px;
}
.showcase-preview__section-title {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--site-text-muted);
}