/* =========================================================
   DRAWN AND DELIVERED CSS SYSTEM
   File: /assets/drawnanddelivered.css

   TABLE OF CONTENTS

   1. VARIABLES
   2. BASE
   3. LAYOUT
   4. COMPONENTS
      4.1 Buttons
      4.2 Cards
      4.3 Product Cards
      4.4 Prose
      4.5 Callouts
      4.6 Forms
      4.7 Utilities
   5. HOMEPAGE
      5.1 Hero
      5.2 Product Grid
      5.3 Lead Form
      5.4 Footer Block
   6. AESTHETIC LANES
   7. WOOCOMMERCE OVERRIDES
   8. HEADER
   9. FOOTER
   10. GENERATEPRESS OVERRIDES
   11. RESPONSIVE

   CORE SYSTEM CLASSES REFERENCE

   WRAPPER
   - main[id^="dd-"].dd-page

   SECTIONS
   - .dd-section
   - .dd-section-dark
   - .dd-section-leaf
   - .dd-section.dd-section-compact

   CONTAINERS
   - .dd-container
   - .dd-container-wide
   - .dd-container-hero
   - .dd-container-reading
   - .dd-wrap-reading

   GRIDS
   - .dd-grid
   - .dd-grid-auto
   - .dd-grid-2
   - .dd-grid-3

   BUTTONS
   - .dd-btn
   - .dd-btn-primary
   - .dd-btn-secondary
   - .dd-btn-link
   - .dd-cta-group

   CARDS
   - .dd-card
   - .dd-featured-card
   - .dd-entry-card
   - .dd-product-card
   - .dd-product-card--featured
   - .dd-callout

   PRODUCT CARD ANATOMY
   - .dd-product-card__tag
   - .dd-product-card__name
   - .dd-product-card__contents
   - .dd-product-card__price
   - .dd-product-card__description
   - .dd-product-card__cta

   PROSE + TYPE UTILITIES
   - .dd-prose
   - .dd-text-center
   - .dd-measure
   - .dd-muted
   - .dd-emphasis
   - .dd-eyebrow
   - .dd-lead

   SPACING UTILITIES
   - .dd-mt-0 .dd-mt-2 .dd-mt-3 .dd-mt-4 .dd-mt-5 .dd-mt-6 .dd-mt-lg
   - .dd-mb-0 .dd-mb-2 .dd-mb-3 .dd-mb-4 .dd-mb-5 .dd-mb-6 .dd-mb-lg

   HOMEPAGE
   - .dd-home-hero
   - .dd-home-hero__content
   - .dd-home-hero__subhead
   - .dd-home-hero__media
   - .dd-home-hero__figure
   - .dd-home-products-grid
   - .dd-home-lead-form
   - .dd-home-lead-form__microcopy
   - .dd-home-footer
   - .dd-home-footer__wordmark
   - .dd-home-footer__domain
   - .dd-home-footer__tagline
   - .dd-home-footer__nav
   - .dd-home-footer__social

   AESTHETIC LANES
   - .dd-lane-cozy
   - .dd-lane-vamp
   - .dd-lane-cool
========================================================= */

/* =========================================================
   1. VARIABLES
========================================================= */

:root {
	--dd-cream: #FDF6EE;
	--dd-petal: #EBBCB8;
	--dd-lilac: #C9AEDE;
	--dd-leaf: #567A3E;
	--dd-bark: #3A3028;
	--dd-night: #2A2D3A;
	--dd-fern: #4E7240;
	--dd-warm-white: #FAF4EC;

	--dd-vamp-bg: #2F1D24;
	--dd-vamp-accent: #6C2E43;
	--dd-vamp-heading: #C7A0B4;

	--dd-cool-bg: #EAF1F5;
	--dd-cool-accent: #A9C0D2;
	--dd-cool-heading: #58748A;

	--dd-font-logo: 'Cormorant Garamond', serif;
	--dd-font-heading: 'Playfair Display', serif;
	--dd-font-body: 'Lato', sans-serif;

	--dd-text: var(--dd-night);
	--dd-heading: var(--dd-leaf);
	--dd-link: var(--dd-leaf);
	--dd-page-bg: var(--dd-cream);

	--dd-site-max: 1200px;
	--dd-reading-max: 760px;
	--dd-wide-max: 1320px;
	--dd-hero-max: 1280px;

	--dd-space-1: 0.25rem;
	--dd-space-2: 0.5rem;
	--dd-space-3: 0.75rem;
	--dd-space-4: 1rem;
	--dd-space-5: 1.5rem;
	--dd-space-6: 2rem;
	--dd-space-7: 3rem;
	--dd-space-8: 4rem;
	--dd-space-9: 6rem;

	--dd-radius-sm: 0.5rem;
	--dd-radius-md: 1rem;
	--dd-radius-lg: 1.5rem;
	--dd-radius-xl: 2rem;

	--dd-border: 1px solid rgba(58, 48, 40, 0.12);
	--dd-shadow-sm: 0 8px 24px rgba(42, 45, 58, 0.06);
	--dd-shadow-md: 0 18px 42px rgba(42, 45, 58, 0.10);
	--dd-shadow-lg: 0 28px 64px rgba(42, 45, 58, 0.14);

	--dd-header-h: 0px;
	--dd-transition: 180ms ease;
}

