/*
 * ДОБРОЕ ДЕЛО — DUOTONE 2026
 * One authored visual system, two base colors:
 * clear green (#185347) and white (#ffffff).
 * Photographs keep their natural colours inside the two-colour interface.
 */

@font-face {
	font-family: "TikTok Sans";
	src: url("../fonts/tiktok-sans/TikTokSans-Variable.ttf") format("truetype");
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 75% 125%;
	font-display: swap;
}

/* Persistent circular messengers, matching the supplied reference. */
.dobre-art-direction-2026 .dobre-direct-contact-dock {
	position: fixed;
	z-index: 710;
	right: max(24px, env(safe-area-inset-right));
	bottom: max(24px, env(safe-area-inset-bottom));
	display: grid;
	width: 68px;
	gap: 15px;
	transition: opacity 160ms ease, visibility 160ms ease;
}

.dobre-art-direction-2026 .dobre-direct-contact-dock__channel {
	display: grid;
	width: 68px;
	height: 68px;
	place-items: center;
	overflow: hidden;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 12px 30px rgb(15 35 30 / 0.24);
	text-decoration: none;
	transition: transform 160ms ease, box-shadow 160ms ease;
}

.dobre-art-direction-2026 .dobre-direct-contact-dock__channel--whatsapp {
	background: #25d366;
}

