/* ==========================================================================
   Celia Noire — Studio Notice
   A quiet, editorial availability announcement between About the Studio and
   Packages — a thin rule, a small tracked label, one larger pull-quote-like
   sentence, a smaller muted line beneath it. Its own intentional presence,
   not a footnote — but still never a boxed alert, banner or cookie-notice
   treatment: no background fill, no border-box, no icon, no shadow.
   ========================================================================== */

.cn-studio-notice {
	/* Generous, but deliberately short of a full section's own --cn-section-y
	   — enough presence to read as its own moment, not enough to feel like a
	   fifth full section wedged between two real ones. */
	padding-block: clamp(3.5rem, 7vw, 6rem);
}

.cn-studio-notice__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	max-width: 48.75rem; /* ~780px */
	margin-inline: auto;
	text-align: center;
}

.cn-studio-notice__rule {
	width: 3rem;
	height: 1px;
	background: var(--cn-accent);
	opacity: 0.55;
}

.cn-studio-notice__label {
	margin: 0;
	font-family: var(--cn-font-body);
	font-size: var(--cn-text-xs);
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--cn-accent);
}

/* The main line — set in Bodoni like the rest of the site's editorial
   headlines and pull quotes (never Inter body copy at this size), large
   enough to read as a considered announcement rather than a caption. */
.cn-studio-notice__text {
	margin: 0;
	max-width: 34ch;
	font-family: var(--cn-font-display);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(1.375rem, 1vw + 1.15rem, 2rem);
	line-height: 1.45;
	color: var(--cn-fg-strong);
}

.cn-studio-notice__secondary {
	margin: 0;
	max-width: 620px;
	margin-inline: auto;
	font-size: var(--cn-text-sm);
	line-height: 1.65;
	color: #6B625A;
	text-wrap: pretty;
}

@media (max-width: 599px) {
	.cn-studio-notice__inner {
		gap: 1.25rem;
	}

	.cn-studio-notice__text {
		max-width: 26ch;
	}

	.cn-studio-notice__secondary {
		max-width: 32ch;
	}
}