/* =========================================================
   2. BASE
========================================================= */

html {
	scroll-behavior: smooth;
}

body.dd-theme {
	background: var(--dd-page-bg);
	color: var(--dd-text);
	font-family: var(--dd-font-body);
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
	padding-top: var(--dd-header-h);
}

body.dd-theme.dd-noheader-offset {
	padding-top: 0;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: var(--dd-link);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
	transition: color var(--dd-transition), opacity var(--dd-transition), background-color var(--dd-transition);
}

a:hover,
a:focus-visible {
	color: var(--dd-fern);
}

button,
input,
textarea,
select {
	font: inherit;
}

:focus-visible {
	outline: 2px solid var(--dd-leaf);
	outline-offset: 2px;
}

main[id^="dd-"].dd-page {
	display: block;
	width: 100%;
	background: var(--dd-page-bg);
	color: var(--dd-text);
}

.dd-page h1,
.dd-page h2,
.dd-page h3,
.dd-page h4 {
	font-family: var(--dd-font-heading);
	color: var(--dd-heading);
	line-height: 1.1;
	margin: 0 0 var(--dd-space-4);
}

.dd-page h1 {
	font-size: clamp(2.4rem, 5vw, 4.5rem);
}

.dd-page h2 {
	font-size: clamp(1.8rem, 3vw, 3rem);
}

.dd-page h3 {
	font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.dd-page p,
.dd-page li {
	margin: 0 0 var(--dd-space-4);
}

.dd-page ul,
.dd-page ol {
	padding-left: 1.25rem;
}

.dd-page blockquote {
	margin: 0;
}

.dd-page .dd-eyebrow {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--dd-leaf);
	margin-bottom: var(--dd-space-3);
}

.dd-page .dd-lead {
	font-size: 1.125rem;
	max-width: 62ch;
}

.dd-page .dd-muted {
	color: rgba(42, 45, 58, 0.72);
}

.dd-page .dd-text-center {
	text-align: center;
}

.dd-page .dd-measure {
	max-width: 65ch;
}

.dd-page .dd-emphasis {
	color: var(--dd-bark);
	font-weight: 700;
}

.dd-page .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* =========================================================
   3. LAYOUT
========================================================= */

.dd-section {
	padding: var(--dd-space-9) var(--dd-space-5);
	background: var(--dd-cream);
}

.dd-section.dd-section-compact {
	padding-top: var(--dd-space-7);
	padding-bottom: var(--dd-space-7);
}

.dd-section-dark {
	background: var(--dd-bark);
	color: var(--dd-cream);
}

.dd-section-dark h1,
.dd-section-dark h2,
.dd-section-dark h3,
.dd-section-dark h4,
.dd-section-dark p,
.dd-section-dark li,
.dd-section-dark a,
.dd-section-dark .dd-eyebrow,
.dd-section-dark .dd-muted {
	color: var(--dd-cream);
}

.dd-section-leaf {
	background: var(--dd-leaf);
	color: var(--dd-cream);
}

.dd-section-leaf h1,
.dd-section-leaf h2,
.dd-section-leaf h3,
.dd-section-leaf h4,
.dd-section-leaf p,
.dd-section-leaf li,
.dd-section-leaf a,
.dd-section-leaf .dd-eyebrow,
.dd-section-leaf .dd-muted {
	color: var(--dd-cream);
}

.dd-container,
.dd-container-wide,
.dd-container-hero,
.dd-container-reading {
	width: min(100%, var(--dd-site-max));
	margin-inline: auto;
}

.dd-container-wide {
	max-width: var(--dd-wide-max);
}

.dd-container-hero {
	max-width: var(--dd-hero-max);
}

