/* Final luxury refinement pass */

/* Quieter masthead */
.brand-lockup-image {
	width: 270px;
	height: 70px;
}

.site-header .max-w-7xl {
	height: 88px;
}

.header-brand-logo {
	object-position: left center;
}

/* Less decorative gold, more restraint */
.hero-shell::before {
	background: rgba(177, 138, 62, 0.14);
}

.hero-shell::after {
	opacity: 0.55;
}

.hero-kicker-rule {
	width: 34px;
	background: rgba(177, 138, 62, 0.72);
}

.portrait-gold-line {
	background: linear-gradient(
		180deg,
		transparent,
		rgba(215, 185, 95, 0.66) 18%,
		rgba(215, 185, 95, 0.66) 82%,
		transparent
	);
}

.hero-credentials small,
.strip-number {
	color: #b9974f;
}

.bg-ivory {
	background: #f7f2e9;
}

/* About section editorial pull quote */
.doctor-pullquote {
	position: relative;
	margin: 10px 0 12px;
	padding: 25px 0 25px 30px;
	border-left: 1px solid rgba(154, 119, 51, 0.62);
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(1.75rem, 2.5vw, 2.45rem);
	line-height: 1.13;
	font-style: italic;
	color: #8b692d;
	max-width: 760px;
}

.doctor-pullquote::before {
	content: "“";
	position: absolute;
	left: 11px;
	top: 15px;
	font-size: 2.4rem;
	color: rgba(139, 105, 45, 0.28);
}

.about-image-note {
	border-top: 0;
	box-shadow: 0 18px 45px rgba(22, 19, 15, 0.14);
}

/* Full-width magazine image pause */
.editorial-image-break {
	position: relative;
	height: min(62vw, 610px);
	min-height: 460px;
	overflow: hidden;
	background: #171714;
}

.editorial-break-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 28%;
	filter: saturate(0.72) contrast(1.04);
}

.editorial-break-overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(13, 12, 10, 0.58) 0%, rgba(13, 12, 10, 0.18) 45%, rgba(13, 12, 10, 0.05) 72%),
		linear-gradient(180deg, transparent 45%, rgba(13, 12, 10, 0.28) 100%);
}

.editorial-break-copy {
	position: absolute;
	left: clamp(28px, 6vw, 96px);
	bottom: clamp(34px, 6vw, 78px);
	z-index: 2;
	color: #fff;
}

.editorial-break-copy span {
	display: block;
	margin-bottom: 7px;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.24em;
	color: rgba(255, 255, 255, 0.68);
}

.editorial-break-copy strong {
	display: block;
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(3rem, 7vw, 6.8rem);
	line-height: 0.88;
	font-weight: 400;
	letter-spacing: -0.035em;
}

/* Services: hierarchy instead of six equal tiles */
.service-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.service-card {
	grid-column: span 3;
	min-height: 305px;
	padding: 34px;
	background: transparent;
}

.service-card-featured {
	grid-column: span 6;
	min-height: 385px;
	padding: 46px;
	background:
		linear-gradient(135deg, rgba(199, 164, 81, 0.12), rgba(199, 164, 81, 0.025));
}

.service-card-featured h3 {
	font-size: clamp(2.75rem, 4vw, 4.25rem);
	max-width: 520px;
}

.service-card-featured p {
	max-width: 580px;
	font-size: 1rem;
}

.service-card:hover {
	background: rgba(255, 255, 255, 0.035);
	transform: none;
}

.service-card-featured:hover {
	background:
		linear-gradient(135deg, rgba(199, 164, 81, 0.15), rgba(199, 164, 81, 0.035));
}

/* Doctor cards: calmer placeholder until Dr Anjeli's portrait arrives */
.doctor-card {
	box-shadow: none;
	border: 1px solid rgba(27, 24, 20, 0.08);
}

.doctor-card-secondary {
	background: #f8f4ec;
}

.doctor-placeholder {
	min-height: 320px;
	background:
		linear-gradient(135deg, #f3ecdf 0%, #ebe1d0 100%);
	border-bottom: 1px solid rgba(154, 119, 51, 0.15);
}

.doctor-initials {
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	font-size: clamp(5rem, 8vw, 8rem);
	font-weight: 400;
	color: rgba(139, 105, 45, 0.44);
	letter-spacing: -0.08em;
}

/* Vital Lounge: darker emerald, more negative space */
.vital-section {
	background:
		radial-gradient(circle at 14% 18%, rgba(205, 173, 83, 0.10), transparent 25%),
		linear-gradient(135deg, #061a13 0%, #0a2d20 58%, #0b241b 100%);
}

.vital-brand-panel {
	min-height: 490px;
	max-width: 520px;
	width: 100%;
	justify-self: start;
	background: #f6f1e7;
	border: 0;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.27);
}

.vital-logo {
	max-width: 300px;
	width: 66%;
}

.orbit-one {
	width: 335px;
	height: 335px;
	border-color: rgba(184, 145, 55, 0.20);
}

.orbit-two {
	width: 410px;
	height: 410px;
	opacity: 0.42;
	border-color: rgba(184, 145, 55, 0.15);
}

.eyebrow-gold,
.vital-tagline {
	color: #ceb168;
}

/* More editorial philosophy area */
.experience-list > div {
	padding: 33px 0;
}

.experience-list strong {
	font-size: 1.6rem;
	font-weight: 500;
}

/* Stronger final spread */
.contact-section {
	position: relative;
	overflow: hidden;
	background: #151514;
	border-top: 0;
	color: #fff;
	padding-top: 125px;
	padding-bottom: 125px;
}

.contact-section::before {
	content: "NE";
	position: absolute;
	right: -0.02em;
	bottom: -0.36em;
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(16rem, 33vw, 38rem);
	line-height: 1;
	letter-spacing: -0.12em;
	color: rgba(255, 255, 255, 0.025);
	pointer-events: none;
}

.contact-section > div {
	position: relative;
	z-index: 2;
}

.contact-section .eyebrow {
	color: #c7a451;
}

.contact-title {
	color: #fff;
	max-width: 930px;
}

.contact-section .section-lead,
.contact-address {
	color: rgba(255, 255, 255, 0.62);
}

.contact-button {
	min-width: 220px;
}

.contact-address {
	margin-top: 30px;
}

/* Mobile */
@media (max-width: 1100px) {
	.service-card,
	.service-card-featured {
		grid-column: span 6;
	}
}

@media (max-width: 767px) {
	.brand-lockup-image {
		width: 220px;
		height: 58px;
	}

	.site-header .max-w-7xl {
		height: 76px;
	}

	.doctor-pullquote {
		padding-left: 22px;
		font-size: 1.75rem;
	}

	.editorial-image-break {
		height: 520px;
		min-height: 520px;
	}

	.editorial-break-image {
		object-position: 58% top;
	}

	.service-card,
	.service-card-featured {
		grid-column: span 12;
		min-height: auto;
		padding: 32px;
	}

	.service-card-featured h3 {
		font-size: 2.75rem;
	}

	.vital-brand-panel {
		min-height: 400px;
		max-width: none;
	}

	.vital-logo {
		max-width: 250px;
	}

	.orbit-one {
		width: 270px;
		height: 270px;
	}

	.orbit-two {
		width: 330px;
		height: 330px;
	}

	.contact-section {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}