.dobre-art-direction-2026 .dobre-direct-contact-dock__channel--telegram {
	background: linear-gradient(145deg, #2aabee 8%, #5477ff 55%, #7554ef 100%);
}

.dobre-art-direction-2026 .dobre-direct-contact-dock__channel img {
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
}

.dobre-art-direction-2026 .dobre-direct-contact-dock__channel:hover {
	box-shadow: 0 16px 34px rgb(15 35 30 / 0.3);
	transform: translateX(-3px) scale(1.04);
}

.dobre-art-direction-2026 .dobre-direct-contact-dock__channel:focus-visible {
	outline: 3px solid var(--care-white);
	outline-offset: 4px;
}

body.dobre-menu-open .dobre-direct-contact-dock,
body.dobre-modal-open .dobre-direct-contact-dock {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

@media (min-width: 721px) and (max-width: 1120px) {
	.dobre-art-direction-2026 .dobre-header-cta {
		display: flex;
		order: 2;
		margin-left: auto;
	}

	.dobre-art-direction-2026 .dobre-header-cta .dobre-header-phone {
		display: flex;
	}

	.dobre-art-direction-2026 .dobre-menu-toggle {
		order: 3;
		margin-left: 0;
	}
}

@media (max-width: 720px) {
	.dobre-art-direction-2026 .dobre-direct-contact-dock {
		right: max(12px, env(safe-area-inset-right));
		bottom: calc(82px + env(safe-area-inset-bottom));
		width: 56px;
		gap: 10px;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock__channel {
		width: 56px;
		height: 56px;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock__channel img {
		width: 29px;
		height: 29px;
	}
}

/* Clear contact details and recognisable messenger icons in the footer. */
.dobre-art-direction-2026 .dobre-header-phone strong {
	font-size: 1rem;
	font-weight: 850;
	letter-spacing: 0.01em;
}

.dobre-art-direction-2026 .dobre-footer-contacts .dobre-track-phone {
	display: inline-block;
	color: var(--care-white);
	font-size: clamp(1.05rem, 0.98rem + 0.22vw, 1.22rem);
	font-weight: 850;
	letter-spacing: 0.015em;
	line-height: 1.25;
}

.dobre-art-direction-2026 .dobre-footer-cta .dobre-track-phone {
	font-weight: 850;
}

.dobre-art-direction-2026 .dobre-social-links {
	gap: 10px;
	margin-top: 26px;
}

.dobre-art-direction-2026 .dobre-social-links a {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 8px 20px rgb(7 34 29 / 0.22);
	transition: transform 160ms ease, box-shadow 160ms ease;
}

.dobre-art-direction-2026 .dobre-social-links .dobre-track-telegram {
	background: linear-gradient(145deg, #2aabee 8%, #5477ff 55%, #7554ef 100%);
}

.dobre-art-direction-2026 .dobre-social-links .dobre-track-whatsapp {
	background: #25d366;
}

.dobre-art-direction-2026 .dobre-social-links a:hover {
	box-shadow: 0 11px 24px rgb(7 34 29 / 0.3);
	transform: translateY(-2px);
}

.dobre-art-direction-2026 .dobre-social-links img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

@font-face {
	font-family: "Cruinn";
	src: local("Cruinn Thin"), url("../fonts/cruinn/Cruinn-Thin.ttf") format("truetype");
	font-style: normal;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: "Cruinn";
	src: local("Cruinn Light"), url("../fonts/cruinn/Cruinn-Light.ttf") format("truetype");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Cruinn";
	src: local("Cruinn Regular"), url("../fonts/cruinn/Cruinn-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Cruinn";
	src: local("Cruinn Medium"), url("../fonts/cruinn/Cruinn-Medium.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Cruinn";
	src: local("Cruinn Bold"), url("../fonts/cruinn/Cruinn-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Cruinn";
	src: local("Cruinn Black"), url("../fonts/cruinn/Cruinn-Black.ttf") format("truetype");
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

:root {
	--dd-duo-green: #185347;
	--dd-duo-white: #ffffff;
	--dd26-display: "TikTok Sans", "Segoe UI", Arial, sans-serif;
	--dd26-text: "TikTok Sans", "Segoe UI", Arial, sans-serif;
	--dd26-accent: "Cruinn", "TikTok Sans", "Segoe UI", Arial, sans-serif;
	--dd-duo-green-04: rgba(24, 83, 71, 0.04);
	--dd-duo-green-10: rgba(24, 83, 71, 0.1);
	--dd-duo-green-18: rgba(24, 83, 71, 0.18);
	--dd-duo-green-72: rgba(24, 83, 71, 0.72);
	--dd-duo-white-08: rgba(255, 255, 255, 0.08);
	--dd-duo-white-16: rgba(255, 255, 255, 0.16);
	--dd-duo-white-24: rgba(255, 255, 255, 0.24);
	--dd-duo-white-72: rgba(255, 255, 255, 0.72);
	--dd-duo-white-86: rgba(255, 255, 255, 0.86);

	/* Collapse the former multi-colour token set into the two-colour system. */
	--dd26-paper: var(--dd-duo-green);
	--dd26-paper-bright: var(--dd-duo-white);
	--dd26-ink: var(--dd-duo-green);
	--dd26-muted: var(--dd-duo-green-72);
	--dd26-line: var(--dd-duo-green-18);
	--dd26-pine: var(--dd-duo-green);
	--dd26-pine-deep: var(--dd-duo-green);
	--dd26-berry: var(--dd-duo-green);
	--dd26-berry-deep: var(--dd-duo-green);
	--dd26-coral: var(--dd-duo-green);
	--dd26-butter: var(--dd-duo-white);
	--dd26-sage: var(--dd-duo-white);
	--dd26-lilac: var(--dd-duo-white);
	--dd26-white: var(--dd-duo-white);
	--dd26-success: var(--dd-duo-green);
	--dd26-error: var(--dd-duo-green);
	--dd26-shadow-sm: 0 0 0 1px var(--dd-duo-green-10);
	--dd26-shadow-lg: 0 0 0 1px var(--dd-duo-green-18);
}

/* TikTok Sans leads the hierarchy; Cruinn appears only in small accents. */
.dobre-art-direction-2026 :is(
	.dobre-eyebrow,
	.dobre-format-card__number,
	.dobre-path-choice__number,
	.dobre-service-card__meta,
	.dobre-trust-card__kicker,
	.dobre-number-list li > span,
	.dobre-service-selection__list li > span
) {
	font-family: var(--dd26-accent);
}

html {
	scroll-padding-top: 104px;
}

.dobre-art-direction-2026 :where(section[id], footer[id]) {
	scroll-margin-top: 104px;
}

body.dobre-art-direction-2026 {
	color: var(--dd-duo-white);
	background: var(--dd-duo-green);
}

.dobre-art-direction-2026 ::selection {
	color: var(--dd-duo-green);
	background: var(--dd-duo-white);
}

.dobre-art-direction-2026 :where(a, button, input, select, textarea, summary):focus-visible {
	outline-color: currentColor;
}

.dobre-art-direction-2026 .dobre-primary-nav a:focus-visible {
	border-radius: 10px;
	outline-width: 2px;
	outline-offset: -5px;
}

.dobre-art-direction-2026 .dobre-section {
	padding-block: clamp(72px, 6.5vw, 108px);
}

.dobre-art-direction-2026 .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-eyebrow--light {
	color: inherit;
}

.dobre-art-direction-2026 .dobre-button,
.dobre-art-direction-2026 .dobre-button--accent,
.dobre-art-direction-2026 .dobre-button--cream {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-button:hover,
.dobre-art-direction-2026 .dobre-button--accent:hover,
.dobre-art-direction-2026 .dobre-button--cream:hover {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-button--ghost,
.dobre-art-direction-2026 .dobre-button--outline {
	border-color: var(--dd-duo-green);
	background: transparent;
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-button--ghost:hover,
.dobre-art-direction-2026 .dobre-button--outline:hover {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

/* Header */

.dobre-art-direction-2026 .dobre-site-header {
	border-bottom-color: var(--dd-duo-green-18);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-brand,
.dobre-art-direction-2026 .dobre-nav-list > li > a,
.dobre-art-direction-2026 .dobre-primary-nav > .menu > ul > li > a {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-brand__mark {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-brand__mark::after {
	border-color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-brand__copy strong,
.dobre-art-direction-2026 .dobre-brand__copy small {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-menu-toggle {
	border-color: var(--dd-duo-green-18);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-menu-toggle i {
	background: var(--dd-duo-green);
}

/* Hero */

.dobre-art-direction-2026 .dobre-hero--2026 {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: none;
	min-height: clamp(680px, calc(100svh - 138px), 860px);
	margin: 0;
	padding-block: clamp(64px, 6vw, 96px);
	overflow: hidden;
	border: 0;
	border-bottom: 1px solid var(--dd-duo-white-24);
	border-radius: 0;
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-hero--2026::before {
	display: block;
	position: absolute;
	z-index: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background:
		linear-gradient(
			90deg,
			rgba(18, 61, 50, 0.98) 0%,
			rgba(18, 61, 50, 0.96) 28%,
			rgba(18, 61, 50, 0.88) 42%,
			rgba(18, 61, 50, 0.7) 57%,
			rgba(18, 61, 50, 0.48) 72%,
			rgba(18, 61, 50, 0.24) 86%,
			rgba(18, 61, 50, 0.06) 100%
		),
		linear-gradient(
			180deg,
			rgba(18, 61, 50, 0.04) 0%,
			rgba(18, 61, 50, 0.12) 62%,
			rgba(18, 61, 50, 0.3) 100%
		);
	box-shadow: none;
	content: "";
	pointer-events: none;
}

.dobre-art-direction-2026 .dobre-hero--2026::after {
	display: none;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__grid {
	position: static;
	min-height: clamp(560px, calc(100svh - 330px), 680px);
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content {
	position: relative;
	z-index: 2;
	max-width: 820px;
	padding: 0;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1 {
	max-width: 720px;
	color: var(--dd-duo-white);
	font-size: clamp(3.8rem, 6.2vw, 6.6rem);
	letter-spacing: -0.06em;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__lead,
.dobre-art-direction-2026 .dobre-hero--2026 .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__lead {
	max-width: 650px;
	color: var(--dd-duo-white-86);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-button--accent {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-button--accent:hover {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-button--ghost {
	border-color: var(--dd-duo-white);
	background: transparent;
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-button--ghost:hover {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points {
	max-width: 760px;
	border-color: var(--dd-duo-white-24);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li,
.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li:first-child {
	border-color: var(--dd-duo-white-24);
	color: var(--dd-duo-white-86);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points span {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__visual {
	position: static;
	display: contents;
	min-height: 0;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap {
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	border: 0;
	border-radius: 0;
	background: var(--dd-duo-green);
	box-shadow: none;
	transform: none;
	overflow: hidden;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap::after {
	display: none;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap,
.dobre-art-direction-2026 .dobre-service-card__media,
.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap img,
.dobre-art-direction-2026 .dobre-service-card__media img {
	filter: none;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap img,
.dobre-art-direction-2026 .dobre-service-card__media img {
	mix-blend-mode: normal;
	opacity: 1;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Customer path */

.dobre-art-direction-2026 .dobre-customer-path {
	padding-block: clamp(80px, 7vw, 112px);
	border-bottom: 1px solid var(--dd-duo-green-18);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-customer-path h2 {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-customer-path__heading {
	max-width: none;
	grid-template-columns: minmax(190px, 0.25fr) minmax(0, 1fr);
	gap: clamp(32px, 4vw, 72px);
}

.dobre-art-direction-2026 .dobre-customer-path__heading h2 {
	max-width: none;
}

@media (min-width: 1360px) {
	.dobre-art-direction-2026 .dobre-customer-path > .dobre-container {
		width: min(calc(100% - 48px), 1600px);
	}

	.dobre-art-direction-2026 .dobre-customer-path__heading h2 {
		font-size: clamp(2.45rem, 2.75vw, 3rem);
		line-height: 1;
		letter-spacing: -0.045em;
		white-space: nowrap;
	}
}

.dobre-art-direction-2026 .dobre-path-choice,
.dobre-art-direction-2026 .dobre-path-choice--format,
.dobre-art-direction-2026 .dobre-path-choice--price {
	min-height: 250px;
	border: 1px solid var(--dd-duo-green);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-path-choice--urgent {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-path-choice i {
	border-color: currentColor;
	background: transparent;
	color: inherit;
}

/* Services */

.dobre-art-direction-2026 .dobre-services-section {
	border-bottom: 1px solid var(--dd-duo-white-24);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-services-section h2,
.dobre-art-direction-2026 .dobre-services-section .dobre-section-heading p,
.dobre-art-direction-2026 .dobre-services-section .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-services-section .dobre-section-action {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-service-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.dobre-art-direction-2026 .dobre-service-card,
.dobre-art-direction-2026 .dobre-service-card:first-child,
.dobre-art-direction-2026 .dobre-service-card:nth-child(2),
.dobre-art-direction-2026 .dobre-service-card:nth-child(3),
.dobre-art-direction-2026 .dobre-service-card:nth-child(4),
.dobre-art-direction-2026 .dobre-service-card:nth-child(5),
.dobre-art-direction-2026 .dobre-service-card:nth-child(6) {
	grid-column: auto;
	min-height: 100%;
	border: 1px solid var(--dd-duo-white);
	border-radius: 26px;
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
	overflow: hidden;
}

.dobre-art-direction-2026 .dobre-service-card__media,
.dobre-art-direction-2026 .dobre-service-card:first-child .dobre-service-card__media {
	position: relative;
	min-height: 0;
	aspect-ratio: 3 / 2;
	background: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dobre-art-direction-2026 .dobre-service-card__body {
	display: flex;
	min-height: 300px;
	flex-direction: column;
	padding: 28px;
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-card h2,
.dobre-art-direction-2026 .dobre-service-card:first-child h2,
.dobre-art-direction-2026 .dobre-service-card h2 a,
.dobre-art-direction-2026 .dobre-service-card p,
.dobre-art-direction-2026 .dobre-service-card:first-child p,
.dobre-art-direction-2026 .dobre-service-card__meta,
.dobre-art-direction-2026 .dobre-service-card:first-child .dobre-service-card__meta,
.dobre-art-direction-2026 .dobre-service-card__meta strong,
.dobre-art-direction-2026 .dobre-service-card:first-child .dobre-service-card__meta strong {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-card h2,
.dobre-art-direction-2026 .dobre-service-card:first-child h2 {
	font-size: clamp(1.85rem, 2.35vw, 2.7rem);
}

.dobre-art-direction-2026 .dobre-service-card .dobre-card-link {
	margin-top: auto;
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-card:hover {
	transform: translateY(-5px);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-format-card,
.dobre-art-direction-2026 .dobre-format-card--sage,
.dobre-art-direction-2026 .dobre-format-card--ivory,
.dobre-art-direction-2026 .dobre-format-card--terracotta {
	border: 1px solid var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-format-card--terracotta h3,
.dobre-art-direction-2026 .dobre-format-card--terracotta p {
	color: var(--dd-duo-green);
}

/* Quiz */

.dobre-art-direction-2026 .dobre-quiz-section {
	border: 0;
	border-radius: 0;
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-quiz-section h2,
.dobre-art-direction-2026 .dobre-quiz-section .dobre-section-heading p,
.dobre-art-direction-2026 .dobre-quiz-section .dobre-eyebrow {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-quiz {
	border: 1px solid var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-quiz__group,
.dobre-art-direction-2026 .dobre-quiz__group legend {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-quiz__group {
	border-color: var(--dd-duo-white-24);
	background: var(--dd-duo-white-08);
}

.dobre-art-direction-2026 .dobre-choice-card > span {
	border-color: var(--dd-duo-white-24);
	background: transparent;
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-choice-card > input:checked + span {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-choice-card small {
	color: inherit;
	opacity: 0.76;
}

.dobre-art-direction-2026 .dobre-quiz .dobre-button--accent {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-quiz__result,
.dobre-art-direction-2026 .dobre-quiz__lead {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-quiz__result h3,
.dobre-art-direction-2026 .dobre-quiz__lead h3 {
	color: var(--dd-duo-green);
}

/* Process and audience */

.dobre-art-direction-2026 .dobre-process-section {
	border: 0;
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-process-section::before {
	display: none;
}

.dobre-art-direction-2026 .dobre-process-intro h2,
.dobre-art-direction-2026 .dobre-process-intro p,
.dobre-art-direction-2026 .dobre-process-list h3,
.dobre-art-direction-2026 .dobre-process-list p {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-process-list li {
	border-color: var(--dd-duo-white-24);
}

.dobre-art-direction-2026 .dobre-process-list {
	border-color: var(--dd-duo-white-24);
}

.dobre-art-direction-2026 .dobre-process-list > li > span {
	border-color: var(--dd-duo-white);
	background: transparent;
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-process-section .dobre-button--cream {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-audience-section {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-audience-section h2 {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-audience-grid article,
.dobre-art-direction-2026 .dobre-audience-grid article:nth-child(2),
.dobre-art-direction-2026 .dobre-audience-grid article:nth-child(3),
.dobre-art-direction-2026 .dobre-audience-grid article:nth-child(4) {
	border: 1px solid var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-audience-grid article h3,
.dobre-art-direction-2026 .dobre-audience-grid article p,
.dobre-art-direction-2026 .dobre-audience-grid article span {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-audience-grid article span {
	border-color: var(--dd-duo-white);
	background: transparent;
}

/* Calculator, trust, FAQ and forms */

.dobre-art-direction-2026 .dobre-calculator-section {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-calculator-section h2,
.dobre-art-direction-2026 .dobre-calculator-section .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-calculator-section > .dobre-container > p {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-calculator-shell,
.dobre-art-direction-2026 .dobre-calculator {
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-calculator-shell > .dobre-section-heading {
	margin-bottom: clamp(28px, 3vw, 44px);
}

.dobre-art-direction-2026 .dobre-calculator-shell > .dobre-section-heading p {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-calculator-controls,
.dobre-art-direction-2026 .dobre-calculator-result,
.dobre-art-direction-2026 .dobre-calculator-empty {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-calculator-empty {
	min-height: 0;
	align-items: start;
	padding: clamp(28px, 4vw, 48px);
}

.dobre-art-direction-2026 .dobre-calculator-result h3,
.dobre-art-direction-2026 .dobre-calculator-result p,
.dobre-art-direction-2026 .dobre-calculator-empty p {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-trust-section {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-trust-section h2,
.dobre-art-direction-2026 .dobre-trust-section p,
.dobre-art-direction-2026 .dobre-trust-section .dobre-eyebrow {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-check-list li::before {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-trust-card {
	border: 1px solid var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-trust-card__kicker,
.dobre-art-direction-2026 .dobre-trust-card ol li {
	border-color: var(--dd-duo-white-24);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-trust-card ol li > span {
	border-color: var(--dd-duo-white);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-trust-card .dobre-button {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-faq-section {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-faq-section h2,
.dobre-art-direction-2026 .dobre-faq-section p,
.dobre-art-direction-2026 .dobre-faq-section .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-accordion summary,
.dobre-art-direction-2026 .dobre-accordion__content {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-accordion details {
	border-color: var(--dd-duo-white-24);
}

.dobre-art-direction-2026 .dobre-accordion summary span {
	border-color: var(--dd-duo-white);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-final-form-section {
	width: 100%;
	max-width: none;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-final-form-section::before {
	display: none;
}

.dobre-art-direction-2026 .dobre-final-form-section h2,
.dobre-art-direction-2026 .dobre-final-form-section p,
.dobre-art-direction-2026 .dobre-final-form-section li {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-final-form-card {
	border: 1px solid var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-final-form-card h3,
.dobre-art-direction-2026 .dobre-final-form-card p,
.dobre-art-direction-2026 .dobre-final-form-card label,
.dobre-art-direction-2026 .dobre-final-form-card .dobre-form-status {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-lead-form,
.dobre-art-direction-2026 .dobre-lead-form .dobre-form-description,
.dobre-art-direction-2026 .dobre-lead-form .dobre-field > span,
.dobre-art-direction-2026 .dobre-lead-form .dobre-consent,
.dobre-art-direction-2026 .dobre-lead-form .dobre-consent span,
.dobre-art-direction-2026 .dobre-lead-form .dobre-form-status {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-field input,
.dobre-art-direction-2026 .dobre-field select,
.dobre-art-direction-2026 .dobre-field textarea,
.dobre-art-direction-2026 input[type="text"],
.dobre-art-direction-2026 input[type="email"],
.dobre-art-direction-2026 input[type="tel"],
.dobre-art-direction-2026 input[type="number"],
.dobre-art-direction-2026 select,
.dobre-art-direction-2026 textarea {
	border-color: var(--dd-duo-green-18);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 :where(button, input, select, textarea):disabled {
	border-color: var(--dd-duo-green-18);
	background: var(--dd-duo-green-10);
	color: var(--dd-duo-green-72);
	opacity: 1;
}

.dobre-art-direction-2026 .dobre-form-status.is-error,
.dobre-art-direction-2026 .dobre-form-status.is-success {
	color: var(--dd-duo-green);
}

/* Footer, dialogs and generic pages */

.dobre-art-direction-2026 .dobre-footer-cta {
	border-top: 1px solid var(--dd-duo-green);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-footer-cta h2,
.dobre-art-direction-2026 .dobre-footer-cta p,
.dobre-art-direction-2026 .dobre-footer-cta .dobre-eyebrow {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-footer-cta .dobre-button {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-site-footer {
	border-top: 1px solid var(--dd-duo-white-24);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-site-footer h2,
.dobre-art-direction-2026 .dobre-site-footer h3,
.dobre-art-direction-2026 .dobre-site-footer a,
.dobre-art-direction-2026 .dobre-site-footer p,
.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__copy strong,
.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__copy small,
.dobre-art-direction-2026 .dobre-site-footer .dobre-footer-brand > p {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__mark {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__mark span {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__mark::after {
	border-color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-footer-grid--compact {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
}

.dobre-art-direction-2026 .dobre-dialog,
.dobre-art-direction-2026 .dobre-contact-panel {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
}

.dobre-art-direction-2026 .dobre-dialog::backdrop {
	background: var(--dd-duo-green-72);
}

.dobre-art-direction-2026 .dobre-mobile-sticky {
	border-top-color: var(--dd-duo-green);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-mobile-sticky > *,
.dobre-art-direction-2026 .dobre-mobile-sticky > :last-child {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-mobile-sticky > :last-child {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-page-hero,
.dobre-art-direction-2026 .dobre-archive-hero,
.dobre-art-direction-2026 .dobre-service-hero {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-page-hero h1,
.dobre-art-direction-2026 .dobre-archive-hero h1,
.dobre-art-direction-2026 .dobre-service-hero h1,
.dobre-art-direction-2026 .dobre-page-hero p,
.dobre-art-direction-2026 .dobre-archive-hero p,
.dobre-art-direction-2026 .dobre-service-hero p {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-page-hero .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-archive-hero .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-service-hero .dobre-eyebrow {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero, .dobre-service-hero) .dobre-breadcrumbs,
.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero, .dobre-service-hero) .dobre-breadcrumbs a,
.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero, .dobre-service-hero) .dobre-breadcrumbs span {
	color: var(--dd-duo-white-72);
}

.dobre-art-direction-2026 .dobre-service-hero .dobre-button {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-hero .dobre-service-price,
.dobre-art-direction-2026 .dobre-service-hero .dobre-service-price :where(small, strong, span) {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-service-hero .dobre-service-price small,
.dobre-art-direction-2026 .dobre-service-hero .dobre-service-price span {
	opacity: 0.72;
}

.dobre-art-direction-2026 .dobre-service-facts {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-facts :where(h2, h3, p, li, a, .dobre-eyebrow, .dobre-rich-text) {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-includes-card {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-includes-card :where(h2, h3, p, li, a, .dobre-eyebrow) {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-includes-card .dobre-check-list li::before {
	border-color: var(--dd-duo-white);
	background: transparent;
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-service-details {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-service-details :where(h2, h3, p, li, .dobre-eyebrow, .dobre-rich-text),
.dobre-art-direction-2026 .dobre-service-details .dobre-number-list li > span {
	border-color: var(--dd-duo-white-24);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-service-details + .dobre-faq-section {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-details + .dobre-faq-section :where(h2, h3, p, .dobre-eyebrow, summary, .dobre-accordion__content) {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-service-details + .dobre-faq-section .dobre-accordion details {
	border-color: var(--dd-duo-green-18);
}

.dobre-art-direction-2026 .dobre-service-details + .dobre-faq-section .dobre-accordion summary span {
	border-color: var(--dd-duo-green);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-archive-section {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-page-inline-cta {
	border-block: 1px solid var(--dd-duo-white-24);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-page-inline-cta h2,
.dobre-art-direction-2026 .dobre-page-inline-cta p {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-page-inline-cta .dobre-button {
	border-color: var(--dd-duo-white);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-page-content,
.dobre-art-direction-2026 .dobre-service-content {
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-page-content :where(h2, h3, h4, p, li, a, strong),
.dobre-art-direction-2026 .dobre-service-content :where(h2, h3, h4, p, li, a, strong),
.dobre-art-direction-2026 .dobre-rich-text {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-page-content blockquote,
.dobre-art-direction-2026 .dobre-service-content blockquote {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-page-content blockquote *,
.dobre-art-direction-2026 .dobre-service-content blockquote * {
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-price-table-section {
	border-block: 1px solid var(--dd-duo-green-18);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-price-table-section :where(h2, h3, p, .dobre-eyebrow) {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-price-table {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-price-table :where(th, td) {
	border-color: var(--dd-duo-green-18);
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-price-table thead th {
	background: var(--dd-duo-green);
	color: var(--dd-duo-white);
}

.dobre-art-direction-2026 .dobre-price-table-note,
.dobre-art-direction-2026 .dobre-price-table tbody :where(th, td, span) {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-price-table tbody td:nth-child(3) {
	color: var(--dd-duo-green);
}

.dobre-art-direction-2026 .dobre-content-card,
.dobre-art-direction-2026 .dobre-info-card,
.dobre-art-direction-2026 .dobre-price-table-wrap,
.dobre-art-direction-2026 .dobre-contact-card {
	border-color: var(--dd-duo-green);
	background: var(--dd-duo-white);
	color: var(--dd-duo-green);
	box-shadow: none;
}

@media (max-width: 1180px) {
	.dobre-art-direction-2026 .dobre-service-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.dobre-art-direction-2026 .dobre-primary-nav {
		background: var(--dd-duo-white);
		color: var(--dd-duo-green);
	}

	.dobre-art-direction-2026 .dobre-customer-path__heading {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__grid {
		min-height: 0;
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__visual {
		display: contents;
		width: auto;
		margin: 0;
	}

	.dobre-art-direction-2026 .dobre-footer-grid--compact {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 720px) {
	html {
		scroll-padding-top: 112px;
	}

	.dobre-art-direction-2026 :where(section[id], footer[id]) {
		scroll-margin-top: 112px;
	}

	body.dobre-art-direction-2026 {
		padding-bottom: 64px;
	}

	.dobre-art-direction-2026 .dobre-container,
	.dobre-art-direction-2026 .dobre-hero--2026 > .dobre-container {
		width: min(calc(100% - 30px), var(--dobre-container, 1320px));
	}

	.dobre-art-direction-2026 .dobre-section {
		padding-block: 70px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 {
		min-height: 0;
		padding-block: 42px 58px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026::before {
		background: linear-gradient(
			180deg,
			rgba(18, 61, 50, 0.92) 0%,
			rgba(18, 61, 50, 0.82) 58%,
			rgba(18, 61, 50, 0.68) 100%
		);
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__grid {
		min-height: 0;
		gap: 0;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1 {
		font-size: clamp(2.8rem, 12.2vw, 3.25rem);
		line-height: 0.96;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__lead {
		font-size: 1rem;
		line-height: 1.55;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li,
	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li:first-child {
		display: block;
		min-width: 0;
		padding: 14px 7px;
		border-top: 0;
		border-left: 1px solid var(--dd-duo-white-24);
		font-size: 0.7rem;
		line-height: 1.35;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li:first-child {
		border-left: 0;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points span {
		display: block;
		margin-bottom: 5px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__visual {
		display: contents;
		min-height: 0;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		min-height: 0;
		aspect-ratio: auto;
		border: 0;
		border-radius: 0;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap img {
		object-position: 70% center;
	}

	.dobre-art-direction-2026 .dobre-customer-path {
		padding-block: 70px;
	}

	.dobre-art-direction-2026 .dobre-customer-path__heading h2 {
		font-size: clamp(2.6rem, 12vw, 3.25rem);
	}

	.dobre-art-direction-2026 .dobre-path-choice,
	.dobre-art-direction-2026 .dobre-path-choice--urgent {
		min-height: 188px;
		padding: 24px;
	}

	.dobre-art-direction-2026 .dobre-service-grid {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-service-card__body {
		min-height: 270px;
		padding: 24px;
	}

	.dobre-art-direction-2026 .dobre-service-card h2,
	.dobre-art-direction-2026 .dobre-service-card:first-child h2 {
		font-size: 2.15rem;
	}

	.dobre-art-direction-2026 .dobre-quiz {
		padding: 22px 16px;
	}

	.dobre-art-direction-2026 .dobre-audience-grid {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-audience-grid article {
		min-height: 220px;
	}

	.dobre-art-direction-2026 .dobre-final-form-card {
		padding: 24px 18px;
	}

	.dobre-art-direction-2026 .dobre-footer-grid--compact {
		grid-template-columns: 1fr;
	}
}

/* UX/UI refinement: clear care journey, calmer scale and varied section rhythm. */

:root {
	--care-green: var(--dd-duo-green);
	--care-green-soft: #347164;
	--care-cream: #f5f2ea;
	--care-white: #ffffff;
	--care-sage: #e7eee9;
	--care-stone: #d9d6cd;
	--care-text-muted: #526860;
	--care-line: rgba(24, 83, 71, 0.16);
	--care-radius-lg: 26px;
	--care-radius-md: 20px;
	--care-radius-sm: 14px;
}

body.dobre-art-direction-2026 {
	background: var(--care-cream);
	color: var(--care-green);
	font-size: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
	line-height: 1.62;
}

.dobre-art-direction-2026 [hidden] {
	display: none !important;
}

.dobre-art-direction-2026 .dobre-section {
	padding-block: clamp(64px, 6vw, 92px);
}

.dobre-art-direction-2026 :where(.dobre-section-heading, .dobre-quiz-intro, .dobre-situations-intro, .dobre-cost-intro) h2 {
	font-size: clamp(2.5rem, 4.15vw, 3.375rem);
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.dobre-art-direction-2026 :where(.dobre-section-heading, .dobre-quiz-intro, .dobre-situations-intro, .dobre-cost-intro) p {
	font-size: clamp(1rem, 0.94rem + 0.24vw, 1.18rem);
	line-height: 1.55;
}

.dobre-art-direction-2026 .dobre-button {
	min-height: 52px;
	padding: 13px 23px;
	border-radius: 14px;
	font-size: 0.94rem;
	letter-spacing: 0;
}

.dobre-art-direction-2026 .dobre-button--large {
	min-height: 58px;
	padding-inline: 27px;
}

.dobre-art-direction-2026 button.dobre-text-link {
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	cursor: pointer;
}

.dobre-art-direction-2026 .dobre-site-header {
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(12px);
}

.dobre-art-direction-2026 .dobre-header-main {
	min-height: 76px;
}

.dobre-art-direction-2026 .dobre-header-cta .dobre-button {
	white-space: nowrap;
}

/* Hero: direct service proposition and a lighter photographic treatment. */

.dobre-art-direction-2026 .dobre-hero--2026 {
	min-height: clamp(650px, calc(100svh - 108px), 780px);
	padding-block: clamp(58px, 6vw, 84px);
}

.dobre-art-direction-2026 .dobre-hero--2026::before {
	background:
		linear-gradient(
			90deg,
			rgba(18, 61, 50, 0.96) 0%,
			rgba(18, 61, 50, 0.91) 30%,
			rgba(18, 61, 50, 0.7) 51%,
			rgba(18, 61, 50, 0.3) 76%,
			rgba(18, 61, 50, 0.08) 100%
		),
		linear-gradient(180deg, rgba(18, 61, 50, 0.02), rgba(18, 61, 50, 0.22));
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__grid {
	min-height: clamp(530px, calc(100svh - 260px), 620px);
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content {
	max-width: 760px;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1 {
	max-width: 710px;
	font-size: clamp(3.5rem, 5.25vw, 4.5rem);
	line-height: 0.96;
	letter-spacing: -0.052em;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__lead {
	max-width: 650px;
	font-size: clamp(1.08rem, 0.98rem + 0.34vw, 1.32rem);
	line-height: 1.5;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__actions {
	margin-top: 30px;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points {
	max-width: 820px;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	margin-top: 42px;
	padding-top: 18px;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li {
	min-height: 44px;
	padding-inline: 14px;
	font-size: 0.78rem;
}

.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__image-wrap img {
	object-position: center 48%;
}

/* Situations: compact, scannable choices instead of three oversized cards. */

.dobre-art-direction-2026 .dobre-situations-section {
	background: var(--care-cream);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-situations-layout {
	display: grid;
	grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(46px, 7vw, 110px);
	align-items: start;
}

.dobre-art-direction-2026 .dobre-situations-intro {
	position: sticky;
	top: 122px;
}

.dobre-art-direction-2026 .dobre-situations-intro h2 {
	max-width: 520px;
	margin-bottom: 22px;
}

.dobre-art-direction-2026 .dobre-situations-intro p {
	max-width: 470px;
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-situations-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-situations-list a {
	display: grid;
	min-height: 92px;
	grid-template-columns: 42px 1fr;
	gap: 15px;
	align-items: center;
	padding: 20px 18px;
	border-bottom: 1px solid var(--care-line);
	color: var(--care-green);
	text-decoration: none;
	transition: background-color 180ms ease, padding-left 180ms ease;
}

.dobre-art-direction-2026 .dobre-situations-list a:nth-child(odd) {
	border-right: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-situations-list a:hover,
.dobre-art-direction-2026 .dobre-situations-list a:focus-visible {
	padding-left: 24px;
	background: var(--care-sage);
}

.dobre-art-direction-2026 .dobre-situations-list a > span {
	color: var(--care-text-muted);
	font-size: 0.8rem;
	font-weight: 700;
}

.dobre-art-direction-2026 .dobre-situations-list strong {
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.14rem);
	line-height: 1.3;
}

/* Sequential quiz. */

.dobre-art-direction-2026 .dobre-quiz-section {
	background: var(--care-sage);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-quiz-layout {
	display: grid;
	grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1.38fr);
	gap: clamp(44px, 6vw, 90px);
	align-items: start;
}

.dobre-art-direction-2026 .dobre-quiz-intro {
	padding-top: 18px;
}

.dobre-art-direction-2026 .dobre-quiz-intro h2 {
	max-width: 520px;
	margin-bottom: 22px;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-quiz-intro p {
	max-width: 500px;
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-quiz {
	min-height: 560px;
	padding: clamp(28px, 4vw, 52px);
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-lg);
	background: var(--care-white);
	color: var(--care-green);
	box-shadow: 0 24px 60px rgba(18, 61, 50, 0.08);
}

.dobre-art-direction-2026 .dobre-quiz__progress-wrap {
	margin-bottom: 34px;
}

.dobre-art-direction-2026 .dobre-quiz__progress-wrap p {
	margin: 0 0 10px;
	color: var(--care-text-muted);
	font-size: 0.86rem;
}

.dobre-art-direction-2026 .dobre-quiz__progress {
	height: 4px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--care-sage);
}

.dobre-art-direction-2026 .dobre-quiz__progress span {
	display: block;
	height: 100%;
	background: var(--care-green);
	transition: width 220ms ease;
}

.dobre-art-direction-2026 .dobre-quiz__step {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-quiz__step legend {
	max-width: 720px;
	margin-bottom: 25px;
	color: var(--care-green);
	font-family: var(--dd26-display);
	font-size: clamp(2rem, 3vw, 2.8rem);
	font-weight: 600;
	line-height: 1.02;
	letter-spacing: -0.035em;
}

.dobre-art-direction-2026 .dobre-quiz__hint {
	margin: -12px 0 24px;
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-choice-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dobre-art-direction-2026 .dobre-choice-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dobre-art-direction-2026 .dobre-choice-grid--tasks {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dobre-art-direction-2026 .dobre-quiz .dobre-choice-card > span {
	min-height: 92px;
	padding: 18px;
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-sm);
	background: var(--care-white);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-quiz .dobre-choice-card--task > span {
	min-height: 68px;
	align-items: center;
}

.dobre-art-direction-2026 .dobre-quiz .dobre-choice-card > input:checked + span {
	border-color: var(--care-green);
	background: var(--care-green);
	color: var(--care-white);
}

.dobre-art-direction-2026 .dobre-quiz__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 32px;
}

.dobre-art-direction-2026 .dobre-quiz__actions .dobre-form-status {
	flex-basis: 100%;
}

.dobre-art-direction-2026 .dobre-quiz :where(button:disabled, .dobre-button:disabled) {
	cursor: not-allowed;
	opacity: 0.44;
}

.dobre-art-direction-2026 .dobre-quiz__result {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
	gap: clamp(30px, 5vw, 64px);
	align-items: start;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-quiz__result-copy h3 {
	margin: 12px 0 18px;
	font-size: clamp(2rem, 3vw, 2.75rem);
	line-height: 1.02;
}

.dobre-art-direction-2026 .dobre-quiz__result-copy > p {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-quiz__result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 20px;
	align-items: center;
	margin-top: 28px;
}

.dobre-art-direction-2026 .dobre-quiz__lead {
	padding: 26px;
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-md);
	background: var(--care-cream);
}

/* Service catalogue: richer cards and varied spans. */

.dobre-art-direction-2026 .dobre-services-section {
	border: 0;
	background: var(--care-white);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-services-section :where(h2, h3, .dobre-section-heading p, .dobre-eyebrow, .dobre-section-action) {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-services-section h2,
.dobre-art-direction-2026 .dobre-services-section .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-services-section .dobre-section-action {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-services-section .dobre-section-heading p {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-service-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 20px;
}

.dobre-art-direction-2026 .dobre-service-card,
.dobre-art-direction-2026 .dobre-service-card:first-child,
.dobre-art-direction-2026 .dobre-service-card:nth-child(2),
.dobre-art-direction-2026 .dobre-service-card:nth-child(3),
.dobre-art-direction-2026 .dobre-service-card:nth-child(4),
.dobre-art-direction-2026 .dobre-service-card:nth-child(5),
.dobre-art-direction-2026 .dobre-service-card:nth-child(6) {
	grid-column: span 6;
	min-height: 0;
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-md);
	background: var(--care-cream);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-service-card:nth-child(1) {
	grid-column: span 7;
}

.dobre-art-direction-2026 .dobre-service-card:nth-child(2) {
	grid-column: span 5;
}

.dobre-art-direction-2026 .dobre-service-card:nth-child(3),
.dobre-art-direction-2026 .dobre-service-card:nth-child(4),
.dobre-art-direction-2026 .dobre-service-card:nth-child(5) {
	grid-column: span 4;
}

.dobre-art-direction-2026 .dobre-service-card:nth-child(6) {
	display: grid;
	grid-column: span 12;
	grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
}

.dobre-art-direction-2026 .dobre-service-card__media,
.dobre-art-direction-2026 .dobre-service-card:first-child .dobre-service-card__media {
	height: 260px;
	aspect-ratio: auto;
	background: var(--care-sage);
}

.dobre-art-direction-2026 .dobre-service-card:nth-child(3) .dobre-service-card__media,
.dobre-art-direction-2026 .dobre-service-card:nth-child(4) .dobre-service-card__media,
.dobre-art-direction-2026 .dobre-service-card:nth-child(5) .dobre-service-card__media {
	height: 214px;
}

.dobre-art-direction-2026 .dobre-service-card:nth-child(6) .dobre-service-card__media {
	height: 100%;
	min-height: 390px;
	aspect-ratio: auto;
}

.dobre-art-direction-2026 .dobre-service-card__body {
	min-height: 0;
	padding: clamp(21px, 2vw, 26px);
	background: var(--care-cream);
}

.dobre-art-direction-2026 .dobre-service-card :where(h2, h3),
.dobre-art-direction-2026 .dobre-service-card:first-child :where(h2, h3) {
	margin: 9px 0 10px;
	color: var(--care-green);
	font-size: clamp(1.55rem, 1.85vw, 2rem);
	line-height: 1.02;
}

.dobre-art-direction-2026 .dobre-service-card :where(h2, h3) a {
	color: inherit;
}

.dobre-art-direction-2026 .dobre-service-card__body > p {
	margin-bottom: 13px;
	color: var(--care-text-muted);
	font-size: 0.96rem;
	line-height: 1.45;
}

.dobre-art-direction-2026 .dobre-service-card__details {
	display: grid;
	gap: 9px;
	margin: 4px 0 17px;
	padding-top: 13px;
	border-top: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-service-card__details p {
	display: grid;
	gap: 3px;
	margin: 0;
	color: var(--care-green);
	font-size: 0.94rem;
	line-height: 1.32;
}

.dobre-art-direction-2026 .dobre-service-card__details p > span {
	color: var(--care-text-muted);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dobre-art-direction-2026 .dobre-service-card__details ul {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dobre-art-direction-2026 .dobre-service-card__details li {
	position: relative;
	padding-left: 16px;
	color: var(--care-text-muted);
	font-size: 0.85rem;
	line-height: 1.34;
}

.dobre-art-direction-2026 .dobre-service-card__details li::before {
	position: absolute;
	top: 0.67em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--care-green);
	content: "";
}

.dobre-art-direction-2026 .dobre-service-card .dobre-card-link {
	margin-top: auto;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-service-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 45px rgba(18, 61, 50, 0.08);
}

/* One dark process section with a real-life image and compact timeline. */

.dobre-art-direction-2026 .dobre-process-section {
	background: var(--care-green);
	color: var(--care-white);
}

.dobre-art-direction-2026 .dobre-process-layout--story {
	grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
	gap: clamp(50px, 7vw, 112px);
}

.dobre-art-direction-2026 .dobre-process-intro h2 {
	font-size: clamp(2.6rem, 4.2vw, 3.55rem);
	line-height: 0.98;
}

.dobre-art-direction-2026 .dobre-process-intro > p {
	font-size: 1.12rem;
}

.dobre-art-direction-2026 .dobre-process-intro > img {
	display: block;
	width: 100%;
	margin-top: 34px;
	border-radius: 180px 180px 18px 18px;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.dobre-art-direction-2026 .dobre-process-list li {
	min-height: 112px;
	padding-block: 22px;
}

.dobre-art-direction-2026 .dobre-process-list h3 {
	font-size: clamp(1.45rem, 1.9vw, 1.9rem);
}

/* Trust, coordinator and agreement blocks. */

.dobre-art-direction-2026 .dobre-verification-section,
.dobre-art-direction-2026 .dobre-advantages-section,
.dobre-art-direction-2026 .dobre-agreement-section,
.dobre-art-direction-2026 .dobre-coordinator-section {
	background: var(--care-white);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-verification-layout,
.dobre-art-direction-2026 .dobre-advantages-layout,
.dobre-art-direction-2026 .dobre-agreement-layout {
	display: grid;
	grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(44px, 7vw, 104px);
	align-items: start;
}

.dobre-art-direction-2026 :where(.dobre-verification-intro, .dobre-advantages-layout > div, .dobre-agreement-layout > div) h2 {
	font-size: clamp(2.5rem, 4vw, 3.35rem);
	line-height: 1;
}

.dobre-art-direction-2026 :where(.dobre-verification-intro, .dobre-agreement-layout > div) p {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-verification-list,
.dobre-art-direction-2026 .dobre-agreement-list {
	display: grid;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--care-line);
	list-style: none;
}

.dobre-art-direction-2026 .dobre-verification-list li,
.dobre-art-direction-2026 .dobre-agreement-list li {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 18px;
	padding: 22px 0;
	border-bottom: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-verification-list li > span {
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border-radius: 50%;
	background: var(--care-sage);
	font-weight: 700;
}

.dobre-art-direction-2026 .dobre-verification-list h3,
.dobre-art-direction-2026 .dobre-agreement-list strong {
	margin: 0 0 5px;
	font-size: 1.35rem;
	line-height: 1.15;
}

.dobre-art-direction-2026 .dobre-verification-list p,
.dobre-art-direction-2026 .dobre-agreement-list span {
	margin: 0;
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-agreement-list li {
	grid-template-columns: 1fr;
	gap: 4px;
}

.dobre-art-direction-2026 .dobre-advantages-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dobre-art-direction-2026 .dobre-advantages-list li {
	position: relative;
	min-height: 112px;
	padding: 24px 24px 24px 54px;
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-sm);
	background: var(--care-cream);
	font-size: 1.14rem;
	line-height: 1.35;
}

.dobre-art-direction-2026 .dobre-advantages-list li::before {
	position: absolute;
	top: 27px;
	left: 24px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--care-green);
	content: "";
}

.dobre-art-direction-2026 .dobre-coordinator-card {
	display: grid;
	grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
	overflow: hidden;
	border-radius: var(--care-radius-lg);
	background: var(--care-sage);
}

.dobre-art-direction-2026 .dobre-coordinator-card img {
	width: 100%;
	height: 100%;
	min-height: 520px;
	object-fit: cover;
}

.dobre-art-direction-2026 .dobre-coordinator-card > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(34px, 6vw, 82px);
}

.dobre-art-direction-2026 .dobre-coordinator-card h2 {
	margin-bottom: 8px;
	font-size: clamp(2.6rem, 4vw, 3.6rem);
}

.dobre-art-direction-2026 .dobre-coordinator-card p {
	max-width: 620px;
	color: var(--care-text-muted);
}

/* Cost section: light background, transparent logic and a compact form card. */

.dobre-art-direction-2026 .dobre-calculator-section {
	background: var(--care-sage);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-calculator-shell > .dobre-section-heading .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-calculator-shell > .dobre-section-heading h2 {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-calculator-shell > .dobre-section-heading p {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-cost-intro {
	display: grid;
	grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(44px, 7vw, 104px);
	margin-bottom: clamp(34px, 5vw, 62px);
}

.dobre-art-direction-2026 .dobre-cost-intro h2,
.dobre-art-direction-2026 .dobre-cost-intro .dobre-eyebrow,
.dobre-art-direction-2026 .dobre-cost-intro p {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-cost-intro p {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-cost-intro > ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 30px;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--care-line);
	list-style: none;
}

.dobre-art-direction-2026 .dobre-cost-intro > ul li {
	position: relative;
	padding: 17px 0 17px 22px;
	border-bottom: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-cost-intro > ul li::before {
	position: absolute;
	top: 1.65em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--care-green);
	content: "";
}

.dobre-art-direction-2026 .dobre-calculator-shell,
.dobre-art-direction-2026 .dobre-calculator {
	border: 0;
	background: transparent;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-calculator-controls,
.dobre-art-direction-2026 .dobre-calculator-result,
.dobre-art-direction-2026 .dobre-calculator-empty {
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-lg);
	background: var(--care-white);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-calculator-empty {
	grid-template-columns: minmax(260px, 0.72fr) minmax(340px, 1.28fr);
	gap: clamp(30px, 6vw, 82px);
	align-items: center;
	padding: clamp(30px, 4vw, 52px);
}

.dobre-art-direction-2026 .dobre-calculator-empty h3 {
	font-size: clamp(2rem, 3vw, 2.7rem);
}

.dobre-art-direction-2026 .dobre-calculator-empty p,
.dobre-art-direction-2026 .dobre-calculator-result p {
	color: var(--care-text-muted);
}

/* Stories, FAQ and final request. */

.dobre-art-direction-2026 .dobre-stories-section,
.dobre-art-direction-2026 .dobre-faq-section {
	background: var(--care-cream);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-stories-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.dobre-art-direction-2026 .dobre-stories-grid article {
	padding: clamp(28px, 4vw, 48px);
	border: 1px solid var(--care-line);
	border-radius: var(--care-radius-md);
	background: var(--care-white);
}

.dobre-art-direction-2026 .dobre-faq-intro h2,
.dobre-art-direction-2026 .dobre-faq-intro p,
.dobre-art-direction-2026 .dobre-faq-intro .dobre-eyebrow {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-faq-intro h2 {
	font-size: clamp(2.5rem, 4vw, 3.35rem);
}

.dobre-art-direction-2026 .dobre-faq-intro p {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-accordion details {
	border-color: var(--care-line);
	background: transparent;
}

.dobre-art-direction-2026 .dobre-accordion summary,
.dobre-art-direction-2026 .dobre-accordion__content {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-faq-section .dobre-accordion__content,
.dobre-art-direction-2026 .dobre-faq-section .dobre-accordion__content :where(p, li) {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-faq-section .dobre-accordion summary span {
	border-color: var(--care-green);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-faq-section .dobre-accordion details[open] summary span {
	border-color: var(--care-green);
	background: var(--care-green);
	color: var(--care-white);
}

.dobre-art-direction-2026 .dobre-final-form-section {
	background: var(--care-green);
	color: var(--care-white);
}

.dobre-art-direction-2026 .dobre-final-form-copy h2 {
	font-size: clamp(2.65rem, 4.6vw, 3.8rem);
	line-height: 0.98;
}

.dobre-art-direction-2026 .dobre-final-form-copy p {
	font-size: 1.16rem;
}

.dobre-art-direction-2026 .dobre-final-form-card {
	border-radius: var(--care-radius-lg);
	box-shadow: none;
}

/* Inner pages and service details continue the same system. */

.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero, .dobre-service-hero) h1 {
	max-width: 850px;
	font-size: clamp(3.2rem, 5vw, 4.5rem);
	line-height: 0.98;
}

.dobre-art-direction-2026 .dobre-page-hero h1,
.dobre-art-direction-2026 .dobre-archive-hero h1,
.dobre-art-direction-2026 .dobre-service-hero h1 {
	max-width: 850px;
	font-size: clamp(3.2rem, 5vw, 4.5rem);
	line-height: 0.98;
}

.dobre-art-direction-2026 .dobre-service-facts__grid {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.dobre-art-direction-2026 .dobre-service-selection {
	background: var(--care-cream);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-service-selection__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--care-line);
	list-style: none;
}

.dobre-art-direction-2026 .dobre-service-selection__list li {
	padding: 24px 20px;
	border-right: 1px solid var(--care-line);
	border-bottom: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-service-selection__list li:last-child {
	border-right: 0;
}

.dobre-art-direction-2026 .dobre-service-selection__list li > span {
	display: block;
	margin-bottom: 24px;
	color: var(--care-text-muted);
	font-size: 0.78rem;
	font-weight: 700;
}

.dobre-art-direction-2026 .dobre-service-selection__list h3 {
	font-size: 1.45rem;
	line-height: 1.06;
}

.dobre-art-direction-2026 .dobre-service-selection__list p {
	color: var(--care-text-muted);
	font-size: 0.94rem;
}

.dobre-art-direction-2026 .dobre-page-inline-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	align-items: center;
}

@media (max-width: 1180px) {
	.dobre-art-direction-2026 .dobre-service-card:nth-child(n) {
		grid-column: span 6;
	}

	.dobre-art-direction-2026 .dobre-service-card:nth-child(6) {
		display: flex;
	}

	.dobre-art-direction-2026 .dobre-service-card:nth-child(6) .dobre-service-card__media {
		height: 260px;
		min-height: 0;
	}

	.dobre-art-direction-2026 .dobre-service-selection__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.dobre-art-direction-2026 .dobre-site-header {
		backdrop-filter: none;
	}

	.dobre-art-direction-2026.dobre-menu-open .dobre-site-header {
		z-index: 920;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1 {
		max-width: 680px;
		font-size: clamp(3.35rem, 8vw, 4.4rem);
	}

	.dobre-art-direction-2026 .dobre-situations-layout,
	.dobre-art-direction-2026 .dobre-quiz-layout,
	.dobre-art-direction-2026 .dobre-process-layout--story,
	.dobre-art-direction-2026 .dobre-verification-layout,
	.dobre-art-direction-2026 .dobre-advantages-layout,
	.dobre-art-direction-2026 .dobre-agreement-layout,
	.dobre-art-direction-2026 .dobre-cost-intro,
	.dobre-art-direction-2026 .dobre-coordinator-card {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-situations-intro {
		position: static;
	}

	.dobre-art-direction-2026 .dobre-quiz {
		min-height: 0;
	}

	.dobre-art-direction-2026 .dobre-quiz__result,
	.dobre-art-direction-2026 .dobre-calculator-empty {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-process-intro > img {
		max-width: 640px;
		border-radius: 24px;
	}

	.dobre-art-direction-2026 .dobre-coordinator-card img {
		min-height: 0;
		max-height: 620px;
	}
}

@media (max-width: 720px) {
	.dobre-art-direction-2026 .dobre-section {
		padding-block: 58px;
	}

	.dobre-art-direction-2026 :where(.dobre-section-heading, .dobre-quiz-intro, .dobre-situations-intro, .dobre-cost-intro) h2 {
		font-size: clamp(2rem, 9.2vw, 2.38rem);
		line-height: 1;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 {
		min-height: 690px;
		padding: 46px 0 118px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026::before {
		background:
			linear-gradient(180deg, rgba(18, 61, 50, 0.76) 0%, rgba(18, 61, 50, 0.9) 64%, rgba(18, 61, 50, 0.98) 100%),
			linear-gradient(90deg, rgba(18, 61, 50, 0.2), rgba(18, 61, 50, 0.06));
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__grid {
		min-height: 520px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1 {
		font-size: clamp(2.55rem, 11.7vw, 2.85rem);
		line-height: 0.98;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__lead {
		font-size: 1rem;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 28px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__points li {
		min-height: 38px;
		padding: 8px 0;
		border-left: 0;
		border-bottom: 1px solid var(--dd-duo-white-16);
	}

	.dobre-art-direction-2026 .dobre-situations-list,
	.dobre-art-direction-2026 .dobre-choice-grid--two,
	.dobre-art-direction-2026 .dobre-choice-grid--three,
	.dobre-art-direction-2026 .dobre-choice-grid--tasks,
	.dobre-art-direction-2026 .dobre-advantages-list,
	.dobre-art-direction-2026 .dobre-cost-intro > ul,
	.dobre-art-direction-2026 .dobre-stories-grid {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-situations-list a:nth-child(odd) {
		border-right: 0;
	}

	.dobre-art-direction-2026 .dobre-situations-list a {
		min-height: 72px;
		padding: 15px 8px;
	}

	.dobre-art-direction-2026 .dobre-quiz {
		padding: 24px 18px;
		border-radius: 20px;
	}

	.dobre-art-direction-2026 .dobre-quiz__step legend {
		font-size: 2rem;
	}

	.dobre-art-direction-2026 .dobre-quiz .dobre-choice-card > span,
	.dobre-art-direction-2026 .dobre-quiz .dobre-choice-card--task > span {
		min-height: 66px;
		padding: 15px;
	}

	.dobre-art-direction-2026 .dobre-quiz__actions .dobre-button {
		flex: 1 1 140px;
	}

	.dobre-art-direction-2026 .dobre-quiz__lead {
		padding: 20px 16px;
	}

	.dobre-art-direction-2026 .dobre-service-grid {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-service-card:nth-child(n) {
		grid-column: 1;
	}

	.dobre-art-direction-2026 .dobre-service-card__body {
		padding: 22px;
	}

	.dobre-art-direction-2026 .dobre-service-card :where(h2, h3) a,
	.dobre-art-direction-2026 .dobre-service-card .dobre-card-link,
	.dobre-art-direction-2026 .dobre-section-action .dobre-text-link,
	.dobre-art-direction-2026 .dobre-footer-menu a {
		display: inline-flex;
		min-width: 44px;
		min-height: 44px;
		align-items: center;
	}

	.dobre-art-direction-2026 .dobre-process-intro h2,
	.dobre-art-direction-2026 .dobre-final-form-copy h2,
	.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero, .dobre-service-hero) h1 {
		font-size: clamp(2.45rem, 11vw, 3rem);
	}

	.dobre-art-direction-2026 .dobre-page-hero h1,
	.dobre-art-direction-2026 .dobre-archive-hero h1,
	.dobre-art-direction-2026 .dobre-service-hero h1 {
		font-size: clamp(2.45rem, 11vw, 3rem);
	}

	.dobre-art-direction-2026 .dobre-process-list li {
		min-height: 0;
	}

	.dobre-art-direction-2026 .dobre-service-selection__list {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-service-selection__list li {
		display: grid;
		grid-template-columns: 42px 1fr;
		gap: 14px;
		padding: 20px 0;
		border-right: 0;
	}

	.dobre-art-direction-2026 .dobre-service-selection__list li > span {
		margin: 0;
	}

	.dobre-art-direction-2026 .dobre-calculator-empty {
		padding: 24px 18px;
	}
}

@media (max-width: 430px) {
	.dobre-art-direction-2026 .dobre-mobile-sticky a,
	.dobre-art-direction-2026 .dobre-mobile-sticky button {
		font-size: 0.68rem;
		line-height: 1.05;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dobre-art-direction-2026 *,
	.dobre-art-direction-2026 *::before,
	.dobre-art-direction-2026 *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Generated 2026 brand mark: green on light surfaces, white in the footer. */
.dobre-art-direction-2026 .dobre-brand .dobre-brand__mark,
.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__mark {
	display: block;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transform: none;
}

.dobre-art-direction-2026 .dobre-brand__mark::after {
	display: none;
}

.dobre-art-direction-2026 .dobre-brand__mark-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dobre-art-direction-2026 .dobre-site-footer .dobre-brand__mark-image {
	filter: brightness(0) invert(1);
}

/* Eight restrained tactile accents from the supplied floral PNG set. */
.dobre-art-direction-2026 .dobre-situations-section,
.dobre-art-direction-2026 .dobre-quiz-section,
.dobre-art-direction-2026 .dobre-services-section,
.dobre-art-direction-2026 .dobre-process-section,
.dobre-art-direction-2026 .dobre-verification-section,
.dobre-art-direction-2026 .dobre-calculator-section,
.dobre-art-direction-2026 .dobre-faq-section,
.dobre-art-direction-2026 .dobre-final-form-section {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.dobre-art-direction-2026 .dobre-situations-section > .dobre-container,
.dobre-art-direction-2026 .dobre-quiz-section > .dobre-container,
.dobre-art-direction-2026 .dobre-services-section > .dobre-container,
.dobre-art-direction-2026 .dobre-process-section > .dobre-container,
.dobre-art-direction-2026 .dobre-verification-section > .dobre-container,
.dobre-art-direction-2026 .dobre-calculator-section > .dobre-container,
.dobre-art-direction-2026 .dobre-faq-section > .dobre-container,
.dobre-art-direction-2026 .dobre-final-form-section > .dobre-container {
	position: relative;
	z-index: 1;
}

.dobre-art-direction-2026 .dobre-situations-section::after,
.dobre-art-direction-2026 .dobre-quiz-section::after,
.dobre-art-direction-2026 .dobre-services-section::after,
.dobre-art-direction-2026 .dobre-process-section::after,
.dobre-art-direction-2026 .dobre-verification-section::after,
.dobre-art-direction-2026 .dobre-calculator-section::after,
.dobre-art-direction-2026 .dobre-faq-section::after,
.dobre-art-direction-2026 .dobre-final-form-section::after {
	position: absolute;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	z-index: 0;
}

.dobre-art-direction-2026 .dobre-situations-section::after {
	top: 50%;
	right: clamp(-210px, -11vw, -120px);
	width: clamp(300px, 26vw, 470px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-situations-green.webp");
	opacity: 0.11;
	transform: translateY(-50%) rotate(12deg);
}

.dobre-art-direction-2026 .dobre-quiz-section::after {
	right: clamp(-155px, -8vw, -90px);
	bottom: clamp(-145px, -7vw, -80px);
	width: clamp(260px, 21vw, 380px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-services-green.webp");
	opacity: 0.09;
	transform: rotate(22deg);
}

.dobre-art-direction-2026 .dobre-services-section::after {
	bottom: clamp(-170px, -8vw, -95px);
	left: clamp(-180px, -9vw, -100px);
	width: clamp(260px, 22vw, 400px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-services-green.webp");
	opacity: 0.09;
	transform: rotate(-10deg);
}

.dobre-art-direction-2026 .dobre-process-section::after {
	top: clamp(55px, 8vw, 120px);
	right: clamp(-190px, -10vw, -110px);
	width: clamp(280px, 24vw, 420px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-process-white.webp");
	opacity: 0.1;
	transform: rotate(18deg);
}

.dobre-art-direction-2026 .dobre-verification-section::after {
	top: clamp(60px, 8vw, 118px);
	left: clamp(-170px, -9vw, -96px);
	width: clamp(250px, 20vw, 360px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-situations-green.webp");
	opacity: 0.075;
	transform: rotate(-24deg);
}

.dobre-art-direction-2026 .dobre-calculator-section::after {
	top: 50%;
	right: clamp(-180px, -9vw, -105px);
	width: clamp(280px, 23vw, 410px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-services-green.webp");
	opacity: 0.085;
	transform: translateY(-50%) rotate(14deg);
}

.dobre-art-direction-2026 .dobre-faq-section::after {
	bottom: clamp(-175px, -9vw, -105px);
	left: clamp(-165px, -8vw, -92px);
	width: clamp(270px, 22vw, 395px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-situations-green.webp");
	opacity: 0.08;
	transform: rotate(-18deg);
}

.dobre-art-direction-2026 .dobre-final-form-section::after {
	bottom: clamp(-230px, -12vw, -140px);
	left: clamp(-190px, -10vw, -110px);
	width: clamp(310px, 25vw, 460px);
	aspect-ratio: 1;
	background-image: url("../images/decor/floral-request-white.webp");
	opacity: 0.12;
	transform: rotate(-14deg);
}

@media (max-width: 720px) {
	.dobre-art-direction-2026 .dobre-situations-section::after {
		display: none;
	}

	.dobre-art-direction-2026 .dobre-quiz-section::after {
		display: none;
	}

	.dobre-art-direction-2026 .dobre-services-section::after {
		display: none;
	}

	.dobre-art-direction-2026 .dobre-verification-section::after {
		display: none;
	}

	.dobre-art-direction-2026 .dobre-process-section::after {
		top: 72px;
		right: -100px;
		width: 190px;
		opacity: 0.06;
	}

	.dobre-art-direction-2026 .dobre-final-form-section::after {
		bottom: -110px;
		left: -90px;
		width: 220px;
		opacity: 0.08;
	}

	.dobre-art-direction-2026 .dobre-calculator-section::after {
		top: 76px;
		right: -110px;
		width: 210px;
		opacity: 0.05;
		transform: rotate(14deg);
	}

	.dobre-art-direction-2026 .dobre-faq-section::after {
		bottom: -105px;
		left: -96px;
		width: 210px;
		opacity: 0.05;
	}
}

/* Inner-page customer journey: situation → format → conditions → conversation. */
.dobre-art-direction-2026 .dobre-inner-hero--with-media {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-block: 0;
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media :where(.dobre-page-hero__inner, .dobre-archive-hero__inner) {
	display: flex;
	min-height: clamp(600px, 43vw, 720px);
	flex-direction: column;
	justify-content: center;
	padding-block: clamp(54px, 7vw, 92px);
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media :where(.dobre-breadcrumbs, .dobre-page-hero__copy, .dobre-archive-hero__copy) {
	position: relative;
	z-index: 2;
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media :where(.dobre-page-hero__copy, .dobre-archive-hero__copy) {
	width: min(62%, 900px);
	max-width: none;
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-breadcrumbs {
	width: min(62%, 900px);
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-inner-hero__media {
	position: absolute;
	z-index: 0;
	inset: 0 0 0 auto;
	overflow: hidden;
	width: 64%;
	margin: 0;
	background: var(--care-green);
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-inner-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-inner-hero__media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		var(--care-green) 0%,
		rgb(24 83 71 / 0.98) 14%,
		rgb(24 83 71 / 0.82) 31%,
		rgb(24 83 71 / 0.48) 49%,
		rgb(24 83 71 / 0.14) 66%,
		transparent 82%
	);
	content: "";
	pointer-events: none;
}

.dobre-art-direction-2026 .dobre-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 32px;
}

.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero) .dobre-page-hero__actions .dobre-button--cream {
	border-color: var(--care-white);
	background: var(--care-white);
	color: var(--care-green);
}

.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero) .dobre-page-hero__actions .dobre-button--ghost {
	border-color: rgba(255, 255, 255, 0.7);
	background: transparent;
	color: var(--care-white);
}

.dobre-art-direction-2026 :where(.dobre-page-hero, .dobre-archive-hero) .dobre-page-hero__actions .dobre-button--ghost:hover {
	border-color: var(--care-white);
	background: var(--care-white);
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-page-content--journey {
	background: var(--care-white);
}

.dobre-art-direction-2026 .dobre-content-journey {
	max-width: 1240px;
}

.dobre-art-direction-2026 .dobre-page-journey {
	display: grid;
	gap: clamp(48px, 6vw, 82px);
}

.dobre-art-direction-2026 .dobre-page-journey__lead {
	max-width: 980px;
	margin: 0;
	color: var(--care-green);
	font-size: clamp(1.3rem, 2vw, 1.7rem);
	line-height: 1.38;
}

.dobre-art-direction-2026 .dobre-page-journey__lead strong {
	color: var(--care-green);
	font-weight: 760;
}

.dobre-art-direction-2026 .dobre-page-journey__split,
.dobre-art-direction-2026 .dobre-page-journey__steps,
.dobre-art-direction-2026 .dobre-archive-choice {
	display: grid;
	grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr);
	gap: clamp(38px, 6vw, 86px);
	align-items: start;
}

.dobre-art-direction-2026 .dobre-page-journey :where(h2, h3),
.dobre-art-direction-2026 .dobre-archive-choice h2,
.dobre-art-direction-2026 .dobre-archive-grid-heading h2 {
	margin-top: 0;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-page-journey h2,
.dobre-art-direction-2026 .dobre-archive-choice h2,
.dobre-art-direction-2026 .dobre-archive-grid-heading h2 {
	font-size: clamp(2.25rem, 3.6vw, 3.2rem);
	line-height: 1.03;
}

.dobre-art-direction-2026 .dobre-page-journey__split > div > p,
.dobre-art-direction-2026 .dobre-page-journey__steps > div > p,
.dobre-art-direction-2026 .dobre-archive-choice > div > p,
.dobre-art-direction-2026 .dobre-archive-grid-heading > p {
	color: var(--care-text-muted);
	font-size: 1.08rem;
}

.dobre-art-direction-2026 .dobre-page-journey__checklist,
.dobre-art-direction-2026 .dobre-page-journey__steps ol,
.dobre-art-direction-2026 .dobre-archive-choice ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dobre-art-direction-2026 .dobre-page-journey__checklist {
	border-top: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-page-journey__checklist li {
	display: grid;
	grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr);
	gap: 24px;
	padding: 20px 0;
	border-bottom: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-page-journey__checklist strong,
.dobre-art-direction-2026 .dobre-page-journey__checklist span {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-page-journey__checklist span {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-page-journey__steps {
	padding: clamp(30px, 5vw, 64px);
	border-radius: var(--care-radius-lg);
	background: var(--care-sage);
}

.dobre-art-direction-2026 .dobre-page-journey__steps--full {
	grid-template-columns: minmax(270px, 0.68fr) minmax(0, 1.32fr);
}

.dobre-art-direction-2026 .dobre-page-journey__steps ol {
	counter-reset: journey-step;
}

.dobre-art-direction-2026 .dobre-page-journey__steps li {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 18px;
	padding: 18px 0;
	border-top: 1px solid var(--care-line);
	counter-increment: journey-step;
}

.dobre-art-direction-2026 .dobre-page-journey__steps li::before {
	grid-row: span 2;
	color: var(--care-green);
	font-family: var(--dd26-accent);
	font-size: 0.92rem;
	font-weight: 700;
	content: counter(journey-step, decimal-leading-zero);
}

.dobre-art-direction-2026 .dobre-page-journey__steps li strong,
.dobre-art-direction-2026 .dobre-page-journey__steps li span {
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-page-journey__steps li span {
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-page-journey__note {
	display: grid;
	grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 64px);
	align-items: start;
	padding: clamp(26px, 4vw, 44px);
	border-radius: var(--care-radius-md);
	background: var(--care-green);
}

.dobre-art-direction-2026 .dobre-page-journey__note strong,
.dobre-art-direction-2026 .dobre-page-journey__note p {
	margin: 0;
	color: var(--care-white);
}

.dobre-art-direction-2026 .dobre-page-journey__note strong {
	font-size: 1.22rem;
}

.dobre-art-direction-2026 .dobre-page-faq-list {
	border-top: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-page-faq-list details {
	border-bottom: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-page-faq-list summary {
	display: flex;
	min-height: 82px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	cursor: pointer;
	color: var(--care-green);
	font-size: clamp(1.12rem, 1.8vw, 1.42rem);
	font-weight: 720;
	list-style: none;
}

.dobre-art-direction-2026 .dobre-page-faq-list summary::-webkit-details-marker {
	display: none;
}

.dobre-art-direction-2026 .dobre-page-faq-list summary span {
	display: grid;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	place-items: center;
	border: 1px solid var(--care-green);
	border-radius: 50%;
	color: var(--care-green);
	transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

.dobre-art-direction-2026 .dobre-page-faq-list details[open] summary span {
	background: var(--care-green);
	color: var(--care-white);
	transform: rotate(45deg);
}

.dobre-art-direction-2026 .dobre-page-faq-list details > div {
	max-width: 860px;
	padding: 0 64px 28px 0;
}

.dobre-art-direction-2026 .dobre-page-faq-list details > div p {
	margin: 0;
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-archive-section {
	background: var(--care-white);
}

.dobre-art-direction-2026 .dobre-archive-choice {
	margin-bottom: clamp(72px, 9vw, 118px);
	padding: clamp(30px, 5vw, 64px);
	border-radius: var(--care-radius-lg);
	background: var(--care-sage);
}

.dobre-art-direction-2026 .dobre-archive-choice li {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 18px;
	padding: 18px 0;
	border-top: 1px solid var(--care-line);
}

.dobre-art-direction-2026 .dobre-archive-choice li > span {
	color: var(--care-green);
	font-family: var(--dd26-accent);
	font-size: 0.9rem;
	font-weight: 700;
}

.dobre-art-direction-2026 .dobre-archive-choice li strong,
.dobre-art-direction-2026 .dobre-archive-choice li p,
.dobre-art-direction-2026 .dobre-archive-choice li a {
	display: block;
	color: var(--care-green);
}

.dobre-art-direction-2026 .dobre-archive-choice li strong {
	font-size: 1.15rem;
}

.dobre-art-direction-2026 .dobre-archive-choice li p {
	margin: 4px 0 8px;
	color: var(--care-text-muted);
}

.dobre-art-direction-2026 .dobre-archive-choice li a {
	font-weight: 700;
	text-underline-offset: 4px;
}

.dobre-art-direction-2026 .dobre-archive-grid-heading {
	max-width: 900px;
	margin-bottom: 42px;
}

@media (max-width: 820px) {
	.dobre-art-direction-2026 .dobre-inner-hero--with-media :where(.dobre-page-hero__inner, .dobre-archive-hero__inner) {
		display: block;
		min-height: 0;
		padding-top: 46px;
		padding-bottom: 0;
	}

	.dobre-art-direction-2026 .dobre-inner-hero--with-media :where(.dobre-page-hero__copy, .dobre-archive-hero__copy, .dobre-breadcrumbs) {
		width: 100%;
	}

	.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-inner-hero__media {
		position: relative;
		inset: auto;
		width: 100vw;
		height: clamp(290px, 78vw, 460px);
		margin: 40px 0 0 calc(50% - 50vw);
	}

	.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-inner-hero__media::after {
		background: linear-gradient(
			180deg,
			var(--care-green) 0%,
			rgb(24 83 71 / 0.72) 12%,
			rgb(24 83 71 / 0.24) 28%,
			transparent 48%
		);
	}

	.dobre-art-direction-2026 .dobre-page-hero__actions,
	.dobre-art-direction-2026 .dobre-page-journey__split,
	.dobre-art-direction-2026 .dobre-page-journey__steps,
	.dobre-art-direction-2026 .dobre-page-journey__steps--full,
	.dobre-art-direction-2026 .dobre-page-journey__note,
	.dobre-art-direction-2026 .dobre-archive-choice {
		grid-template-columns: 1fr;
	}

	.dobre-art-direction-2026 .dobre-page-hero__actions {
		display: grid;
	}

	.dobre-art-direction-2026 .dobre-page-hero__actions .dobre-button {
		width: 100%;
	}

	.dobre-art-direction-2026 .dobre-page-journey__checklist li {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.dobre-art-direction-2026 .dobre-page-faq-list details > div {
		padding-right: 0;
	}
}

/* Mobile QA hardening: readable rhythm, safe fixed actions and true gutters. */
@media (max-width: 720px) {
	.dobre-art-direction-2026 .dobre-container,
	.dobre-art-direction-2026 .dobre-hero--2026 > .dobre-container {
		width: min(calc(100% - 30px), var(--dobre-container, 1320px));
		max-width: var(--dobre-container, 1320px);
	}

	.dobre-art-direction-2026 .dobre-hero--2026 {
		min-height: 0;
		padding: 38px 0 70px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__grid {
		min-height: 0;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1 {
		max-width: 100%;
		font-size: clamp(2.25rem, 10.2vw, 2.55rem);
		line-height: 1;
		letter-spacing: -0.042em;
		overflow-wrap: anywhere;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__lead {
		font-size: 0.98rem;
		line-height: 1.48;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__actions,
	.dobre-art-direction-2026 .dobre-page-hero__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin-top: 22px;
	}

	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__actions .dobre-button,
	.dobre-art-direction-2026 .dobre-page-hero__actions .dobre-button {
		width: 100%;
		min-width: 0;
		min-height: 54px;
		padding: 11px 10px;
		font-size: 0.78rem;
		line-height: 1.15;
		text-align: center;
		white-space: normal;
	}

	.dobre-art-direction-2026 .dobre-inner-hero--with-media :where(.dobre-page-hero__inner, .dobre-archive-hero__inner) {
		padding-top: 30px;
	}

	.dobre-art-direction-2026 .dobre-page-hero h1,
	.dobre-art-direction-2026 .dobre-archive-hero h1,
	.dobre-art-direction-2026 .dobre-service-hero h1 {
		max-width: 100%;
		font-size: clamp(2.1rem, 9.4vw, 2.35rem);
		line-height: 1.01;
		letter-spacing: -0.038em;
		overflow-wrap: anywhere;
	}

	.dobre-art-direction-2026 :where(.dobre-page-hero__copy, .dobre-archive-hero__copy) > p {
		font-size: 1rem;
		line-height: 1.48;
	}

	.dobre-art-direction-2026 .dobre-inner-hero--with-media .dobre-inner-hero__media {
		height: clamp(240px, 66vw, 320px);
		margin-top: 28px;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock {
		right: max(10px, env(safe-area-inset-right));
		bottom: calc(68px + env(safe-area-inset-bottom));
		width: 48px;
		gap: 8px;
		transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock.is-mobile-suppressed {
		opacity: 0;
		pointer-events: none;
		transform: translateX(14px);
		visibility: hidden;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock__channel {
		width: 48px;
		height: 48px;
		box-shadow: 0 8px 22px rgb(15 35 30 / 0.2);
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock__channel img {
		width: 25px;
		height: 25px;
	}

	.dobre-art-direction-2026 .dobre-mobile-sticky {
		min-height: 64px;
		padding: 5px max(6px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
	}

	.dobre-art-direction-2026 .dobre-mobile-sticky > * {
		min-width: 0;
		min-height: 52px;
		gap: 4px;
		padding: 6px 4px;
		font-size: 0.68rem;
		line-height: 1;
		white-space: nowrap;
	}

	.dobre-art-direction-2026 .dobre-mobile-sticky span {
		flex: 0 0 auto;
		font-size: 0.9rem;
		line-height: 1;
	}

	.dobre-art-direction-2026 :where(.dobre-lead-form, .dobre-form-grid, .dobre-field, .dobre-form-actions) {
		min-width: 0;
		max-width: 100%;
	}

	.dobre-art-direction-2026 .dobre-field :where(input, select, textarea) {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

@media (max-width: 360px) {
	.dobre-art-direction-2026 .dobre-hero--2026 .dobre-hero__content h1,
	.dobre-art-direction-2026 .dobre-page-hero h1,
	.dobre-art-direction-2026 .dobre-archive-hero h1,
	.dobre-art-direction-2026 .dobre-service-hero h1 {
		font-size: 2.08rem;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock {
		width: 44px;
	}

	.dobre-art-direction-2026 .dobre-direct-contact-dock__channel {
		width: 44px;
		height: 44px;
	}

	.dobre-art-direction-2026 .dobre-mobile-sticky > * {
		font-size: 0.64rem;
	}
}

/* Keep the mobile menu close control in its own drawer slot. */
@media (max-width: 1120px) {
	.dobre-art-direction-2026.dobre-menu-open .dobre-menu-toggle {
		position: fixed;
		z-index: 930;
		top: max(18px, env(safe-area-inset-top));
		right: max(28px, env(safe-area-inset-right));
		margin: 0;
	}
}

@media (max-width: 720px) {
	.dobre-art-direction-2026.dobre-menu-open .dobre-menu-toggle {
		right: max(22px, env(safe-area-inset-right));
	}

	.dobre-art-direction-2026.dobre-menu-open .dobre-primary-nav {
		padding-top: 88px;
	}
}

@media (max-width: 782px) {
	body.admin-bar.dobre-art-direction-2026.dobre-menu-open .dobre-menu-toggle {
		top: calc(60px + env(safe-area-inset-top));
	}

	body.admin-bar.dobre-art-direction-2026.dobre-menu-open .dobre-primary-nav {
		padding-top: 120px;
	}
}

@media (min-width: 783px) and (max-width: 1120px) {
	body.admin-bar.dobre-art-direction-2026.dobre-menu-open .dobre-menu-toggle {
		top: calc(46px + env(safe-area-inset-top));
	}

	body.admin-bar.dobre-art-direction-2026.dobre-menu-open .dobre-primary-nav {
		padding-top: 108px;
	}
}

@media (max-width: 360px) {
	.dobre-art-direction-2026.dobre-menu-open .dobre-menu-toggle {
		right: max(18px, env(safe-area-inset-right));
	}
}