/* =====================================================================
   Parallel Studio — design tokens
   This theme is currently just the "Coming Soon" landing page, so only
   the tokens it actually uses are kept here.
   ===================================================================== */
:root {
	--color-black: #000000;
	/* Reference site (parallelcreative.co) randomizes its coming-soon
	   background between cream and this orange on each visit — we're
	   using orange as a fixed choice. */
	--color-accent-orange: #ff5513;
	--color-text-muted-on-black: rgba(0, 0, 0, 0.6);

	--font-sans: 'Zalando Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-serif: 'Instrument Serif', Georgia, serif;
}

/* =====================================================================
   Reset & base
   ===================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--color-accent-orange);
	color: var(--color-black);
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, p { margin: 0; }

/* =====================================================================
   Coming Soon
   ===================================================================== */
.coming-soon {
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2rem;
}
.coming-soon__headline {
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 0.85;
	font-size: max(2.5rem, 14vw); /* reference has no ceiling here, confirmed at 1728px */
	margin: 0;
	text-transform: uppercase;
}
.coming-soon__brand {
	/* Reference pins this to the same baseline as the corner labels
	   (both sit flush to the bottom edge, confirmed at 1728px). */
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
.coming-soon__wordmark {
	margin: 0;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.3;
	text-transform: uppercase;
	font-size: max(0.9rem, 1.79vw);
}
.coming-soon__tagline {
	margin: 0;
	font-family: var(--font-serif);
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.3;
	font-size: max(0.9rem, 1.79vw);
	color: var(--color-text-muted-on-black);
}
.coming-soon__corner {
	position: absolute;
	bottom: 2rem;
	margin: 0;
	font-size: max(0.5rem, 0.9vw);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.3;
	text-transform: uppercase;
	color: var(--color-text-muted-on-black);
}
.coming-soon__corner--left { left: 2rem; }
.coming-soon__corner--right { right: 2rem; }

@media (max-width: 600px) {
	.coming-soon__brand { position: static; transform: none; margin-top: 2.5rem; }
	.coming-soon__corner { position: static; margin-top: 2rem; }
	.coming-soon__corner--right { margin-top: 0.5rem; }
}