.dd-container-reading {
	max-width: var(--dd-reading-max);
}

.dd-wrap-reading {
	max-width: var(--dd-reading-max);
	margin-inline: auto;
}

.dd-grid {
	display: grid;
	gap: var(--dd-space-6);
}

.dd-grid-auto {
	display: grid;
	gap: var(--dd-space-6);
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.dd-grid-2 {
	display: grid;
	gap: var(--dd-space-7);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dd-grid-3 {
	display: grid;
	gap: var(--dd-space-6);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* =========================================================
   4. COMPONENTS
========================================================= */

/* 4.1 Buttons */

.dd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 48px;
	padding: 0.9rem 1.25rem;
	border-radius: 999px;
	border: 1px solid transparent;
	font-weight: 700;
	text-decoration: none;
	transition:
		background-color var(--dd-transition),
		color var(--dd-transition),
		border-color var(--dd-transition),
		transform var(--dd-transition),
		box-shadow var(--dd-transition);
}

.dd-btn:hover,
.dd-btn:focus-visible {
	transform: translateY(-1px);
	text-decoration: none;
}

.dd-btn-primary {
	background: var(--dd-petal);
	color: var(--dd-bark);
	box-shadow: var(--dd-shadow-sm);
}

.dd-btn-primary:hover,
.dd-btn-primary:focus-visible {
	background: color-mix(in srgb, var(--dd-petal) 88%, var(--dd-bark) 12%);
	color: var(--dd-bark);
}

.dd-btn-secondary {
	background: var(--dd-leaf);
	color: var(--dd-cream);
	box-shadow: var(--dd-shadow-sm);
}

.dd-btn-secondary:hover,
.dd-btn-secondary:focus-visible {
	background: color-mix(in srgb, var(--dd-leaf) 88%, var(--dd-bark) 12%);
	color: var(--dd-cream);
}

.dd-btn-link {
	background: transparent;
	color: var(--dd-leaf);
	border-color: rgba(86, 122, 62, 0.18);
}

.dd-btn-link:hover,
.dd-btn-link:focus-visible {
	background: rgba(86, 122, 62, 0.06);
	color: var(--dd-fern);
}

.dd-cta-group {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dd-space-3);
	margin-top: var(--dd-space-5);
}

/* 4.2 Cards */

.dd-card,
.dd-featured-card,
.dd-entry-card,
.dd-product-card,
.dd-callout {
	background: var(--dd-warm-white);
	border: var(--dd-border);
	border-radius: var(--dd-radius-lg);
	box-shadow: var(--dd-shadow-sm);
}

.dd-card,
.dd-featured-card,
.dd-entry-card,
.dd-callout {
	padding: var(--dd-space-6);
}

/* 4.3 Product Cards */

.dd-product-card {
	padding: var(--dd-space-6);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.dd-product-card--featured {
	background: #fffaf6;
	box-shadow: var(--dd-shadow-md);
	transform: translateY(-4px);
}

.dd-product-card__tag {
	display: inline-flex;
	align-self: flex-start;
	background: rgba(201, 174, 222, 0.28);
	color: var(--dd-bark);
	border-radius: 999px;
	padding: 0.35rem 0.7rem;
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: var(--dd-space-4);
}

.dd-product-card__name {
	font-family: var(--dd-font-heading);
	font-size: 1.5rem;
	line-height: 1.15;
	color: var(--dd-leaf);
	margin: 0 0 var(--dd-space-3);
}

.dd-product-card__price {
	font-family: var(--dd-font-heading);
	font-size: 1.55rem;
	line-height: 1.1;
	font-weight: 700;
	color: var(--dd-leaf);
	margin: 0 0 var(--dd-space-4);
}

.dd-product-card__contents {
	margin: 0 0 var(--dd-space-4);
	padding-left: 1.15rem;
}

.dd-product-card__contents li:last-child {
	margin-bottom: 0;
}

.dd-product-card__description {
	margin-bottom: var(--dd-space-5);
}

.dd-product-card__description p:last-child {
	margin-bottom: 0;
}

.dd-product-card__cta {
	margin-top: auto;
}

/* 4.4 Prose */

.dd-prose > *:last-child {
	margin-bottom: 0;
}

.dd-prose p + p {
	margin-top: 0;
}

.dd-prose ul,
.dd-prose ol {
	margin: 0 0 var(--dd-space-4);
}

.dd-prose a {
	word-break: break-word;
}

/* 4.5 Callouts */

.dd-callout {
	padding: var(--dd-space-7);
}

.dd-callout__quote {
	font-family: var(--dd-font-heading);
	font-size: clamp(2rem, 3.4vw, 3.35rem);
	line-height: 1.18;
	max-width: 24ch;
	margin: 0 auto var(--dd-space-4);
}

.dd-callout__support {
	font-size: 1.05rem;
	line-height: 1.7;
	max-width: 62ch;
	margin: 0 auto;
	opacity: 0.95;
}

.dd-section-leaf .dd-callout {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: var(--dd-space-7) 0;
}

.dd-section-leaf .dd-callout__quote {
	color: var(--dd-cream);
	font-size: clamp(2rem, 3.8vw, 3.5rem);
	line-height: 1.18;
	max-width: 22ch;
	margin: 0 auto var(--dd-space-4);
	text-align: center;
}

.dd-section-leaf .dd-callout__support {
	color: rgba(253, 246, 238, 0.92);
	max-width: 60ch;
	margin: 0 auto;
	text-align: center;
}

/* 4.6 Forms */

.dd-home-lead-form,
.dd-home-form {
	margin-top: var(--dd-space-5);
}

.dd-home-lead-form .ff-default .ff-el-form-control,
.dd-home-lead-form input[type="text"],
.dd-home-lead-form input[type="email"],
.dd-home-form .ff-default .ff-el-form-control,
.dd-home-form input[type="text"],
.dd-home-form input[type="email"] {
	min-height: 50px;
	border-radius: 999px;
	border: 1px solid rgba(42, 45, 58, 0.15);
	background: #fff;
	padding: 0 1rem;
}

.dd-home-lead-form textarea,
.dd-home-form textarea {
	border-radius: var(--dd-radius-md);
	border: 1px solid rgba(42, 45, 58, 0.15);
	background: #fff;
	padding: 0.85rem 1rem;
}

.dd-home-lead-form .ff-btn-submit,
.dd-home-lead-form button[type="submit"],
.dd-home-lead-form input[type="submit"],
.dd-home-form .ff-btn-submit,
.dd-home-form button[type="submit"],
.dd-home-form input[type="submit"] {
	min-height: 48px;
	border-radius: 999px;
	border: 0;
	background: var(--dd-leaf);
	color: var(--dd-cream);
	padding: 0.9rem 1.25rem;
	font-weight: 700;
	box-shadow: var(--dd-shadow-sm);
	transition: background-color var(--dd-transition), transform var(--dd-transition);
}

.dd-home-lead-form .ff-btn-submit:hover,
.dd-home-lead-form .ff-btn-submit:focus-visible,
.dd-home-lead-form button[type="submit"]:hover,
.dd-home-lead-form button[type="submit"]:focus-visible,
.dd-home-lead-form input[type="submit"]:hover,
.dd-home-lead-form input[type="submit"]:focus-visible,
.dd-home-form .ff-btn-submit:hover,
.dd-home-form .ff-btn-submit:focus-visible,
.dd-home-form button[type="submit"]:hover,
.dd-home-form button[type="submit"]:focus-visible,
.dd-home-form input[type="submit"]:hover,
.dd-home-form input[type="submit"]:focus-visible {
	background: color-mix(in srgb, var(--dd-leaf) 88%, var(--dd-bark) 12%);
	transform: translateY(-1px);
}

.dd-home-lead-form__microcopy {
	font-size: 0.95rem;
	color: rgba(42, 45, 58, 0.78);
	text-align: center;
	margin-top: var(--dd-space-4);
	margin-bottom: 0;
}

/* 4.7 Utilities */

.dd-mt-0 { margin-top: 0; }
.dd-mt-2 { margin-top: var(--dd-space-2); }
.dd-mt-3 { margin-top: var(--dd-space-3); }
.dd-mt-4 { margin-top: var(--dd-space-4); }
.dd-mt-5 { margin-top: var(--dd-space-5); }
.dd-mt-6 { margin-top: var(--dd-space-6); }
.dd-mt-lg { margin-top: var(--dd-space-7); }

.dd-mb-0 { margin-bottom: 0; }
.dd-mb-2 { margin-bottom: var(--dd-space-2); }
.dd-mb-3 { margin-bottom: var(--dd-space-3); }
.dd-mb-4 { margin-bottom: var(--dd-space-4); }
.dd-mb-5 { margin-bottom: var(--dd-space-5); }
.dd-mb-6 { margin-bottom: var(--dd-space-6); }
.dd-mb-lg { margin-bottom: var(--dd-space-7); }

/* =========================================================
   5. HOMEPAGE
========================================================= */

/* 5.1 Hero */

.dd-home-hero {
	align-items: center;
	grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
	gap: var(--dd-space-7);
}

.dd-home-hero__content > *:last-child {
	margin-bottom: 0;
}

.dd-home-hero__subhead {
	font-size: clamp(1.05rem, 1.7vw, 1.25rem);
	line-height: 1.72;
	max-width: 58ch;
	color: var(--dd-night);
}

.dd-home-hero__media {
	display: flex;
	justify-content: center;
}

.dd-home-hero__figure {
	width: 100%;
	max-width: 620px;
	padding: 0;
	overflow: hidden;
	border-radius: var(--dd-radius-xl);
	box-shadow: var(--dd-shadow-lg);
}

.dd-home-hero__figure img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* 5.2 Product Grid */

.dd-home-products-grid {
	align-items: stretch;
}

.dd-home-products-grid .dd-product-card {
	height: 100%;
}

/* 5.3 Lead Form */

.dd-home-lead-form {
	max-width: 760px;
	margin-inline: auto;
	padding: var(--dd-space-6);
}

/* 5.4 Footer Block */

.dd-home-footer {
	display: grid;
	gap: var(--dd-space-3);
	justify-items: center;
}

.dd-home-footer__wordmark {
	font-family: var(--dd-font-logo);
	font-size: clamp(2rem, 3vw, 2.8rem);
	line-height: 1;
	margin: 0;
	color: var(--dd-cream);
}

.dd-home-footer__domain {
	font-size: 1rem;
	margin: 0;
	opacity: 0.95;
}

.dd-home-footer__tagline {
	font-size: 0.98rem;
	margin: 0;
	opacity: 0.92;
}

.dd-home-footer__nav,
.dd-home-footer__social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--dd-space-4);
	margin-top: var(--dd-space-2);
}

