/* Logical-margin override: generated from the demo stylesheet.
 * WordPress's block-layout reset writes margin-block-start/end:0 on layout
 * children, which overrides physical margin-top/bottom set by class rules.
 * These rules re-assert the intended margins as logical properties at
 * :root-boosted specificity (beats the (0,2,0) first/last-child resets),
 * loaded after the demo stylesheet so they win. Single-class overrides in
 * page markup still lose to these: that is intended for demo fidelity.
 */

:root .cl-hero-eyebrow {
	margin-block-end: 1.5rem;
}

:root .cl-hero-title {
	margin-block-end: 1.5rem;
}

:root .cl-hero-sub {
	margin-block-end: 2.5rem;
}

:root .cl-section-header {
	margin-block-end: 3.5rem;
}

:root .cl-eyebrow {
	margin-block-end: 1rem;
}

:root .cl-section-title {
	margin-block-start: 0;
	margin-block-end: 0;
}

:root .cl-section-sub {
	margin-block-start: 1.2rem;
}

:root .cl-grid-asymmetric {
	margin-block-end: 0;
}

:root .cl-work-cat {
	margin-block-end: 0.3rem;
}

:root .cl-work-title {
	margin-block-start: 0;
	margin-block-end: 0;
}

:root .cl-portrait-caption {
	margin-block-start: 0.75rem;
}

:root .cl-about-name {
	margin-block-end: 2rem;
}

:root .cl-philosophy-lead {
	margin-block-end: 1.5rem;
}

:root .cl-about-philosophy p {
	margin-block-end: 1.2rem;
}

:root .cl-about-stats {
	margin-block-start: 2.5rem;
}

:root .cl-stat-label {
	margin-block-start: 0.25rem;
}

:root .cl-pricing-badge {
	margin-block-end: 1.2rem;
}

:root .cl-pricing-header {
	margin-block-end: 1.5rem;
}

:root .cl-pricing-name {
	margin-block-start: 0;
	margin-block-end: 0.3rem;
}

:root .cl-pricing-price {
	margin-block-end: 2rem;
}

:root .cl-pricing-list {
	margin-block-start: 0;
	margin-block-end: 2rem;
}

:root .cl-pricing-note {
	margin-block-start: 2rem;
}

:root .cl-marquee-outer {
	margin-block-end: 3.5rem;
}

:root .cl-press-quote {
	margin-block-start: 0;
	margin-block-end: 0;
}

:root .cl-quote-icon {
	margin-block-end: 0.75rem;
}

:root .cl-press-quote p {
	margin-block-end: 0.8rem;
}

:root .cl-contact-intro {
	margin-block-start: 1.5rem;
	margin-block-end: 2rem;
}

:root .cl-contact-details {
	margin-block-end: 2rem;
}

:root .cl-form-group {
	margin-block-end: 1.5rem;
}

:root .cl-form-label {
	margin-block-end: 0.5rem;
}

:root .cl-footer-tagline {
	margin-block-start: 1.25rem;
	margin-block-end: 1.5rem;
}

:root .cl-footer-heading {
	margin-block-end: 1.2rem;
}

:root .cl-footer-list {
	margin-block-start: 0;
	margin-block-end: 0;
}

:root .cl-footer-list li {
	margin-block-end: 0.6rem;
}

:root .cl-footer-contact-item {
	margin-block-end: 0.85rem;
}

:root .cl-footer-contact-item i {
	margin-block-start: 2px;
}

:root .mt-4.d-inline-block {
	margin-block-start: 1.5rem !important;
}

:root .cl-blog-hero-title {
	margin-block-start: 0;
	margin-block-end: 0;
}

:root .cl-post-breadcrumb {
	margin-block-end: 2rem;
}

:root .cl-post-meta-row {
	margin-block-end: 1.5rem;
}

:root .cl-post-h1 {
	margin-block-start: 0;
	margin-block-end: 0;
}

:root .cl-post-featured {
	margin-block-start: 3rem;
}

:root .cl-post-content h2 {
	margin-block-start: 2.5rem;
	margin-block-end: 1rem;
}

:root .cl-post-content h3 {
	margin-block-start: 2rem;
	margin-block-end: 0.75rem;
}

:root .cl-post-content p {
	margin-block-end: 1.5rem;
}

:root .cl-post-content blockquote {
	margin-block-start: 2rem;
	margin-block-end: 2rem;
}

:root .cl-post-content ul,
:root .cl-post-content ol {
	margin-block-end: 1.5rem;
}

:root .cl-post-content li {
	margin-block-end: 0.5rem;
}

:root .cl-post-content img {
	margin-block-start: 2rem;
	margin-block-end: 2rem;
}

:root .cl-post-content hr {
	margin-block-start: 2.5rem;
	margin-block-end: 2.5rem;
}

:root .cl-sidebar-heading {
	margin-block-end: 1rem;
}

:root .cl-sidebar-divider {
	margin-block-start: 1.5rem;
	margin-block-end: 1.5rem;
}

:root .cl-post-footer-cta p {
	margin-block-end: 1.5rem;
}

:root .section {
	margin-block-start: 0;
	margin-block-end: 0;
}