/*
 * MIC Profile — Authority Experience (Golden Reference art direction).
 * ------------------------------------------------------------------
 * The quietest asset in MIC. Authority through evidence + restraint.
 * Consumes MIC Experience Language tokens only (--mic-*).
 */

.profile-single { background: var(--mic-color-canvas); }

/* ---------------------------------------------------------
   Statement — the identity thesis on ink
   --------------------------------------------------------- */
.profile-hero {
	background: var(--mic-color-authority);
	color: var(--mic-palette-paper-000);
	padding-block: clamp(4rem, 10vw, 8rem) clamp(3.5rem, 8vw, 6.5rem);
}
.profile-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 220px);
	gap: clamp(2rem, 6vw, 5rem);
	align-items: center;
}
.profile-hero__grid--text-only { grid-template-columns: minmax(0, 1fr); }
.profile-hero__body { display: grid; gap: var(--mic-space-5); align-content: center; }
.profile-hero__eyebrow { color: var(--mic-palette-gold-300); letter-spacing: var(--mic-tracking-eyebrow); }

.profile-name {
	margin: 0;
	font-size: var(--mic-type-display);
	line-height: var(--mic-leading-tight);
	letter-spacing: var(--mic-tracking-tight);
	font-weight: var(--mic-font-weight-regular);
	color: var(--mic-palette-paper-000);
	max-width: 18ch;
}
.profile-thesis {
	margin: 0;
	max-width: 42ch;
	color: rgba(255, 255, 255, 0.86);
}

.profile-portrait { margin: 0; justify-self: end; }
.profile-portrait__img {
	width: clamp(132px, 16vw, 168px);
	height: clamp(132px, 16vw, 168px);
	object-fit: cover;
	display: block;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--mic-color-evidence), 0 0 0 7px rgba(255, 255, 255, 0.06);
}

/* ---------------------------------------------------------
   Evidence — metric → context → source
   --------------------------------------------------------- */
.profile-evidence {
	background: var(--mic-color-surface-sunken);
	border-block: 1px solid var(--mic-color-border);
	padding-block: clamp(3rem, 7vw, 5rem);
}
.profile-evidence .mic-eyebrow { display: block; margin-bottom: var(--mic-space-6); }
.profile-evidence__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.profile-evidence__item {
	display: grid;
	gap: var(--mic-space-2);
	padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2.25rem);
	border-left: 1px solid var(--mic-color-border);
}
.profile-evidence__item:first-child { border-left: 0; }
.profile-evidence__metric {
	font-size: clamp(1.75rem, 3.5vw, 2.75rem);
	line-height: 1;
	letter-spacing: var(--mic-tracking-tight);
	color: var(--mic-color-ink);
}
.profile-evidence__context { font-size: var(--mic-type-small); color: var(--mic-color-ink-soft); }
.profile-evidence__source {
	font-size: var(--mic-type-caption);
	letter-spacing: var(--mic-tracking-wide);
	text-transform: uppercase;
	color: var(--mic-color-ink-muted);
}

/* ---------------------------------------------------------
   Perspective — the serif judgement (gold hinge)
   --------------------------------------------------------- */
.profile-perspective { padding-block: clamp(3.5rem, 8vw, 6rem); }
.profile-hinge { max-width: none; }
.profile-hinge .golden-hinge__label { margin-bottom: var(--mic-space-5); }
.profile-hinge .golden-hinge__text {
	max-width: 46ch;
	font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.35rem);
	line-height: 1.32;
	letter-spacing: var(--mic-tracking-tight);
}
.profile-hinge .golden-hinge__text p { margin: 0; }

/* ---------------------------------------------------------
   Work — where the judgement is used (a register)
   --------------------------------------------------------- */
.profile-work { padding-block: 0 clamp(4rem, 9vw, 7rem); }
.profile-work .mic-eyebrow { display: block; margin-bottom: var(--mic-space-6); }
.profile-work__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--mic-color-border);
}
.profile-work__item { border-bottom: 1px solid var(--mic-color-border-faint); }
.profile-work__item a {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr) auto;
	align-items: baseline;
	gap: var(--mic-space-4);
	padding: var(--mic-space-5) 0;
	color: inherit;
	text-decoration: none;
}
.profile-work__type {
	font-size: var(--mic-type-caption);
	font-weight: var(--mic-font-weight-semibold);
	letter-spacing: var(--mic-tracking-eyebrow);
	text-transform: uppercase;
	color: var(--mic-color-evidence-text);
}
.profile-work__title { font-size: var(--mic-type-h4); color: var(--mic-color-ink); }
.profile-work__arrow {
	color: var(--mic-color-ink-faint);
	transition: transform var(--mic-duration-base) var(--mic-ease-standard);
}
.profile-work__item a:hover .profile-work__title { text-decoration: underline; }
.profile-work__item a:hover .profile-work__arrow { transform: translateX(4px); }

/* ---------------------------------------------------------
   Responsive — 768 / 430
   --------------------------------------------------------- */
@media (max-width: 768px) {
	.profile-hero__grid { grid-template-columns: 1fr; gap: var(--mic-space-8); }
	.profile-portrait { justify-self: start; order: -1; }
	.profile-evidence__item { border-left: 0; border-top: 1px solid var(--mic-color-border); }
	.profile-evidence__item:first-child { border-top: 0; }
}
@media (max-width: 600px) {
	.profile-name { max-width: none; }
	.profile-thesis { font-size: 1.15rem; }
	.profile-hinge .golden-hinge__text { max-width: none; }
	.profile-work__item a { grid-template-columns: 1fr; gap: var(--mic-space-1); }
	.profile-work__arrow { display: none; }
}