.dd-home-footer__nav a,
.dd-home-footer__social a {
	text-decoration: none;
	color: var(--dd-cream);
	font-weight: 700;
}

.dd-home-footer__nav a:hover,
.dd-home-footer__nav a:focus-visible,
.dd-home-footer__social a:hover,
.dd-home-footer__social a:focus-visible {
	color: var(--dd-petal);
}

/* =========================================================
   6. AESTHETIC LANES
========================================================= */

.dd-lane-cozy {
	--dd-lane-bg: var(--dd-cream);
	--dd-lane-accent: var(--dd-petal);
	--dd-lane-heading: var(--dd-leaf);
}

.dd-lane-vamp {
	--dd-lane-bg: var(--dd-vamp-bg);
	--dd-lane-accent: var(--dd-vamp-accent);
	--dd-lane-heading: var(--dd-vamp-heading);
}

.dd-lane-cool {
	--dd-lane-bg: var(--dd-cool-bg);
	--dd-lane-accent: var(--dd-cool-accent);
	--dd-lane-heading: var(--dd-cool-heading);
}

/* =========================================================
   7. WOOCOMMERCE OVERRIDES
========================================================= */

.woocommerce div.product,
.woocommerce-page div.product,
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
	font-family: var(--dd-font-body);
	color: var(--dd-night);
}

