/* ==========================================================================
   Dither — archival landing page
   Faithful to the original dithermade.com "identity" hero: white background,
   faded "dither" wordmark, and the italic Caslon tagline. The only additions
   are a dates line and a link into the Internet Archive, styled to match.
   Original fonts: proxima-nova (body) + adobe-caslon-pro italic (tagline),
   both Typekit. The tagline is substituted with Libre Caslon Text (a Caslon).
   ========================================================================== */

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	min-height: 100vh;
	min-width: 320px;
	background: #fff;
	color: gray;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 24px;
}

.identity {
	text-align: center;
	max-width: 260px;
}

/* faded "dither" wordmark — opacity 0.5 as on the original site */
.logo {
	width: 165px;
	height: auto;
	display: block;
	margin: 0 auto 20px;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}
.logo:hover { opacity: 1; }

/* the italic Caslon tagline, exactly as the original #dither-description */
.desc {
	font-family: "Libre Caslon Text", "Adobe Caslon Pro", Georgia, serif;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.4;
	color: #b3b3b3;
	margin: 0 auto 24px;
	max-width: 230px;
}

.dates {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #bdbdbd;
	margin: 0 0 20px;
}

.links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 11px;
}

/* styled like the original site's understated gray "VIEW ALL" meta link */
.archive-link {
	display: inline-block;
	font-size: 0.74rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	color: #999;
	text-decoration: none;
	transition: color 0.2s ease;
}
.archive-link span { transition: transform 0.2s ease; display: inline-block; }
.archive-link:hover { color: #4d4d4d; }
.archive-link:hover span { transform: translate(2px, -2px); }