/* Deadhead Chemist — rebuilt homepage layer (loads last on the front page). */

.dhc-banner {
	width: 100%;
	background: #0b1f1c;
}

.dhc-banner__link,
.dhc-banner__img {
	display: block;
	width: 100%;
}

.dhc-banner__img {
	height: auto;
	max-width: 100%;
	object-fit: cover;
}

/* Welcome ------------------------------------------------------------- */
.dhc-welcome {
	padding: 44px 0 12px;
	text-align: center;
}

.dhc-welcome__inner {
	max-width: 900px;
}

.dhc-welcome__logo {
	width: 96px;
	height: 96px;
	object-fit: contain;
	margin: 0 auto 10px;
	display: block;
}

.dhc-welcome__h1 {
	font-size: clamp(1.7rem, 3.6vw, 2.6rem);
	line-height: 1.2;
	margin: 0 0 18px;
}

.dhc-welcome__kicker {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .78rem;
	opacity: .8;
	margin-bottom: 10px;
}

.dhc-welcome__lede {
	font-size: 1.05rem;
	line-height: 1.75;
	margin: 0 auto 22px;
}

.dhc-welcome__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.sbc-btn--lg {
	padding: 14px 26px;
	font-size: 1rem;
}

/* USP row ------------------------------------------------------------- */
.dhc-usps {
	padding: 26px 0 34px;
}

.dhc-usps__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.dhc-usp {
	text-align: center;
	padding: 18px 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 14px;
	background: rgba(255, 255, 255, .04);
}

.dhc-usp__icon {
	font-size: 1.6rem;
	display: block;
	margin-bottom: 8px;
}

.dhc-usp__title {
	font-weight: 700;
	margin-bottom: 4px;
}

.dhc-usp p {
	margin: 0;
	font-size: .9rem;
	opacity: .82;
}

/* Section headings ---------------------------------------------------- */
.dhc-h2 {
	font-size: clamp(1.4rem, 2.6vw, 2rem);
	margin: 0 0 8px;
}

.sbc-section__lede {
	margin: 0 0 20px;
	opacity: .85;
	max-width: 68ch;
}

.sbc-section__more {
	margin-top: 22px;
}

/* Feature blocks ------------------------------------------------------ */
.dhc-feature__row {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 32px;
	align-items: center;
	padding: 26px 0;
}

.dhc-feature__row--reverse .dhc-feature__media {
	order: 2;
}

.dhc-feature__media img {
	width: 100%;
	max-width: 240px;
	height: auto;
	border-radius: 16px;
	display: block;
	margin: 0 auto;
}

.dhc-feature__sub {
	font-size: .95rem;
	opacity: .85;
	margin-bottom: 4px;
}

.dhc-feature__tags {
	font-weight: 700;
	letter-spacing: .04em;
	margin-bottom: 12px;
}

/* Microdosing benefits ------------------------------------------------ */
.dhc-benefits__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
}

.dhc-benefit {
	padding: 20px 16px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .04);
}

.dhc-benefit__num {
	display: block;
	font-size: 1.6rem;
	font-weight: 800;
	opacity: .55;
	margin-bottom: 6px;
}

.dhc-benefit p {
	margin: 0;
	line-height: 1.6;
}

/* FAQ ----------------------------------------------------------------- */
.dhc-faq {
	display: grid;
	gap: 10px;
}

.dhc-faq__item {
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 12px;
	background: rgba(255, 255, 255, .04);
	padding: 0 16px;
}

.dhc-faq__q {
	cursor: pointer;
	font-weight: 700;
	padding: 14px 0;
	list-style: none;
}

.dhc-faq__q::-webkit-details-marker {
	display: none;
}

.dhc-faq__q::after {
	content: "+";
	float: right;
	font-weight: 700;
}

.dhc-faq__item[open] .dhc-faq__q::after {
	content: "\2212";
}

.dhc-faq__a {
	padding: 0 0 14px;
	opacity: .9;
	line-height: 1.7;
}

.dhc-faq__a p {
	margin: 0;
}

/* Closing copy -------------------------------------------------------- */
.dhc-copy p {
	line-height: 1.8;
	margin: 0 0 14px;
	max-width: 80ch;
}

/* Responsive ---------------------------------------------------------- */
@media (max-width: 980px) {
	.dhc-usps__grid,
	.dhc-benefits__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dhc-feature__row {
		grid-template-columns: 1fr;
	}

	.dhc-feature__row--reverse .dhc-feature__media {
		order: 0;
	}
}

@media (max-width: 560px) {
	.dhc-welcome {
		padding-top: 28px;
	}

	.dhc-usps__grid,
	.dhc-benefits__grid {
		grid-template-columns: 1fr;
	}
}

/* v11.3.1 — compact feature images, full-width closing copy ----------- */
.dhc-feature__media img {
	max-width: 240px;
}

.dhc-feature__row {
	gap: 24px;
}

.dhc-copy--full {
	width: 100%;
	max-width: none;
	padding: 34px clamp(18px, 6vw, 90px);
	background: rgba(255, 255, 255, .04);
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.dhc-copy--full p {
	max-width: none;
}

@media (max-width: 700px) {
	.dhc-feature__media img {
		max-width: 180px;
	}
}