.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--dd-font-heading);
	color: var(--dd-leaf);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--dd-petal);
	color: var(--dd-bark);
	border-radius: 999px;
	padding: 0.9rem 1.25rem;
	font-weight: 700;
	border: 0;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: color-mix(in srgb, var(--dd-petal) 88%, var(--dd-bark) 12%);
	color: var(--dd-bark);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--dd-bark);
	font-weight: 700;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: transparent;
}

/* =========================================================
   8. HEADER
========================================================= */

.site-header,
#masthead,
header[role="banner"] {
	transition:
		transform 220ms ease,
		box-shadow 220ms ease,
		background-color 220ms ease;
}

.site-header.scrolled,
#masthead.scrolled,
header[role="banner"].scrolled {
	box-shadow: 0 10px 30px rgba(42, 45, 58, 0.08);
}

.site-header.dd-header-hidden,
#masthead.dd-header-hidden,
header[role="banner"].dd-header-hidden {
	transform: translateY(-100%);
}

/* =========================================================
   GLOBAL HEADER
========================================================= */

.dd-global-header {
	width: 100%;
	background: var(--dd-warm-white);
	border-bottom: 1px solid rgba(58, 48, 40, 0.08);
}

.dd-global-header__inner {
	width: min(100%, var(--dd-site-max));
	margin-inline: auto;
	padding: 1rem var(--dd-space-5);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dd-space-5);
}

