/* Atelier premium preview only. Artwork, ratios and illustrated hotspots are unchanged. */
body:is(.mc-atelier-premium-preview,.mc-atelier-premium) {
	background: #09182b;
	color: #f8f0df;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .wp-site-blocks {
	padding: 0;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-main,
body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-main > .wp-block-post-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	background: #09182b;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-panel {
	width: 100%;
	margin: 0;
	line-height: 0;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-panel img {
	display: block;
	width: 100%;
	height: auto;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-link {
	min-height: 44px;
}

body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-link:focus-visible {
	outline: 3px solid #e6c477;
	outline-offset: 2px;
	background: rgb(255 255 255 / 12%);
}

/* Same compact desktop header proportions used by the validated book pages. */
@media (min-width: 901px) {
	body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-home-header .mc-home-navigation {
		height: 88px;
		min-height: 88px;
		padding: 0 clamp(1rem, 3vw, 3rem);
		gap: clamp(1rem, 2.5vw, 2.5rem);
	}
	body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-home-header .mc-home-brand {
		width: clamp(130px, 11vw, 160px);
	}
	body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-home-header .mc-home-desktop-nav nav ul {
		flex-wrap: nowrap;
		gap: clamp(.4rem, 1vw, .9rem);
	}
	body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-home-header .mc-home-nav-link {
		min-height: 42px;
		padding: .35rem .5rem;
		font-size: clamp(.92rem, 1.05vw, 1.08rem);
	}
}

@media (max-width: 800px) {
	body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative {
		max-width: 100%;
	}
	body:is(.mc-atelier-premium-preview,.mc-atelier-premium) .mc-creative-panel img {
		width: 100%;
		height: auto;
	}
}