/* ============================================================
   BACKWOODS — Home template  (Revision 2)
   Section rhythm: hero (pitch) → intro (paper) →
   ordering (paper) → product grid (paper) →
   facts band (bark) → footer (pitch).
   Mobile-first.
   ============================================================ */

/* ----------------------------------------------------------
   HERO — pitch dark band
   ---------------------------------------------------------- */
.bw-hero.wp-block-cover {
	min-height    : 60vh !important;
	padding-inline: var(--bw-gutter);
	align-items   : flex-end;
	padding-bottom: 64px;
	background-color: var(--bw-pitch);
}

@media (min-width: 769px) {
	.bw-hero.wp-block-cover {
		min-height    : 85vh !important;
		align-items   : center;
		padding-bottom: 0;
	}
}

.bw-hero .wp-block-cover__inner-container {
	max-width: var(--bw-max-width);
	padding  : 0;
	width    : 100%;
}

.bw-hero__headline.wp-block-heading {
	font-family   : var(--bw-display);
	font-weight   : 600;
	font-stretch  : 125%;
	font-size     : clamp(1.75rem, 5.5vw, 4.5rem);
	line-height   : 1.0;
	letter-spacing: -0.02em;
	color         : var(--bw-card);
	margin-bottom : 24px;
	max-width     : 14ch;
	margin-left   : 0 !important;
}

.bw-hero__subline {
	font-family  : var(--bw-body);
	font-size    : clamp(1rem, 2vw, 1.1875rem);
	line-height  : 1.5;
	color        : var(--bw-card);
	opacity      : 0.75;
	margin-bottom: 40px;
	max-width    : 44ch;
	margin-left  : 0 !important;
}

/* CTA button — card on pitch */
.bw-btn .wp-block-button__link,
.wp-block-button.bw-btn .wp-block-button__link {
	background-color: var(--bw-card);
	color           : var(--bw-pitch);
	font-family     : var(--bw-mono);
	font-size       : 0.75rem;
	font-weight     : 500;
	text-transform  : uppercase;
	letter-spacing  : 0.1em;
	padding         : 14px 28px;
	border-radius   : 0;
	border          : none;
	box-shadow      : none;
	text-decoration : none;
	transition      : background-color 150ms ease, color 150ms ease;
}

.bw-btn .wp-block-button__link:hover,
.wp-block-button.bw-btn .wp-block-button__link:hover {
	background-color: var(--bw-kraft);
	color           : var(--bw-pitch);
}

.bw-btn .wp-block-button__link:focus-visible,
.wp-block-button.bw-btn .wp-block-button__link:focus-visible {
	outline       : 2px solid var(--bw-kraft);
	outline-offset: 3px;
}

/* ----------------------------------------------------------
   INTRO SECTION — paper, pitch text (C1)
   ---------------------------------------------------------- */
.bw-intro {
	padding-inline: var(--bw-gutter);
}

.bw-intro__heading.wp-block-heading {
	font-size    : clamp(1.75rem, 5vw, 3rem);
	margin-bottom: 32px;
	color        : var(--bw-pitch);
}

.bw-intro p {
	font-family: var(--bw-body);
	font-size  : 1.0625rem;
	line-height: 1.7;
	color      : var(--bw-pitch);
}

.bw-intro p + p {
	margin-top: 1.25em;
}

/* ----------------------------------------------------------
   HOW ORDERING WORKS SECTION — paper, pitch text (C2)
   ---------------------------------------------------------- */
.bw-ordering {
	padding-inline: var(--bw-gutter);
}

.bw-ordering__heading.wp-block-heading {
	font-size    : clamp(1.75rem, 5vw, 3rem);
	margin-bottom: 48px;
	color        : var(--bw-pitch);
}

.bw-ordering-columns.wp-block-columns {
	gap: 32px;
}

@media (min-width: 769px) {
	.bw-ordering-columns.wp-block-columns {
		gap: 48px;
	}
}

/* Step label above heading */
.bw-step-label {
	font-family   : var(--bw-mono);
	font-size     : 0.6875rem;
	font-weight   : 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color         : var(--bw-ash);
	margin-bottom : 8px;
}

/* Step heading — number + name */
.bw-step-heading.wp-block-heading {
	font-size    : clamp(1.375rem, 4vw, 2rem);
	margin-bottom: 16px;
	color        : var(--bw-pitch);
}

.bw-step-body {
	font-family: var(--bw-body);
	font-size  : 1rem;
	line-height: 1.7;
	color      : var(--bw-ash);
	margin     : 0;
}

/* Ordering link */
.bw-ordering__link {
	margin-top: 48px;
}

.bw-ordering__link a {
	font-family          : var(--bw-mono);
	font-size            : 0.75rem;
	font-weight          : 500;
	text-transform       : uppercase;
	letter-spacing       : 0.08em;
	color                : var(--bw-brass);
	text-decoration      : underline;
	text-underline-offset: 3px;
	transition           : color 150ms ease;
}

.bw-ordering__link a:hover { color: var(--bw-kraft); }

/* ----------------------------------------------------------
   ASSORTMENT SECTION — paper background
   ---------------------------------------------------------- */
.bw-assortment {
	padding-inline: var(--bw-gutter);
}

.bw-eyebrow {
	margin-bottom: 12px;
}

.bw-assortment__heading.wp-block-heading {
	font-size    : clamp(1.75rem, 5vw, 3rem);
	margin-bottom: 48px;
	color        : var(--bw-pitch);
}

@media (min-width: 769px) {
	.bw-assortment__heading.wp-block-heading {
		margin-bottom: 64px;
	}
}

.bw-assortment__view-all {
	margin-top   : 48px;
	margin-bottom: 0;
	text-align   : center;
}

.bw-assortment__view-all a {
	font-family          : var(--bw-mono);
	font-size            : 0.75rem;
	font-weight          : 500;
	text-transform       : uppercase;
	letter-spacing       : 0.08em;
	color                : var(--bw-brass);
	text-decoration      : underline;
	text-underline-offset: 3px;
	transition           : color 150ms ease;
}

.bw-assortment__view-all a:hover { color: var(--bw-kraft); }

/* ----------------------------------------------------------
   FACTS BAND — bark dark band (C3)
   ---------------------------------------------------------- */
.bw-facts-strip {
	padding-inline  : var(--bw-gutter);
	background-color: var(--bw-bark);
}

.bw-facts-columns.wp-block-columns {
	gap: 32px;
}

@media (min-width: 769px) {
	.bw-facts-columns.wp-block-columns {
		gap: 48px;
	}
}

.bw-facts-col {
	padding-block: 8px;
}

@media (min-width: 769px) {
	.bw-facts-col + .bw-facts-col {
		border-left : 1px solid rgba(164, 138, 95, 0.3);
		padding-left: 48px;
	}
}

.bw-facts-col__label {
	color        : var(--bw-kraft);
	margin-bottom: 12px;
}

.bw-facts-col__body {
	font-family: var(--bw-body);
	font-size  : 0.9375rem;
	line-height: 1.6;
	color      : var(--bw-card);
	opacity    : 0.8;
	margin     : 0;
}