.dd-global-header__brand {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.dd-global-header__logo {
	font-family: var(--dd-font-heading);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
	color: var(--dd-bark);
	text-decoration: none;
}

.dd-global-header__logo:hover,
.dd-global-header__logo:focus-visible {
	color: var(--dd-leaf);
}

.dd-global-header__tagline {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.4;
	color: rgba(42, 45, 58, 0.78);
}

.dd-global-header__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
}

.dd-global-header__nav a {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--dd-bark);
	text-decoration: none;
}

.dd-global-header__nav a:hover,
.dd-global-header__nav a:focus-visible {
	color: var(--dd-leaf);
}


/* =========================================================
   9. FOOTER
========================================================= */

.site-footer,
footer[role="contentinfo"] {
	background: var(--dd-bark);
	color: var(--dd-cream);
}

.site-footer a,
footer[role="contentinfo"] a {
	color: var(--dd-cream);
}

/* =========================================================
   GLOBAL FOOTER
========================================================= */

.dd-global-footer {
	width: 100%;
	text-align: center;
}

.dd-global-footer__inner {
	width: min(100%, 900px);
	margin-inline: auto;
	padding: var(--dd-space-7) var(--dd-space-5);
	display: grid;
	gap: var(--dd-space-3);
	justify-items: center;
}

.dd-global-footer__wordmark {
	margin: 0;
	font-family: var(--dd-font-logo);
	font-size: clamp(2rem, 3vw, 2.8rem);
	line-height: 1;
	color: var(--dd-cream);
}

.dd-global-footer__domain {
	margin: 0;
	font-size: 0.98rem;
	color: rgba(253, 246, 238, 0.92);
}

.dd-global-footer__tagline {
	margin: 0;
	font-size: 0.98rem;
	color: rgba(253, 246, 238, 0.92);
}

.dd-global-footer__nav,
.dd-global-footer__social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--dd-space-4);
	margin-top: var(--dd-space-2);
}

.dd-global-footer__nav a,
.dd-global-footer__social a {
	color: var(--dd-cream);
	font-weight: 700;
	text-decoration: none;
}

.dd-global-footer__nav a:hover,
.dd-global-footer__nav a:focus-visible,
.dd-global-footer__social a:hover,
.dd-global-footer__social a:focus-visible {
	color: var(--dd-petal);
}

.dd-global-footer__copyright {
	margin: var(--dd-space-2) 0 0;
	font-size: 0.9rem;
	color: rgba(253, 246, 238, 0.72);
}

/* =========================================================
   10. GENERATEPRESS OVERRIDES
========================================================= */

main[id^="dd-"] {
	max-width: none;
	width: 100%;
	margin: 0;
}

body.right-sidebar main[id^="dd-"],
body.left-sidebar main[id^="dd-"] {
	width: 100%;
}

.separate-containers .inside-article,
.one-container .site-content,
.separate-containers .page-header,
.no-sidebar .site.grid-container {
	background: transparent;
}

.separate-containers .inside-article,
.one-container .site-content {
	padding: 0;
}

.sidebar,
#right-sidebar,
#left-sidebar {
	display: none;
}

.content-area,
.site-main {
	width: 100%;
	float: none;
	margin: 0;
}

/* =========================================================
   11. RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
	.dd-home-hero {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	.dd-grid-2,
	.dd-grid-3 {
		grid-template-columns: 1fr;
	}

	.dd-product-card--featured {
		transform: none;
	}
}

@media (max-width: 640px) {
	.dd-section {
		padding: var(--dd-space-8) var(--dd-space-4);
	}

	.dd-callout {
		padding: var(--dd-space-6);
	}

	.dd-callout__quote {
		max-width: 100%;
	}

	.dd-home-footer__nav,
	.dd-home-footer__social,
	.dd-cta-group {
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 900px) {
	.dd-global-header__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.dd-global-header__nav {
		justify-content: flex-start;
	}

	.dd-global-header__tagline {
		max-width: 36ch;
	}
}

@media (max-width: 640px) {
	.dd-global-header__inner,
	.dd-global-footer__inner {
		padding-left: var(--dd-space-4);
		padding-right: var(--dd-space-4);
	}

	.dd-global-header__nav,
	.dd-global-footer__nav,
	.dd-global-footer__social {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.dd-global-footer__nav,
	.dd-global-footer__social {
		align-items: center;
	}
}