/**
 * IranDesigner 2.0.9 — focused homepage, mobile navigation and footer fixes.
 */

body.irandesigner-wp {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#site-top.site-shell {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#site-top.site-shell--error {
	display: block;
}

/* Header WhatsApp CTA: readable on every viewport with a restrained attention
   cue. The animated custom property keeps hover transforms and text stable. */
@property --id-whatsapp-ring {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

@keyframes id-whatsapp-attention {
	0%, 58%, 100% { --id-whatsapp-ring: 0px; }
	70% { --id-whatsapp-ring: 3px; }
	84% { --id-whatsapp-ring: 7px; }
}

html body #site-top a.id-header-whatsapp-cta {
	--id-whatsapp-ring: 0px;
	position: relative;
	isolation: isolate;
	width: auto;
	gap: var(--ir-space-2);
	padding-inline: var(--ir-space-3);
	border: 1px solid rgb(71 154 116 / 20%);
	border-radius: var(--ir-radius-control-sm);
	background: linear-gradient(135deg, rgb(247 254 250 / 88%), rgb(231 248 240 / 74%));
	color: #39775d;
	box-shadow: var(--ir-shadow-soft), 0 0 0 var(--id-whatsapp-ring) rgb(37 211 102 / 12%);
	direction: rtl;
	white-space: nowrap;
	animation: id-whatsapp-attention 4.8s ease-out infinite;
}

html body #site-top a.id-header-whatsapp-cta:hover,
html body #site-top a.id-header-whatsapp-cta:focus-visible {
	--id-whatsapp-ring: 3px;
	border-color: rgb(71 154 116 / 32%);
	background: linear-gradient(135deg, rgb(242 253 247 / 100%), rgb(218 244 231 / 88%));
	color: #286c4d;
	box-shadow: var(--ir-shadow-soft), 0 0 0 var(--id-whatsapp-ring) rgb(37 211 102 / 14%);
	animation-play-state: paused;
}

html body #site-top a.id-header-whatsapp-cta::before {
	display: none;
	content: none;
}

#site-top .id-header-whatsapp-cta__label {
	display: inline-flex;
	position: relative;
	z-index: 1;
	align-items: center;
	font-size: 0.76rem;
	font-weight: 650;
	line-height: 1;
}

#site-top .id-header-whatsapp-cta__label-short {
	display: none;
}

@media (max-width: 1279px) {
	html body #site-top .public-nav-glass--mobile a.id-header-whatsapp-cta--mobile {
		width: 2.5rem;
		height: 2.5rem;
		min-width: 2.5rem;
		flex: 0 0 auto;
		justify-content: center;
		padding: 0;
		border-radius: var(--ir-radius-pill);
	}
}

@media (prefers-reduced-motion: reduce) {
	html body #site-top a.id-header-whatsapp-cta {
		--id-whatsapp-ring: 0px;
		animation: none;
	}
}

/* Hero cleanup: the removed proof bar leaves the primary content as the only
   decision path. On desktop the copy settles lower in the canvas and the CTA
   pair receives one additional rhythm step; on mobile the following service
   ribbon no longer crowds the buttons. */
@media (min-width: 1280px) {
	body.is-irandesigner-home .home-hero-copy {
		transform: none;
	}

	body.is-irandesigner-home
		.home-hero-copy
		> :not([data-hero-palette-popover="true"]) {
		position: relative;
		top: 20px;
	}

	body.is-irandesigner-home
		.home-hero-copy
		> .home-hero-description {
		top: 30px;
	}

}

@media (max-width: 767px) {
	body.is-irandesigner-home .home-hero-cta-group {
		margin-bottom: var(--ir-space-4);
	}

}

@media (min-width: 1500px) {
	body.is-irandesigner-home .home-hero-art-card {
		left: calc(
			max(11.5rem, 50% - 33.5rem)
			+ clamp(11.875rem, 18.5vw, 17.5rem)
		);
	}
}

/* Desktop contact routes: align the route title, rather than the combined
   two-line text block, with the centre of its icon. */
@media (min-width: 768px) {
	body.page-contact
		main
		.public-color-card--lavender
		> div.grid
		> .public-color-card
		> span:nth-child(2) {
		transform: translateY(1rem);
	}
}

/* Mobile/tablet: preserve a quiet trace of the geometry outside the content
   column, then fade it out precisely at the shared 30px content gutter. */
@media (max-width: 1279px) {
	body.is-irandesigner-home .home-hero-tech-orbit {
		--home-hero-orbit-size: clamp(17.5rem, 78vw, 23rem);
		top: 43%;
		right: auto;
		left: calc(1.875rem - (var(--home-hero-orbit-size) * 0.86));
		width: var(--home-hero-orbit-size);
		opacity: 0.17;
		-webkit-mask-image: linear-gradient(
			to right,
			#000 0%,
			#000 58%,
			rgba(0, 0, 0, 0.58) 72%,
			transparent 86%,
			transparent 100%
		);
		mask-image: linear-gradient(
			to right,
			#000 0%,
			#000 58%,
			rgba(0, 0, 0, 0.58) 72%,
			transparent 86%,
			transparent 100%
		);
		transform: translateY(calc(-50% + 8px));
	}

	/* Align the hamburger's outside edge with the 30px page content line. */
	body.irandesigner-exact-ui nav[data-hero-nav-state]
		.public-nav-glass.public-nav-glass--mobile {
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	#public-mobile-menu {
		right: 1.875rem;
		left: 1.875rem;
		width: auto;
		max-width: none;
	}
}

/* The homepage H1 is the primary brand statement: restrained prismatic ink,
   one short accent rule and no decorative container around the words. */
body.is-irandesigner-home .home-hero-title {
	position: relative;
	font-weight: 620;
	letter-spacing: -0.032em;
	color: #2d2733;
	text-shadow: 0 12px 34px rgb(45 39 51 / 9%);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	body.is-irandesigner-home .home-hero-title {
		background-image: linear-gradient(
			112deg,
			#2d2733 4%,
			#2d2733 30%,
			#a24f3d 49%,
			#3e8490 72%,
			#2d2733 96%
		);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

body.is-irandesigner-home .home-hero-title::after {
	display: none;
	content: none;
}

@media (max-width: 767px) {
	body.is-irandesigner-home .home-hero-title {
		font-weight: 580;
		letter-spacing: -0.024em;
	}

	body.is-irandesigner-home .home-hero-title::after {
		height: 2px;
		margin-top: var(--ir-space-2);
	}
}

/* Footer typography: retain hierarchy without the previous heavy black
   weights across headings, link groups, newsletter and legal navigation. */
.site-footer p.text-lg.font-black,.site-footer p.text-lg.ui-heading-v,.site-footer p.text-lg.ui-media-1i,.site-footer p.text-lg.ui-heading-1q,.site-footer p.text-lg.ui-row-24,.site-footer p.text-lg.ui-heading-2k,.site-footer p.text-lg.ui-heading-2l,.site-footer p.text-lg.ui-heading-2m,.site-footer p.text-lg.ui-action-2y,.site-footer p.text-lg.ui-heading-39,.site-footer p.text-lg.ui-action-49,.site-footer p.text-lg.ui-action-5h,.site-footer p.text-lg.ui-action-5k,.site-footer p.text-lg.ui-action-5l,.site-footer p.text-lg.ui-media-5r,.site-footer p.text-lg.ui-media-67,.site-footer p.text-lg.ui-heading-77,.site-footer p.text-lg.ui-heading-7d,.site-footer p.text-lg.ui-heading-7i,.site-footer p.text-lg.ui-heading-r,.site-footer p.ui-heading-1x.ui-heading-1x,.site-footer p.text-lg.ui-action-24,.site-footer p.text-lg.ui-action-2c,.site-footer p.text-lg.ui-heading-2j,.site-footer p.text-lg.ui-heading-2k-2,.site-footer p.text-lg.ui-action-2l,.site-footer p.text-lg.ui-heading-2n,.site-footer p.text-lg.ui-action-2o,.site-footer p.text-lg.ui-media-2t,.site-footer p.text-lg.ui-action-7b,.site-footer p.text-lg.ui-media-3s,.site-footer p.text-lg.ui-heading-3t,.site-footer p.text-lg.ui-action-3y,.site-footer p.text-lg.ui-media-43,.site-footer p.text-lg.ui-heading-4u,.site-footer p.text-lg.ui-heading-4v,.site-footer p.text-lg.ui-heading-4y,.site-footer p.text-lg.ui-heading-4z,.site-footer p.text-lg.ui-heading-5a,.site-footer p.text-lg.ui-media-5b,.site-footer p.text-lg.ui-row-5f,.site-footer p.text-lg.ui-heading-5l,.site-footer p.text-lg.ui-media-5t,.site-footer p.text-lg.ui-heading-5v,.site-footer p.text-lg.ui-heading-66,.site-footer p.ui-heading-6c.ui-heading-6c,.site-footer p.text-lg.ui-overlay-6k,.site-footer p.text-lg.ui-heading-6m,.site-footer p.text-lg.ui-action-6s,.site-footer p.text-lg.ui-heading-6t,.site-footer p.text-lg.ui-heading-6z,.site-footer p.text-lg.ui-heading-70,.site-footer p.ui-media-71.font-black,.site-footer p.text-lg.home-blog-row__index,.site-footer p.text-lg.ir-pagination__control,.site-footer p.text-lg.ir-pagination__control--edge,.site-footer p.text-lg.ui-style-3l{
	font-weight: 500;
}

.site-footer ul.font-bold,
.site-footer ul.font-bold a,.site-footer ul.ui-media-c,.site-footer ul.ui-media-c a,.site-footer ul.ui-media-e,.site-footer ul.ui-media-e a,.site-footer ul.ui-action-i,.site-footer ul.ui-action-i a,.site-footer ul.ui-action-k,.site-footer ul.ui-action-k a,.site-footer ul.ui-text-y,.site-footer ul.ui-text-y a,.site-footer ul.ui-text-2r,.site-footer ul.ui-text-2r a,.site-footer ul.ui-action-2y,.site-footer ul.ui-action-2y a,.site-footer ul.ui-action-7x,.site-footer ul.ui-action-7x a,.site-footer ul.ui-action-7y,.site-footer ul.ui-action-7y a,.site-footer ul.ui-action-5,.site-footer ul.ui-action-5 a,.site-footer ul.ui-text-v,.site-footer ul.ui-text-v a,.site-footer ul.ui-action-1i,.site-footer ul.ui-action-1i a,.site-footer ul.ui-action-1j,.site-footer ul.ui-action-1j a,.site-footer ul.ui-action-1k-2,.site-footer ul.ui-action-1k-2 a,.site-footer ul.ui-text-1y,.site-footer ul.ui-text-1y a,.site-footer ul.ui-text-21,.site-footer ul.ui-text-21 a,.site-footer ul.ui-heading-3c,.site-footer ul.ui-heading-3c a,.site-footer ul.ui-text-7a,.site-footer ul.ui-text-7a a,.site-footer ul.ui-action-4b,.site-footer ul.ui-action-4b a,.site-footer ul.ui-text-4o-2,.site-footer ul.ui-text-4o-2 a,.site-footer ul.ui-text-50,.site-footer ul.ui-text-50 a,.site-footer ul.ui-text-55,.site-footer ul.ui-text-55 a,.site-footer ul.ui-media-5e,.site-footer ul.ui-media-5e a,.site-footer ul.ui-overlay-5r,.site-footer ul.ui-overlay-5r a,.site-footer ul.ui-row-5x,.site-footer ul.ui-row-5x a,.site-footer ul.ui-overlay-6a,.site-footer ul.ui-overlay-6a a,.site-footer ul.ui-row-6e,.site-footer ul.ui-row-6e a,.site-footer ul.ui-text-6f,.site-footer ul.ui-text-6f a,.site-footer ul.ui-action-73,.site-footer ul.ui-action-73 a,.site-footer ul.ui-action-74,.site-footer ul.ui-action-74 a,.site-footer ul.ui-text-7d,.site-footer ul.ui-text-7d a,.site-footer ul.ui-action-7k,.site-footer ul.ui-action-7k a,.site-footer ul.ui-text-7l,.site-footer ul.ui-text-7l a,.site-footer ul.ui-row-81,.site-footer ul.ui-row-81 a,.site-footer ul.ui-style-3k,.site-footer ul.ui-style-3k a{
	font-weight: 350;
}

.site-footer p.text-sm.font-bold,.site-footer p.text-sm.ui-media-c,.site-footer p.text-sm.ui-media-e,.site-footer p.ui-media-g.font-bold,.site-footer p.ui-action-i.ui-action-i,.site-footer p.ui-action-k.ui-action-k,.site-footer p.text-sm.ui-text-y,.site-footer p.ui-text-1o.font-bold,.site-footer p.text-sm.ui-text-2r,.site-footer p.ui-action-2y.ui-action-2y,.site-footer p.ui-text-3l.font-bold,.site-footer p.ui-text-41.font-bold,.site-footer p.ui-text-46.font-bold,.site-footer p.ui-action-49.font-bold,.site-footer p.ui-text-4i.font-bold,.site-footer p.ui-text-4p.font-bold,.site-footer p.ui-media-5u.font-bold,.site-footer p.ui-text-5x.font-bold,.site-footer p.ui-row-5z.font-bold,.site-footer p.ui-text-69.font-bold,.site-footer p.ui-text-6i.font-bold,.site-footer p.ui-action-6n.font-bold,.site-footer p.ui-text-71.font-bold,.site-footer p.ui-text-7q.font-bold,.site-footer p.ui-action-7x.ui-action-7x,.site-footer p.ui-action-7y.ui-action-7y,.site-footer p.ui-action-5.ui-action-5,.site-footer p.ui-row-a.font-bold,.site-footer p.ui-row-e.font-bold,.site-footer p.ui-action-j.font-bold,.site-footer p.text-sm.ui-text-v,.site-footer p.text-sm.ui-action-1i,.site-footer p.text-sm.ui-action-1j,.site-footer p.text-sm.ui-action-1k-2,.site-footer p.ui-text-1y.ui-text-1y,.site-footer p.ui-text-21.ui-text-21,.site-footer p.text-sm.ui-heading-3c,.site-footer p.ui-media-3e-2.font-bold,.site-footer p.ui-text-7a.ui-text-7a,.site-footer p.ui-action-7b.font-bold,.site-footer p.ui-action-4b.ui-action-4b,.site-footer p.ui-row-4m.font-bold,.site-footer p.text-sm.ui-text-4o-2,.site-footer p.ui-text-6u.font-bold,.site-footer p.text-sm.ui-text-50,.site-footer p.ui-text-55.ui-text-55,.site-footer p.ui-media-5c.font-bold,.site-footer p.text-sm.ui-media-5e,.site-footer p.ui-row-5f.font-bold,.site-footer p.text-sm.ui-overlay-5r,.site-footer p.text-sm.ui-row-5x,.site-footer p.text-sm.ui-overlay-6a,.site-footer p.ui-text-6d.font-bold,.site-footer p.text-sm.ui-row-6e,.site-footer p.text-sm.ui-text-6f,.site-footer p.text-sm.ui-action-73,.site-footer p.text-sm.ui-action-74,.site-footer p.text-sm.ui-text-7d,.site-footer p.text-sm.ui-action-7k,.site-footer p.ui-text-7l.ui-text-7l,.site-footer p.ui-row-7t.font-bold,.site-footer p.text-sm.ui-row-81,.site-footer p.ui-media-83.font-bold,.site-footer p.home-blog-row__title.font-bold,.site-footer p.ir-pagination__control.font-bold,.site-footer p.ir-pagination__control--edge.font-bold,.site-footer p.ui-style-4w.font-bold,.site-footer p.ui-style-3k.ui-style-3k,.site-footer p.ui-style-3l.font-bold{
	font-weight: 350;
}

#site-footer .footer-newsletter-submit,
#site-footer input[type="email"] + button.footer-newsletter-submit {
	font-weight: 500;
}

.site-footer .site-footer__copyright {
	font-weight: 350;
}

.site-footer .site-footer__legal-link {
	font-weight: 400;
}

.site-footer p.text-base,.site-footer p.ui-action-i,.site-footer p.ui-action-k,.site-footer p.ui-action-2y,.site-footer p.ui-heading-39,.site-footer p.ui-text-4h,.site-footer p.ui-text-7e,.site-footer p.ui-action-7x,.site-footer p.ui-action-7y,.site-footer p.ui-text-1s,.site-footer p.ui-media-3u,.site-footer p.ui-heading-5l,.site-footer p.ui-text-5w-2,.site-footer p.ui-heading-6m,.site-footer p.ui-action-73,.site-footer p.ui-action-74,.site-footer p.ui-action-7k{
	font-weight: 300;
}

/* Portfolio archive: keep the project action compact. The generic motion
   button is a flex item, so its default stretch made the shimmer layer read as
   a full-width rectangular colour bar on hover. */
.page-template-page-portfolio
	.id-portfolio-showcase-card
	a.brand-button-motion--primary {
	align-self: flex-start;
	flex: 0 0 auto;
	width: max-content;
	max-width: 100%;
	overflow: visible;
	background: none;
	box-shadow: none;
}

.page-template-page-portfolio
	.id-portfolio-showcase-card
	a.brand-button-motion--primary::before {
	display: none;
	content: none;
}

.page-template-page-portfolio
	.portfolio-page
	.id-portfolio-showcase-card
	a.brand-button-motion--primary:is(:hover, :focus-visible) {
	background-color: transparent;
	background-image: none;
	box-shadow: none;
}

.page-template-page-portfolio
	.id-portfolio-showcase-card
	a.brand-button-motion--primary:focus-visible {
	border-radius: var(--ir-radius-control-sm);
	outline: 3px solid rgb(159 77 62 / 18%);
	outline-offset: 0.28rem;
}

/* Home portfolio: reserve enough internal space for the lifted card shadow
   before the horizontal slider clips it. A compensating negative margin keeps
   the section rhythm unchanged while the shadow now dissolves naturally. */
body.is-irandesigner-home #featured-projects-slider {
	margin-bottom: -3.5rem;
	padding-bottom: var(--ir-space-20);
}

body.is-irandesigner-home .home-portfolio-card {
	box-shadow: var(--ir-shadow-md);
}

body.is-irandesigner-home .home-portfolio-card:hover {
	transform: translateY(-0.25rem);
	box-shadow: var(--ir-shadow-strong);
}

@media (prefers-reduced-motion: reduce) {
	body.is-irandesigner-home .home-portfolio-card:hover {
		transform: none;
	}
}

/* Portfolio card actions are editorial text links, not global CTA buttons. */
html body.page-template-page-portfolio .id-portfolio-showcase-card a.brand-button-motion--primary {
	width: max-content;
	border: 0;
	padding-inline: 0;
	background: none;
	color: #91483a;
	box-shadow: none;
}

html body.page-template-page-portfolio .id-portfolio-showcase-card a.brand-button-motion--primary:hover,
html body.page-template-page-portfolio .id-portfolio-showcase-card a.brand-button-motion--primary:focus-visible {
	transform: translateX(-0.18rem);
	background: none;
	color: #7d3b31;
	box-shadow: none;
}

/* Desktop header and hero showcase typography: keep the navigation calm and
   let the small slide artwork read like an editorial caption, not a headline
   competing with the real H1. */
@media (min-width: 1280px) {
	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> a,
	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .relative.group
		> a,
	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		.public-nav-popover
		a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-3.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-grid-a.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-m.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-q.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-z.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-spacing-17.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-1e.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-spacing-1f.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-1j.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-action-1l.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-1w.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-1x.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-1z.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-23-2.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-24.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-29.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-2n.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-2s.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-34.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-3n.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-3r.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-3t.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-grid-3x.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-48.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-4e.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-4f.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-4k.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-4m.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-grid-4q.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-4s.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-4u.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-4y.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-4z.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-51.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-5i.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-65.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-6r.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-size-6w.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-7s.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-a.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-e.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-1l.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-grid-1p.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-stack-26.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-27.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-28.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-2e.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-spacing-75.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-7v.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-34.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-5u.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-text-3o.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-spacing-3z.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-action-57.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-5h.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-5p.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-63.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-68.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-6i.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-6p.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-6r.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-media-6w.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-6y-2.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-spacing-7m.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-panel-7r.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-row-7t.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-spacing-85.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .home-blog-row__media.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .services-page-service-card__layout.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .services-page-service-card__link.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-2x.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-32-2.group
		> a,body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		> .ui-style-3h.group
		> a{
		font-weight: 400;
	}

	body.is-irandesigner-home .home-hero-art-card__eyebrow {
		font-weight: 450;
	}

	body.is-irandesigner-home .home-hero-art-card__title {
		font-size: clamp(0.8rem, 0.92vw, 0.88rem);
		font-weight: 350;
		line-height: 1.7;
		letter-spacing: 0.005em;
	}

	body.is-irandesigner-home .home-hero-art-card__body {
		font-weight: 350;
	}
}

/* Alternate homepage sections reuse the technical square grid from internal
   pages at a quieter intensity. The vertical mask prevents a hard rectangular
   hand-off into the neighbouring clean sections. */
body.is-irandesigner-home .home-alternate-grid-pattern {
	pointer-events: none;
	opacity: 0.72;
	background-image:
		linear-gradient(rgb(39 103 200 / 7%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(39 103 200 / 7%) 1px, transparent 1px);
	background-position: center top;
	background-size: 44px 44px;
	-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 15%,
		#000 85%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 15%,
		#000 85%,
		transparent 100%
	);
}

@media (max-width: 767px) {
	body.is-irandesigner-home .home-alternate-grid-pattern {
		opacity: 0.55;
		background-size: 52px 52px;
		-webkit-mask-image: linear-gradient(
			to bottom,
			transparent 0%,
			#000 11%,
			#000 89%,
			transparent 100%
		);
		mask-image: linear-gradient(
			to bottom,
			transparent 0%,
			#000 11%,
			#000 89%,
			transparent 100%
		);
	}
}

/* 2.0.10 — simplify the desktop hero canvas to one focal object, one quiet
   pedestal and a compact glass label. The previous large framed copy repeated
   the real hero message and competed with the artwork. */
@media (min-width: 1280px) {
	body.is-irandesigner-home .home-hero-art-card {
		--home-art-aspect: 1.5;
		--home-art-image: url("../images/hero-showcase/hero-mosque-web-design-transparent-v7.webp");
		top: calc(51% + 10px);
		left: calc(
			max(10rem, 50% - 34rem)
			+ clamp(11.875rem, 18.5vw, 17.5rem)
		);
		width: min(43vw, 46rem);
		aspect-ratio: var(--home-art-aspect);
		z-index: 6;
		opacity: 1;
		background: none;
		mix-blend-mode: normal;
		translate: -50% -50%;
		-webkit-mask-image: none;
		mask-image: none;
	}

	body.is-irandesigner-home .home-hero-art-card::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background: var(--home-art-image) center / contain no-repeat;
		filter: saturate(1.04) contrast(1.015);
		mix-blend-mode: normal;
		-webkit-mask-image: none;
		mask-image: none;
	}

	/* The mosque source has wider transparent side gutters than the other two
	   slides. Widen only its rendered artwork so every pedestal reads at the
	   same scale without changing the shared card or orbit dimensions. */
	body.is-irandesigner-home
		.home-hero-art-card[data-home-hero-art-card-key="web-design"]::before {
		background-size: 112% 100%;
	}

	body.is-irandesigner-home
		.home-hero-art-card[data-home-hero-art-card-key="digital-marketing"] {
		--home-art-aspect: 1.5;
		--home-art-image: url("../images/hero-showcase/hero-persepolis-griffin-glass-v8.webp");
	}

	body.is-irandesigner-home
		.home-hero-art-card[data-home-hero-art-card-key="ai-agent"] {
		--home-art-aspect: 1.5;
		--home-art-image: url("../images/hero-showcase/hero-cheetah-ai-transparent-v7.webp");
	}

	body.is-irandesigner-home .home-hero-art-label {
		position: absolute;
		right: auto;
		bottom: 10%;
		left: 50%;
		display: inline-flex;
		align-items: center;
		min-height: 2.35rem;
		padding: var(--ir-space-2) var(--ir-space-4);
		border: 1px solid rgb(255 255 255 / 80%);
		border-radius: var(--ir-radius-control-sm);
		background:
			linear-gradient(145deg, rgb(255 255 255 / 72%), rgb(255 248 235 / 42%)) padding-box,
			linear-gradient(120deg, rgb(255 255 255 / 88%), rgb(209 154 88 / 44%), rgb(39 103 200 / 24%)) border-box;
		box-shadow: var(--ir-shadow-md);
		-webkit-backdrop-filter: blur(14px) saturate(135%);
		backdrop-filter: blur(14px) saturate(135%);
		color: rgb(87 60 54 / 92%);
		font-size: 0.72rem;
		font-weight: 500;
		line-height: 1;
		white-space: nowrap;
		transform: translateX(-50%) perspective(420px) rotateX(5deg) translateZ(0);
		transform-origin: center bottom;
		text-shadow: 0 1px 0 rgb(255 255 255 / 72%);
		z-index: 2;
	}

	body.is-irandesigner-home .home-hero-art-label::before {
		content: "";
		width: 0.42rem;
		height: 0.42rem;
		margin-left: var(--ir-space-2);
		border-radius: 50%;
		background: linear-gradient(145deg, #f4d99a, #b7654f);
		box-shadow: var(--ir-shadow-soft);
	}

}

@media (prefers-reduced-motion: reduce) {
	body.is-irandesigner-home .home-hero-art-label {
		transform: translateX(-50%);
	}
}

/* 2.0.11 — use the current vector brand mark in the workflow browser mockup
   and increase small-size text clarity without making the chrome visually loud. */
body.is-irandesigner-home .home-workflow-browser {
	isolation: isolate;
	border-color: rgb(255 255 255 / 62%);
	background:
		radial-gradient(circle at 18% 12%, rgb(255 255 255 / 38%), transparent 36%),
		linear-gradient(145deg, rgb(255 255 255 / 20%), rgb(248 242 234 / 9%));
	box-shadow: var(--ir-shadow-strong);
}

body.is-irandesigner-home .home-workflow-browser::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 12;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: var(--ir-shadow-none);
}

body.is-irandesigner-home .home-workflow-browser__toolbar {
	border-color: rgb(255 255 255 / 44%);
	background: linear-gradient(180deg, rgb(255 255 255 / 54%), rgb(255 255 255 / 30%));
	box-shadow: var(--ir-shadow-md);
	-webkit-backdrop-filter: blur(10px) saturate(126%);
	backdrop-filter: blur(10px) saturate(126%);
}

body.is-irandesigner-home .home-workflow-browser__address {
	border-color: rgb(255 255 255 / 58%);
	background: linear-gradient(180deg, rgb(255 255 255 / 72%), rgb(255 255 255 / 48%));
	box-shadow: var(--ir-shadow-soft);
	color: rgb(45 39 51 / 90%);
	font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.012em;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

body.is-irandesigner-home .home-workflow-browser__brand {
	width: 1.1rem;
	height: 1.1rem;
	border-color: rgb(209 154 88 / 24%);
	background: rgb(255 250 243 / 84%);
	box-shadow: var(--ir-shadow-soft);
}

body.is-irandesigner-home .home-workflow-browser__logo {
	display: block;
	width: 0.88rem;
	height: 0.88rem;
	filter: drop-shadow(0 1px 2px rgb(159 77 62 / 14%));
	shape-rendering: geometricPrecision;
}

body.is-irandesigner-home .home-workflow-browser__domain {
	opacity: 1;
	transform: translateY(-0.15px);
}

/* Contact and portfolio use the blog masthead's approved vertical rhythm.
   Their generic inner-hero class added 14.4px above the title plus a bottom
   accent rule, making both cards visibly taller than the blog reference. */
.id-inner-hero--contact,
.id-inner-hero--portfolio {
	padding-top: var(--ir-space-10);
	padding-bottom: var(--ir-space-10);
}

.id-inner-hero--contact .public-inner-hero-title,
.id-inner-hero--portfolio .public-inner-hero-title {
	margin-top: 0;
}

.id-inner-hero--contact::after,
.id-inner-hero--portfolio::after {
	display: none;
	content: none;
}

@media (max-width: 767px) {
	.id-inner-hero--contact,
	.id-inner-hero--portfolio {
		padding-top: var(--ir-space-8);
		padding-bottom: var(--ir-space-8);
	}
}

/* 2.0.12 — lighter editorial typography for the author, portfolio, recent
   conversations, article closing links and comment form. Vazirmatn becomes
   visually dense above 700 in these compact sizes, so reserve a modest 600
   only for primary headings and keep supporting copy between 400 and 550. */

/* Article author strip. */
.single-post .id-single-author-card__eyebrow {
	font-weight: 450;
}

.single-post .id-single-author-card__identity h2 {
	font-weight: 600;
}

.single-post .id-single-author-card__role {
	font-weight: 400;
}

.single-post .id-single-author-card__cta small {
	font-weight: 400;
}

.single-post .id-single-author-card__cta strong {
	font-weight: 500;
}

/* Author archive profile. */
.id-author-profile-card__eyebrow {
	font-weight: 500;
}

.id-author-profile-card__identity h2 {
	font-weight: 600;
}

.id-author-profile-card__role {
	font-weight: 500;
}

.id-author-profile-card__metric strong {
	font-weight: 600;
}

.id-author-profile-card__metric span,
.id-author-profile-card__bio {
	font-weight: 400;
}

.id-author-profile-card__section-heading strong {
	font-weight: 600;
}

.id-author-profile-card__section-heading span,
.id-author-profile-card__specialty small,
.id-author-profile-card__footer-label {
	font-weight: 400;
}

.id-author-profile-card__specialty strong {
	font-weight: 550;
}

.id-author-profile-card__links a {
	font-weight: 500;
}

/* Portfolio filter and project-card typography. */
.page-template-page-portfolio .portfolio-category-controls > span,
.page-template-page-portfolio .portfolio-category-controls > label,
.page-template-page-portfolio .portfolio-category-controls > label span {
	font-weight: 500;
}

.page-template-page-portfolio .portfolio-tab-option__hint {
	font-weight: 400;
}

/* Latest conversations on the blog archive. */
.id-latest-comments__eyebrow,
.id-latest-comments__all {
	font-weight: 500;
}

.id-latest-comments__heading h2 {
	font-weight: 600;
}

.id-latest-comments__heading p,
.id-latest-comment-card__text {
	font-weight: 400;
}

.id-latest-comment-card__identity strong,
.id-latest-comment-card__post strong {
	font-weight: 550;
}

.id-latest-comment-card__identity time,
.id-latest-comment-card__post small {
	font-weight: 400;
}

/* Single article: related links, comments and captcha. */
.single-post .id-single-related__heading small,
.single-post .id-single-related__copy small {
	font-weight: 450;
}

.single-post .id-single-related__heading h2 {
	font-weight: 600;
}

.single-post .id-single-related__count {
	font-weight: 450;
}

.single-post .id-single-related__number,
.single-post .id-single-related__copy strong {
	font-weight: 550;
}

.single-post .id-single-comments__heading small,
.single-post .id-single-comments__count small,
.single-post .id-single-comment-form__heading small,
.single-post .id-comment-captcha__question small,
.single-post .id-comment-field__label {
	font-weight: 450;
}

.single-post .id-single-comments__heading h2,
.single-post .id-single-comment-form__heading h3 {
	font-weight: 600;
}

.single-post .id-single-comments__heading p,
.single-post .id-single-comment-form__privacy {
	font-weight: 400;
}

.single-post .id-single-comments__count strong,
.single-post .id-comment-captcha__question p {
	font-weight: 550;
}

[data-blog-comments] .id-comment-number,
[data-blog-comments] .id-comment-card__author {
	font-weight: 550;
}

[data-blog-comments] .id-comment-card__date,
[data-blog-comments] .id-comment-card__content {
	font-weight: 400;
}

/* Keep the complete left-hand headline visible in MRVA's tailored 4:3
	capture. The dedicated image already fills the panel, so this card does not
	need the generic hover zoom used by the other screenshots. */
.page-template-page-portfolio
	.id-portfolio-showcase-card__media[href*="/case-studies/mrva/"]
	img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transform: none;
	transform-origin: center center;
}

.page-template-page-portfolio
	.id-portfolio-showcase-card:hover
	.id-portfolio-showcase-card__media[href*="/case-studies/mrva/"]
	img {
	transform: none;
}

/* Portfolio and Case Study cards: separate the editorial footer from both the
   page canvas and the image. The shared route scope is intentionally used by
   /portfolio/ and /case-studies/, so both archives stay visually identical. */
.page-template-page-portfolio .id-portfolio-showcase-card__body {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin: var(--ir-space-2);
	margin-top: var(--ir-space-2);
	border: 1px solid rgb(221 209 188 / 72%);
	border-radius: var(--ir-radius-panel);
	background:
		radial-gradient(circle at 92% 12%, rgb(209 154 88 / 10%), transparent 34%),
		linear-gradient(145deg, rgb(255 255 255 / 92%), rgb(255 249 242 / 82%));
	box-shadow: var(--ir-shadow-md);
	-webkit-backdrop-filter: blur(12px) saturate(112%);
	backdrop-filter: blur(12px) saturate(112%);
}

.page-template-page-portfolio .id-portfolio-showcase-card__body::before {
	position: absolute;
	inset: 0.7rem 1rem auto;
	z-index: 0;
	height: 1px;
	border-radius: var(--ir-radius-pill);
	background: linear-gradient(
		90deg,
		transparent,
		rgb(209 154 88 / 34%) 30%,
		rgb(159 77 62 / 24%) 68%,
		transparent
	);
	content: "";
}

.page-template-page-portfolio .id-portfolio-showcase-card__body::after {
	position: absolute;
	inset-inline-end: -2.75rem;
	inset-block-end: -3.75rem;
	z-index: 0;
	width: 8rem;
	height: 8rem;
	border: 1px solid rgb(39 103 200 / 6%);
	border-radius: 50%;
	background: radial-gradient(circle, rgb(39 103 200 / 4%), transparent 68%);
	content: "";
	pointer-events: none;
}

.page-template-page-portfolio .id-portfolio-showcase-card__body > * {
	position: relative;
	z-index: 1;
}

.page-template-page-portfolio .id-portfolio-showcase-card__meta {
	padding-bottom: var(--ir-space-3);
	border-bottom: 1px solid rgb(221 209 188 / 52%);
	font-weight: 450;
}

.page-template-page-portfolio .id-portfolio-showcase-card h3 {
	font-weight: 550;
	letter-spacing: -0.018em;
}

.page-template-page-portfolio
	.id-portfolio-showcase-card
	a.brand-button-motion--primary,
.page-template-page-portfolio .id-portfolio-showcase-card .id-text-link {
	position: relative;
	z-index: 1;
	padding-top: var(--ir-space-1);
	font-weight: 500;
	text-underline-offset: 0.28rem;
}

/* Tablet and desktop tabs should use the same calm rounded-rectangle language
   as the compact mobile controls, rather than oversized capsule silhouettes. */
@media (min-width: 640px) {
	.page-template-page-portfolio .portfolio-category-controls {
		border-radius: var(--ir-radius-panel);
		padding: var(--ir-space-2);
	}

	.page-template-page-portfolio .portfolio-category-controls > label {
		min-height: 3.25rem;
		border-radius: var(--ir-radius-control-lg);
		box-shadow: var(--ir-shadow-soft);
	}
}

.page-template-page-portfolio
	.portfolio-page
	> .max-w-7xl
	> .portfolio-approach-panel::before,.page-template-page-portfolio
	.portfolio-page
	> .ui-media-78
	> .portfolio-approach-panel::before,.page-template-page-portfolio
	.portfolio-page
	> .ui-style-30
	> .portfolio-approach-panel::before{
	position: absolute;
	inset-block: 1rem;
	inset-inline-start: 0;
	width: 3px;
	border-radius: var(--ir-radius-pill);
	background: linear-gradient(180deg, #418792, #d19a58 52%, #9f4d3e);
	content: "";
}

.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.absolute,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-4,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-style-5,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-style-6,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-7,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-8,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-9,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-t,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-18,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-19,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-1a,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-1b,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-1c,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-1d,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-action-1k,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-1y,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2a,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2b,.page-template-page-portfolio
	.portfolio-approach-panel
	> .ui-decoration-2c.ui-decoration-2c,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2d,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2e,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2o,.page-template-page-portfolio
	.portfolio-approach-panel
	> .ui-decoration-2p.ui-decoration-2p,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2t,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2u,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2v,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2w,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-35,.page-template-page-portfolio
	.portfolio-approach-panel
	> .ui-decoration-36.ui-decoration-36,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-37,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-3b,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-3c,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-3d,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-3o,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-3s,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-4v,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-4w,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-50,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-52,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-53,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5b,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5c,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5d,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5e,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5f,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5g,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5j,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-5m,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-5n,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5o,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-5p,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-60,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-61,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-62,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-63,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-66,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-6s,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-78,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-size-7t,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-size-7u,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-7v,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-d,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-h,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-1m,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-size-1n,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-1o,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2a-2,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2f,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2g,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2h,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-2m,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-2p,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-76,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-77,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-7w,.page-template-page-portfolio
	.portfolio-approach-panel
	> .ui-decoration-3j.ui-decoration-3j,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-size-3p,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-size-3q,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-3r,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-40,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-58,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5i,.page-template-page-portfolio
	.portfolio-approach-panel
	> .ui-decoration-5j.ui-decoration-5j,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5k,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-5r,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-6a,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-6k,.page-template-page-portfolio
	.portfolio-approach-panel
	> .ui-decoration-6q.ui-decoration-6q,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-6x,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-7n,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-7o,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-overlay-7p,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-decoration-7u,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.home-blog-row__image,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.home-blog-row__media-ring,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-style-2y,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-style-2z,.page-template-page-portfolio
	.portfolio-approach-panel
	> .pointer-events-none.ui-style-33{
	display: none;
}

.page-template-page-portfolio .portfolio-approach-panel h2 {
	font-size: clamp(1.3rem, 2.2vw, 1.7rem);
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: -0.025em;
}

.page-template-page-portfolio .portfolio-approach-panel .max-w-2xl > p,.page-template-page-portfolio .portfolio-approach-panel .ui-media-5s > p,.page-template-page-portfolio .portfolio-approach-panel .ui-media-5u > p,.page-template-page-portfolio .portfolio-approach-panel .ui-media-3e-2 > p,.page-template-page-portfolio .portfolio-approach-panel .ui-media-3u > p,.page-template-page-portfolio .portfolio-approach-panel .ui-media-71 > p,.page-template-page-portfolio .portfolio-approach-panel .ui-media-83 > p{
	font-weight: 400;
	line-height: 2;
}

.page-template-page-portfolio .portfolio-approach-tile,
.page-template-page-portfolio .portfolio-approach-track {
	border: 1px solid rgb(221 209 188 / 64%);
	border-radius: var(--ir-radius-card);
	background: rgb(255 255 255 / 72%);
	box-shadow: var(--ir-shadow-none);
}

.page-template-page-portfolio .portfolio-approach-panel h3 {
	font-weight: 550;
}

.page-template-page-portfolio .portfolio-approach-tile p {
	font-weight: 400;
}

.page-template-page-portfolio
	.portfolio-approach-track
	.grid
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-a
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-h
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-2f
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-2i
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-3i
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-3p
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-3q
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-3x
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-47
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-4d
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-4q
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-4x
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-59
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-overlay-5g
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-decoration-5m
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-decoration-5n
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-overlay-5o
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-decoration-5p
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-5v
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-64
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-6c
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-79
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-7g
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-i
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-1b
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-1d
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-1h
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-1p
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-1w
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-2q
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-79-2
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-7c
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-3w
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-4c
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-4t
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-53
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-5o
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-61
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-6h
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-7e
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-grid-7h
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.home-blog-row
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-style-3g
	> div,.page-template-page-portfolio
	.portfolio-approach-track
	.ui-style-3n
	> div{
	border-color: rgb(221 209 188 / 62%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(255 255 255 / 84%);
	font-weight: 500;
	box-shadow: none;
}

/* Breadcrumbs are wayfinding, not actions. Remove the capsule treatment from
   every semantic page-path navigation while preserving text, links and the
   chevron separators. */
body.irandesigner-exact-ui nav[aria-label^="مسیر"] {
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.irandesigner-exact-ui
	nav[aria-label^="مسیر"]
	> :is(ol, ul) {
	border: 0;
	border-radius: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Homepage hero palette: the active control now uses the supplied warm red
   instead of the previous charcoal ring. The middle swatch moves to the
   site's established architectural blue so all three choices read clearly. */
body.is-irandesigner-home
	[data-home-hero-control][aria-pressed="true"] {
	border-color: rgb(218 134 102 / 72%);
	background: linear-gradient(
		135deg,
		#c66b55 0%,
		#da8666 54%,
		#b86152 100%
	);
	box-shadow: var(--ir-shadow-soft);
}

body.is-irandesigner-home
	[data-home-hero-control="0"]
	[data-home-hero-control-dot] {
	background-color: #bd593f;
}

body.is-irandesigner-home
	[data-home-hero-control="1"]
	[data-home-hero-control-dot] {
	background-color: #d99b4c;
}

body.is-irandesigner-home
	[data-home-hero-control="2"]
	[data-home-hero-control-dot] {
	background-color: #4193a0;
}

/* Decorative spectrum lines share the light teal from the third switcher.
   This replaces only the former dark-green endpoint in headings, active-nav
   indicators and header hairlines; semantic success greens stay unchanged. */
:root {
	--brand-divider-gradient: linear-gradient(
		90deg,
		#4193a0 0%,
		#73a98d 22%,
		#d99b4c 45%,
		#bd593f 68%,
		#8b5fbf 100%
	);
	--id-cta-copper-start: #8f4033;
	--id-cta-copper-mid: #b65b43;
	--id-cta-copper-end: #893b31;
	--id-cta-copper-text: #fffaf5;
	--id-cta-copper-ink: #874438;
}

body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .h-2.w-36.bg-gradient-to-r
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .ui-container-1n.ui-container-1n.ui-container-1n
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .ui-size-2h.ui-size-2h.ui-size-2h
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .h-2.w-36.ui-overlay-3o
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .h-2.w-36.ui-overlay-5b
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .h-2.w-36.ui-overlay-5c
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .ui-container-3d.w-36.bg-gradient-to-r
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .ui-size-51.w-36.bg-gradient-to-r
	),body.irandesigner-exact-ui
	:is(
		.accent-divider,
		.public-nav-active-indicator,
		main .ui-container-82.w-36.bg-gradient-to-r
	){
	background: var(--brand-divider-gradient);
}

body.irandesigner-exact-ui .home-hero-strip::before {
	background: var(--brand-divider-gradient);
}

body.irandesigner-exact-ui
	nav[data-hero-nav-state]::before {
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgb(65 147 160 / 34%) 18%,
		rgb(115 169 141 / 34%) 32%,
		rgb(217 155 76 / 58%) 48%,
		rgb(189 89 63 / 34%) 64%,
		rgb(139 95 191 / 30%) 80%,
		transparent 100%
	);
}

body.irandesigner-exact-ui .home-section-top-line,
body.irandesigner-exact-ui #home-decision-tabs::after {
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgb(65 147 160 / 54%) 16%,
		rgb(115 169 141 / 48%) 32%,
		rgb(217 155 76 / 58%) 50%,
		rgb(189 89 63 / 48%) 68%,
		rgb(139 95 191 / 44%) 84%,
		transparent 100%
	);
}

/* Contact page: calm the typography and give the official contact routes a
   clear label/value/icon hierarchy. Each route keeps a restrained individual
   accent while sharing one coherent glass-card surface. */
body.page-contact #site-top main :is(.font-black, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-media-c),body.page-contact #site-top main :is(.font-black, .ui-media-e),body.page-contact #site-top main :is(.font-black, .ui-action-i),body.page-contact #site-top main :is(.font-black, .ui-action-k),body.page-contact #site-top main :is(.ui-heading-v, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-text-y),body.page-contact #site-top main :is(.ui-media-1i, .font-bold),body.page-contact #site-top main :is(.ui-heading-1q, .font-bold),body.page-contact #site-top main :is(.ui-row-24, .font-bold),body.page-contact #site-top main :is(.ui-heading-2k, .font-bold),body.page-contact #site-top main :is(.ui-heading-2l, .font-bold),body.page-contact #site-top main :is(.ui-heading-2m, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-text-2r),body.page-contact #site-top main :is(.ui-action-2y, .ui-action-2y),body.page-contact #site-top main :is(.ui-heading-39, .font-bold),body.page-contact #site-top main :is(.ui-action-49, .font-bold),body.page-contact #site-top main :is(.ui-action-5h, .font-bold),body.page-contact #site-top main :is(.ui-action-5k, .font-bold),body.page-contact #site-top main :is(.ui-action-5l, .font-bold),body.page-contact #site-top main :is(.ui-media-5r, .font-bold),body.page-contact #site-top main :is(.ui-media-67, .font-bold),body.page-contact #site-top main :is(.ui-heading-77, .font-bold),body.page-contact #site-top main :is(.ui-heading-7d, .font-bold),body.page-contact #site-top main :is(.ui-heading-7i, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-action-7x),body.page-contact #site-top main :is(.font-black, .ui-action-7y),body.page-contact #site-top main :is(.font-black, .ui-action-5),body.page-contact #site-top main :is(.ui-heading-r, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-text-v),body.page-contact #site-top main :is(.font-black, .ui-action-1i),body.page-contact #site-top main :is(.font-black, .ui-action-1j),body.page-contact #site-top main :is(.font-black, .ui-action-1k-2),body.page-contact #site-top main :is(.ui-heading-1x, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-text-1y),body.page-contact #site-top main :is(.font-black, .ui-text-21),body.page-contact #site-top main :is(.ui-action-24, .font-bold),body.page-contact #site-top main :is(.ui-action-2c, .font-bold),body.page-contact #site-top main :is(.ui-heading-2j, .font-bold),body.page-contact #site-top main :is(.ui-heading-2k-2, .font-bold),body.page-contact #site-top main :is(.ui-action-2l, .font-bold),body.page-contact #site-top main :is(.ui-heading-2n, .font-bold),body.page-contact #site-top main :is(.ui-action-2o, .font-bold),body.page-contact #site-top main :is(.ui-media-2t, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-heading-3c),body.page-contact #site-top main :is(.font-black, .ui-text-7a),body.page-contact #site-top main :is(.ui-action-7b, .font-bold),body.page-contact #site-top main :is(.ui-media-3s, .font-bold),body.page-contact #site-top main :is(.ui-heading-3t, .font-bold),body.page-contact #site-top main :is(.ui-action-3y, .font-bold),body.page-contact #site-top main :is(.ui-media-43, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-action-4b),body.page-contact #site-top main :is(.font-black, .ui-text-4o-2),body.page-contact #site-top main :is(.ui-heading-4u, .font-bold),body.page-contact #site-top main :is(.ui-heading-4v, .font-bold),body.page-contact #site-top main :is(.ui-heading-4y, .font-bold),body.page-contact #site-top main :is(.ui-heading-4z, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-text-50),body.page-contact #site-top main :is(.font-black, .ui-text-55),body.page-contact #site-top main :is(.ui-heading-5a, .font-bold),body.page-contact #site-top main :is(.ui-media-5b, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-media-5e),body.page-contact #site-top main :is(.ui-row-5f, .font-bold),body.page-contact #site-top main :is(.ui-heading-5l, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-overlay-5r),body.page-contact #site-top main :is(.ui-media-5t, .font-bold),body.page-contact #site-top main :is(.ui-heading-5v, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-row-5x),body.page-contact #site-top main :is(.ui-heading-66, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-overlay-6a),body.page-contact #site-top main :is(.ui-heading-6c, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-row-6e),body.page-contact #site-top main :is(.font-black, .ui-text-6f),body.page-contact #site-top main :is(.ui-overlay-6k, .font-bold),body.page-contact #site-top main :is(.ui-heading-6m, .font-bold),body.page-contact #site-top main :is(.ui-action-6s, .font-bold),body.page-contact #site-top main :is(.ui-heading-6t, .font-bold),body.page-contact #site-top main :is(.ui-heading-6z, .font-bold),body.page-contact #site-top main :is(.ui-heading-70, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-action-73),body.page-contact #site-top main :is(.font-black, .ui-action-74),body.page-contact #site-top main :is(.font-black, .ui-text-7d),body.page-contact #site-top main :is(.font-black, .ui-action-7k),body.page-contact #site-top main :is(.font-black, .ui-text-7l),body.page-contact #site-top main :is(.font-black, .ui-row-81),body.page-contact #site-top main :is(.home-blog-row__index, .font-bold),body.page-contact #site-top main :is(.ir-pagination__control, .font-bold),body.page-contact #site-top main :is(.ir-pagination__control--edge, .font-bold),body.page-contact #site-top main :is(.font-black, .ui-style-3k),body.page-contact #site-top main :is(.ui-style-3l, .font-bold){
	font-weight: 500;
}

body.page-contact #site-top main .font-semibold,body.page-contact #site-top main .ui-text-1m,body.page-contact #site-top main .ui-text-22,body.page-contact #site-top main .ui-text-3a,body.page-contact #site-top main .ui-text-3g,body.page-contact #site-top main .ui-text-3l,body.page-contact #site-top main .ui-text-3u,body.page-contact #site-top main .ui-text-3v,body.page-contact #site-top main .ui-text-41,body.page-contact #site-top main .ui-text-45,body.page-contact #site-top main .ui-text-46,body.page-contact #site-top main .ui-text-4b,body.page-contact #site-top main .ui-text-4c,body.page-contact #site-top main .ui-text-4h,body.page-contact #site-top main .ui-action-4n,body.page-contact #site-top main .ui-text-4o,body.page-contact #site-top main .ui-media-5s,body.page-contact #site-top main .ui-text-5x,body.page-contact #site-top main .ui-text-68,body.page-contact #site-top main .ui-action-6g,body.page-contact #site-top main .ui-text-6i,body.page-contact #site-top main .ui-action-6n,body.page-contact #site-top main .ui-text-6z,body.page-contact #site-top main .ui-text-70,body.page-contact #site-top main .ui-text-74,body.page-contact #site-top main .ui-text-75,body.page-contact #site-top main .ui-text-7e,body.page-contact #site-top main .ui-action-15,body.page-contact #site-top main .ui-action-19,body.page-contact #site-top main .ui-action-1c,body.page-contact #site-top main .ui-action-1g,body.page-contact #site-top main .ui-stack-26,body.page-contact #site-top main .ui-media-36,body.page-contact #site-top main .ui-text-4g,body.page-contact #site-top main .ui-row-4m,body.page-contact #site-top main .ui-text-6u,body.page-contact #site-top main .ui-media-5c,body.page-contact #site-top main .ui-text-5m,body.page-contact #site-top main .ui-media-7y,body.page-contact #site-top main .ui-style-4w{
	font-weight: 480;
}

body.page-contact #site-top .public-inner-hero-title {
	font-weight: 600;
}

body.page-contact.irandesigner-exact-ui
	#site-top
	.id-inner-hero--contact
	.public-inner-hero-title {
	font-weight: 580;
}

body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .mb-5
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-row-1h
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-text-1m
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-media-5r
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-media-67
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-row-3b
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-media-3s
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-heading-3t
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-stack-42
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-media-5t
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-text-6d
	h2,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> .ui-row-80
	h2{
	font-weight: 560;
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card{
	--contact-card-accent: #418792;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: 5rem;
	border: 1px solid color-mix(in srgb, var(--contact-card-accent) 18%, rgb(221 209 188 / 76%));
	border-inline-start: 3px solid color-mix(in srgb, var(--contact-card-accent) 72%, white);
	border-radius: var(--ir-radius-card);
	background:
		linear-gradient(
			115deg,
			color-mix(in srgb, var(--contact-card-accent) 5%, white),
			rgb(255 253 249 / 94%) 46%,
			rgb(255 255 255 / 82%)
		);
	box-shadow: var(--ir-shadow-md);
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card--mint,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card--mint{
	--contact-card-accent: #2f7b68;
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card--violet,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card--violet{
	--contact-card-accent: #7765a8;
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card
	> span:first-child{
	border: 1px solid color-mix(in srgb, var(--contact-card-accent) 22%, white);
	border-radius: var(--ir-radius-control-sm);
	background: color-mix(in srgb, var(--contact-card-accent) 10%, white);
	color: var(--contact-card-accent);
	box-shadow: var(--ir-shadow-soft);
	transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card
	> span:nth-child(2)
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card
	> span:nth-child(2)
	> span:first-child{
	color: color-mix(in srgb, var(--contact-card-accent) 72%, #2d2733);
	font-weight: 450;
	letter-spacing: 0.005em;
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card
	> span:nth-child(2)
	> span:last-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card
	> span:nth-child(2)
	> span:last-child{
	font-weight: 520;
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> a.brand-button-motion::before,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> a.brand-button-motion::before{
	display: none;
	content: none;
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> a.public-color-card:is(:hover, :focus-visible){
	transform: translateY(-3px);
	border-color: color-mix(in srgb, var(--contact-card-accent) 38%, white);
	box-shadow: var(--ir-shadow-md);
}

body.page-contact
	main
	.public-color-card--lavender
	> div.grid
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.home-blog-row
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> a.public-color-card:hover
	> span:first-child,body.page-contact
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> a.public-color-card:hover
	> span:first-child{
	transform: translateY(-1px) rotate(-3deg);
}

/* The analog face stays out of the first paint until its hands and digital
   label have been synchronously set to Tehran time. */
body.page-contact [data-tehran-clock] {
	opacity: 0;
	transform: translateY(3px) scale(0.985);
	transition:
		opacity 180ms ease,
		transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.page-contact [data-tehran-clock][data-clock-ready="true"] {
	opacity: 1;
	transform: none;
}

body.page-contact [data-clock-digital] {
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
	body.page-contact
		main
		.public-color-card--lavender
		> div.grid
		> a.public-color-card:is(:hover, :focus-visible),
	body.page-contact
		main
		.public-color-card--lavender
		> div.grid
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-a
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-a
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-h
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-h
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-2f
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-2f
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-2i
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-2i
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3i
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3i
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3p
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3p
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3q
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3q
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3x
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3x
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-47
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-47
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4d
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4d
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4q
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4q
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4x
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4x
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-59
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-59
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-overlay-5g
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-overlay-5g
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-decoration-5m
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-decoration-5m
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-decoration-5n
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-decoration-5n
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-overlay-5o
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-overlay-5o
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-decoration-5p
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-decoration-5p
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-5v
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-5v
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-64
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-64
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-6c
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-6c
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-79
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-79
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7g
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7g
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-i
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-i
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1b
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1b
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1d
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1d
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1h
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1h
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1p
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1p
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1w
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-1w
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-2q
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-2q
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-79-2
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-79-2
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7c
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7c
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3w
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-3w
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4c
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4c
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4t
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-4t
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-53
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-53
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-5o
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-5o
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-61
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-61
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-6h
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-6h
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7e
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7e
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7h
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-grid-7h
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.home-blog-row
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.home-blog-row
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-style-3g
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-style-3g
		> a.public-color-card:hover
		> span:first-child,body.page-contact
		main
		.public-color-card--lavender
		> div.ui-style-3n
		> a.public-color-card:is(:hover, :focus-visible),body.page-contact
		main
		.public-color-card--lavender
		> div.ui-style-3n
		> a.public-color-card:hover
		> span:first-child{
		transform: none;
	}
}

/* Rounded-surface accent policy
   A coloured rail on only one edge visually breaks a curved contour. Rounded
   cards now carry their accent around the complete perimeter, with a very
   soft inner ring and depth shadow. Straight dividers and table/grid rules
   are intentionally unaffected. */
body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.grid
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.home-blog-row
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> .public-color-card,body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> .public-color-card{
	border: 1px solid color-mix(in srgb, var(--contact-card-accent) 28%, white);
	box-shadow: var(--ir-shadow-md);
}

body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.grid
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-a
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-2f
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-2i
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3i
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3p
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3q
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3x
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-47
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4d
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4q
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4x
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-59
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-overlay-5g
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-decoration-5m
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-decoration-5n
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-overlay-5o
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-decoration-5p
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-5v
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-64
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-6c
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-79
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7g
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-i
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1b
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1d
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1p
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-1w
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-2q
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-79-2
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7c
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-3w
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4c
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-4t
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-53
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-5o
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-61
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-6h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7e
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-grid-7h
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.home-blog-row
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-style-3g
	> a.public-color-card:is(:hover, :focus-visible),body.page-contact.irandesigner-exact-ui
	#site-top
	main
	.public-color-card--lavender
	> div.ui-style-3n
	> a.public-color-card:is(:hover, :focus-visible){
	border-color: color-mix(in srgb, var(--contact-card-accent) 42%, white);
	box-shadow: var(--ir-shadow-md);
}

.service-detail-page--web-design {
	--id-rounded-card-accent: #4193a0;
}

.service-detail-page--branding {
	--id-rounded-card-accent: #8b5fbf;
}

.service-detail-page--marketing {
	--id-rounded-card-accent: #bd593f;
}

.service-detail-page--seo {
	--id-rounded-card-accent: #4193a0;
}

.service-detail-page--ads {
	--id-rounded-card-accent: #72a5ff;
}

.service-detail-page--medical-website-design {
	--id-rounded-card-accent: #73a98d;
}

.service-detail-page--travel-website-design {
	--id-rounded-card-accent: #d99b4c;
}

body.single-ir_service.irandesigner-exact-ui
	.service-detail-page:is(
		.service-detail-page--web-design,
		.service-detail-page--branding,
		.service-detail-page--marketing,
		.service-detail-page--seo,
		.service-detail-page--ads,
		.service-detail-page--medical-website-design,
		.service-detail-page--travel-website-design
	)
	:is(
		.id-service-signal,
		article,
		section.public-color-card,
		div.public-color-card,
		.service-value-feature-card,
		.service-value-stat-card,
		.service-value-deliverable-panel,
		[class*="rounded-"][class*="border"][class*="p-"]
	) {
	border-width: 1px;
	border-color: color-mix(in srgb, var(--id-rounded-card-accent) 28%, transparent);
	box-shadow: var(--ir-shadow-md);
}

body.single-ir_service.irandesigner-exact-ui
	.service-detail-page
	.id-service-priority
	> div:first-of-type
	> div:first-child
	> div:first-child
	> :is(figure, div) {
	border-width: 1px;
	border-color: color-mix(in srgb, var(--id-rounded-card-accent) 28%, transparent);
	box-shadow: var(--ir-shadow-md);
}

body.single-ir_service.irandesigner-exact-ui
	.service-detail-page
	.id-service-signals[data-service-signals="ads"]
	.id-service-signal::after,
body.single-ir_service.irandesigner-exact-ui
	.service-detail-page--seo
	.id-service-priority--seo
	> div:first-of-type
	> div:first-child::before {
	display: none;
	content: none;
}

body.id-tool-page--phone
	section
	div[class*="sm:grid-cols-3"]
	> span[class*="rounded-2xl"][class*="text-center"] {
	border-width: 1px;
	box-shadow: var(--ir-shadow-none);
}

/* Breadcrumbs are wayfinding text, not rounded content surfaces. Keep their
   earlier capsule reset authoritative after the rounded-card policy above. */
body.single-ir_service.irandesigner-exact-ui
	#site-top
	.service-detail-page
	nav[aria-label^="مسیر"]
	> :is(ol, ul) {
	border: 0;
	border-radius: 0;
	padding: 0;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Edge-rail cleanup for rounded surfaces
   Decorative lines attached to only one edge read as clipped borders once a
   card has generous corner radii. Keep true section dividers and navigation
   underlines, but remove edge-bound rails from rounded content surfaces. */
body.irandesigner-exact-ui .public-color-card::after,
body.irandesigner-exact-ui .service-value-feature-card::before,
body.irandesigner-exact-ui .service-value-stat-card::before,
.page-template-page-portfolio .portfolio-approach-panel::before,
.page-template-page-portfolio .id-portfolio-showcase-card::before,
.page-template-page-portfolio .id-portfolio-showcase-card__body::before,
body.irandesigner-exact-ui .id-latest-comment-card::before,
body.single-post .id-single-author-card::before,
body.single-post .blog-article-content .irp-ai-inline-tutorial::before,
body.single-ir_service .id-ads-search-stack__shell::before,
body.single-ir_service
	.id-service-signals[data-service-signals="branding"]
	.id-service-signal::after,
body.single-ir_service
	.id-service-signals[data-service-signals="ads"]
	.id-service-signal::after,
body.irandesigner-exact-ui .id-inner-hero::after,
body.is-irandesigner-home .home-hero-strip::before {
	display: none;
	content: none;
}

/* The portfolio methodology panel retains the stained-glass palette as a
   quiet full contour instead of a detached vertical rail. */
.page-template-page-portfolio
	.portfolio-page
	> .max-w-7xl
	> .portfolio-approach-panel,.page-template-page-portfolio
	.portfolio-page
	> .ui-media-78
	> .portfolio-approach-panel,.page-template-page-portfolio
	.portfolio-page
	> .ui-style-30
	> .portfolio-approach-panel{
	margin-top: clamp(var(--ir-space-12), 6vw, var(--ir-space-20));
	margin-bottom: clamp(var(--ir-space-8), 4vw, var(--ir-space-12));
	border: 1px solid transparent;
	border-radius: var(--ir-radius-hero);
	padding: clamp(var(--ir-space-5), 2.5vw, var(--ir-space-6));
	background:
		linear-gradient(90deg, rgb(159 77 62 / 3%), transparent 18%) padding-box,
		linear-gradient(rgb(255 253 249 / 94%), rgb(255 253 249 / 94%)) padding-box,
		linear-gradient(
			135deg,
			rgb(65 147 160 / 42%),
			rgb(115 169 141 / 34%) 24%,
			rgb(217 155 76 / 38%) 48%,
			rgb(189 89 63 / 36%) 72%,
			rgb(139 95 191 / 30%)
		) border-box;
	box-shadow: var(--ir-shadow-md);
	-webkit-backdrop-filter: blur(10px) saturate(108%);
	backdrop-filter: blur(10px) saturate(108%);
}

/* Rounded process strip keeps a complete neutral contour after its former
   top-only accent is removed. */
body.is-irandesigner-home .home-hero-strip {
	border-color: rgb(65 147 160 / 22%);
}

/* Homepage proof cards: these labels are supporting evidence, not section
   headlines. Reduce the title by roughly one third and use the variable font's
   calmer weights so the pair no longer dominates the surrounding section. */
body.is-irandesigner-home [data-editorial-metric="true"] {
	font-size: clamp(1rem, 1.2vw, 1.08rem);
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: 0;
}

body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .text-muted-foreground,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-g,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-y,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-1o,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-heading-1q,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-23-2,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-heading-2l,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-3a,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-3h,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-3m,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-41,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-46,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-4c,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-4i,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-4p,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-5u,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-5y,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-69,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-6b,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-6j,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-71,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-74,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-76,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-7q,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-v,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-overlay-2p,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-36,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-3e-2,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-3u,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-43,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-action-4b,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-4o-2,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-6u,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-heading-4y,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-50,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-55,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-5c,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-5e,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-5m,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-5w-2,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-row-5x,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-6d,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-row-6e,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-71,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-7d,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-text-7l,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-7y,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-media-83,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .home-blog-row__excerpt,body.is-irandesigner-home
	[data-editorial-metric="true"]
	+ .ui-style-4w{
	font-size: clamp(0.68rem, 0.82vw, 0.74rem);
	font-weight: 350;
	line-height: 1.85;
	letter-spacing: 0;
}

/* The utility bundle applies a later mobile/body type rule to this paragraph.
   Scope the supporting copy to its actual proof-card structure so the intended
   reduction wins in the live cascade. */
body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.text-muted-foreground,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-g,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-y,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-1o,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-heading-1q,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-23-2,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-heading-2l,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-3a,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-3h,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-3m,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-41,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-46,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-4c,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-4i,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-4p,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-5u,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-5y,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-69,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-6b,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-6j,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-71,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-74,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-76,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-7q,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-v,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-overlay-2p,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-36,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-3e-2,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-3u,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-43,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-action-4b,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-4o-2,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-6u,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-heading-4y,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-50,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-55,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-5c,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-5e,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-5m,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-5w-2,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-row-5x,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-6d,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-row-6e,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-71,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-7d,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-text-7l,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-7y,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-media-83,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.home-blog-row__excerpt,body.is-irandesigner-home
	#site-top.site-shell
	.public-color-card
	> [data-editorial-metric="true"]
	+ p.ui-style-4w{
	font-size: clamp(0.68rem, 0.82vw, 0.74rem);
	font-weight: 350;
	line-height: 1.85;
}

/* Some imported layouts use a real absolutely-positioned child as a top,
   bottom or side rail instead of a border/pseudo-element. Remove those edge
   bars only when they are direct children of a rounded surface. Interior
   diagram lines, browser controls and standalone section dividers remain. */
body.irandesigner-exact-ui
	#site-top
	[class*="rounded"]
	> [class~="absolute"]:is([class~="top-0"], [class~="bottom-0"]):is(
		[class~="h-px"],
		[class~="h-1"]
	),
body.irandesigner-exact-ui
	#site-top
	[class*="rounded"]
	> [class~="absolute"]:is([class~="right-0"], [class~="left-0"]):is(
		[class~="w-px"],
		[class~="w-1"]
	),
body.irandesigner-exact-ui
	#site-top
	.service-value-feature-card
	> .service-value-feature-card__rail {
	display: none;
}

/* Portfolio and case-study cards use one clear CTA. It occupies the former
   eyebrow position, while the duplicated bottom button is removed in markup. */
.id-portfolio-showcase-card__meta-link {
	display: inline-flex;
	align-items: center;
	gap: var(--ir-space-2);
	color: var(--id-primary, #9f4d3e);
	font-size: 0.74rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	text-underline-offset: 0.24rem;
	transition: color 180ms ease;
}

.id-portfolio-showcase-card__meta-link .id-icon {
	width: 0.95rem;
	height: 0.95rem;
	transition: transform 180ms ease;
}

.id-portfolio-showcase-card__meta-link:hover {
	color: var(--id-accent, #d99b4c);
	text-decoration: underline;
}

.id-portfolio-showcase-card__meta-link:hover .id-icon {
	transform: translateX(-0.16rem);
}

.page-template-page-portfolio
	.id-portfolio-showcase-card:not(.id-portfolio-showcase-card--compact)
	.id-portfolio-showcase-card__body {
	min-height: 8.75rem;
	gap: var(--ir-space-3);
}

/* Global header actions: desktop keeps the project CTA and turns WhatsApp into
   a readable secondary action. The mobile markup stays icon-only. */
#site-top .public-nav-glass--desktop .id-header-whatsapp-cta {
	width: auto;
	min-width: 9rem;
	gap: var(--ir-space-2);
	padding-inline: var(--ir-space-4);
	border-color: transparent;
	border-radius: var(--ir-radius-control-sm);
	background: transparent;
	box-shadow: none;
	direction: rtl;
	white-space: nowrap;
}

#site-top .public-nav-glass--desktop .id-header-whatsapp-cta:hover,
#site-top .public-nav-glass--desktop .id-header-whatsapp-cta:focus-visible {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}

#site-top .public-nav-glass--desktop .id-header-whatsapp-cta::before {
	display: none;
	content: none;
}

/* The base icon treatment paints a concentrated radial highlight directly
   behind the green label. Keep one quiet, even tint for the desktop pill. */
#site-top .public-nav-glass--desktop .id-header-whatsapp-cta::after {
	background: rgb(37 211 102 / 6%);
	background-image: none;
}

#site-top .public-nav-glass--desktop .id-header-whatsapp-cta__label {
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 0.76rem;
	font-weight: 500;
	line-height: 1;
}

/* Quick tools retain their compact launcher, but live in the footer where they
   remain discoverable without competing with primary navigation. */
#site-footer .id-footer-tools-slot {
	position: relative;
	z-index: 190;
	display: flex;
	justify-content: flex-start;
}

#site-footer .id-footer-tools-slot--desktop {
	display: none;
	width: 100%;
	flex: 0 0 100%;
	margin-bottom: var(--ir-space-5);
}

#site-footer .id-footer-tools-slot--mobile {
	grid-column: 1 / -1;
}

#site-footer .id-footer-tools {
	position: relative;
	width: fit-content;
}

#site-footer .id-footer-tools > summary {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	gap: var(--ir-space-2);
	padding: var(--ir-space-2) var(--ir-space-3);
	border: 1px solid rgb(245 213 141 / 24%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(255 244 224 / 7%);
	color: #f5d58d;
	box-shadow: var(--ir-shadow-none);
	cursor: pointer;
	font-size: 0.76rem;
	font-weight: 500;
	line-height: 1;
	list-style: none;
	transition:
		border-color 180ms ease,
		background-color 180ms ease,
		color 180ms ease;
}

#site-footer .id-footer-tools > summary::-webkit-details-marker {
	display: none;
}

#site-footer .id-footer-tools > summary:focus-visible {
	outline: none;
	box-shadow: var(--ir-shadow-focus);
}

#site-footer .id-footer-tools__chevron {
	transition: transform 180ms ease;
}

#site-footer .id-footer-tools[open] .id-footer-tools__chevron {
	transform: rotate(180deg);
}

#site-footer .id-footer-tools__panel {
	position: absolute;
	z-index: 200;
	right: 0;
	bottom: calc(100% + 0.65rem);
	display: none;
	width: min(22.5rem, calc(100vw - 2rem));
	padding: var(--ir-space-3);
	border: 1px solid transparent;
	border-radius: var(--ir-radius-card);
	background:
		linear-gradient(145deg, rgb(255 253 250 / 98%), rgb(244 250 249 / 98%) 55%, rgb(255 248 241 / 98%)) padding-box,
		linear-gradient(110deg, rgb(65 151 165 / 50%), rgb(217 155 79 / 42%), rgb(189 87 63 / 44%), rgb(120 105 164 / 34%)) border-box;
	box-shadow: var(--ir-shadow-strong);
	color: #2d2733;
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

#site-footer .id-footer-tools[open] .id-footer-tools__panel {
	display: block;
	animation: id-footer-tools-enter 180ms ease-out both;
}

#site-footer .id-footer-tools__panel .id-header-tools__heading strong,
#site-footer .id-footer-tools__panel .id-header-tools__grid strong {
	font-weight: 600;
}

#site-footer .id-footer-tools__panel .id-header-tools__heading span,
#site-footer .id-footer-tools__panel .id-header-tools__grid small {
	font-weight: 400;
}

@keyframes id-footer-tools-enter {
	from {
		opacity: 0;
		transform: translateY(0.45rem) scale(0.985);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 1023px) {
	#site-footer .id-footer-tools {
		width: 100%;
	}

	#site-footer .id-footer-tools > summary {
		width: 100%;
		justify-content: flex-start;
	}

	#site-footer .id-footer-tools__chevron {
		margin-inline-start: auto;
	}

	#site-footer .id-footer-tools__panel {
		position: static;
		width: 100%;
		margin-top: var(--ir-space-3);
	}
}

@media (max-width: 639px) {

	#site-footer .id-footer-tools__grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 1024px) {
	/* The imported heritage controls use a high stacking layer. Lift the main
	   footer grid above them so both the launcher and its open panel stay fully
	   interactive instead of slipping behind the decorative elements. */
	#site-footer > .public-shell-container.relative.z-30,#site-footer > .public-shell-container.ui-row-3.z-30,#site-footer > .public-shell-container.ui-grid-a.z-30,#site-footer > .public-shell-container.ui-row-m.z-30,#site-footer > .public-shell-container.ui-style-q.z-30,#site-footer > .public-shell-container.ui-style-z.z-30,#site-footer > .public-shell-container.ui-spacing-17.z-30,#site-footer > .public-shell-container.ui-style-1e.z-30,#site-footer > .public-shell-container.ui-spacing-1f.z-30,#site-footer > .public-shell-container.ui-row-1j.z-30,#site-footer > .public-shell-container.ui-action-1l.z-30,#site-footer > .public-shell-container.ui-panel-1w.z-30,#site-footer > .public-shell-container.ui-media-1x.z-30,#site-footer > .public-shell-container.ui-row-1z.z-30,#site-footer > .public-shell-container.ui-text-23-2.z-30,#site-footer > .public-shell-container.ui-row-24.z-30,#site-footer > .public-shell-container.ui-text-29.z-30,#site-footer > .public-shell-container.ui-panel-2n.z-30,#site-footer > .public-shell-container.ui-style-2s.z-30,#site-footer > .public-shell-container.ui-media-34.z-30,#site-footer > .public-shell-container.ui-panel-3n.z-30,#site-footer > .public-shell-container.ui-panel-3r.z-30,#site-footer > .public-shell-container.ui-row-3t.z-30,#site-footer > .public-shell-container.ui-grid-3x.z-30,#site-footer > .public-shell-container.ui-row-48.z-30,#site-footer > .public-shell-container.ui-panel-4e.z-30,#site-footer > .public-shell-container.ui-row-4f.z-30,#site-footer > .public-shell-container.ui-panel-4k.z-30,#site-footer > .public-shell-container.ui-panel-4m.z-30,#site-footer > .public-shell-container.ui-grid-4q.z-30,#site-footer > .public-shell-container.ui-row-4s.z-30,#site-footer > .public-shell-container.ui-text-4u.z-30,#site-footer > .public-shell-container.ui-style-4y.z-30,#site-footer > .public-shell-container.ui-media-4z.z-30,#site-footer > .public-shell-container.ui-media-51.z-30,#site-footer > .public-shell-container.ui-text-5i.z-30,#site-footer > .public-shell-container.ui-text-65.z-30,#site-footer > .public-shell-container.ui-panel-6r.z-30,#site-footer > .public-shell-container.ui-size-6w.z-30,#site-footer > .public-shell-container.ui-panel-7s.z-30,#site-footer > .public-shell-container.ui-row-a.z-30,#site-footer > .public-shell-container.ui-row-e.z-30,#site-footer > .public-shell-container.ui-text-1l.z-30,#site-footer > .public-shell-container.ui-grid-1p.ui-grid-1p,#site-footer > .public-shell-container.ui-stack-26.z-30,#site-footer > .public-shell-container.ui-text-27.z-30,#site-footer > .public-shell-container.ui-row-28.z-30,#site-footer > .public-shell-container.ui-media-2e.z-30,#site-footer > .public-shell-container.ui-spacing-75.z-30,#site-footer > .public-shell-container.ui-panel-7v.z-30,#site-footer > .public-shell-container.ui-text-34.z-30,#site-footer > .public-shell-container.ui-style-5u.z-30,#site-footer > .public-shell-container.ui-text-3o.z-30,#site-footer > .public-shell-container.ui-spacing-3z.z-30,#site-footer > .public-shell-container.ui-action-57.z-30,#site-footer > .public-shell-container.ui-media-5h.z-30,#site-footer > .public-shell-container.ui-media-5p.z-30,#site-footer > .public-shell-container.ui-media-63.z-30,#site-footer > .public-shell-container.ui-media-68.z-30,#site-footer > .public-shell-container.ui-media-6i.z-30,#site-footer > .public-shell-container.ui-media-6p.z-30,#site-footer > .public-shell-container.ui-media-6r.z-30,#site-footer > .public-shell-container.ui-media-6w.z-30,#site-footer > .public-shell-container.ui-row-6y-2.z-30,#site-footer > .public-shell-container.ui-spacing-7m.z-30,#site-footer > .public-shell-container.ui-panel-7r.z-30,#site-footer > .public-shell-container.ui-row-7t.z-30,#site-footer > .public-shell-container.ui-spacing-85.z-30,#site-footer > .public-shell-container.home-blog-row__media.z-30,#site-footer > .public-shell-container.services-page-service-card__layout.z-30,#site-footer > .public-shell-container.services-page-service-card__link.z-30,#site-footer > .public-shell-container.ui-style-2x.z-30,#site-footer > .public-shell-container.ui-style-32-2.z-30,#site-footer > .public-shell-container.ui-style-3h.z-30{
		z-index: 210;
	}

	#site-footer .id-footer-tools-slot--mobile {
		display: none;
	}

	#site-footer .id-footer-tools-slot--desktop {
		display: flex;
	}

	#site-footer .id-footer-tools__panel {
		top: calc(100% + 0.65rem);
		bottom: auto;
	}
}

/* Keep the educational link inside each service introduction editorial and
   compact. It extends the explanation without adding another card or changing
   the four-signal grid beside the showcase image. */
body.single-ir_service.irandesigner-exact-ui
	.id-service-priority
	.id-service-intro-link {
	color: #9f4d3e;
	font-weight: 650;
	text-decoration-line: underline;
	text-decoration-color: rgb(159 77 62 / 42%);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	transition: color 160ms ease, text-decoration-color 160ms ease;
}

body.single-ir_service.irandesigner-exact-ui
	.id-service-priority
	.id-service-intro-link:hover {
	color: #7f3f34;
	text-decoration-color: currentColor;
}

body.single-ir_service.irandesigner-exact-ui
	.id-service-priority
	.id-service-intro-link:focus-visible {
	border-radius: var(--ir-radius-control-sm);
	outline: 2px solid rgb(159 77 62 / 34%);
	outline-offset: 0.18rem;
}

/* Search archive hero mirrors the approved blog hero: the same calm surface,
   centered hierarchy and compact desktop/mobile height, while its title and
   description remain driven by the live search query. */
body.search.irandesigner-exact-ui .id-inner-hero--blog-match {
	display: flex;
	min-height: 15.7rem;
	align-items: center;
	border-color: rgb(221 209 188 / 78%);
	margin-bottom: var(--ir-space-16);
	padding: var(--ir-space-10) var(--ir-space-12);
	background: linear-gradient(
		135deg,
		rgb(255 252 248 / 94%) 0%,
		rgb(248 239 226 / 84%) 55%,
		rgb(255 255 255 / 90%) 100%
	) padding-box;
	box-shadow: var(--ir-shadow-md);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match::after {
	display: none;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__glow {
	display: none;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__blog-wash {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle at 82% 18%, rgb(39 103 200 / 16%) 0%, transparent 38%),
		radial-gradient(circle at 12% 88%, rgb(209 154 88 / 20%) 0%, transparent 44%);
	opacity: 0.9;
	pointer-events: none;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__content {
	width: 100%;
	max-width: none;
	text-align: center;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-breadcrumb {
	display: flex;
	justify-content: center;
	margin-bottom: var(--ir-space-6);
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-breadcrumb ol {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--ir-space-1) var(--ir-space-2);
	border: 1px solid rgb(159 77 62 / 14%);
	border-radius: var(--ir-radius-pill);
	padding: var(--ir-space-1) var(--ir-space-3);
	background: rgb(255 255 255 / 70%);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.25rem;
	box-shadow: var(--ir-shadow-soft);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match h1 {
	max-width: 58rem;
	margin: 0 auto;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
	text-wrap: balance;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__blog-line {
	display: block;
	width: 10rem;
	height: 0.5rem;
	border-radius: var(--ir-radius-pill);
	margin: var(--ir-space-5) auto 0;
	background: linear-gradient(90deg, #4197a5 0%, #d99b4f 52%, #bd573f 100%);
	box-shadow: var(--ir-shadow-soft);
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__description {
	max-width: 42rem;
	margin: var(--ir-space-4) auto 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2rem;
	text-align: center;
	text-wrap: pretty;
}

body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__description p {
	margin: 0;
	font: inherit;
	color: inherit;
}

@media (max-width: 767px) {
	body.search.irandesigner-exact-ui .public-shell-container {
		width: 100%;
		margin-inline: 0;
		padding-inline: var(--ir-space-6);
	}

	body.search.irandesigner-exact-ui .id-inner-hero--blog-match {
		min-height: 17.75rem;
		margin-bottom: var(--ir-space-10);
		padding: var(--ir-space-8) var(--ir-space-5);
	}

	body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-breadcrumb {
		margin-bottom: var(--ir-space-5);
	}

	body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-breadcrumb ol {
		padding: var(--ir-space-1) var(--ir-space-3);
		font-size: 0.6875rem;
	}

	body.search.irandesigner-exact-ui .id-inner-hero--blog-match h1 {
		font-size: clamp(1.55rem, 7vw, 2rem);
		line-height: 1.45;
	}

	body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__blog-line {
		width: 7rem;
		height: 0.375rem;
		margin-top: var(--ir-space-4);
	}

	body.search.irandesigner-exact-ui .id-inner-hero--blog-match .id-inner-hero__description {
		margin-top: var(--ir-space-3);
		font-size: 0.875rem;
		line-height: 1.75rem;
	}
}

/* Compact single-article masthead. The featured image becomes a concise media
   panel inside the hero, while all article facts use one lightweight editorial
   line instead of separate capsules and cards. */
body.single-post.irandesigner-exact-ui .id-single-article-hero {
	border: 1px solid transparent;
	padding: clamp(var(--ir-space-6), 2.4vw, var(--ir-space-8));
	background:
		radial-gradient(circle at 88% 12%, rgb(65 151 165 / 23%) 0%, transparent 34%) padding-box,
		radial-gradient(circle at 12% 92%, rgb(217 155 79 / 22%) 0%, transparent 38%) padding-box,
		radial-gradient(circle at 50% -28%, rgb(111 92 178 / 13%) 0%, transparent 48%) padding-box,
		linear-gradient(128deg, rgb(255 255 255 / 97%) 0%, rgb(247 250 250 / 94%) 44%, rgb(255 247 238 / 94%) 100%) padding-box,
		linear-gradient(115deg, rgb(65 151 165 / 46%), rgb(217 155 79 / 44%) 48%, rgb(189 87 63 / 38%) 74%, rgb(111 92 178 / 32%)) border-box;
	box-shadow: var(--ir-shadow-strong);
}

body.single-post.irandesigner-exact-ui .id-single-article-hero::after {
	display: block;
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(rgb(65 151 165 / 4.5%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(65 151 165 / 4.5%) 1px, transparent 1px);
	background-size: 64px 64px;
	content: "";
	-webkit-mask-image: linear-gradient(100deg, transparent 5%, #000 42%, transparent 94%);
	mask-image: linear-gradient(100deg, transparent 5%, #000 42%, transparent 94%);
	pointer-events: none;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__layout {
	position: relative;
	z-index: 2;
	display: block;
}

@media (min-width: 981px) {
	body.single-post.irandesigner-exact-ui .id-single-article-hero.has-cover .id-single-article-hero__layout {
		display: grid;
		grid-template-columns: minmax(16rem, 18.5rem) minmax(0, 1fr);
		align-items: center;
		gap: clamp(var(--ir-space-6), 3vw, var(--ir-space-10));
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero.has-cover .id-single-article-hero__content {
		grid-column: 2;
		grid-row: 1;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero.has-cover .id-single-article-hero__cover {
		grid-column: 1;
		grid-row: 1;
	}
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__content {
	display: flex;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ir-space-3) var(--ir-space-4);
	max-width: none;
	margin: 0;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__headline {
	order: 1;
	max-width: none;
	flex: 0 0 100%;
	margin: 0;
	text-align: right;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__headline h1 {
	max-width: 48rem;
	color: #272433;
	font-size: clamp(1.55rem, 2.45vw, 2.3rem);
	font-weight: 620;
	line-height: 1.42;
	text-wrap: balance;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__headline h1::after {
	display: block;
	width: 7.5rem;
	height: 0.34rem;
	border-radius: var(--ir-radius-pill);
	margin: var(--ir-space-3) 0 0 auto;
	background: linear-gradient(90deg, #4197a5 0%, #d99b4f 52%, #bd573f 100%);
	box-shadow: var(--ir-shadow-soft);
	content: "";
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__headline p {
	max-width: 49rem;
	margin: var(--ir-space-3) 0 0;
	color: #504a52;
	font-size: clamp(0.8rem, 1.1vw, 0.9rem);
	font-weight: 400;
	line-height: 1.9;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__eyebrows {
	justify-content: flex-start;
	gap: var(--ir-space-2) var(--ir-space-3);
	border-inline-end: 1px solid rgb(65 151 165 / 18%);
	padding-inline-end: 1rem;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__details {
	order: 2;
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ir-space-2) var(--ir-space-4);
	min-width: 0;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__category,
body.single-post.irandesigner-exact-ui .id-single-article-hero__read-time {
	min-height: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	font-size: 0.7rem;
	font-weight: 560;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__category {
	color: #2f727b;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__read-time {
	color: #8a5b2e;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__category:hover,
body.single-post.irandesigner-exact-ui .id-single-article-hero__category:focus-visible {
	transform: none;
	background: transparent;
	color: #245f67;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta {
	display: flex;
	flex: 1 1 22rem;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: var(--ir-space-2) var(--ir-space-4);
	border: 0;
	padding: 0;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item {
	position: relative;
	min-width: 0;
	min-height: 0;
	gap: var(--ir-space-1);
	border: 0;
	border-radius: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item:not(:last-child)::after {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	margin-inline-start: 0.55rem;
	background: rgb(159 77 62 / 45%);
	content: "";
}

body.single-post.irandesigner-exact-ui a.id-single-article-hero__meta-item:hover,
body.single-post.irandesigner-exact-ui a.id-single-article-hero__meta-item:focus-visible {
	transform: none;
	background: transparent;
	color: #2f727b;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-icon {
	width: 1.1rem;
	height: 1.1rem;
	flex: 0 0 1.1rem;
	border-radius: 0;
	background: transparent;
	color: #4d7d82;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item > span:last-child {
	display: inline-flex;
	align-items: baseline;
	gap: var(--ir-space-1);
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item small {
	font-size: 0.62rem;
	font-weight: 450;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item small::after {
	content: ":";
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item strong {
	font-size: 0.68rem;
	font-weight: 600;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__cover {
	position: relative;
	overflow: hidden;
	height: clamp(12rem, 15vw, 13.75rem);
	border: 1px solid transparent;
	border-radius: var(--ir-radius-hero);
	margin: 0;
	padding: 3px;
	background:
		linear-gradient(rgb(255 255 255 / 86%), rgb(255 255 255 / 86%)) padding-box,
		linear-gradient(135deg, rgb(65 151 165 / 48%), rgb(217 155 79 / 52%), rgb(189 87 63 / 42%)) border-box;
	box-shadow: var(--ir-shadow-md);
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__cover img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: calc(var(--ir-radius-hero) - 4px);
	object-fit: cover;
	object-position: center;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__cover figcaption {
	position: absolute;
	right: 0.7rem;
	bottom: 0.7rem;
	left: 0.7rem;
	overflow: hidden;
	border-radius: var(--ir-radius-control-sm);
	padding: var(--ir-space-1) var(--ir-space-2);
	background: linear-gradient(90deg, rgb(31 42 51 / 74%), rgb(31 42 51 / 48%));
	color: #fff;
	font-size: 0.6rem;
	font-weight: 450;
	line-height: 1.5;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__orb {
	z-index: 1;
	opacity: 0.8;
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__orb--one {
	border-color: rgb(65 151 165 / 18%);
	background: radial-gradient(circle at 40% 40%, rgb(255 255 255 / 70%), rgb(65 151 165 / 8%) 58%, transparent 60%);
	box-shadow: var(--ir-shadow-soft);
}

body.single-post.irandesigner-exact-ui .id-single-article-hero__orb--two {
	background: linear-gradient(135deg, rgb(217 155 79 / 13%), rgb(189 87 63 / 7%));
	box-shadow: var(--ir-shadow-soft);
}

@media (max-width: 980px) {
	body.single-post.irandesigner-exact-ui .id-single-article-hero__layout {
		display: grid;
		gap: var(--ir-space-4);
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__cover {
		height: clamp(9.5rem, 42vw, 13rem);
	}
}

@media (max-width: 760px) {
	body.single-post.irandesigner-exact-ui .id-single-article-hero {
		border-radius: var(--ir-radius-hero);
		padding: var(--ir-space-5) var(--ir-space-5);
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__content {
		gap: var(--ir-space-2) var(--ir-space-3);
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__headline h1 {
		font-size: clamp(1.35rem, 6.6vw, 1.65rem);
		line-height: 1.5;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__headline h1::after {
		width: 6rem;
		height: 0.28rem;
		margin-top: var(--ir-space-3);
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__headline p {
		display: none;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__eyebrows {
		border-inline-end: 0;
		padding-inline-end: 0;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__details {
		width: 100%;
		flex-wrap: nowrap;
		gap: var(--ir-space-3);
		overflow-x: auto;
		overflow-y: hidden;
		padding-block: var(--ir-space-1) var(--ir-space-1);
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__details::-webkit-scrollbar {
		display: none;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__eyebrows,
	body.single-post.irandesigner-exact-ui .id-single-article-hero__meta {
		flex: 0 0 auto;
		flex-wrap: nowrap;
		gap: var(--ir-space-1) var(--ir-space-3);
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item,
	body.single-post.irandesigner-exact-ui .id-single-article-hero__category,
	body.single-post.irandesigner-exact-ui .id-single-article-hero__read-time {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item small {
		display: none;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__meta-item strong {
		font-size: 0.64rem;
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__cover {
		height: 8.25rem;
		border-radius: var(--ir-radius-panel);
	}

	body.single-post.irandesigner-exact-ui .id-single-article-hero__cover img {
		border-radius: calc(var(--ir-radius-panel) - 4px);
	}

	body.single-post.irandesigner-exact-ui .id-article-toolbox {
		margin-bottom: var(--ir-space-4);
	}

	body.single-post.irandesigner-exact-ui .id-article-toolbox__intro {
		display: none;
	}

	body.single-post.irandesigner-exact-ui .blog-mobile-toc {
		margin-bottom: var(--ir-space-4);
		padding: var(--ir-space-3);
	}
}

@media (prefers-reduced-motion: reduce) {
	#site-footer .id-footer-tools[open] .id-footer-tools__panel {
		animation: none;
	}
}

/* Article headings: keep the reading flow continuous instead of turning each
 * heading into a card. Colour and a quiet prismatic rule carry the hierarchy. */
body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > :is(h2, h3, h4) {
	width: fit-content;
	max-width: 100%;
	overflow: visible;
	border: 0;
	border-radius: 0;
	padding-inline: 0;
	background: none;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h2 {
	margin-block: clamp(var(--ir-space-10), 5vw, var(--ir-space-12)) clamp(var(--ir-space-4), 2.2vw, var(--ir-space-5));
	padding-block: 0 var(--ir-space-3);
	color: #3f7f87;
	font-weight: 620;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h3 {
	margin-block: clamp(var(--ir-space-8), 4vw, var(--ir-space-10)) clamp(var(--ir-space-3), 2vw, var(--ir-space-4));
	padding-block: 0 var(--ir-space-2);
	color: #9a5f50;
	font-weight: 570;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h4 {
	margin-block: clamp(var(--ir-space-6), 3vw, var(--ir-space-8)) var(--ir-space-3);
	padding-block: 0 var(--ir-space-2);
	color: #846b47;
	font-weight: 540;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h3::before {
	display: none;
	content: none;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > :is(h2, h3, h4)::after {
	position: static;
	display: block;
	inset: auto;
	height: 1px;
	border-radius: var(--ir-radius-pill);
	margin-block-start: 0.5rem;
	margin-inline: 0 auto;
	background: linear-gradient(90deg, #4197a5 0%, #d99b4f 54%, #bd573f 100%);
	content: "";
	opacity: 0.72;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h2::after {
	width: clamp(5.5rem, 10vw, 8rem);
	height: 2px;
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h3::after {
	width: clamp(3.8rem, 7vw, 5.5rem);
}

body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h4::after {
	width: clamp(2.6rem, 5vw, 3.8rem);
	opacity: 0.58;
}

@media (max-width: 640px) {
	body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h2 {
		padding-block: 0 var(--ir-space-2);
	}

	body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] > h3 {
		width: fit-content;
		padding-block: 0 var(--ir-space-2);
	}
}

/* Public forms: helper examples inside controls must stay subordinate to the
   field label and to the value a visitor enters. Keep actual input text intact. */
html body.irandesigner-exact-ui form :is(input, textarea)::placeholder {
	font-size: 0.75rem;
	font-weight: 520;
	line-height: 1.9;
	letter-spacing: 0;
}

/* The project brief previously inherited oversized text utilities, making its
   examples visually louder than the labels. It intentionally uses the most
   compact placeholder scale across the public site. */
html body.irandesigner-exact-ui .id-project-brief-form :is(input, textarea)::placeholder {
	font-size: 0.68rem;
	font-weight: 520;
	line-height: 2;
}

html body.irandesigner-exact-ui form :is(input, textarea):focus::placeholder {
	color: transparent;
	opacity: 0;
}

/* Primary author credentials: compact, verifiable and intentionally separate
   from the profile footer and the article grid. */
.id-author-credentials {
	margin: -1.15rem 0 var(--ir-space-12);
	border: 1px solid rgb(65 135 146 / 16%);
	border-radius: var(--ir-radius-hero);
	padding: clamp(var(--ir-space-4), 2.4vw, var(--ir-space-6));
	background: linear-gradient(135deg, rgb(255 255 255 / 90%), rgb(238 248 247 / 72%));
	box-shadow: var(--ir-shadow-md);
}

.id-author-credentials__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--ir-space-4);
	margin-bottom: var(--ir-space-4);
}

.id-author-credentials__header > div > span {
	color: #357780;
	font-size: 0.68rem;
	font-weight: 600;
}

.id-author-credentials__header h2 {
	margin: var(--ir-space-1) 0 0;
	color: var(--foreground);
	font-size: clamp(1.15rem, 2.5vw, 1.55rem);
	font-weight: 650;
	line-height: 1.6;
}

.id-author-credentials__header p {
	margin: 0;
	color: var(--muted-foreground);
	font-size: 0.72rem;
	font-weight: 400;
	line-height: 1.8;
}

.id-author-credentials__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ir-space-3);
}

.id-author-credentials__card {
	display: grid;
	min-width: 0;
	align-content: start;
	gap: var(--ir-space-2);
	border: 1px solid rgb(65 135 146 / 13%);
	border-radius: var(--ir-radius-card);
	padding: var(--ir-space-3);
	background: rgb(255 255 255 / 76%);
}

.id-author-credentials__issuer {
	color: #357780;
	font-size: 0.64rem;
	font-weight: 520;
}

.id-author-credentials__card h3 {
	margin: 0;
	color: var(--foreground);
	font-size: 0.76rem;
	font-weight: 600;
	line-height: 1.65;
	text-align: left;
}

.id-author-credentials__card a {
	display: inline-flex;
	min-height: 2.25rem;
	align-items: center;
	justify-content: space-between;
	gap: var(--ir-space-2);
	margin-top: auto;
	border-top: 1px solid rgb(65 135 146 / 10%);
	padding-top: var(--ir-space-2);
	color: #357780;
	font-size: 0.68rem;
	font-weight: 550;
}

.id-ads-professional-credentials {
	padding-top: clamp(var(--ir-space-3), 2vw, var(--ir-space-5));
	padding-bottom: clamp(var(--ir-space-3), 2vw, var(--ir-space-5));
}

.id-ads-professional-credentials__shell {
	display: flex;
	width: min(calc(100% - 3rem), 72rem);
	align-items: center;
	gap: var(--ir-space-4);
	margin-inline: auto;
	border: 1px solid rgb(65 135 146 / 16%);
	border-radius: var(--ir-radius-panel);
	padding: var(--ir-space-4) var(--ir-space-4);
	background: linear-gradient(135deg, rgb(255 255 255 / 88%), rgb(235 248 247 / 72%));
}

.id-ads-professional-credentials__shell > span {
	flex: 0 0 auto;
	border-radius: var(--ir-radius-pill);
	padding: var(--ir-space-1) var(--ir-space-3);
	background: rgb(65 135 146 / 9%);
	color: #357780;
	font-size: 0.66rem;
	font-weight: 600;
}

.id-ads-professional-credentials__shell p {
	margin: 0;
	color: var(--muted-foreground);
	font-size: 0.76rem;
	font-weight: 400;
	line-height: 2;
}

.id-ads-professional-credentials__shell a,
.id-about-member-card__credential-summary a {
	color: #357780;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

.id-about-member-card__credential-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ir-space-1) var(--ir-space-3);
	margin-top: var(--ir-space-3);
	border-top: 1px solid rgb(65 135 146 / 12%);
	padding-top: var(--ir-space-3);
	font-size: 0.7rem;
	line-height: 1.9;
}

.id-about-member-card__credential-summary p {
	margin: 0;
	color: var(--muted-foreground);
	font-weight: 400;
}

@media (max-width: 767px) {
	.id-author-credentials {
		margin-top: -1.5rem;
		border-radius: var(--ir-radius-panel);
	}

	.id-author-credentials__header {
		display: grid;
	}

	.id-author-credentials__grid {
		grid-template-columns: 1fr;
	}

	.id-ads-professional-credentials__shell {
		display: grid;
		width: min(calc(100% - 2rem), 72rem);
	}

	.id-ads-professional-credentials__shell > span {
		justify-self: start;
	}
}

/* Evidence-led case study modules used by database-native project stories. */
.id-case-intro,
.id-case-screens {
	position: relative;
}

.id-case-kicker {
	margin: 0 0 var(--ir-space-2);
	color: #6f7898;
	font-size: 0.78rem;
	font-weight: 760;
	letter-spacing: 0.03em;
}

.id-case-decision-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ir-space-4);
	margin-block: var(--ir-space-5) var(--ir-space-8);
}

.id-case-decision-grid article {
	padding: var(--ir-space-5);
	border: 1px solid rgb(209 202 193 / 72%);
	border-radius: var(--ir-radius-panel);
	background: linear-gradient(145deg, rgb(255 255 255 / 88%), rgb(247 243 236 / 72%));
	box-shadow: var(--ir-shadow-soft);
}

.id-case-decision-grid article > span {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	margin-bottom: var(--ir-space-3);
	border-radius: var(--ir-radius-control-sm);
	background: #eef1ff;
	color: #5665a4;
	font-size: 0.72rem;
	font-weight: 800;
}

.id-case-decision-grid h3 {
	margin: 0 0 var(--ir-space-1);
	font-size: 1rem;
}

.id-case-decision-grid p {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.95;
}

.id-case-evidence-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ir-space-3) var(--ir-space-4);
	padding: 0;
	list-style: none;
}

.id-case-evidence-list li {
	position: relative;
	padding: var(--ir-space-3) var(--ir-space-10) var(--ir-space-3) var(--ir-space-3);
	border: 1px solid rgb(111 120 152 / 18%);
	border-radius: var(--ir-radius-control-md);
	background: rgb(247 248 252 / 78%);
}

.id-case-evidence-list li::before {
	position: absolute;
	top: 0.93rem;
	right: 0.9rem;
	width: 1rem;
	height: 1rem;
	content: "";
	border-radius: 50%;
	background: radial-gradient(circle at center, #fff 0 23%, transparent 25%), linear-gradient(135deg, #5668d8, #49a18e);
}

.id-case-screens__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.28fr);
	align-items: start;
	gap: var(--ir-space-4);
	margin-top: var(--ir-space-5);
}

.id-case-screens figure {
	margin: 0;
	overflow: hidden;
	border: 1px solid rgb(205 199 190 / 82%);
	border-radius: var(--ir-radius-panel);
	background: #f8f5ee;
	box-shadow: var(--ir-shadow-md);
}

.id-case-screens figure img,
.id-case-fullshot img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.id-case-screens figcaption {
	padding: var(--ir-space-3) var(--ir-space-4);
	color: #69645f;
	font-size: 0.76rem;
	line-height: 1.8;
}

.id-case-fullshot {
	margin-top: var(--ir-space-4);
	border: 1px solid rgb(205 199 190 / 78%);
	border-radius: var(--ir-radius-card);
	background: rgb(255 255 255 / 72%);
}

.id-case-fullshot summary {
	cursor: pointer;
	padding: var(--ir-space-4) var(--ir-space-4);
	font-weight: 700;
}

.id-case-fullshot img {
	border-top: 1px solid rgb(205 199 190 / 65%);
	border-radius: 0 0 var(--ir-radius-card) var(--ir-radius-card);
}

@media (max-width: 720px) {
	.id-case-decision-grid,
	.id-case-evidence-list,
	.id-case-screens__grid {
		grid-template-columns: 1fr;
	}

	.id-case-screens__mobile {
		width: min(100%, 22rem);
		margin-inline: auto;
	}

	/* The desktop sheen spans both hero columns. Once the media and copy stack
	 * on mobile it becomes a white veil over the screenshot and the heading. */
	body.single-ir_case_study .id-work-hero::before {
		display: none;
		content: none;
	}
}

/* Some imported service templates omitted the separator SVG while others
 * included it. Replace both variants with one shared lightweight chevron so
 * every breadcrumb reads: home, services, current page. */
body.single-ir_service.irandesigner-exact-ui
	.service-detail-page
	nav[aria-label^="مسیر"]
	> :is(ol, ul)
	> li {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: var(--ir-space-2);
}

body.single-ir_service.irandesigner-exact-ui
	.service-detail-page
	nav[aria-label^="مسیر"]
	> :is(ol, ul)
	> li
	> span[aria-hidden="true"] {
	display: none;
}

body.single-ir_service.irandesigner-exact-ui
	.service-detail-page
	nav[aria-label^="مسیر"]
	> :is(ol, ul)
	> li:not(:last-child)::after {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	color: rgb(159 77 62 / 48%);
	content: "‹";
	font-family: Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 0.75;
	transform: translateY(-0.02em);
}

/* 2.0.19 — specialist service architecture.
 * The hubs share brand tokens; every landing below has its own composition and
 * reading rhythm so the new pages do not feel like content swapped in one shell. */
.id-seo-service-hub__shell,
.id-web-service-hub__shell {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: min(calc(100% - 3rem), 80rem);
	margin-inline: auto;
	border: 1px solid rgb(221 209 188 / 72%);
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(138deg, rgb(255 255 255 / 94%), rgb(248 251 249 / 88%) 52%, rgb(255 248 240 / 88%));
	box-shadow: var(--ir-shadow-strong);
}

.id-seo-service-hub__shell {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	gap: clamp(var(--ir-space-6), 4vw, var(--ir-space-16));
	padding: clamp(var(--ir-space-6), 3.4vw, var(--ir-space-12));
}

.id-seo-service-hub__header > span,
.id-web-service-hub__copy > span {
	color: #2f7882;
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.id-seo-service-hub__header h2,
.id-web-service-hub__copy h2 {
	margin-top: var(--ir-space-3);
	font-size: clamp(1.55rem, 3vw, 2.65rem);
	font-weight: 560;
	line-height: 1.45;
}

.id-seo-service-hub__header p,
.id-web-service-hub__copy p {
	margin-top: var(--ir-space-4);
	color: rgb(45 39 51 / 72%);
	font-size: 0.95rem;
	font-weight: 380;
	line-height: 2;
}

.id-seo-service-hub__links {
	display: grid;
	border-top: 1px solid rgb(65 135 146 / 14%);
}

.id-seo-service-hub__links a {
	display: grid;
	grid-template-columns: 2.2rem minmax(0, 1fr) auto;
	grid-template-areas: "number title arrow" "number note arrow";
	align-items: center;
	gap: var(--ir-space-1) var(--ir-space-3);
	border-bottom: 1px solid rgb(65 135 146 / 14%);
	padding: var(--ir-space-4) var(--ir-space-1);
	color: inherit;
	transition: color 180ms ease, padding-inline 180ms ease;
}

.id-seo-service-hub__links a:hover {
	padding-inline: var(--ir-space-2);
	color: #2f7882;
}

.id-seo-service-hub__links a > span { grid-area: number; color: rgb(65 135 146 / 46%); font-size: 0.72rem; }
.id-seo-service-hub__links a > strong { grid-area: title; font-size: 1rem; font-weight: 540; }
.id-seo-service-hub__links a > small { grid-area: note; color: rgb(45 39 51 / 60%); font-size: 0.75rem; font-weight: 360; }
.id-seo-service-hub__links a > b { grid-area: arrow; font-size: 1.2rem; font-weight: 400; }

.id-web-service-hub__shell {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: clamp(var(--ir-space-6), 4vw, var(--ir-space-16));
	padding: clamp(var(--ir-space-6), 3.6vw, var(--ir-space-16));
	background:
		radial-gradient(circle at 8% 12%, rgb(99 102 241 / 9%), transparent 34%),
		linear-gradient(138deg, rgb(255 255 255 / 96%), rgb(247 248 255 / 92%) 54%, rgb(249 253 252 / 90%));
}

.id-web-service-hub__choices {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ir-space-4);
}

.id-web-service-hub__choices a {
	display: grid;
	min-height: 14rem;
	grid-template-rows: 8.7rem minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid rgb(99 102 241 / 15%);
	border-radius: var(--ir-radius-hero);
	padding: 0;
	background: rgb(255 255 255 / 64%);
	box-shadow: var(--ir-shadow-none);
	color: inherit;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.id-web-service-hub__choices a:nth-child(2) { transform: translateY(1.2rem); border-color: rgb(65 151 165 / 19%); }
.id-web-service-hub__choices a:hover { transform: translateY(-0.22rem); border-color: rgb(99 102 241 / 28%); box-shadow: var(--ir-shadow-md); }
.id-web-service-hub__choices a:nth-child(2):hover { transform: translateY(0.95rem); }
.id-web-service-hub__choices figure { overflow: hidden; margin: 0; background: rgb(241 247 246 / 76%); }
.id-web-service-hub__choices img { width: 100%; height: 100%; object-fit: cover; transition: transform 320ms ease; }
.id-web-service-hub__choices a:hover img { transform: scale(1.025); }
.id-web-service-hub__choice-copy { display: flex; min-width: 0; flex-direction: column; padding: var(--ir-space-4) var(--ir-space-4) var(--ir-space-5); }
.id-web-service-hub__choices small { color: rgb(45 39 51 / 58%); font-size: 0.72rem; font-weight: 360; }
.id-web-service-hub__choices strong { margin-top: var(--ir-space-2); font-size: 1.2rem; font-weight: 560; }
.id-web-service-hub__choices span { margin-top: auto; padding-top: var(--ir-space-4); color: #5558a6; font-size: 0.78rem; font-weight: 470; }
.id-web-service-hub__choices a:first-child span { color: #3f8791; }
.id-web-service-hub__choices a:nth-child(2) span { color: #a95743; }

.id-web-service-hub__specialties {
	display: grid;
	gap: var(--ir-space-1);
	margin-top: var(--ir-space-6);
	border-top: 1px solid rgb(85 88 166 / 13%);
	padding-top: var(--ir-space-3);
}

.id-web-service-hub__specialties a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgb(85 88 166 / 11%);
	padding: var(--ir-space-2) 0;
	color: rgb(45 39 51 / 70%);
	font-size: 0.76rem;
	font-weight: 410;
}

.id-web-service-hub__specialties a span { margin: 0; color: #5558a6; }

.id-web-family-links {
	display: flex;
	max-width: 80rem;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ir-space-2);
	margin: 0 auto clamp(var(--ir-space-10), 5vw, var(--ir-space-20));
	padding-inline: var(--ir-space-6);
}

.id-web-family-links > span {
	margin-inline-end: 0.35rem;
	color: rgb(45 39 51 / 54%);
	font-size: 0.7rem;
	font-weight: 420;
}

.id-web-family-links > a {
	border: 1px solid rgb(85 88 166 / 14%);
	border-radius: var(--ir-radius-pill);
	padding: var(--ir-space-2) var(--ir-space-3);
	background: rgb(255 255 255 / 54%);
	color: rgb(45 39 51 / 72%);
	font-size: 0.7rem;
	font-weight: 410;
}

.id-web-family-links > a:hover { border-color: rgb(85 88 166 / 28%); color: #5558a6; }

.id-specialist-service {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(8.8rem, 12vw, 11rem) 0 clamp(var(--ir-space-16), 7vw, 7rem);
	color: #2d2733;
}

.id-specialist-service__pattern {
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: 0.42;
}

.id-specialist-service h1,
.id-specialist-service h2,
.id-specialist-service h3,
.id-specialist-service p { margin-block: 0; }
.id-specialist-service h1 { font-size: clamp(2.25rem, 5.7vw, 5.1rem); font-weight: 590; line-height: 1.2; letter-spacing: -0.045em; }
.id-specialist-service h2 { font-size: clamp(1.65rem, 3.5vw, 3rem); font-weight: 560; line-height: 1.45; letter-spacing: -0.025em; }
.id-specialist-service h3 { font-weight: 540; }
.id-specialist-service p { color: rgb(45 39 51 / 72%); font-weight: 360; line-height: 2; }
.id-specialist-kicker { display: inline-flex; margin-bottom: var(--ir-space-4); color: var(--id-special-accent, #2f7882); font-size: 0.78rem; font-weight: 520; }

.id-specialist-actions { display: flex; flex-wrap: wrap; gap: var(--ir-space-3); margin-top: var(--ir-space-6); }
.id-specialist-actions a,
.id-specialist-cta > a {
	display: inline-flex;
	min-height: 3.15rem;
	align-items: center;
	justify-content: center;
	gap: var(--ir-space-4);
	border: 1px solid rgb(255 255 255 / 45%);
	border-radius: var(--ir-radius-card);
	padding: var(--ir-space-3) var(--ir-space-5);
	background: var(--id-special-accent, #2f7882);
	box-shadow: var(--ir-shadow-none);
	color: #fff;
	font-size: 0.86rem;
	font-weight: 520;
}
.id-specialist-actions a + a { border-color: rgb(45 39 51 / 13%); background: rgb(255 255 255 / 64%); box-shadow: none; color: #2d2733; }

.id-specialist-links {
	display: grid;
	grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
	gap: var(--ir-space-8);
	align-items: start;
}
.id-specialist-links > div > span,
.id-specialist-cta > div > span { color: var(--id-special-accent, #2f7882); font-size: 0.74rem; font-weight: 500; }
.id-specialist-links nav { display: grid; border-top: 1px solid rgb(45 39 51 / 12%); }
.id-specialist-links nav a { display: grid; gap: var(--ir-space-1); border-bottom: 1px solid rgb(45 39 51 / 12%); padding: var(--ir-space-4) 0; color: inherit; }
.id-specialist-links nav strong { font-size: 1rem; font-weight: 520; }
.id-specialist-links nav small { color: rgb(45 39 51 / 58%); font-weight: 350; }

.id-specialist-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ir-space-8);
	border: 1px solid rgb(221 209 188 / 72%);
	border-radius: var(--ir-radius-hero);
	padding: clamp(var(--ir-space-6), 4vw, var(--ir-space-16));
	background: linear-gradient(135deg, rgb(255 255 255 / 94%), rgb(249 246 240 / 88%));
	box-shadow: var(--ir-shadow-strong);
}
.id-specialist-cta h2 { margin-top: var(--ir-space-2); }
.id-specialist-cta p { max-width: 48rem; margin-top: var(--ir-space-3); }

/* SEO strategy: blueprint and roadmap composition. */
.id-specialist-service--strategy { --id-special-accent: #2f7882; background: radial-gradient(circle at 84% 7%, rgb(65 151 165 / 12%), transparent 30%), #fbfaf7; }
.id-strategy-hero { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 1.05fr); gap: clamp(var(--ir-space-8), 6vw, var(--ir-space-24)); align-items: center; }
.id-strategy-hero__copy > p { max-width: 46rem; margin-top: var(--ir-space-5); font-size: 1.02rem; }
.id-strategy-board { position: relative; display: grid; gap: var(--ir-space-3); border: 1px solid rgb(47 120 130 / 18%); border-radius: var(--ir-radius-hero); padding: clamp(var(--ir-space-5), 3vw, var(--ir-space-10)); background: linear-gradient(148deg, rgb(238 249 247 / 92%), rgb(255 255 255 / 78%)); box-shadow: var(--ir-shadow-strong); }
.id-strategy-board > div { position: relative; z-index: 1; display: grid; gap: var(--ir-space-1); border: 1px solid rgb(47 120 130 / 12%); border-radius: var(--ir-radius-card); padding: var(--ir-space-4) var(--ir-space-4); background: rgb(255 255 255 / 72%); }
.id-strategy-board > div:nth-child(2) { margin-inline: var(--ir-space-6) -1.4rem; }
.id-strategy-board span { color: #2f7882; font-size: 0.68rem; font-weight: 500; }
.id-strategy-board strong { font-size: 1rem; font-weight: 540; }
.id-strategy-board small { color: rgb(45 39 51 / 55%); font-weight: 350; }
.id-strategy-board svg { position: absolute; inset: auto 8% 9% 8%; width: 84%; opacity: 0.22; }
.id-strategy-board svg :is(path,circle) { fill: none; stroke: #2f7882; stroke-width: 1.2; }
.id-strategy-decisions > header { display: grid; max-width: 58rem; gap: var(--ir-space-2); }
.id-strategy-decisions > header > span,
.id-strategy-roadmap__intro > span { color: #2f7882; font-size: 0.75rem; font-weight: 500; }
.id-strategy-decisions__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--ir-space-4); margin-top: var(--ir-space-8); }
.id-strategy-decisions article { min-height: 18rem; border-top: 2px solid rgb(47 120 130 / 44%); padding: var(--ir-space-6) var(--ir-space-1); }
.id-strategy-decisions article b { color: rgb(47 120 130 / 38%); font-size: 2.8rem; font-weight: 420; }
.id-strategy-decisions article h3 { margin-top: var(--ir-space-10); font-size: 1.2rem; }
.id-strategy-decisions article p { margin-top: var(--ir-space-3); font-size: 0.9rem; }
.id-strategy-roadmap { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); gap: clamp(var(--ir-space-8), 6vw, var(--ir-space-24)); }
.id-strategy-roadmap__intro p { margin-top: var(--ir-space-4); }
.id-strategy-roadmap ol { position: relative; display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.id-strategy-roadmap ol::before { position: absolute; inset-block: 1.2rem; inset-inline-start: 5.15rem; width: 1px; background: rgb(47 120 130 / 22%); content: ""; }
.id-strategy-roadmap li { position: relative; display: grid; grid-template-columns: 4.3rem 1fr; gap: var(--ir-space-6); padding: var(--ir-space-3) 0 var(--ir-space-6); }
.id-strategy-roadmap li > span { color: #2f7882; font-size: 0.72rem; font-weight: 500; }
.id-strategy-roadmap li > div { position: relative; }
.id-strategy-roadmap li > div::before { position: absolute; inset-block-start: 0.28rem; inset-inline-start: -2rem; width: 0.65rem; height: 0.65rem; border: 2px solid #2f7882; border-radius: 50%; background: #fbfaf7; content: ""; }
.id-strategy-roadmap li strong { font-size: 1rem; font-weight: 540; }
.id-strategy-roadmap li p { margin-top: var(--ir-space-2); font-size: 0.82rem; }

/* Consulting: editorial decision room. */
.id-specialist-service--consulting { --id-special-accent: #a65442; background: linear-gradient(180deg, #fbf7f2, #fff 54%, #fbfaf7); }
.id-consulting-hero { border: 1px solid rgb(166 84 66 / 16%); border-radius: var(--ir-radius-hero); padding: clamp(var(--ir-space-6), 4vw, var(--ir-space-12)); background: radial-gradient(circle at 10% 90%, rgb(217 155 79 / 14%), transparent 34%), rgb(255 255 255 / 70%); }
.id-consulting-hero__top { display: flex; align-items: center; justify-content: space-between; gap: var(--ir-space-4); border-bottom: 1px solid rgb(166 84 66 / 14%); padding-bottom: var(--ir-space-4); }
.id-consulting-hero__top > span { color: #a65442; font-size: 0.72rem; font-weight: 500; }
.id-consulting-hero__body {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	align-items: start;
	gap: clamp(var(--ir-space-6), 4vw, var(--ir-space-12));
	padding-top: clamp(var(--ir-space-5), 2.2vw, var(--ir-space-8));
}
.id-consulting-hero__body > div > p { max-width: 45rem; margin-top: var(--ir-space-5); }
.id-consulting-hero__body > div > a { display: inline-flex; gap: var(--ir-space-4); margin-top: var(--ir-space-6); color: #a65442; font-size: 0.9rem; font-weight: 520; }
.id-consulting-question-stack { display: grid; gap: var(--ir-space-2); border-inline-start: 1px solid rgb(166 84 66 / 18%); padding-inline-start: 1.4rem; }
.id-consulting-question-stack > span { color: #a65442; font-size: 0.72rem; }
.id-consulting-question-stack > p { border-bottom: 1px solid rgb(166 84 66 / 12%); padding: var(--ir-space-2) 0; color: #2d2733; font-size: 0.85rem; line-height: 1.7; }
.id-consulting-question-stack > small { color: rgb(45 39 51 / 55%); font-size: 0.7rem; }
.id-consulting-triage > header { max-width: 54rem; }
.id-consulting-triage > header > span,
.id-consulting-session__lead > span,
.id-consulting-boundary > div > span { color: #a65442; font-size: 0.75rem; }
.id-consulting-triage > header p { margin-top: var(--ir-space-3); }
.id-consulting-triage__matrix { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-5); margin-top: var(--ir-space-8); }
.id-consulting-triage__matrix > div { border: 1px solid rgb(45 39 51 / 11%); border-radius: var(--ir-radius-hero); padding: var(--ir-space-6); background: rgb(255 255 255 / 62%); }
.id-consulting-triage__matrix > .is-fit { border-color: rgb(166 84 66 / 20%); background: rgb(255 247 241 / 78%); }
.id-consulting-triage__matrix strong { font-weight: 540; }
.id-consulting-triage__matrix ul { display: grid; gap: var(--ir-space-3); margin: var(--ir-space-4) 0 0; padding: 0; list-style: none; }
.id-consulting-triage__matrix li { position: relative; padding-inline-start: 1.1rem; color: rgb(45 39 51 / 70%); font-size: 0.85rem; line-height: 1.8; }
.id-consulting-triage__matrix li::before { position: absolute; inset-block-start: 0.75rem; inset-inline-start: 0; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: #a65442; content: ""; }
.id-consulting-triage__matrix a { color: #a65442; text-decoration: underline; text-underline-offset: 0.2rem; }
.id-consulting-session { display: grid; grid-template-columns: minmax(0,0.65fr) minmax(0,1.35fr); gap: var(--ir-space-12); }
.id-consulting-session__flow { display: grid; gap: 0; border-top: 1px solid rgb(166 84 66 / 16%); }
.id-consulting-session__flow article { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: var(--ir-space-2) var(--ir-space-4); border-bottom: 1px solid rgb(166 84 66 / 16%); padding: var(--ir-space-5) 0; }
.id-consulting-session__flow article > span { grid-row: 1 / 4; color: rgb(166 84 66 / 52%); font-size: 0.74rem; }
.id-consulting-session__flow h3 { font-size: 1.05rem; }
.id-consulting-session__flow p { font-size: 0.82rem; }
.id-consulting-session__flow small { color: #a65442; font-size: 0.7rem; }
.id-consulting-boundary { display: grid; grid-template-columns: minmax(0,0.7fr) minmax(0,1.3fr); gap: var(--ir-space-8); border-block: 1px solid rgb(166 84 66 / 18%); padding-block: var(--ir-space-8); }
.id-consulting-linkline { display: flex; flex-wrap: wrap; gap: var(--ir-space-2) var(--ir-space-6); border-bottom: 1px solid rgb(45 39 51 / 12%); padding-bottom: var(--ir-space-4); }
.id-consulting-linkline a { color: rgb(45 39 51 / 68%); font-size: 0.8rem; font-weight: 420; }

/* Monthly SEO: operational calendar and ledger. */
.id-specialist-service--monthly { --id-special-accent: #386fa0; background: radial-gradient(circle at 12% 5%, rgb(56 111 160 / 13%), transparent 30%), #f8fafb; }
.id-monthly-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(22rem,0.8fr); gap: clamp(var(--ir-space-8), 7vw, 7rem); align-items: center; }
.id-monthly-hero__copy > p { max-width: 46rem; margin-top: var(--ir-space-5); }
.id-monthly-orbit { position: relative; aspect-ratio: 1; border: 1px solid rgb(56 111 160 / 16%); border-radius: 50%; background: radial-gradient(circle, rgb(255 255 255 / 92%) 0 34%, rgb(56 111 160 / 7%) 35% 35.5%, transparent 36%); }
.id-monthly-orbit::before { position: absolute; inset: 16%; border: 1px dashed rgb(56 111 160 / 30%); border-radius: 50%; content: ""; }
.id-monthly-orbit > p { position: absolute; inset: 40%; display: grid; place-content: center; text-align: center; line-height: 1.5; }
.id-monthly-orbit > div { position: absolute; display: grid; min-width: 5.2rem; gap: var(--ir-space-1); border: 1px solid rgb(56 111 160 / 17%); border-radius: var(--ir-radius-card); padding: var(--ir-space-3); background: rgb(255 255 255 / 90%); text-align: center; }
.id-monthly-orbit > div:nth-child(1) { inset: 2% auto auto 39%; }
.id-monthly-orbit > div:nth-child(2) { inset: 40% 1% auto auto; }
.id-monthly-orbit > div:nth-child(3) { inset: auto auto 2% 39%; }
.id-monthly-orbit > div:nth-child(4) { inset: 40% auto auto 0; }
.id-monthly-orbit strong { color: #386fa0; font-size: 0.72rem; font-weight: 500; }
.id-monthly-orbit span { font-size: 0.74rem; font-weight: 470; }
.id-monthly-calendar > header { max-width: 60rem; }
.id-monthly-calendar > header > span,
.id-monthly-ledger__copy > span,
.id-monthly-roles > header > span { color: #386fa0; font-size: 0.75rem; }
.id-monthly-calendar > header p { margin-top: var(--ir-space-3); }
.id-monthly-calendar__weeks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-top: var(--ir-space-8); border-block: 1px solid rgb(56 111 160 / 16%); }
.id-monthly-calendar__weeks article { min-height: 17rem; border-inline-end: 1px solid rgb(56 111 160 / 16%); padding: var(--ir-space-5); }
.id-monthly-calendar__weeks article:last-child { border-inline-end: 0; }
.id-monthly-calendar__weeks span { color: #386fa0; font-size: 0.7rem; }
.id-monthly-calendar__weeks h3 { margin-top: var(--ir-space-12); font-size: 1rem; }
.id-monthly-calendar__weeks p { margin-top: var(--ir-space-2); font-size: 0.8rem; }
.id-monthly-ledger { display: grid; grid-template-columns: minmax(0,0.72fr) minmax(0,1.28fr); gap: clamp(var(--ir-space-8),6vw,var(--ir-space-24)); align-items: center; }
.id-monthly-ledger__copy p { margin-top: var(--ir-space-4); }
.id-monthly-ledger__table { overflow: hidden; border: 1px solid rgb(56 111 160 / 16%); border-radius: var(--ir-radius-panel); background: rgb(255 255 255 / 68%); }
.id-monthly-ledger__table > div { display: grid; grid-template-columns: 1.1fr 0.65fr 1fr; gap: var(--ir-space-3); border-bottom: 1px solid rgb(56 111 160 / 12%); padding: var(--ir-space-4) var(--ir-space-4); }
.id-monthly-ledger__table > div:last-child { border-bottom: 0; }
.id-monthly-ledger__table b { font-size: 0.7rem; font-weight: 520; }
.id-monthly-ledger__table span,
.id-monthly-ledger__table em,
.id-monthly-ledger__table small { font-size: 0.72rem; font-style: normal; }
.id-monthly-ledger__table em { color: #386fa0; }
.id-monthly-ledger__table small { color: rgb(45 39 51 / 58%); }
.id-monthly-roles { display: grid; grid-template-columns: minmax(0,0.6fr) minmax(0,1.4fr); gap: var(--ir-space-12); }
.id-monthly-roles > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-4); }
.id-monthly-roles article { border-top: 2px solid rgb(56 111 160 / 32%); padding-top: var(--ir-space-4); }
.id-monthly-roles article strong { font-weight: 540; }
.id-monthly-roles article p { margin-top: var(--ir-space-2); font-size: 0.82rem; }
.id-monthly-roles > header p { margin-top: var(--ir-space-3); color: rgb(45 39 51 / 68%); font-size: 0.9rem; line-height: 1.95; }

/* Ecommerce SEO: catalog and index control. */
.id-specialist-service--commerce-seo { --id-special-accent: #34785f; background: linear-gradient(180deg,#f7faf6,#fff 48%,#fbf8f1); }
.id-commerce-seo-hero { display: grid; grid-template-columns: minmax(0,0.9fr) minmax(24rem,1.1fr); gap: clamp(var(--ir-space-8),6vw,var(--ir-space-24)); align-items: center; }
.id-commerce-seo-hero__copy > p { margin-top: var(--ir-space-5); }
.id-commerce-seo-hero__copy > a { display: inline-flex; gap: var(--ir-space-4); margin-top: var(--ir-space-6); color: #34785f; font-size: 0.9rem; font-weight: 520; }
.id-commerce-seo-catalog { position: relative; min-height: 25rem; border: 1px solid rgb(52 120 95 / 17%); border-radius: var(--ir-radius-hero); background: radial-gradient(circle at 50% 45%, rgb(52 120 95 / 9%), transparent 54%), rgb(255 255 255 / 68%); }
.id-commerce-seo-catalog > div { position: absolute; z-index: 1; display: grid; min-width: 9rem; gap: var(--ir-space-1); border: 1px solid rgb(52 120 95 / 15%); border-radius: var(--ir-radius-card); padding: var(--ir-space-3) var(--ir-space-4); background: rgb(255 255 255 / 92%); }
.id-commerce-seo-catalog .is-root { inset: 7% auto auto 35%; }
.id-commerce-seo-catalog .is-category { inset: 39% auto auto 7%; }
.id-commerce-seo-catalog .is-filter { inset: 39% 7% auto auto; }
.id-commerce-seo-catalog .is-product { inset: auto auto 6% 35%; }
.id-commerce-seo-catalog span { color: #34785f; font-size: 0.66rem; }
.id-commerce-seo-catalog strong { font-size: 0.82rem; font-weight: 520; }
.id-commerce-seo-catalog svg { position: absolute; inset: 18% 10%; width: 80%; height: 68%; }
.id-commerce-seo-catalog path { fill: none; stroke: rgb(52 120 95 / 35%); stroke-width: 1.2; }
.id-commerce-seo-templates > header { display: flex; align-items: end; justify-content: space-between; gap: var(--ir-space-8); }
.id-commerce-seo-templates > header > span,
.id-commerce-seo-guardrails__copy > span,
.id-commerce-seo-growth > header > span { color: #34785f; font-size: 0.74rem; }
.id-commerce-seo-templates > header h2 { max-width: 56rem; }
.id-commerce-seo-templates__rail { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--ir-space-3); margin-top: var(--ir-space-8); }
.id-commerce-seo-templates article { display: flex; min-height: 19rem; flex-direction: column; border: 1px solid rgb(52 120 95 / 14%); border-radius: var(--ir-radius-panel); padding: var(--ir-space-5); background: rgb(255 255 255 / 62%); }
.id-commerce-seo-templates article:nth-child(even) { transform: translateY(1.3rem); }
.id-commerce-seo-templates article b { color: rgb(52 120 95 / 48%); font-size: 0.65rem; font-weight: 500; }
.id-commerce-seo-templates article h3 { margin-top: var(--ir-space-12); }
.id-commerce-seo-templates article p { margin-top: var(--ir-space-3); font-size: 0.8rem; }
.id-commerce-seo-templates article small { margin-top: auto; color: #34785f; font-size: 0.68rem; }
.id-commerce-seo-guardrails { display: grid; grid-template-columns: minmax(20rem,0.75fr) minmax(0,1.25fr); gap: clamp(var(--ir-space-8),6vw,var(--ir-space-24)); align-items: center; }
.id-commerce-seo-guardrails__visual { position: relative; display: grid; gap: var(--ir-space-3); border: 1px solid rgb(52 120 95 / 16%); border-radius: 50% 50% var(--ir-radius-hero) var(--ir-radius-hero); padding: var(--ir-space-12) var(--ir-space-6) var(--ir-space-6); background: rgb(255 255 255 / 68%); }
.id-commerce-seo-guardrails__visual > span { position: absolute; inset: 1.1rem auto auto 50%; color: #34785f; font-size: 0.7rem; transform: translateX(-50%); }
.id-commerce-seo-guardrails__visual > div { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(52 120 95 / 12%); padding: var(--ir-space-3) 0; }
.id-commerce-seo-guardrails__visual b { font-weight: 520; }
.id-commerce-seo-guardrails__visual small { color: rgb(45 39 51 / 56%); }
.id-commerce-seo-guardrails__copy p { margin-top: var(--ir-space-4); }
.id-commerce-seo-guardrails__copy ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-2); margin: var(--ir-space-5) 0 0; padding: 0; list-style: none; }
.id-commerce-seo-guardrails__copy li { border: 1px solid rgb(52 120 95 / 13%); border-radius: var(--ir-radius-control-sm); padding: var(--ir-space-3); font-size: 0.76rem; }
.id-commerce-seo-growth { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--ir-space-8); align-items: end; border-block: 1px solid rgb(52 120 95 / 16%); padding-block: var(--ir-space-8); }
.id-commerce-seo-growth header { max-width: 53rem; }
.id-commerce-seo-growth header p { margin-top: var(--ir-space-3); }
.id-commerce-seo-growth > div { display: flex; flex-wrap: wrap; gap: var(--ir-space-2); }
.id-commerce-seo-growth > div span { border: 1px solid rgb(52 120 95 / 16%); border-radius: var(--ir-radius-pill); padding: var(--ir-space-2) var(--ir-space-3); color: #34785f; font-size: 0.68rem; }
.id-commerce-seo-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-block: 1px solid rgb(52 120 95 / 16%); }
.id-commerce-seo-links a { display: grid; gap: var(--ir-space-1); border-inline-end: 1px solid rgb(52 120 95 / 16%); padding: var(--ir-space-5); color: inherit; }
.id-commerce-seo-links a:last-child { border-inline-end: 0; }
.id-commerce-seo-links strong { font-size: 0.86rem; font-weight: 520; }
.id-commerce-seo-links small { color: rgb(45 39 51 / 56%); font-size: 0.68rem; }

/* Corporate website: editorial site map and proof system. */
.id-specialist-service--corporate { --id-special-accent: #3f8791; background: radial-gradient(circle at 88% 3%, rgb(63 135 145 / 12%), transparent 30%), #fafdfc; }
.id-corporate-hero { display: grid; grid-template-columns: minmax(0,0.95fr) minmax(23rem,1.05fr); gap: clamp(var(--ir-space-8),6vw,var(--ir-space-24)); align-items: center; }
.id-corporate-hero__copy > p { margin-top: var(--ir-space-5); }
.id-corporate-window { overflow: hidden; border: 1px solid rgb(85 88 166 / 18%); border-radius: var(--ir-radius-hero); background: rgb(255 255 255 / 72%); box-shadow: var(--ir-shadow-strong); }
.id-corporate-window__bar { display: flex; align-items: center; gap: var(--ir-space-1); border-bottom: 1px solid rgb(85 88 166 / 12%); padding: var(--ir-space-3) var(--ir-space-4); }
.id-corporate-window__bar i { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: rgb(85 88 166 / 30%); }
.id-corporate-window__bar span { margin-inline-start: auto; color: rgb(45 39 51 / 48%); font-size: 0.65rem; }
.id-corporate-window__page { min-height: 23rem; padding: clamp(var(--ir-space-8),5vw,var(--ir-space-16)); background: radial-gradient(circle at 82% 18%, rgb(65 151 165 / 13%), transparent 34%); }
.id-corporate-window__page > small { color: #5558a6; font-size: 0.7rem; }
.id-corporate-window__page > strong { display: block; max-width: 28rem; margin-top: var(--ir-space-3); font-size: clamp(1.4rem,3vw,2.4rem); font-weight: 570; line-height: 1.5; }
.id-corporate-window__page > p { max-width: 26rem; margin-top: var(--ir-space-3); font-size: 0.82rem; }
.id-corporate-window__page > span { display: inline-flex; margin-top: var(--ir-space-5); color: #5558a6; font-size: 0.75rem; }
.id-corporate-window__page > div { display: flex; gap: var(--ir-space-2); margin-top: var(--ir-space-8); }
.id-corporate-window__page > div i { width: 4.5rem; height: 2.4rem; border: 1px solid rgb(85 88 166 / 14%); border-radius: var(--ir-radius-control-sm); background: rgb(255 255 255 / 64%); }
.id-corporate-map > header { max-width: 58rem; }
.id-corporate-map > header > span,
.id-corporate-proof__copy > span,
.id-corporate-delivery > header > span,
.id-corporate-related > div > span { color: #5558a6; font-size: 0.74rem; }
.id-corporate-map > header p { margin-top: var(--ir-space-3); }
.id-corporate-map__canvas { position: relative; min-height: 26rem; margin-top: var(--ir-space-8); border: 1px solid rgb(85 88 166 / 14%); border-radius: var(--ir-radius-hero); background: linear-gradient(145deg,rgb(255 255 255 / 78%),rgb(245 247 255 / 72%)); }
.id-corporate-map__canvas article { position: absolute; z-index: 1; width: 10.5rem; border: 1px solid rgb(85 88 166 / 16%); border-radius: var(--ir-radius-card); padding: var(--ir-space-3); background: rgb(255 255 255 / 92%); }
.id-corporate-map__canvas .is-home { inset: 5% auto auto 39%; }
.id-corporate-map__canvas .is-service { inset: 48% auto auto 4%; }
.id-corporate-map__canvas .is-proof { inset: 48% auto auto 27%; }
.id-corporate-map__canvas .is-about { inset: 48% 27% auto auto; }
.id-corporate-map__canvas .is-contact { inset: 48% 4% auto auto; }
.id-corporate-map__canvas article span { color: #5558a6; font-size: 0.62rem; }
.id-corporate-map__canvas h3 { margin-top: var(--ir-space-1); font-size: 0.85rem; }
.id-corporate-map__canvas p { margin-top: var(--ir-space-1); font-size: 0.66rem; line-height: 1.65; }
.id-corporate-map__canvas svg { position: absolute; inset: 17% 7%; width: 86%; height: 70%; }
.id-corporate-map__canvas path { fill: none; stroke: rgb(85 88 166 / 28%); stroke-width: 1.1; }
.id-corporate-proof { display: grid; grid-template-columns: minmax(0,0.75fr) minmax(0,1.25fr); gap: clamp(var(--ir-space-8),6vw,var(--ir-space-24)); }
.id-corporate-proof__copy p { margin-top: var(--ir-space-4); }
.id-corporate-proof__stack { display: grid; gap: 0; border-top: 1px solid rgb(85 88 166 / 15%); }
.id-corporate-proof blockquote { display: grid; grid-template-columns: 8rem 1fr; gap: var(--ir-space-4); border-bottom: 1px solid rgb(85 88 166 / 15%); padding: var(--ir-space-4) 0; }
.id-corporate-proof blockquote span { color: #5558a6; font-size: 0.7rem; }
.id-corporate-proof blockquote p { font-size: 0.8rem; }
.id-corporate-delivery > header { max-width: 54rem; }
.id-corporate-delivery ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-3); margin: var(--ir-space-6) 0 0; padding: 0; list-style: none; }
.id-corporate-delivery li { display: grid; gap: var(--ir-space-1); border: 1px solid rgb(85 88 166 / 14%); border-radius: var(--ir-radius-card); padding: var(--ir-space-4); background: rgb(255 255 255 / 58%); }
.id-corporate-delivery li strong { font-size: 0.9rem; font-weight: 520; }
.id-corporate-delivery li span { color: rgb(45 39 51 / 58%); font-size: 0.72rem; }
.id-corporate-delivery > header p { margin-top: var(--ir-space-3); color: rgb(45 39 51 / 68%); font-size: 0.9rem; line-height: 1.95; }
.id-corporate-delivery__evidence { margin-top: var(--ir-space-4); padding-block: var(--ir-space-4); border-block: 1px solid rgb(85 88 166 / 14%); color: rgb(45 39 51 / 70%); font-size: 0.84rem; line-height: 2; }
.id-corporate-related { display: grid; grid-template-columns: minmax(0,0.7fr) minmax(0,1.3fr); gap: var(--ir-space-8); }
.id-corporate-related nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-3); }
.id-corporate-related nav a { display: flex; align-items: center; justify-content: space-between; border: 1px solid rgb(85 88 166 / 14%); border-radius: var(--ir-radius-control-md); padding: var(--ir-space-3); color: inherit; font-size: 0.78rem; }
.id-corporate-related nav span { color: #5558a6; }

/* Store design: product stage and operational modules. */
.id-specialist-service--store-design { --id-special-accent: #b45f47; background: linear-gradient(180deg,#fff9f2,#fff 52%,#fbfaf7); }
.id-store-hero { position: relative; display: grid; grid-template-columns: minmax(0,0.88fr) minmax(23rem,1.12fr); grid-template-areas: "crumb crumb" "copy stage"; gap: var(--ir-space-6) clamp(var(--ir-space-8),6vw,var(--ir-space-24)); align-items: center; }
.id-store-hero__crumb { grid-area: crumb; }
.id-store-hero__copy { grid-area: copy; }
.id-store-hero__copy > p { margin-top: var(--ir-space-5); }
.id-store-hero__copy > a { display: inline-flex; gap: var(--ir-space-4); margin-top: var(--ir-space-6); color: #b45f47; font-size: 0.9rem; font-weight: 520; }
.id-store-product-stage { position: relative; grid-area: stage; min-height: 31rem; border: 1px solid rgb(180 95 71 / 16%); border-radius: var(--ir-radius-hero); background: radial-gradient(circle at 70% 20%, rgb(217 155 79 / 20%), transparent 32%), linear-gradient(145deg,#fff,#fff7ed); }
.id-store-product-card { position: absolute; inset: 8% auto auto 8%; width: 57%; border: 1px solid rgb(180 95 71 / 17%); border-radius: var(--ir-radius-panel); padding: var(--ir-space-4); background: rgb(255 255 255 / 90%); box-shadow: var(--ir-shadow-strong); }
.id-store-product-card > span { color: #b45f47; font-size: 0.65rem; }
.id-store-product-card > div { height: 11rem; margin-top: var(--ir-space-3); border-radius: var(--ir-radius-card); background: radial-gradient(circle at 60% 38%,#f3c57d 0 14%,transparent 15%), linear-gradient(150deg,#f7e6cb,#e4aa73); }
.id-store-product-card > strong { display: block; margin-top: var(--ir-space-3); font-size: 0.9rem; font-weight: 530; }
.id-store-product-card > small { color: rgb(45 39 51 / 56%); font-size: 0.68rem; }
.id-store-product-card > button { width: 100%; margin-top: var(--ir-space-3); border: 0; border-radius: var(--ir-radius-control-sm); padding: var(--ir-space-3); background: #b45f47; color: #fff; font-family: inherit; font-size: 0.72rem; }
.id-store-mini-cart { position: absolute; inset: auto 7% 9% auto; display: grid; width: 42%; gap: var(--ir-space-1); border: 1px solid rgb(180 95 71 / 16%); border-radius: var(--ir-radius-panel); padding: var(--ir-space-4); background: rgb(255 255 255 / 94%); box-shadow: var(--ir-shadow-md); }
.id-store-mini-cart span { color: #b45f47; font-size: 0.65rem; }
.id-store-mini-cart strong { font-weight: 540; }
.id-store-mini-cart small { color: rgb(45 39 51 / 55%); }
.id-store-mini-cart i { margin-top: var(--ir-space-2); color: #b45f47; font-size: 0.7rem; font-style: normal; }
.id-store-journey > header { max-width: 58rem; }
.id-store-journey > header > span,
.id-store-operations__copy > span,
.id-store-quality > header > span,
.id-store-bridge > div > span { color: #b45f47; font-size: 0.74rem; }
.id-store-journey > header p { margin-top: var(--ir-space-3); }
.id-store-journey ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: var(--ir-space-8) 0 0; padding: 0; list-style: none; }
.id-store-journey li { position: relative; min-height: 14rem; border-top: 1px solid rgb(180 95 71 / 24%); padding: var(--ir-space-4); }
.id-store-journey li::before { position: absolute; inset-block-start: -0.35rem; inset-inline-start: 1rem; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: #b45f47; content: ""; }
.id-store-journey li > span { color: rgb(180 95 71 / 48%); font-size: 0.72rem; }
.id-store-journey li h3 { margin-top: var(--ir-space-8); }
.id-store-journey li p { margin-top: var(--ir-space-2); font-size: 0.8rem; }
.id-store-operations { display: grid; grid-template-columns: minmax(0,0.65fr) minmax(0,1.35fr); gap: clamp(var(--ir-space-8),6vw,var(--ir-space-24)); }
.id-store-operations__copy p { margin-top: var(--ir-space-4); }
.id-store-operations__copy a { display: inline-flex; gap: var(--ir-space-3); margin-top: var(--ir-space-5); color: #b45f47; font-size: 0.78rem; }
.id-store-operations__modules { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-3); }
.id-store-operations__modules article { border: 1px solid rgb(180 95 71 / 14%); border-radius: var(--ir-radius-card); padding: var(--ir-space-4); background: rgb(255 255 255 / 68%); }
.id-store-operations__modules article span { color: #b45f47; font-size: 0.64rem; }
.id-store-operations__modules article h3 { margin-top: var(--ir-space-8); font-size: 1rem; }
.id-store-operations__modules article p { margin-top: var(--ir-space-2); font-size: 0.75rem; }
.id-store-quality > header { max-width: 52rem; }
.id-store-quality__split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-4); margin-top: var(--ir-space-6); }
.id-store-quality__split > div { border-block: 1px solid rgb(180 95 71 / 18%); padding-block: var(--ir-space-5); }
.id-store-quality__split strong { font-weight: 540; }
.id-store-quality__split ul { display: grid; gap: var(--ir-space-2); margin: var(--ir-space-3) 0 0; padding: 0; list-style: none; }
.id-store-quality__split li { color: rgb(45 39 51 / 67%); font-size: 0.78rem; }
.id-store-bridge { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(17rem,0.8fr); gap: var(--ir-space-8); align-items: center; border: 1px solid rgb(180 95 71 / 16%); border-radius: var(--ir-radius-hero); padding: clamp(var(--ir-space-5),3vw,var(--ir-space-10)); background: rgb(255 249 242 / 72%); }
.id-store-bridge > div p { margin-top: var(--ir-space-2); }
.id-store-bridge > a { display: grid; gap: var(--ir-space-1); border-inline-start: 1px solid rgb(180 95 71 / 18%); padding-inline-start: 1.5rem; color: inherit; }
.id-store-bridge > a strong { font-weight: 540; }
.id-store-bridge > a small { color: rgb(45 39 51 / 56%); }
.id-store-bridge > a span { color: #b45f47; }
.id-store-related { display: flex; flex-wrap: wrap; gap: var(--ir-space-2); }
.id-store-related a { border: 1px solid rgb(180 95 71 / 14%); border-radius: var(--ir-radius-pill); padding: var(--ir-space-2) var(--ir-space-3); color: rgb(45 39 51 / 70%); font-size: 0.72rem; }

@media (max-width: 900px) {
	.id-seo-service-hub__shell,
	.id-web-service-hub__shell,
	.id-strategy-hero,
	.id-strategy-roadmap,
	.id-consulting-hero__body,
	.id-consulting-session,
	.id-consulting-boundary,
	.id-monthly-hero,
	.id-monthly-ledger,
	.id-monthly-roles,
	.id-commerce-seo-hero,
	.id-commerce-seo-guardrails,
	.id-commerce-seo-growth,
	.id-corporate-hero,
	.id-corporate-proof,
	.id-corporate-related,
	.id-store-hero,
	.id-store-operations,
	.id-store-bridge,
	.id-specialist-links {
		grid-template-columns: 1fr;
	}

	.id-store-hero { grid-template-areas: "crumb" "copy" "stage"; }
	.id-monthly-orbit { width: min(100%, 27rem); margin-inline: auto; }
	.id-strategy-decisions__grid,
	.id-monthly-calendar__weeks,
	.id-commerce-seo-templates__rail,
	.id-commerce-seo-links,
	.id-store-journey ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.id-commerce-seo-templates article:nth-child(even) { transform: none; }
	.id-commerce-seo-growth > div { justify-content: flex-start; }
}

@media (max-width: 620px) {
	.id-specialist-service { padding-top: 7.6rem; }
	.id-specialist-service h1 { font-size: clamp(2rem,11vw,3.05rem); }
	.id-specialist-cta { align-items: stretch; flex-direction: column; }
	.id-specialist-cta > a { width: 100%; }
	.id-web-service-hub__choices,
	.id-consulting-triage__matrix,
	.id-strategy-decisions__grid,
	.id-monthly-calendar__weeks,
	.id-monthly-roles > div,
	.id-commerce-seo-templates__rail,
	.id-commerce-seo-guardrails__copy ul,
	.id-commerce-seo-links,
	.id-corporate-delivery ul,
	.id-corporate-related nav,
	.id-store-journey ol,
	.id-store-operations__modules,
	.id-store-quality__split { grid-template-columns: 1fr; }
	.id-web-service-hub__choices a,
	.id-web-service-hub__choices a:nth-child(2) { min-height: 10rem; transform: none; }
	.id-consulting-hero__top { align-items: flex-start; flex-direction: column; }
	.id-consulting-session__flow article { grid-template-columns: 2.8rem 1fr; }
	.id-monthly-calendar__weeks article { min-height: 0; border-inline-end: 0; border-bottom: 1px solid rgb(56 111 160 / 16%); }
	.id-monthly-ledger__table { overflow-x: auto; }
	.id-monthly-ledger__table > div { min-width: 34rem; }
	.id-commerce-seo-catalog { min-height: 28rem; }
	.id-commerce-seo-catalog > div { min-width: 7.5rem; }
	.id-commerce-seo-catalog .is-root,
	.id-commerce-seo-catalog .is-product { inset-inline-start: 28%; }
	.id-commerce-seo-templates article { min-height: 13rem; }
	.id-commerce-seo-links a { border-inline-end: 0; border-bottom: 1px solid rgb(52 120 95 / 16%); }
	.id-corporate-map__canvas { display: grid; min-height: 0; gap: var(--ir-space-2); padding: var(--ir-space-4); }
	.id-corporate-map__canvas article { position: static; width: auto; }
	.id-corporate-map__canvas svg { display: none; }
	.id-corporate-proof blockquote { grid-template-columns: 1fr; }
	.id-store-product-stage { min-height: 29rem; }
	.id-store-product-card { inset-inline-start: 6%; width: 70%; }
	.id-store-mini-cart { inset-inline-end: 5%; width: 55%; }
	.id-store-bridge > a { border-inline-start: 0; border-top: 1px solid rgb(180 95 71 / 18%); padding-block-start: 1rem; padding-inline-start: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.id-seo-service-hub__links a,
	.id-web-service-hub__choices a { transition: none; }
}

/* 2.0.20 — concise service pages and two-level service navigation. */
@media (min-width: 1280px) {
	.public-nav-popover { overflow: visible; }

	.id-service-subtree {
		position: relative;
		display: grid;
		min-width: 0;
	}

	.id-service-subtree > a { padding-inline-end: 2.65rem; }

	.id-service-subtree__toggle {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 0.55rem;
		display: inline-flex;
		width: 1.8rem;
		height: 1.8rem;
		align-items: center;
		justify-content: center;
		transform: translateY(-50%);
		border: 1px solid rgb(255 235 190 / 20%);
		border-radius: var(--ir-radius-control-sm);
		background: rgb(255 250 243 / 7%);
		color: #ffe2a3;
		cursor: pointer;
	}

	.id-service-subtree__toggle span {
		font-size: 0.95rem;
		line-height: 1;
		transition: transform 180ms ease;
	}

	.id-service-subtree::before {
		position: absolute;
		top: -0.2rem;
		bottom: -0.2rem;
		left: -0.7rem;
		width: 0.8rem;
		content: "";
	}

	.id-service-submenu {
		position: absolute;
		z-index: 80;
		top: -0.45rem;
		right: calc(100% + 1.5rem);
		left: auto;
		display: grid;
		width: 18.75rem;
		gap: var(--ir-space-1);
		padding: var(--ir-space-3);
		visibility: hidden;
		transform: translateX(0.45rem) scale(0.985);
		border: 1px solid rgb(240 194 123 / 44%);
		border-radius: var(--ir-radius-panel);
		background: linear-gradient(145deg, #a94d3d, #c96d50 56%, #9d4639);
		box-shadow: var(--ir-shadow-strong);
		opacity: 0;
		transition: opacity 160ms ease, transform 160ms ease, visibility 160ms;
	}

	.id-service-subtree:hover > .id-service-submenu,
	.id-service-subtree:focus-within > .id-service-submenu,
	.id-service-subtree.is-open > .id-service-submenu {
		visibility: visible;
		transform: none;
		opacity: 1;
	}

	.id-service-subtree:hover > .id-service-subtree__toggle span,
	.id-service-subtree:focus-within > .id-service-subtree__toggle span,
	.id-service-subtree.is-open > .id-service-subtree__toggle span { transform: translateX(-0.14rem); }

	.id-service-submenu__label {
		padding: var(--ir-space-1) var(--ir-space-2) var(--ir-space-2);
		color: rgb(255 242 218 / 66%);
		font-size: 0.66rem;
		font-weight: 430;
	}

	.public-nav-popover .id-service-submenu > a {
		display: flex;
		min-height: 2.6rem;
		align-items: center;
		justify-content: space-between;
		gap: var(--ir-space-3);
		padding: var(--ir-space-2) var(--ir-space-3);
		border-radius: var(--ir-radius-control-sm);
		font-size: 0.78rem;
		font-weight: 390;
	}

	.public-nav-popover .id-service-submenu > a > span { color: #f7d996; }
}

.id-mobile-service-subtree {
	display: grid;
	gap: var(--ir-space-1);
	min-width: 0;
}

.id-mobile-service-parent {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--ir-space-1);
}

.id-mobile-service-parent > a { min-width: 0; }

.id-mobile-service-parent > button {
	display: inline-flex;
	width: 2.15rem;
	height: 2.15rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(209 154 88 / 20%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(255 252 248 / 74%);
	color: #9f4d3e;
	cursor: pointer;
}

.id-mobile-service-parent > button span { transition: transform 180ms ease; }
.id-mobile-service-subtree.is-open .id-mobile-service-parent > button span { transform: rotate(180deg); }

.id-mobile-service-children:not([hidden]) {
	display: grid;
	gap: var(--ir-space-1);
	margin: var(--ir-space-1) var(--ir-space-2) var(--ir-space-2) 0;
	padding: var(--ir-space-2);
	border: 1px solid rgb(65 135 146 / 13%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(244 250 248 / 68%);
}

.id-mobile-service-children .id-service-submenu__label {
	padding: var(--ir-space-1) var(--ir-space-1);
	color: rgb(45 39 51 / 56%);
	font-size: 0.64rem;
	font-weight: 390;
}

.id-mobile-service-children > a {
	display: flex;
	min-height: 2.2rem;
	align-items: center;
	justify-content: space-between;
	gap: var(--ir-space-3);
	padding: var(--ir-space-2) var(--ir-space-2);
	border-radius: var(--ir-radius-control-sm);
	color: rgb(45 39 51 / 76%);
	font-size: 0.74rem;
	font-weight: 390;
}

.id-mobile-service-children > a:hover,
.id-mobile-service-children > a:focus-visible { background: rgb(209 154 88 / 10%); color: #9f4d3e; }

/* Imported service cards used display-size numbers as content. Bring those
   labels back into the site's editorial scale and remove unnecessary height. */
.service-detail-page .service-value-block h3,
.id-specialist-service section h3 {
	font-size: clamp(1rem, 1.28vw, 1.12rem);
	font-weight: 500;
	letter-spacing: -0.01em;
}

.service-detail-page .service-value-block [class~="text-2xl"][class~="font-black"],
.service-detail-page [class~="text-4xl"][class~="font-black"] {
	font-size: clamp(1.12rem, 1.7vw, 1.38rem);
	font-weight: 520;
	line-height: 1.55;
	letter-spacing: -0.015em;
}

.service-detail-page .service-surface-card p[class~="font-black"],
.service-detail-page .service-surface-card p[class~="font-bold"] {
	font-weight: 470;
}

.service-detail-page .service-value-block .group.flex.h-full,.service-detail-page .service-value-block .group.ui-stack-2.h-full,.service-detail-page .service-value-block .group.ui-row-3.h-full,.service-detail-page .service-value-block .group.ui-row-m.h-full,.service-detail-page .service-value-block .group.ui-action-o.h-full,.service-detail-page .service-value-block .group.ui-row-u.h-full,.service-detail-page .service-value-block .group.ui-row-w.h-full,.service-detail-page .service-value-block .group.ui-row-1j.h-full,.service-detail-page .service-value-block .group.flex.ui-action-1k,.service-detail-page .service-value-block .group.ui-row-1p.h-full,.service-detail-page .service-value-block .group.ui-row-1r.h-full,.service-detail-page .service-value-block .group.ui-row-1u.h-full,.service-detail-page .service-value-block .group.flex.ui-media-1v,.service-detail-page .service-value-block .group.flex.ui-panel-1w,.service-detail-page .service-value-block .group.flex.ui-overlay-1y,.service-detail-page .service-value-block .group.ui-row-1z.h-full,.service-detail-page .service-value-block .group.ui-action-20.h-full,.service-detail-page .service-value-block .group.ui-row-24.h-full,.service-detail-page .service-value-block .group.ui-action-26.h-full,.service-detail-page .service-value-block .group.ui-action-27.h-full,.service-detail-page .service-value-block .group.ui-action-28.h-full,.service-detail-page .service-value-block .group.flex.ui-decoration-2c,.service-detail-page .service-value-block .group.flex.ui-size-2q,.service-detail-page .service-value-block .group.ui-stack-2x.h-full,.service-detail-page .service-value-block .group.ui-row-30.h-full,.service-detail-page .service-value-block .group.ui-row-31.h-full,.service-detail-page .service-value-block .group.flex.ui-panel-33,.service-detail-page .service-value-block .group.flex.ui-overlay-35,.service-detail-page .service-value-block .group.ui-row-3t.h-full,.service-detail-page .service-value-block .group.ui-row-43.h-full,.service-detail-page .service-value-block .group.ui-row-48.h-full,.service-detail-page .service-value-block .group.ui-row-4f.h-full,.service-detail-page .service-value-block .group.ui-stack-4r.h-full,.service-detail-page .service-value-block .group.ui-row-4s.h-full,.service-detail-page .service-value-block .group.ui-overlay-53.h-full,.service-detail-page .service-value-block .group.ui-row-54.h-full,.service-detail-page .service-value-block .group.ui-action-58.h-full,.service-detail-page .service-value-block .group.flex.ui-overlay-5f,.service-detail-page .service-value-block .group.ui-action-5h.h-full,.service-detail-page .service-value-block .group.ui-action-5k.h-full,.service-detail-page .service-value-block .group.ui-action-5l.h-full,.service-detail-page .service-value-block .group.ui-action-6d.h-full,.service-detail-page .service-value-block .group.ui-row-6f.h-full,.service-detail-page .service-value-block .group.ui-stack-6p.ui-stack-6p,.service-detail-page .service-value-block .group.ui-row-6q.h-full,.service-detail-page .service-value-block .group.ui-decoration-6s.h-full,.service-detail-page .service-value-block .group.flex.ui-size-6w,.service-detail-page .service-value-block .group.ui-row-6y.h-full,.service-detail-page .service-value-block .group.ui-row-73.h-full,.service-detail-page .service-value-block .group.ui-row-7c.h-full,.service-detail-page .service-value-block .group.ui-row-7n.h-full,.service-detail-page .service-value-block .group.ui-stack-7w.h-full,.service-detail-page .service-value-block .group.ui-row-4.h-full,.service-detail-page .service-value-block .group.ui-row-8.h-full,.service-detail-page .service-value-block .group.ui-action-9.h-full,.service-detail-page .service-value-block .group.ui-action-j.h-full,.service-detail-page .service-value-block .group.ui-row-m-2.h-full,.service-detail-page .service-value-block .group.flex.ui-size-o,.service-detail-page .service-value-block .group.flex.ui-size-p-2,.service-detail-page .service-value-block .group.ui-stack-q.h-full,.service-detail-page .service-value-block .group.ui-row-w-2.h-full,.service-detail-page .service-value-block .group.ui-row-x.h-full,.service-detail-page .service-value-block .group.ui-row-10.h-full,.service-detail-page .service-value-block .group.ui-stack-12.h-full,.service-detail-page .service-value-block .group.ui-overlay-13.h-full,.service-detail-page .service-value-block .group.ui-action-15.h-full,.service-detail-page .service-value-block .group.ui-row-16.h-full,.service-detail-page .service-value-block .group.ui-action-19.h-full,.service-detail-page .service-value-block .group.ui-action-1c.h-full,.service-detail-page .service-value-block .group.ui-action-1e.h-full,.service-detail-page .service-value-block .group.ui-row-1f.h-full,.service-detail-page .service-value-block .group.ui-action-1g.h-full,.service-detail-page .service-value-block .group.ui-row-1t.h-full,.service-detail-page .service-value-block .group.ui-stack-26.h-full,.service-detail-page .service-value-block .group.ui-row-28.h-full,.service-detail-page .service-value-block .group.flex.ui-overlay-2a-2,.service-detail-page .service-value-block .group.ui-overlay-2b-2.h-full,.service-detail-page .service-value-block .group.ui-row-2i.h-full,.service-detail-page .service-value-block .group.ui-action-2l.h-full,.service-detail-page .service-value-block .group.ui-action-2o.h-full,.service-detail-page .service-value-block .group.ui-stack-2r.h-full,.service-detail-page .service-value-block .group.ui-row-2s.h-full,.service-detail-page .service-value-block .group.ui-stack-2u.h-full,.service-detail-page .service-value-block .group.ui-row-2v.h-full,.service-detail-page .service-value-block .group.ui-media-7x.h-full,.service-detail-page .service-value-block .group.ui-row-3b.h-full,.service-detail-page .service-value-block .group.ui-stack-42.h-full,.service-detail-page .service-value-block .group.ui-media-43.h-full,.service-detail-page .service-value-block .group.ui-row-4f-2.h-full,.service-detail-page .service-value-block .group.ui-row-4m.h-full,.service-detail-page .service-value-block .group.ui-row-4q.h-full,.service-detail-page .service-value-block .group.flex.ui-size-52,.service-detail-page .service-value-block .group.ui-stack-59.h-full,.service-detail-page .service-value-block .group.ui-row-5d.h-full,.service-detail-page .service-value-block .group.flex.ui-panel-5g,.service-detail-page .service-value-block .group.flex.ui-overlay-5i,.service-detail-page .service-value-block .group.flex.ui-media-5q,.service-detail-page .service-value-block .group.ui-row-5x.h-full,.service-detail-page .service-value-block .group.ui-row-60.h-full,.service-detail-page .service-value-block .group.ui-stack-62.ui-stack-62,.service-detail-page .service-value-block .group.flex.ui-media-64,.service-detail-page .service-value-block .group.ui-stack-65.h-full,.service-detail-page .service-value-block .group.flex.ui-size-67,.service-detail-page .service-value-block .group.flex.ui-media-69,.service-detail-page .service-value-block .group.ui-row-6e.h-full,.service-detail-page .service-value-block .group.ui-row-6g.h-full,.service-detail-page .service-value-block .group.flex.ui-grid-6h,.service-detail-page .service-value-block .group.flex.ui-media-6j,.service-detail-page .service-value-block .group.ui-stack-6l.h-full,.service-detail-page .service-value-block .group.ui-stack-6o.ui-stack-6o,.service-detail-page .service-value-block .group.ui-media-6p.h-full,.service-detail-page .service-value-block .group.ui-row-6v.h-full,.service-detail-page .service-value-block .group.ui-row-6y-2.h-full,.service-detail-page .service-value-block .group.ui-row-72.h-full,.service-detail-page .service-value-block .group.ui-row-80.h-full,.service-detail-page .service-value-block .group.flex.home-blog-row__image,.service-detail-page .service-value-block .group.services-page-service-card__layout.services-page-service-card__layout,.service-detail-page .service-value-block .group.services-page-service-card__link.services-page-service-card__link,.service-detail-page .service-value-block .group.services-page-service-card__head.h-full,.service-detail-page .service-value-block .group.ui-style-35.h-full{ min-height: 12.5rem; }
.service-detail-page #id-service-final-action .service-surface-card { min-height: 8.5rem; }

.id-specialist-service section,
.id-specialist-service > .public-shell-container > nav { margin-bottom: clamp(var(--ir-space-12), 6vw, var(--ir-space-20)); }

.id-specialist-hero-media {
	position: relative;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgb(209 154 88 / 22%);
	border-radius: var(--ir-radius-hero);
	background: rgb(255 255 255 / 72%);
	box-shadow: var(--ir-shadow-md);
}

.id-specialist-hero-media::after {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(135deg, rgb(255 255 255 / 18%), transparent 48%, rgb(65 135 146 / 8%));
	content: "";
}

.id-specialist-hero-media img {
	display: block;
	width: 100%;
	height: clamp(17rem, 30vw, 26rem);
	object-fit: cover;
	object-position: center;
}

.id-specialist-hero-media figcaption {
	position: absolute;
	z-index: 2;
	right: 1rem;
	bottom: 1rem;
	max-width: calc(100% - 2rem);
	padding: var(--ir-space-2) var(--ir-space-3);
	border: 1px solid rgb(255 255 255 / 64%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(255 252 248 / 84%);
	color: rgb(45 39 51 / 76%);
	font-size: 0.68rem;
	font-weight: 410;
	backdrop-filter: blur(10px);
}

/* A controlled HTML overlay keeps the signature crisp and editable; it reads
   like a subtle engraving without baking text into generated image pixels. */
.id-specialist-hero-media::before,
.home-decision-static-visual::after {
	position: absolute;
	z-index: 4;
	bottom: 0.72rem;
	left: 0.82rem;
	content: "irandesigner.com";
	color: rgb(75 63 55 / 34%);
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	font-size: 0.52rem;
	font-weight: 520;
	letter-spacing: 0.08em;
	line-height: 1;
	text-shadow: 0 1px rgb(255 255 255 / 70%);
	direction: ltr;
	pointer-events: none;
}

/* The journey illustration is an editorial visual, not a branded mockup. Keep
   the whole composition visible instead of cropping both ends to a tall card. */
.home-decision-static-visual::after {
	display: none;
	content: none;
}

/* Internal service artwork should stay unbranded. The source images are clean;
   the previous signature was only a CSS overlay. */
.id-specialist-hero-media::before {
	display: none;
	content: none;
}

.home-decision-static-visual {
	position: relative;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	border: 0;
	border-radius: var(--ir-radius-hero);
	background: transparent;
	box-shadow: none;
	aspect-ratio: 3 / 2;
	align-self: center;
}

.home-decision-static-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 24px 24px rgb(64 48 39 / 13%));
}

.home-decision-static-visual figcaption {
	position: absolute;
	z-index: 3;
	right: 1rem;
	bottom: 1rem;
	max-width: calc(100% - 2rem);
	padding: var(--ir-space-2) var(--ir-space-3);
	border: 1px solid rgb(255 255 255 / 68%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(255 252 248 / 82%);
	color: rgb(45 39 51 / 68%);
	font-size: 0.68rem;
	font-weight: 410;
	line-height: 1.75;
	backdrop-filter: blur(9px);
}

@media (max-width: 620px) {
	.home-decision-static-visual img { height: 100%; }
	.home-decision-static-visual figcaption { right: 0.7rem; bottom: 0.7rem; }
}

.id-consulting-hero__side { display: grid; gap: var(--ir-space-3); min-width: 0; }
.id-consulting-hero__side .id-specialist-hero-media img { height: 16.5rem; }
.id-store-hero > .id-specialist-hero-media { grid-area: stage; }
.id-store-hero > .id-specialist-hero-media img { object-position: 36% center; }
.id-specialist-hero-media--strategy img { object-position: 70% center; }
.id-specialist-hero-media--monthly img { object-position: 42% center; }
.id-specialist-hero-media--commerce-seo img { object-position: 78% center; }
.id-specialist-hero-media--corporate img { object-position: 42% center; }

.id-specialist-service--medical,
.id-specialist-service--travel {
	position: relative;
	overflow: hidden;
	padding-block: clamp(8.5rem, 12vw, 11.5rem) var(--ir-space-24);
}

.id-medical-hero,
.id-travel-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(24rem, 1.12fr);
	align-items: center;
	gap: clamp(var(--ir-space-8), 5vw, var(--ir-space-20));
}

.id-medical-hero__copy,
.id-travel-hero__copy { min-width: 0; }

.id-medical-path,
.id-travel-inventory {
	display: grid;
	grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(var(--ir-space-6), 4vw, var(--ir-space-16));
	padding: clamp(var(--ir-space-6), 3.5vw, var(--ir-space-12));
	border: 1px solid rgb(209 154 88 / 18%);
	border-radius: var(--ir-radius-hero);
	background: rgb(255 253 249 / 72%);
	box-shadow: var(--ir-shadow-md);
}

.id-medical-path header > span,
.id-travel-inventory__copy > span,
.id-medical-system > div > span,
.id-travel-reservation > div > span,
.id-medical-boundary > div > span,
.id-travel-content > div > span {
	color: #9f4d3e;
	font-size: 0.72rem;
	font-weight: 500;
}

.id-medical-path header p,
.id-travel-inventory__copy p,
.id-medical-system > div > p,
.id-travel-reservation > div > p,
.id-medical-boundary > p,
.id-travel-content > p {
	margin-top: var(--ir-space-4);
	color: rgb(45 39 51 / 70%);
	font-size: 0.96rem;
	font-weight: 380;
	line-height: 2;
}

.id-medical-path ol {
	display: grid;
	gap: var(--ir-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.id-medical-path li {
	display: grid;
	grid-template-columns: 2.6rem 1fr;
	align-items: start;
	gap: var(--ir-space-3);
	padding: var(--ir-space-4);
	border: 1px solid rgb(65 135 146 / 14%);
	border-radius: var(--ir-radius-card);
	background: rgb(244 250 248 / 68%);
}

.id-medical-path li > span { color: rgb(65 135 146 / 58%); font-size: 0.72rem; }
.id-medical-path h3 { margin: 0; }
.id-medical-path li p { margin: var(--ir-space-1) 0 0; color: rgb(45 39 51 / 64%); font-size: 0.83rem; line-height: 1.8; }

.id-medical-system,
.id-travel-reservation {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
	align-items: center;
	gap: clamp(var(--ir-space-8), 5vw, var(--ir-space-20));
}

.id-medical-system figure,
.id-travel-reservation figure {
	margin: 0;
	overflow: hidden;
	border: 1px solid rgb(65 135 146 / 18%);
	border-radius: var(--ir-radius-hero);
	background: #fff;
	box-shadow: var(--ir-shadow-md);
}

.id-medical-system figure img,
.id-travel-reservation figure img { display: block; width: 100%; height: clamp(18rem, 34vw, 28rem); object-fit: cover; }
.id-medical-system ul,
.id-travel-reservation ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-2); margin: var(--ir-space-4) 0 0; padding: 0; list-style: none; }
.id-medical-system li,
.id-travel-reservation li { padding: var(--ir-space-3); border: 1px solid rgb(209 154 88 / 16%); border-radius: var(--ir-radius-control-sm); background: rgb(255 249 242 / 70%); font-size: 0.77rem; font-weight: 430; }

.id-medical-boundary,
.id-travel-content {
	display: grid;
	grid-template-columns: minmax(15rem, 0.62fr) minmax(0, 1.38fr);
	align-items: start;
	gap: clamp(var(--ir-space-6), 4vw, var(--ir-space-16));
	padding-block: var(--ir-space-6);
	border-block: 1px solid rgb(209 154 88 / 20%);
}

.id-medical-boundary a,
.id-travel-content a,
.id-specialist-service section p a { color: #5558a6; font-weight: 470; text-decoration: underline; text-decoration-color: rgb(85 88 166 / 24%); text-underline-offset: 0.22em; }

.id-medical-related,
.id-travel-related {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ir-space-2);
}

.id-medical-related a,
.id-travel-related a {
	padding: var(--ir-space-2) var(--ir-space-3);
	border: 1px solid rgb(209 154 88 / 18%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(255 255 255 / 64%);
	color: rgb(45 39 51 / 70%);
	font-size: 0.76rem;
	font-weight: 410;
}

.id-travel-inventory { background: linear-gradient(135deg, rgb(255 252 248 / 82%), rgb(241 249 247 / 72%)); }
.id-travel-inventory__board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--ir-space-3); }
.id-travel-inventory__board article { display: grid; min-height: 11rem; align-content: space-between; gap: var(--ir-space-2); padding: var(--ir-space-4); border: 1px solid rgb(65 135 146 / 16%); border-radius: var(--ir-radius-card); background: rgb(255 255 255 / 76%); }
.id-travel-inventory__board article:nth-child(2) { transform: translateY(0.8rem); }
.id-travel-inventory__board span { color: #9f4d3e; font-size: 0.72rem; font-weight: 500; }
.id-travel-inventory__board strong { font-size: 1rem; font-weight: 520; }
.id-travel-inventory__board small { color: rgb(45 39 51 / 58%); font-size: 0.68rem; line-height: 1.7; }
.id-travel-inventory__board em { width: fit-content; padding: var(--ir-space-1) var(--ir-space-2); border-radius: var(--ir-radius-control-sm); background: rgb(65 135 146 / 9%); color: #39777b; font-size: 0.64rem; font-style: normal; }

.id-medical-governance > header,
.id-service-case-evidence > header { max-width: 58rem; }
.id-medical-governance > header > span,
.id-service-case-evidence > header > span { color: var(--id-special-accent, #3f8791); font-size: 0.74rem; font-weight: 500; }
.id-medical-governance > header > p,
.id-service-case-evidence > header > p { margin-top: var(--ir-space-3); color: rgb(45 39 51 / 68%); font-size: 0.92rem; line-height: 1.95; }
.id-medical-governance > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--ir-space-3); margin-top: var(--ir-space-6); }
.id-medical-governance article { min-height: 15.5rem; padding: var(--ir-space-4); border: 1px solid rgb(65 135 146 / 15%); border-radius: var(--ir-radius-card); background: rgb(255 255 255 / 68%); }
.id-medical-governance article > span { color: #39777b; font-size: 0.68rem; font-weight: 500; }
.id-medical-governance article h3 { margin-top: var(--ir-space-10); font-size: 1rem; font-weight: 520; }
.id-medical-governance article p { margin-top: var(--ir-space-2); color: rgb(45 39 51 / 64%); font-size: 0.78rem; line-height: 1.85; }

.id-service-case-evidence { --id-evidence-border: rgb(63 135 145 / 18%); --id-evidence-border-hover: rgb(63 135 145 / 34%); padding: clamp(var(--ir-space-6),3.5vw,var(--ir-space-12)); border: 1px solid var(--id-evidence-border); border-radius: var(--ir-radius-hero); background: rgb(255 255 255 / 64%); }
.id-service-case-evidence__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ir-space-3); margin-top: var(--ir-space-6); }
.id-service-case-evidence__grid > a { display: grid; align-content: start; min-height: 17rem; padding: var(--ir-space-5); border: 1px solid var(--id-evidence-border); border-radius: var(--ir-radius-panel); background: rgb(255 255 255 / 78%); color: inherit; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.id-service-case-evidence__grid > a:hover { border-color: var(--id-evidence-border-hover); box-shadow: var(--ir-shadow-md); transform: translateY(-2px); }
.id-service-case-evidence__grid small { color: var(--id-special-accent, #3f8791); font-size: 0.68rem; font-weight: 500; }
.id-service-case-evidence__grid h3 { margin-top: var(--ir-space-6); font-size: 1.08rem; font-weight: 530; }
.id-service-case-evidence__grid p { margin-top: var(--ir-space-2); color: rgb(45 39 51 / 66%); font-size: 0.8rem; line-height: 1.9; }
.id-service-case-evidence__grid > a > span { display: inline-flex; gap: var(--ir-space-2); margin-top: auto; padding-top: var(--ir-space-4); color: var(--id-special-accent, #3f8791); font-size: 0.75rem; font-weight: 500; }
.id-service-case-evidence--travel { --id-special-accent: #39777b; --id-evidence-border: rgb(57 119 123 / 18%); --id-evidence-border-hover: rgb(57 119 123 / 34%); background: linear-gradient(135deg,rgb(255 252 248 / 80%),rgb(241 249 247 / 72%)); }
.id-service-case-evidence--store { --id-special-accent: #b45f47; --id-evidence-border: rgb(180 95 71 / 18%); --id-evidence-border-hover: rgb(180 95 71 / 34%); background: rgb(255 249 242 / 66%); }

@media (max-width: 1279px) {
	.id-service-subtree { display: none; }
}

@media (max-width: 620px) {
	.id-specialist-service section,
	.id-specialist-service > .public-shell-container > nav { margin-bottom: var(--ir-space-12); }
	.id-specialist-service h2 { font-size: clamp(1.3rem, 6.8vw, 1.75rem); font-weight: 530; }
	.id-specialist-hero-media img { height: 15.5rem; }
	.id-medical-path ol,
	.id-travel-inventory__board,
	.id-medical-system ul,
	.id-travel-reservation ul,
	.id-medical-governance > div,
	.id-service-case-evidence__grid { grid-template-columns: 1fr; }
	.id-medical-governance article,
	.id-service-case-evidence__grid > a { min-height: 0; }
	.id-travel-inventory__board article:nth-child(2) { transform: none; }
}

@media (max-width: 900px) {
	.id-medical-hero,
	.id-travel-hero,
	.id-medical-path,
	.id-travel-inventory,
	.id-medical-system,
	.id-travel-reservation,
	.id-medical-boundary,
	.id-travel-content,
	.id-medical-governance > div { grid-template-columns: 1fr; }
	.id-medical-system figure,
	.id-travel-reservation figure { order: 2; }
}

@media (prefers-reduced-motion: reduce) {
	.id-service-case-evidence__grid > a { transition: none; }
}

/* 2.0.21 — light prismatic footer and consistent two-level navigation.
 * Curved surfaces use a complete multicolour perimeter, never a single-sided
 * stripe, so the treatment remains intentional around every radius. */
@media (min-width: 1280px) {
	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover,
	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-submenu {
		border: 1px solid transparent;
		border-radius: var(--ir-radius-panel);
		background:
			linear-gradient(145deg, rgb(255 253 250 / 98%), rgb(247 251 250 / 97%) 52%, rgb(255 249 243 / 98%)) padding-box,
			linear-gradient(115deg, rgb(65 151 165 / 56%), rgb(217 155 79 / 48%) 36%, rgb(189 87 63 / 52%) 68%, rgb(120 105 164 / 42%)) border-box;
		color: #2d2733;
		box-shadow: var(--ir-shadow-strong);
		-webkit-backdrop-filter: blur(22px) saturate(1.12);
		backdrop-filter: blur(22px) saturate(1.12);
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-subtree::before {
		left: -1.65rem;
		width: 1.8rem;
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-submenu {
		gap: var(--ir-space-1);
		padding: var(--ir-space-3);
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover a,
	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover a > span,
	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-submenu__label {
		color: rgb(45 39 51 / 78%);
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover a {
		border-color: transparent;
		background: transparent;
		box-shadow: none;
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover a:hover,
	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover a:focus-visible {
		border-color: rgb(65 151 165 / 14%);
		background: linear-gradient(110deg, rgb(65 151 165 / 9%), rgb(217 155 79 / 9%) 52%, rgb(189 87 63 / 8%));
		color: #8f4639;
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-subtree__toggle {
		border-color: rgb(65 151 165 / 18%);
		background: rgb(255 255 255 / 68%);
		color: #9f4d3e;
		box-shadow: var(--ir-shadow-none);
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-subtree:hover > .id-service-subtree__toggle,
	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-subtree:focus-within > .id-service-subtree__toggle,
	body.irandesigner-exact-ui nav[data-hero-nav-state] .id-service-subtree.is-open > .id-service-subtree__toggle {
		border-color: rgb(189 87 63 / 26%);
		background: rgb(255 248 240 / 92%);
	}

	body.irandesigner-exact-ui nav[data-hero-nav-state] .public-nav-popover .id-service-submenu > a > span {
		color: #3f8791;
	}
}

#site-footer ul,
#site-footer ul a,
#site-footer p.text-sm.font-bold,
#site-footer p.text-base,#site-footer p.text-sm.ui-media-c,#site-footer p.text-sm.ui-media-e,#site-footer p.ui-media-g.font-bold,#site-footer p.ui-action-i.ui-action-i,#site-footer p.ui-action-i,#site-footer p.ui-action-k.ui-action-k,#site-footer p.ui-action-k,#site-footer p.text-sm.ui-text-y,#site-footer p.ui-text-1o.font-bold,#site-footer p.text-sm.ui-text-2r,#site-footer p.ui-action-2y.ui-action-2y,#site-footer p.ui-action-2y,#site-footer p.ui-heading-39,#site-footer p.ui-text-3l.font-bold,#site-footer p.ui-text-41.font-bold,#site-footer p.ui-text-46.font-bold,#site-footer p.ui-action-49.font-bold,#site-footer p.ui-text-4h,#site-footer p.ui-text-4i.font-bold,#site-footer p.ui-text-4p.font-bold,#site-footer p.ui-media-5u.font-bold,#site-footer p.ui-text-5x.font-bold,#site-footer p.ui-row-5z.font-bold,#site-footer p.ui-text-69.font-bold,#site-footer p.ui-text-6i.font-bold,#site-footer p.ui-action-6n.font-bold,#site-footer p.ui-text-71.font-bold,#site-footer p.ui-text-7e,#site-footer p.ui-text-7q.font-bold,#site-footer p.ui-action-7x.ui-action-7x,#site-footer p.ui-action-7x,#site-footer p.ui-action-7y.ui-action-7y,#site-footer p.ui-action-7y,#site-footer p.ui-action-5.ui-action-5,#site-footer p.ui-row-a.font-bold,#site-footer p.ui-row-e.font-bold,#site-footer p.ui-action-j.font-bold,#site-footer p.text-sm.ui-text-v,#site-footer p.text-sm.ui-action-1i,#site-footer p.text-sm.ui-action-1j,#site-footer p.text-sm.ui-action-1k-2,#site-footer p.ui-text-1s,#site-footer p.ui-text-1y.ui-text-1y,#site-footer p.ui-text-21.ui-text-21,#site-footer p.text-sm.ui-heading-3c,#site-footer p.ui-media-3e-2.font-bold,#site-footer p.ui-text-7a.ui-text-7a,#site-footer p.ui-action-7b.font-bold,#site-footer p.ui-media-3u,#site-footer p.ui-action-4b.ui-action-4b,#site-footer p.ui-row-4m.font-bold,#site-footer p.text-sm.ui-text-4o-2,#site-footer p.ui-text-6u.font-bold,#site-footer p.text-sm.ui-text-50,#site-footer p.ui-text-55.ui-text-55,#site-footer p.ui-media-5c.font-bold,#site-footer p.text-sm.ui-media-5e,#site-footer p.ui-row-5f.font-bold,#site-footer p.ui-heading-5l,#site-footer p.text-sm.ui-overlay-5r,#site-footer p.ui-text-5w-2,#site-footer p.text-sm.ui-row-5x,#site-footer p.text-sm.ui-overlay-6a,#site-footer p.ui-text-6d.font-bold,#site-footer p.text-sm.ui-row-6e,#site-footer p.text-sm.ui-text-6f,#site-footer p.ui-heading-6m,#site-footer p.text-sm.ui-action-73,#site-footer p.ui-action-73,#site-footer p.text-sm.ui-action-74,#site-footer p.ui-action-74,#site-footer p.text-sm.ui-text-7d,#site-footer p.text-sm.ui-action-7k,#site-footer p.ui-action-7k,#site-footer p.ui-text-7l.ui-text-7l,#site-footer p.ui-row-7t.font-bold,#site-footer p.text-sm.ui-row-81,#site-footer p.ui-media-83.font-bold,#site-footer p.home-blog-row__title.font-bold,#site-footer p.ir-pagination__control.font-bold,#site-footer p.ir-pagination__control--edge.font-bold,#site-footer p.ui-style-4w.font-bold,#site-footer p.ui-style-3k.ui-style-3k,#site-footer p.ui-style-3l.font-bold{
	font-weight: 370;
}

#site-footer .footer-newsletter-form .id-fa-newsletter-feedback.is-error {
	border-color: rgb(181 80 61 / 20%);
	background: rgb(255 241 236 / 78%);
	color: #8f4035;
}

#site-footer .footer-newsletter-form .id-fa-newsletter-feedback.is-success {
	border-color: rgb(65 151 165 / 22%);
	background: rgb(235 249 246 / 82%);
	color: #2d6e6f;
}

#site-footer .footer-newsletter-form .footer-newsletter-submit {
	display: inline-flex;
	width: auto;
	min-width: 4.6rem;
	height: 2.8rem;
	flex: 0 0 auto;
	border-radius: var(--ir-radius-control-md);
	padding-inline: var(--ir-space-4);
	font-size: 0.74rem;
	font-weight: 520;
}

@media (max-width: 767px) {
	#site-footer .footer-newsletter-form {
		gap: var(--ir-space-2);
	}

	#site-footer .footer-newsletter-form .footer-newsletter-submit {
		min-width: 4.25rem;
		padding-inline: var(--ir-space-3);
	}
}

@media (max-width: 620px) {
	.id-seo-service-hub__shell,
	.id-web-service-hub__shell {
		width: min(calc(100% - 2rem), 80rem);
	}
}

/* 2.0.20 — focused visual hierarchy and lighter mobile navigation. */
.home-decision-tabs > .home-decision-tab-input,
.home-decision-tabs > .home-decision-tab-list,
.home-decision-tab-panel--trust {
	display: none;
}

.home-decision-tab-panels,
.home-decision-tab-panel--workflow {
	display: block;
}

.home-integrated-trust {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: var(--ir-space-6) clamp(var(--ir-space-6), 3vw, var(--ir-space-12));
	margin-top: clamp(var(--ir-space-6), 3vw, var(--ir-space-10));
	border-top: 1px solid rgb(65 151 165 / 15%);
	padding-top: clamp(var(--ir-space-5), 2.6vw, var(--ir-space-8));
}

.home-integrated-trust header > span {
	color: #3f8791;
	font-size: 0.72rem;
	font-weight: 480;
}

.home-integrated-trust h3 {
	margin-top: var(--ir-space-1);
	font-size: clamp(1.05rem, 1.7vw, 1.35rem);
	font-weight: 520;
	line-height: 1.65;
}

.home-integrated-trust header p {
	margin-top: var(--ir-space-2);
	color: rgb(45 39 51 / 66%);
	font-size: 0.78rem;
	font-weight: 350;
	line-height: 1.95;
}

.home-integrated-trust__points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ir-space-3);
}

.home-integrated-trust__points article {
	display: grid;
	align-content: center;
	gap: var(--ir-space-1);
	min-height: 6rem;
	border: 1px solid rgb(65 151 165 / 12%);
	border-radius: var(--ir-radius-card);
	padding: var(--ir-space-3);
	background: rgb(255 255 255 / 58%);
}

.home-integrated-trust__points strong { font-size: 0.76rem; font-weight: 480; }
.home-integrated-trust__points small { color: rgb(45 39 51 / 58%); font-size: 0.66rem; font-weight: 340; line-height: 1.75; }

.home-integrated-trust__work {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ir-space-2);
	color: rgb(45 39 51 / 62%);
	font-size: 0.68rem;
	font-weight: 360;
}

.home-integrated-trust__work > span { margin-inline-end: 0.25rem; color: rgb(45 39 51 / 46%); }
.home-integrated-trust__work a { border-bottom: 1px solid rgb(189 87 63 / 22%); padding: var(--ir-space-1) var(--ir-space-1); color: #91483a; }

.id-blog-search-panel {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(14rem, 0.68fr) minmax(0, 1.32fr);
	gap: var(--ir-space-3) var(--ir-space-6);
	overflow: hidden;
	border: 1px solid rgb(65 151 165 / 16%);
	border-radius: var(--ir-radius-hero);
	padding: clamp(var(--ir-space-4), 2vw, var(--ir-space-5));
	background:
		radial-gradient(circle at 94% 12%, rgb(65 151 165 / 10%), transparent 34%),
		radial-gradient(circle at 9% 88%, rgb(217 155 79 / 12%), transparent 38%),
		linear-gradient(135deg, rgb(255 255 255 / 92%), rgb(248 252 251 / 86%) 55%, rgb(255 249 242 / 88%));
	box-shadow: var(--ir-shadow-strong);
}

.id-blog-search-panel__intro { align-self: center; padding-inline: var(--ir-space-1); }
.id-blog-search-panel__intro span { color: #3f8791; font-size: 0.72rem; font-weight: 500; }
.id-blog-search-panel__intro p { margin-top: var(--ir-space-1); color: rgb(45 39 51 / 62%); font-size: 0.76rem; font-weight: 350; line-height: 1.85; }

.id-blog-search-panel__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--ir-space-2);
	align-items: center;
}

.id-blog-search-panel__form input[type="search"] {
	border-color: rgb(65 151 165 / 16%);
	background: rgb(255 255 255 / 76%);
	font-weight: 380;
	box-shadow: var(--ir-shadow-none);
}

.id-blog-search-panel__form button {
	border: 1px solid rgb(65 151 165 / 20%);
	background: linear-gradient(110deg, rgb(65 151 165 / 18%), rgb(217 155 79 / 20%) 54%, rgb(189 87 63 / 17%));
	color: #573d38;
	font-weight: 480;
	box-shadow: var(--ir-shadow-none);
}

.id-blog-search-panel__suggestions {
	grid-column: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ir-space-2);
	font-size: 0.66rem;
	font-weight: 350;
}

.id-blog-search-panel__suggestions > span { color: rgb(45 39 51 / 44%); }
.id-blog-search-panel__suggestions a { border: 1px solid rgb(65 151 165 / 12%); border-radius: var(--ir-radius-pill); padding: var(--ir-space-1) var(--ir-space-2); background: rgb(255 255 255 / 52%); color: rgb(45 39 51 / 66%); }

.home .home-hero-primary-cta {
	border: 1px solid rgb(65 151 165 / 20%);
	background: linear-gradient(110deg, rgb(65 151 165 / 17%), rgb(217 155 79 / 22%) 48%, rgb(189 87 63 / 18%) 76%, rgb(120 105 164 / 14%));
	color: #573d38;
	box-shadow: var(--ir-shadow-md);
}

.home .home-hero-primary-cta:hover,
.home .home-hero-primary-cta:focus-visible {
	border-color: rgb(189 87 63 / 28%);
	background: linear-gradient(110deg, rgb(65 151 165 / 23%), rgb(217 155 79 / 28%) 48%, rgb(189 87 63 / 24%) 76%, rgb(120 105 164 / 18%));
	color: #7f4035;
}

#site-footer .id-footer-tools-slot--newsletter {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin-top: var(--ir-space-3);
}

#site-footer .id-footer-tools-slot--newsletter .id-footer-tools,
#site-footer .id-footer-tools-slot--newsletter .id-footer-tools > summary {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

#site-footer .id-footer-tools-slot--newsletter .id-footer-tools > summary {
	justify-content: space-between;
}

#site-footer .id-footer-tools-slot--newsletter .id-footer-tools__panel {
	right: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Email and submit stay on one line; validation owns a full row below them. */
#site-footer .footer-newsletter-form {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: var(--ir-space-2);
	direction: rtl;
}

#site-footer .footer-newsletter-form input[type="email"] {
	width: 100%;
	min-width: 0;
	height: 2.8rem;
	border-color: rgb(245 213 141 / 16%);
	border-radius: var(--ir-radius-control-md);
	padding-inline: var(--ir-space-3);
	background: rgb(255 255 255 / 8%);
	color: #fff8ed;
	font-size: 0.75rem;
	box-shadow: var(--ir-shadow-none);
}

#site-footer .footer-newsletter-form .id-fa-newsletter-feedback {
	grid-column: 1 / -1;
	width: 100%;
	margin: var(--ir-space-1) 0 0;
	padding: var(--ir-space-2) var(--ir-space-3);
	border-radius: var(--ir-radius-control-sm);
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.75;
	text-align: right;
	background: rgb(255 255 255 / 7%);
	color: rgb(248 239 226 / 78%);
}

@media (max-width: 767px) {
	.home-integrated-trust,
	.id-blog-search-panel {
		grid-template-columns: minmax(0, 1fr);
	}

	.home-integrated-trust__points {
		grid-template-columns: minmax(0, 1fr);
	}

	.home-integrated-trust__points article {
		min-height: 0;
	}

	.id-blog-search-panel__suggestions {
		grid-column: 1;
	}

	.id-blog-search-panel__form {
		grid-template-columns: minmax(0, 1fr);
	}

	#site-footer.site-footer {
		padding-top: var(--ir-space-10);
		padding-bottom: calc(var(--ir-space-24) + env(safe-area-inset-bottom));
	}

	html.mobile-quick-nav-collapsed #site-footer.site-footer {
		padding-bottom: calc(var(--ir-space-12) + env(safe-area-inset-bottom));
	}
}

/* Slim browser scrollbars echo the site palette without dominating content. */
html {
	scrollbar-color: #4a99a5 #f7f3ed;
	scrollbar-width: thin;
}

@media (hover: hover) and (pointer: fine) {
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	::-webkit-scrollbar-track {
		background: linear-gradient(180deg, #f7f3ed, #f2f8f7);
	}

	::-webkit-scrollbar-thumb {
		border: 2px solid transparent;
		border-radius: var(--ir-radius-pill);
		background: linear-gradient(180deg, #4a99a5, #d99b4f 52%, #bd573f) border-box;
		background-clip: border-box;
	}

	::-webkit-scrollbar-thumb:hover {
		background: linear-gradient(180deg, #3f8791, #cb8b42 48%, #a94d3a) border-box;
	}
}

/* CTA hierarchy: copper remains the action signal; the rest of the palette is
   used as restrained reflected light instead of turning every button rainbow. */
#site-top a[href="/start-project/"] > button,
body.is-irandesigner-home .home-hero-primary-cta {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border: 1px solid transparent;
	background:
		linear-gradient(135deg, #a84f3d 0%, #c96b4d 52%, #a0473a 100%) padding-box,
		linear-gradient(110deg, rgb(65 151 165 / 62%), rgb(217 155 79 / 78%) 42%, rgb(255 255 255 / 34%) 58%, rgb(120 105 164 / 46%)) border-box;
	color: #fffaf5;
	box-shadow: var(--ir-shadow-md);
	transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}

#site-top a[href="/start-project/"] > button::after,
body.is-irandesigner-home .home-hero-primary-cta::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: "";
	background: linear-gradient(112deg, rgb(65 151 165 / 18%), transparent 31%, rgb(217 155 79 / 20%) 55%, transparent 73%, rgb(120 105 164 / 12%));
	pointer-events: none;
}

#site-top a[href="/start-project/"] > button:hover,
#site-top a[href="/start-project/"] > button:focus-visible,
body.is-irandesigner-home .home-hero-primary-cta:hover,
body.is-irandesigner-home .home-hero-primary-cta:focus-visible {
	transform: translateY(-1px);
	filter: saturate(1.035) brightness(1.025);
	box-shadow: var(--ir-shadow-md);
}

body.is-irandesigner-home .home-hero-secondary-cta {
	border: 1px solid transparent;
	background:
		linear-gradient(145deg, rgb(255 253 249 / 88%), rgb(247 252 251 / 78%)) padding-box,
		linear-gradient(110deg, rgb(65 151 165 / 42%), rgb(217 155 79 / 38%) 42%, rgb(189 87 63 / 34%) 72%, rgb(120 105 164 / 30%)) border-box;
	color: #59474c;
	box-shadow: var(--ir-shadow-soft);
}

body.is-irandesigner-home .home-hero-secondary-cta:hover,
body.is-irandesigner-home .home-hero-secondary-cta:focus-visible {
	transform: translateY(-1px);
	background:
		linear-gradient(145deg, rgb(255 252 247 / 96%), rgb(241 250 248 / 90%)) padding-box,
		linear-gradient(110deg, rgb(65 151 165 / 62%), rgb(217 155 79 / 55%) 42%, rgb(189 87 63 / 48%) 72%, rgb(120 105 164 / 42%)) border-box;
	color: #874438;
}

/* Keep the homepage design-path composition compact and intentional: the RTL
   reading column starts on the right and the transparent artwork on the left. */
@media (min-width: 1024px) {
	.home-decision-tab-panel--workflow > .grid,.home-decision-tab-panel--workflow > .ui-grid-a,.home-decision-tab-panel--workflow > .ui-grid-h,.home-decision-tab-panel--workflow > .ui-grid-2f,.home-decision-tab-panel--workflow > .ui-grid-2i,.home-decision-tab-panel--workflow > .ui-grid-3i,.home-decision-tab-panel--workflow > .ui-grid-3p,.home-decision-tab-panel--workflow > .ui-grid-3q,.home-decision-tab-panel--workflow > .ui-grid-3x,.home-decision-tab-panel--workflow > .ui-grid-47,.home-decision-tab-panel--workflow > .ui-grid-4d,.home-decision-tab-panel--workflow > .ui-grid-4q,.home-decision-tab-panel--workflow > .ui-grid-4x,.home-decision-tab-panel--workflow > .ui-grid-59,.home-decision-tab-panel--workflow > .ui-overlay-5g,.home-decision-tab-panel--workflow > .ui-decoration-5m,.home-decision-tab-panel--workflow > .ui-decoration-5n,.home-decision-tab-panel--workflow > .ui-overlay-5o,.home-decision-tab-panel--workflow > .ui-decoration-5p,.home-decision-tab-panel--workflow > .ui-grid-5v,.home-decision-tab-panel--workflow > .ui-grid-64,.home-decision-tab-panel--workflow > .ui-grid-6c,.home-decision-tab-panel--workflow > .ui-grid-79,.home-decision-tab-panel--workflow > .ui-grid-7g,.home-decision-tab-panel--workflow > .ui-grid-i,.home-decision-tab-panel--workflow > .ui-grid-1b,.home-decision-tab-panel--workflow > .ui-grid-1d,.home-decision-tab-panel--workflow > .ui-grid-1h,.home-decision-tab-panel--workflow > .ui-grid-1p,.home-decision-tab-panel--workflow > .ui-grid-1w,.home-decision-tab-panel--workflow > .ui-grid-2q,.home-decision-tab-panel--workflow > .ui-grid-79-2,.home-decision-tab-panel--workflow > .ui-grid-7c,.home-decision-tab-panel--workflow > .ui-grid-3w,.home-decision-tab-panel--workflow > .ui-grid-4c,.home-decision-tab-panel--workflow > .ui-grid-4t,.home-decision-tab-panel--workflow > .ui-grid-53,.home-decision-tab-panel--workflow > .ui-grid-5o,.home-decision-tab-panel--workflow > .ui-grid-61,.home-decision-tab-panel--workflow > .ui-grid-6h,.home-decision-tab-panel--workflow > .ui-grid-7e,.home-decision-tab-panel--workflow > .ui-grid-7h,.home-decision-tab-panel--workflow > .home-blog-row,.home-decision-tab-panel--workflow > .ui-style-3g,.home-decision-tab-panel--workflow > .ui-style-3n{
		align-items: start;
		gap: clamp(var(--ir-space-6), 3vw, var(--ir-space-12));
	}

	.home-decision-tab-panel--workflow .home-decision-static-visual {
		order: 2;
	}

	.home-decision-tab-panel--workflow > .grid > div,.home-decision-tab-panel--workflow > .ui-grid-a > div,.home-decision-tab-panel--workflow > .ui-grid-h > div,.home-decision-tab-panel--workflow > .ui-grid-2f > div,.home-decision-tab-panel--workflow > .ui-grid-2i > div,.home-decision-tab-panel--workflow > .ui-grid-3i > div,.home-decision-tab-panel--workflow > .ui-grid-3p > div,.home-decision-tab-panel--workflow > .ui-grid-3q > div,.home-decision-tab-panel--workflow > .ui-grid-3x > div,.home-decision-tab-panel--workflow > .ui-grid-47 > div,.home-decision-tab-panel--workflow > .ui-grid-4d > div,.home-decision-tab-panel--workflow > .ui-grid-4q > div,.home-decision-tab-panel--workflow > .ui-grid-4x > div,.home-decision-tab-panel--workflow > .ui-grid-59 > div,.home-decision-tab-panel--workflow > .ui-overlay-5g > div,.home-decision-tab-panel--workflow > .ui-decoration-5m > div,.home-decision-tab-panel--workflow > .ui-decoration-5n > div,.home-decision-tab-panel--workflow > .ui-overlay-5o > div,.home-decision-tab-panel--workflow > .ui-decoration-5p > div,.home-decision-tab-panel--workflow > .ui-grid-5v > div,.home-decision-tab-panel--workflow > .ui-grid-64 > div,.home-decision-tab-panel--workflow > .ui-grid-6c > div,.home-decision-tab-panel--workflow > .ui-grid-79 > div,.home-decision-tab-panel--workflow > .ui-grid-7g > div,.home-decision-tab-panel--workflow > .ui-grid-i > div,.home-decision-tab-panel--workflow > .ui-grid-1b > div,.home-decision-tab-panel--workflow > .ui-grid-1d > div,.home-decision-tab-panel--workflow > .ui-grid-1h > div,.home-decision-tab-panel--workflow > .ui-grid-1p > div,.home-decision-tab-panel--workflow > .ui-grid-1w > div,.home-decision-tab-panel--workflow > .ui-grid-2q > div,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div,.home-decision-tab-panel--workflow > .ui-grid-7c > div,.home-decision-tab-panel--workflow > .ui-grid-3w > div,.home-decision-tab-panel--workflow > .ui-grid-4c > div,.home-decision-tab-panel--workflow > .ui-grid-4t > div,.home-decision-tab-panel--workflow > .ui-grid-53 > div,.home-decision-tab-panel--workflow > .ui-grid-5o > div,.home-decision-tab-panel--workflow > .ui-grid-61 > div,.home-decision-tab-panel--workflow > .ui-grid-6h > div,.home-decision-tab-panel--workflow > .ui-grid-7e > div,.home-decision-tab-panel--workflow > .ui-grid-7h > div,.home-decision-tab-panel--workflow > .home-blog-row > div,.home-decision-tab-panel--workflow > .ui-style-3g > div,.home-decision-tab-panel--workflow > .ui-style-3n > div{
		order: 1;
		text-align: right;
	}

	.home-decision-tab-panel--workflow > .grid > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-a > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-h > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-row-1h,.home-decision-tab-panel--workflow > .grid > div > .ui-text-1m,.home-decision-tab-panel--workflow > .ui-grid-2f > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-2i > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-3i > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-3p > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-3q > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-3x > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-47 > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-4d > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-4q > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-4x > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-59 > div > .mb-5,.home-decision-tab-panel--workflow > .ui-overlay-5g > div > .mb-5,.home-decision-tab-panel--workflow > .ui-decoration-5m > div > .mb-5,.home-decision-tab-panel--workflow > .ui-decoration-5n > div > .mb-5,.home-decision-tab-panel--workflow > .ui-overlay-5o > div > .mb-5,.home-decision-tab-panel--workflow > .ui-decoration-5p > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-media-5r,.home-decision-tab-panel--workflow > .ui-grid-5v > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-64 > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-media-67,.home-decision-tab-panel--workflow > .ui-grid-6c > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-79 > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-7g > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-i > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-1b > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-1d > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-1h > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-1p > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-1w > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-2q > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-row-3b,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-7c > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-media-3s,.home-decision-tab-panel--workflow > .grid > div > .ui-heading-3t,.home-decision-tab-panel--workflow > .ui-grid-3w > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-stack-42,.home-decision-tab-panel--workflow > .ui-grid-4c > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-4t > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-53 > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-5o > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-media-5t,.home-decision-tab-panel--workflow > .ui-grid-61 > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-text-6d,.home-decision-tab-panel--workflow > .ui-grid-6h > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-7e > div > .mb-5,.home-decision-tab-panel--workflow > .ui-grid-7h > div > .mb-5,.home-decision-tab-panel--workflow > .grid > div > .ui-row-80,.home-decision-tab-panel--workflow > .home-blog-row > div > .mb-5,.home-decision-tab-panel--workflow > .ui-style-3g > div > .mb-5,.home-decision-tab-panel--workflow > .ui-style-3n > div > .mb-5{
		margin-bottom: var(--ir-space-3);
	}

	.home-decision-tab-panel--workflow > .grid > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-a > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-h > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-2f > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-2i > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-3i > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-3p > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-3q > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-3x > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-47 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-4d > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-4q > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-4x > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-59 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-overlay-5g > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-decoration-5m > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-decoration-5n > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-overlay-5o > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-decoration-5p > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-5v > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-64 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-6c > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-79 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-7g > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-i > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-1b > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-1d > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-1h > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-1p > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-1w > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-2q > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-7c > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-3w > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-4c > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-4t > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-53 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-5o > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-61 > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-6h > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-7e > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-grid-7h > div > .accent-divider,.home-decision-tab-panel--workflow > .home-blog-row > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-style-3g > div > .accent-divider,.home-decision-tab-panel--workflow > .ui-style-3n > div > .accent-divider{
		margin-block: var(--ir-space-3) var(--ir-space-4);
	}

	.home-decision-tab-panel--workflow > .grid > div > .mt-7.grid,.home-decision-tab-panel--workflow > .ui-grid-a > div > .mt-7.ui-grid-a,.home-decision-tab-panel--workflow > .ui-grid-h > div > .mt-7.ui-grid-h,.home-decision-tab-panel--workflow > .ui-grid-2f > div > .mt-7.ui-grid-2f,.home-decision-tab-panel--workflow > .ui-grid-2i > div > .mt-7.ui-grid-2i,.home-decision-tab-panel--workflow > .ui-grid-3i > div > .mt-7.ui-grid-3i,.home-decision-tab-panel--workflow > .ui-grid-3p > div > .mt-7.ui-grid-3p,.home-decision-tab-panel--workflow > .ui-grid-3q > div > .mt-7.ui-grid-3q,.home-decision-tab-panel--workflow > .ui-grid-3x > div > .mt-7.ui-grid-3x,.home-decision-tab-panel--workflow > .ui-grid-47 > div > .mt-7.ui-grid-47,.home-decision-tab-panel--workflow > .ui-grid-4d > div > .mt-7.ui-grid-4d,.home-decision-tab-panel--workflow > .ui-grid-4q > div > .mt-7.ui-grid-4q,.home-decision-tab-panel--workflow > .ui-grid-4x > div > .mt-7.ui-grid-4x,.home-decision-tab-panel--workflow > .ui-grid-59 > div > .mt-7.ui-grid-59,.home-decision-tab-panel--workflow > .ui-overlay-5g > div > .mt-7.ui-overlay-5g,.home-decision-tab-panel--workflow > .ui-decoration-5m > div > .mt-7.ui-decoration-5m,.home-decision-tab-panel--workflow > .ui-decoration-5n > div > .mt-7.ui-decoration-5n,.home-decision-tab-panel--workflow > .ui-overlay-5o > div > .mt-7.ui-overlay-5o,.home-decision-tab-panel--workflow > .ui-decoration-5p > div > .mt-7.ui-decoration-5p,.home-decision-tab-panel--workflow > .ui-grid-5v > div > .ui-grid-5v.ui-grid-5v,.home-decision-tab-panel--workflow > .ui-grid-64 > div > .mt-7.ui-grid-64,.home-decision-tab-panel--workflow > .ui-grid-6c > div > .mt-7.ui-grid-6c,.home-decision-tab-panel--workflow > .ui-grid-79 > div > .mt-7.ui-grid-79,.home-decision-tab-panel--workflow > .ui-grid-7g > div > .mt-7.ui-grid-7g,.home-decision-tab-panel--workflow > .ui-grid-i > div > .mt-7.ui-grid-i,.home-decision-tab-panel--workflow > .ui-grid-1b > div > .mt-7.ui-grid-1b,.home-decision-tab-panel--workflow > .ui-grid-1d > div > .mt-7.ui-grid-1d,.home-decision-tab-panel--workflow > .ui-grid-1h > div > .mt-7.ui-grid-1h,.home-decision-tab-panel--workflow > .ui-grid-1p > div > .mt-7.ui-grid-1p,.home-decision-tab-panel--workflow > .ui-grid-1w > div > .mt-7.ui-grid-1w,.home-decision-tab-panel--workflow > .ui-grid-2q > div > .mt-7.ui-grid-2q,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div > .mt-7.ui-grid-79-2,.home-decision-tab-panel--workflow > .ui-grid-7c > div > .mt-7.ui-grid-7c,.home-decision-tab-panel--workflow > .ui-grid-3w > div > .mt-7.ui-grid-3w,.home-decision-tab-panel--workflow > .ui-grid-4c > div > .mt-7.ui-grid-4c,.home-decision-tab-panel--workflow > .ui-grid-4t > div > .mt-7.ui-grid-4t,.home-decision-tab-panel--workflow > .ui-grid-53 > div > .mt-7.ui-grid-53,.home-decision-tab-panel--workflow > .ui-grid-5o > div > .mt-7.ui-grid-5o,.home-decision-tab-panel--workflow > .ui-grid-61 > div > .mt-7.ui-grid-61,.home-decision-tab-panel--workflow > .ui-grid-6h > div > .mt-7.ui-grid-6h,.home-decision-tab-panel--workflow > .ui-grid-7e > div > .mt-7.ui-grid-7e,.home-decision-tab-panel--workflow > .ui-grid-7h > div > .mt-7.ui-grid-7h,.home-decision-tab-panel--workflow > .home-blog-row > div > .mt-7.home-blog-row,.home-decision-tab-panel--workflow > .ui-style-3g > div > .mt-7.ui-style-3g,.home-decision-tab-panel--workflow > .ui-style-3n > div > .mt-7.ui-style-3n{
		margin-top: var(--ir-space-4);
		gap: var(--ir-space-3);
	}

	.home-decision-tab-panel--workflow > .grid > div > .mt-7.grid article,.home-decision-tab-panel--workflow > .ui-grid-a > div > .mt-7.ui-grid-a article,.home-decision-tab-panel--workflow > .ui-grid-h > div > .mt-7.ui-grid-h article,.home-decision-tab-panel--workflow > .ui-grid-2f > div > .mt-7.ui-grid-2f article,.home-decision-tab-panel--workflow > .ui-grid-2i > div > .mt-7.ui-grid-2i article,.home-decision-tab-panel--workflow > .ui-grid-3i > div > .mt-7.ui-grid-3i article,.home-decision-tab-panel--workflow > .ui-grid-3p > div > .mt-7.ui-grid-3p article,.home-decision-tab-panel--workflow > .ui-grid-3q > div > .mt-7.ui-grid-3q article,.home-decision-tab-panel--workflow > .ui-grid-3x > div > .mt-7.ui-grid-3x article,.home-decision-tab-panel--workflow > .ui-grid-47 > div > .mt-7.ui-grid-47 article,.home-decision-tab-panel--workflow > .ui-grid-4d > div > .mt-7.ui-grid-4d article,.home-decision-tab-panel--workflow > .ui-grid-4q > div > .mt-7.ui-grid-4q article,.home-decision-tab-panel--workflow > .ui-grid-4x > div > .mt-7.ui-grid-4x article,.home-decision-tab-panel--workflow > .ui-grid-59 > div > .mt-7.ui-grid-59 article,.home-decision-tab-panel--workflow > .ui-overlay-5g > div > .mt-7.ui-overlay-5g article,.home-decision-tab-panel--workflow > .ui-decoration-5m > div > .mt-7.ui-decoration-5m article,.home-decision-tab-panel--workflow > .ui-decoration-5n > div > .mt-7.ui-decoration-5n article,.home-decision-tab-panel--workflow > .ui-overlay-5o > div > .mt-7.ui-overlay-5o article,.home-decision-tab-panel--workflow > .ui-decoration-5p > div > .mt-7.ui-decoration-5p article,.home-decision-tab-panel--workflow > .ui-grid-5v > div > .ui-grid-5v.ui-grid-5v article,.home-decision-tab-panel--workflow > .ui-grid-64 > div > .mt-7.ui-grid-64 article,.home-decision-tab-panel--workflow > .ui-grid-6c > div > .mt-7.ui-grid-6c article,.home-decision-tab-panel--workflow > .ui-grid-79 > div > .mt-7.ui-grid-79 article,.home-decision-tab-panel--workflow > .ui-grid-7g > div > .mt-7.ui-grid-7g article,.home-decision-tab-panel--workflow > .ui-grid-i > div > .mt-7.ui-grid-i article,.home-decision-tab-panel--workflow > .ui-grid-1b > div > .mt-7.ui-grid-1b article,.home-decision-tab-panel--workflow > .ui-grid-1d > div > .mt-7.ui-grid-1d article,.home-decision-tab-panel--workflow > .ui-grid-1h > div > .mt-7.ui-grid-1h article,.home-decision-tab-panel--workflow > .ui-grid-1p > div > .mt-7.ui-grid-1p article,.home-decision-tab-panel--workflow > .ui-grid-1w > div > .mt-7.ui-grid-1w article,.home-decision-tab-panel--workflow > .ui-grid-2q > div > .mt-7.ui-grid-2q article,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div > .mt-7.ui-grid-79-2 article,.home-decision-tab-panel--workflow > .ui-grid-7c > div > .mt-7.ui-grid-7c article,.home-decision-tab-panel--workflow > .ui-grid-3w > div > .mt-7.ui-grid-3w article,.home-decision-tab-panel--workflow > .ui-grid-4c > div > .mt-7.ui-grid-4c article,.home-decision-tab-panel--workflow > .ui-grid-4t > div > .mt-7.ui-grid-4t article,.home-decision-tab-panel--workflow > .ui-grid-53 > div > .mt-7.ui-grid-53 article,.home-decision-tab-panel--workflow > .ui-grid-5o > div > .mt-7.ui-grid-5o article,.home-decision-tab-panel--workflow > .ui-grid-61 > div > .mt-7.ui-grid-61 article,.home-decision-tab-panel--workflow > .ui-grid-6h > div > .mt-7.ui-grid-6h article,.home-decision-tab-panel--workflow > .ui-grid-7e > div > .mt-7.ui-grid-7e article,.home-decision-tab-panel--workflow > .ui-grid-7h > div > .mt-7.ui-grid-7h article,.home-decision-tab-panel--workflow > .home-blog-row > div > .mt-7.home-blog-row article,.home-decision-tab-panel--workflow > .ui-style-3g > div > .mt-7.ui-style-3g article,.home-decision-tab-panel--workflow > .ui-style-3n > div > .mt-7.ui-style-3n article{
		min-height: 6.2rem;
		padding: var(--ir-space-3) var(--ir-space-4);
	}

	.home-decision-tab-panel--workflow > .grid > div > .mt-7.grid article p,.home-decision-tab-panel--workflow > .ui-grid-a > div > .mt-7.ui-grid-a article p,.home-decision-tab-panel--workflow > .ui-grid-h > div > .mt-7.ui-grid-h article p,.home-decision-tab-panel--workflow > .ui-grid-2f > div > .mt-7.ui-grid-2f article p,.home-decision-tab-panel--workflow > .ui-grid-2i > div > .mt-7.ui-grid-2i article p,.home-decision-tab-panel--workflow > .ui-grid-3i > div > .mt-7.ui-grid-3i article p,.home-decision-tab-panel--workflow > .ui-grid-3p > div > .mt-7.ui-grid-3p article p,.home-decision-tab-panel--workflow > .ui-grid-3q > div > .mt-7.ui-grid-3q article p,.home-decision-tab-panel--workflow > .ui-grid-3x > div > .mt-7.ui-grid-3x article p,.home-decision-tab-panel--workflow > .ui-grid-47 > div > .mt-7.ui-grid-47 article p,.home-decision-tab-panel--workflow > .ui-grid-4d > div > .mt-7.ui-grid-4d article p,.home-decision-tab-panel--workflow > .ui-grid-4q > div > .mt-7.ui-grid-4q article p,.home-decision-tab-panel--workflow > .ui-grid-4x > div > .mt-7.ui-grid-4x article p,.home-decision-tab-panel--workflow > .ui-grid-59 > div > .mt-7.ui-grid-59 article p,.home-decision-tab-panel--workflow > .ui-overlay-5g > div > .mt-7.ui-overlay-5g article p,.home-decision-tab-panel--workflow > .ui-decoration-5m > div > .mt-7.ui-decoration-5m article p,.home-decision-tab-panel--workflow > .ui-decoration-5n > div > .mt-7.ui-decoration-5n article p,.home-decision-tab-panel--workflow > .ui-overlay-5o > div > .mt-7.ui-overlay-5o article p,.home-decision-tab-panel--workflow > .ui-decoration-5p > div > .mt-7.ui-decoration-5p article p,.home-decision-tab-panel--workflow > .ui-grid-5v > div > .ui-grid-5v.ui-grid-5v article p,.home-decision-tab-panel--workflow > .ui-grid-64 > div > .mt-7.ui-grid-64 article p,.home-decision-tab-panel--workflow > .ui-grid-6c > div > .mt-7.ui-grid-6c article p,.home-decision-tab-panel--workflow > .ui-grid-79 > div > .mt-7.ui-grid-79 article p,.home-decision-tab-panel--workflow > .ui-grid-7g > div > .mt-7.ui-grid-7g article p,.home-decision-tab-panel--workflow > .ui-grid-i > div > .mt-7.ui-grid-i article p,.home-decision-tab-panel--workflow > .ui-grid-1b > div > .mt-7.ui-grid-1b article p,.home-decision-tab-panel--workflow > .ui-grid-1d > div > .mt-7.ui-grid-1d article p,.home-decision-tab-panel--workflow > .ui-grid-1h > div > .mt-7.ui-grid-1h article p,.home-decision-tab-panel--workflow > .ui-grid-1p > div > .mt-7.ui-grid-1p article p,.home-decision-tab-panel--workflow > .ui-grid-1w > div > .mt-7.ui-grid-1w article p,.home-decision-tab-panel--workflow > .ui-grid-2q > div > .mt-7.ui-grid-2q article p,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div > .mt-7.ui-grid-79-2 article p,.home-decision-tab-panel--workflow > .ui-grid-7c > div > .mt-7.ui-grid-7c article p,.home-decision-tab-panel--workflow > .ui-grid-3w > div > .mt-7.ui-grid-3w article p,.home-decision-tab-panel--workflow > .ui-grid-4c > div > .mt-7.ui-grid-4c article p,.home-decision-tab-panel--workflow > .ui-grid-4t > div > .mt-7.ui-grid-4t article p,.home-decision-tab-panel--workflow > .ui-grid-53 > div > .mt-7.ui-grid-53 article p,.home-decision-tab-panel--workflow > .ui-grid-5o > div > .mt-7.ui-grid-5o article p,.home-decision-tab-panel--workflow > .ui-grid-61 > div > .mt-7.ui-grid-61 article p,.home-decision-tab-panel--workflow > .ui-grid-6h > div > .mt-7.ui-grid-6h article p,.home-decision-tab-panel--workflow > .ui-grid-7e > div > .mt-7.ui-grid-7e article p,.home-decision-tab-panel--workflow > .ui-grid-7h > div > .mt-7.ui-grid-7h article p,.home-decision-tab-panel--workflow > .home-blog-row > div > .mt-7.home-blog-row article p,.home-decision-tab-panel--workflow > .ui-style-3g > div > .mt-7.ui-style-3g article p,.home-decision-tab-panel--workflow > .ui-style-3n > div > .mt-7.ui-style-3n article p{
		margin-top: var(--ir-space-1);
		line-height: 1.75;
	}

	.home-decision-tab-panel--workflow > .grid > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-a > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-h > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-2f > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-2i > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-3i > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-3p > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-3q > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-3x > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-47 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-4d > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-4q > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-4x > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-59 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-overlay-5g > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-decoration-5m > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-decoration-5n > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-overlay-5o > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-decoration-5p > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-5v > div > a.mt-8,.home-decision-tab-panel--workflow > .grid > div > a.ui-row-5z,.home-decision-tab-panel--workflow > .ui-grid-64 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-6c > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-79 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-7g > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-i > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-1b > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-1d > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-1h > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-1p > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-1w > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-2q > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-79-2 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-7c > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-3w > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-4c > div > a.mt-8,.home-decision-tab-panel--workflow > .grid > div > a.ui-row-4q,.home-decision-tab-panel--workflow > .ui-grid-4t > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-53 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-5o > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-61 > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-6h > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-7e > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-grid-7h > div > a.mt-8,.home-decision-tab-panel--workflow > .home-blog-row > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-style-3g > div > a.mt-8,.home-decision-tab-panel--workflow > .ui-style-3n > div > a.mt-8{
		margin-top: var(--ir-space-4);
	}
}

/* Imported service heroes must wrap at the content column width. */
body.single-ir_service .public-inner-hero-description {
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
}

/* Rebuilt service-reading section: each article is one complete link/card. */
.id-service-related-clean {
	padding-block: clamp(var(--ir-space-10), 5vw, var(--ir-space-16));
}

.id-service-related-clean header {
	max-width: 48rem;
	margin-inline-start: auto;
	text-align: right;
}

.id-service-related-clean header > span {
	display: inline-flex;
	padding: var(--ir-space-1) var(--ir-space-3);
	border: 1px solid rgb(65 151 165 / 18%);
	border-radius: var(--ir-radius-control-sm);
	background: rgb(239 249 247 / 68%);
	color: #8f4639;
	font-size: 0.68rem;
	font-weight: 480;
}

.id-service-related-clean h2 {
	margin-top: var(--ir-space-3);
	font-size: clamp(1.25rem, 2.3vw, 1.9rem);
	font-weight: 560;
	line-height: 1.6;
}

.id-service-related-clean header p {
	margin-top: var(--ir-space-2);
	color: rgb(45 39 51 / 62%);
	font-size: 0.86rem;
	font-weight: 350;
	line-height: 1.9;
}

.id-service-related-clean__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ir-space-3);
	margin-top: var(--ir-space-5);
}

.id-service-related-clean__grid > a {
	display: flex;
	min-height: 13.5rem;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--ir-space-5);
	border: 1px solid rgb(65 151 165 / 14%);
	border-radius: var(--ir-radius-panel);
	background: linear-gradient(145deg, rgb(255 255 255 / 78%), rgb(239 249 247 / 58%));
	box-shadow: var(--ir-shadow-md);
	text-align: right;
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.id-service-related-clean__grid > a:hover,
.id-service-related-clean__grid > a:focus-visible {
	transform: translateY(-2px);
	border-color: rgb(189 87 63 / 22%);
	box-shadow: var(--ir-shadow-strong);
}

.id-service-related-clean__grid small { color: #9a493b; font-size: 0.66rem; font-weight: 460; }
.id-service-related-clean__grid h3 { margin-top: var(--ir-space-3); font-size: 0.94rem; font-weight: 540; line-height: 1.75; }
.id-service-related-clean__grid p { margin-top: var(--ir-space-2); color: rgb(45 39 51 / 61%); font-size: 0.75rem; font-weight: 340; line-height: 1.9; }
.id-service-related-clean__grid span { margin-top: auto; padding-top: var(--ir-space-3); color: #8f4639; font-size: 0.68rem; font-weight: 480; }

@media (max-width: 900px) {
	.id-service-related-clean__grid { grid-template-columns: minmax(0, 1fr); }
	.id-service-related-clean__grid > a { min-height: 0; }
}

.id-consulting-hero__body > div:first-child {
	padding-top: var(--ir-space-1);
}

/* Service lead images use their real ratio instead of a stretched contain box. */
figure:has(> div > img[src*="service-digital-marketing-v3"]),
figure:has(> div > img[src*="service-google-ads-v2"]) {
	align-self: center;
}

figure:has(> div > img[src*="service-digital-marketing-v3"]) > div,
figure:has(> div > img[src*="service-google-ads-v2"]) > div {
	height: clamp(22rem, 31vw, 27.5rem);
	min-height: clamp(22rem, 31vw, 27.5rem);
	aspect-ratio: auto;
}

img[src*="service-digital-marketing-v3"],
img[src*="service-google-ads-v2"] {
	object-fit: cover;
	object-position: center;
}

/* Softer WhatsApp treatment across header variants. */
#site-top .public-header-social-link--whatsapp {
	border-color: rgb(71 154 116 / 14%);
	background: rgb(239 250 245 / 46%);
	color: #4f9275;
	box-shadow: none;
}

#site-top .public-header-social-link--whatsapp::before,
#site-top .public-header-social-link--whatsapp::after {
	opacity: 0.35;
	filter: saturate(0.75);
}

#site-top .public-header-social-link--whatsapp:hover,
#site-top .public-header-social-link--whatsapp:focus-visible {
	border-color: rgb(71 154 116 / 20%);
	background: rgb(236 249 243 / 68%);
	color: #407e65;
	box-shadow: var(--ir-shadow-soft);
}

/* Raise specificity above the imported primary-button bundle. */
html body.is-irandesigner-home main a.home-hero-primary-cta.brand-button-motion--primary {
	border-color: rgb(226 173 109 / 42%);
	background-color: #9a4737;
	background-image: linear-gradient(135deg, #8f4033 0%, #b65b43 52%, #893b31 100%);
	background-clip: padding-box;
	color: #fffaf5;
}

body.is-irandesigner-home .home-hero-primary-cta .home-hero-cta-icon {
	display: inline-flex;
	width: 2.25rem;
	height: 2.25rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(255 242 219 / 34%);
	border-radius: var(--ir-radius-pill);
	background: rgb(255 250 240 / 11%);
	color: #fffdf8;
	box-shadow: var(--ir-shadow-none);
}

/* Shared secondary-action skin. The final primary palette is declared once
   below, beside its interaction states. */
html body :is(a, button).brand-button-motion--outline,
html body .id-specialist-actions > a + a {
	border: 1px solid transparent;
	background:
		linear-gradient(145deg, rgb(255 253 249 / 95%), rgb(248 250 249 / 91%)) padding-box,
		linear-gradient(110deg, rgb(65 151 165 / 30%), rgb(217 155 79 / 38%) 44%, rgb(189 87 63 / 38%) 76%, rgb(120 105 164 / 24%)) border-box;
	color: var(--id-cta-copper-ink);
	box-shadow: var(--ir-shadow-soft);
}

html body :is(a, button).brand-button-motion--outline:hover,
html body :is(a, button).brand-button-motion--outline:focus-visible,
html body .id-specialist-actions > a + a:hover,
html body .id-specialist-actions > a + a:focus-visible {
	transform: translateY(-1px);
	background:
		linear-gradient(145deg, rgb(255 253 249 / 98%), rgb(247 250 249 / 95%)) padding-box,
		linear-gradient(110deg, rgb(65 151 165 / 45%), rgb(217 155 79 / 52%) 44%, rgb(189 87 63 / 52%) 76%, rgb(120 105 164 / 36%)) border-box;
	color: #79382f;
}

html body.is-irandesigner-home .home-hero-primary-cta .home-hero-cta-icon {
	border-color: rgb(189 87 63 / 18%);
	background: rgb(189 87 63 / 8%);
	color: #874438;
	box-shadow: var(--ir-shadow-none);
}

/* Keep the homepage H1 as one uninterrupted typographic voice. */
html body.is-irandesigner-home .home-hero-title {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 0;
	background: none;
	-webkit-text-fill-color: initial;
	text-shadow: none;
}

html body.is-irandesigner-home .home-hero-title__core {
	display: inline-block;
	background-image: linear-gradient(112deg, #2d2733 5%, #2d2733 34%, #a24f3d 58%, #3e8490 83%, #2d2733 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: #2d2733;
	font-weight: 620;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 10px 18px rgb(45 39 51 / 8%));
}

/* Portrait artwork for the design-path section: no artificial card surface,
   no crop and enough vertical room for the new sculpture. */
html body.is-irandesigner-home .home-decision-static-visual {
	width: min(100%, 38rem);
	height: auto;
	max-height: none;
	margin-inline: auto;
	aspect-ratio: 1 / 1;
	overflow: visible;
}

html body.is-irandesigner-home .home-decision-static-visual img {
	object-fit: contain;
	object-position: center;
}

/* Give the mobile menu affordance a slow, low-contrast border glint. */
@media (max-width: 1279px) {
	body.irandesigner-exact-ui nav[data-hero-nav-state]
		.public-nav-glass--mobile [data-public-menu-toggle="true"] {
		border: 1px solid transparent;
		background:
			linear-gradient(145deg, rgb(255 253 249 / 92%), rgb(247 250 249 / 90%)) padding-box,
			linear-gradient(105deg, rgb(189 87 63 / 28%), rgb(217 155 79 / 76%), rgb(255 255 255 / 92%), rgb(65 151 165 / 62%), rgb(189 87 63 / 28%)) border-box;
		background-size: 100% 100%, 260% 100%;
		box-shadow: var(--ir-shadow-soft);
		animation: id-mobile-menu-border-glint 4.2s ease-in-out infinite;
	}
}

@keyframes id-mobile-menu-border-glint {
	0%, 28% { background-position: 0 0, 100% 0; }
	58%, 100% { background-position: 0 0, -80% 0; }
}

@media (max-width: 767px) {
	html body.is-irandesigner-home .home-hero-title {
		align-items: baseline;
		flex-flow: row nowrap;
		gap: 0.22em;
		max-width: none;
		font-size: 1.125rem;
		line-height: 1.25;
		-webkit-text-size-adjust: none;
		text-size-adjust: none;
		white-space: nowrap;
	}

	html body.is-irandesigner-home .home-hero-title__core {
		flex: 0 0 auto;
		min-width: 0;
		font-size: 1em;
		font-weight: inherit;
		line-height: 1.25;
	}

	html body.is-irandesigner-home .home-decision-static-visual {
		height: auto;
		max-height: none;
		aspect-ratio: 1 / 1;
	}
}

@media (max-width: 359px) {
	html body.is-irandesigner-home .home-hero-title {
		gap: 0.12em;
		font-size: 1rem;
		letter-spacing: -0.035em;
	}

	html body.is-irandesigner-home .home-hero-title__core {
		font-size: 0.85em;
	}
}

@media (min-width: 420px) and (max-width: 767px) {
	html body.is-irandesigner-home .home-hero-title {
		font-size: 1.25rem;
	}

	html body.is-irandesigner-home .home-hero-title__core {
		font-size: 1em;
	}
}

/* Ensure the new Google Ads lead render stays visible even when legacy utility
   classes or lazy-image styles are present in imported service markup. */
html body img[src*="service-google-ads-v2"] {
	display: block;
	z-index: 1;
	opacity: 1;
	visibility: visible;
}

/* The imported lead image is absolutely positioned. A real block height is
   required; `height:auto` collapses its wrapper to zero and leaves only the
   figure's decorative hairline visible. */
html body figure:has(> div > img[src*="service-google-ads-v2"]) > div,
html body figure:has(> div > img[src*="service-digital-marketing-v3"]) > div {
	position: relative;
	height: clamp(22rem, 31vw, 27.5rem);
	min-height: clamp(22rem, 31vw, 27.5rem);
	overflow: hidden;
}

html body img[src*="service-google-ads-v2"],
html body img[src*="service-digital-marketing-v3"] {
	inset: 0;
	width: 100%;
	height: 100%;
	filter: none;
	mix-blend-mode: normal;
	clip-path: none;
	mask-image: none;
}

@media (max-width: 767px) {
	html body figure:has(> div > img[src*="service-google-ads-v2"]) > div,
	html body figure:has(> div > img[src*="service-digital-marketing-v3"]) > div {
		height: min(64vw, 25rem);
		min-height: min(64vw, 25rem);
	}
}

/* Start-project palette selections use a dark copper active surface. Force
   their copy to the light foreground token so headings and descriptions keep
   accessible contrast instead of inheriting the default dark text utility. */
body.irandesigner-exact-ui .id-project-brief-form button[aria-pressed="true"]
	:is(h2, h3, h4, p, strong, small, .id-project-option-copy) {
	color: #fffaf3;
	-webkit-text-fill-color: #fffaf3;
}

body.irandesigner-exact-ui .id-project-brief-form button[aria-pressed="true"] * {
	color: #fffaf3;
	-webkit-text-fill-color: #fffaf3;
}

/* Mobile keeps the desktop ribbon surface. Remove the temporary spectrum
   outline while preserving its compact three-column layout. */
@media (max-width: 720px) {
	body.is-irandesigner-home #home-hero-strip {
		margin-top: 0;
		margin-bottom: 0;
		position: relative;
		z-index: 6;
		background: transparent;
	}

	body.is-irandesigner-home .home-hero-strip {
		border: 1px solid rgb(209 154 88 / 20%);
		border-radius: 0;
		background: linear-gradient(180deg, rgb(255 255 255 / 74%), rgb(255 250 244 / 80%));
		box-shadow: var(--ir-shadow-strong);
		overflow: hidden;
	}
}

/* The design-process route is a contextual text link, not a competing primary
   CTA. Its copper arrow and animated underline supply the affordance. */
html body.is-irandesigner-home a.home-design-process-link {
	position: relative;
	width: fit-content;
	padding: var(--ir-space-1) var(--ir-space-1) var(--ir-space-2);
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #5b4d47;
	box-shadow: none;
	font-weight: 480;
	transition: color 220ms ease, transform 220ms ease;
}

html body.is-irandesigner-home a.home-design-process-link::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2.6rem;
	height: 1px;
	background: linear-gradient(90deg, #bd573f, #d99b4f, #4197a5);
	content: "";
	transition: width 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

html body.is-irandesigner-home a.home-design-process-link svg {
	color: #bd573f;
	transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

html body.is-irandesigner-home a.home-design-process-link:hover,
html body.is-irandesigner-home a.home-design-process-link:focus-visible {
	background: transparent;
	color: #8d4135;
	box-shadow: none;
	transform: none;
}

html body.is-irandesigner-home a.home-design-process-link:hover::after,
html body.is-irandesigner-home a.home-design-process-link:focus-visible::after {
	width: 100%;
}

html body.is-irandesigner-home a.home-design-process-link:hover svg,
html body.is-irandesigner-home a.home-design-process-link:focus-visible svg {
	transform: translateX(-0.22rem) rotate(180deg);
}

/* Primary CTAs return to the established copper action colour used by the
   header's Start Project control. The prismatic surface remains available for
   secondary actions only. */
html body :is(a, button).brand-button-motion--primary,
html body.is-irandesigner-home main a.home-hero-primary-cta.brand-button-motion--primary,
html body .id-specialist-actions > a:first-child,
html body .id-specialist-cta > a,
html body #site-footer .footer-newsletter-submit {
	border: 1px solid transparent;
	border-color: rgb(218 128 94 / 76%);
	background: linear-gradient(135deg, #b85a43 0%, #cf7452 54%, #a64d3d 100%);
	color: #fffaf3;
	-webkit-text-fill-color: #fffaf3;
	box-shadow: var(--ir-shadow-md);
}

html body :is(a, button).brand-button-motion--primary:hover,
html body :is(a, button).brand-button-motion--primary:focus-visible,
html body.is-irandesigner-home main a.home-hero-primary-cta.brand-button-motion--primary:hover,
html body.is-irandesigner-home main a.home-hero-primary-cta.brand-button-motion--primary:focus-visible,
html body .id-specialist-actions > a:first-child:hover,
html body .id-specialist-actions > a:first-child:focus-visible,
html body .id-specialist-cta > a:hover,
html body .id-specialist-cta > a:focus-visible,
html body #site-footer .footer-newsletter-submit:hover,
html body #site-footer .footer-newsletter-submit:focus-visible {
	transform: translateY(-1px);
	background: linear-gradient(135deg, #c26249 0%, #dc815d 54%, #ad503f 100%);
	color: #fff;
	-webkit-text-fill-color: #fff;
	box-shadow: var(--ir-shadow-md);
}

html body.is-irandesigner-home
	a.home-hero-primary-cta.brand-button-motion--primary
	.home-hero-cta-icon {
	border-color: rgb(255 250 243 / 42%);
	background: rgb(255 250 243 / 10%);
	color: #fffaf3;
	-webkit-text-fill-color: #fffaf3;
	box-shadow: var(--ir-shadow-none);
}

html body.is-irandesigner-home
	a.home-hero-primary-cta.brand-button-motion--primary
	.home-hero-cta-icon svg {
	color: inherit;
	stroke: currentColor;
}

/* Google Ads lead visual: use a cache-busted asset URL and let the image's
   intrinsic ratio establish the figure height. This removes both the cached
   placeholder and the absolute-positioned collapse path. */
html body figure:has(> div > img[src*="service-google-ads-v4"]) > div {
	height: auto;
	min-height: 0;
	aspect-ratio: auto;
	background-color: #f8efe5;
	overflow: hidden;
}

html body img[src*="service-google-ads-v4"] {
	position: relative;
	inset: auto;
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	object-fit: cover;
	object-position: center;
	opacity: 1;
	visibility: visible;
	filter: none;
	transform: none;
	mix-blend-mode: normal;
	clip-path: none;
	mask-image: none;
}

/* Service hero introductions use the whole editorial canvas on desktop. The
   decorative artwork is absolutely positioned, so the legacy two-column grid
   only constrained the copy and left an unused column beside it. */
@media (min-width: 1024px) {
	body.single-ir_service.irandesigner-exact-ui .id-service-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.relative.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-3.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-grid-a.ui-grid-a,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-m.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-q.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-z.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-spacing-17.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-1e.ui-style-1e,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-spacing-1f.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-1j.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-action-1l.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-1w.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-1x.ui-media-1x,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-1z.ui-row-1z,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-23-2.ui-text-23-2,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-24.ui-row-24,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-29.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-2n.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-2s.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-34.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-3n.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-3r.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-3t.ui-row-3t,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-grid-3x.ui-grid-3x,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-48.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-4e.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-4f.ui-row-4f,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-4k.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-4m.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-grid-4q.ui-grid-4q,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-4s.ui-row-4s,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-4u.ui-text-4u,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-4y.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-4z.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-51.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.relative.ui-overlay-53,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-5i.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-65.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-6r.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.relative.ui-decoration-6s,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-size-6w.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-7s.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-a.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-e.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-1l.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-grid-1p.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-stack-26.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-27.ui-text-27,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-28.ui-row-28,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-2e.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-spacing-75.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-7v.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-34.ui-text-34,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-5u.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-text-3o.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-spacing-3z.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-action-57.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-5h.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-5p.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-63.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-68.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-6i.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-6p.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-6r.ui-media-6r,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-media-6w.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-6y-2.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-spacing-7m.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-panel-7r.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-row-7t.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-spacing-85.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.home-blog-row__media.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.services-page-service-card__layout.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.services-page-service-card__link.services-page-service-card__link,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-2x.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-32-2.z-10,body.single-ir_service.irandesigner-exact-ui
		.id-service-hero
		> div.ui-style-3h.z-10{
		width: min(68rem, 100%);
		max-width: 68rem;
		margin-left: auto;
	}

	body.single-ir_service.irandesigner-exact-ui .public-inner-hero-description {
		width: 100%;
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-exact-ui nav[data-hero-nav-state]
		.public-nav-glass--mobile [data-public-menu-toggle="true"] {
		animation: none;
	}
}

/* 2.0.22 — final desktop hero alignment, clearer navigation states and a
   deeper footer palette. These adjustments intentionally begin at the exact
   desktop-navigation breakpoint so tablet and mobile layouts stay unchanged. */
@media (min-width: 1280px) {
	body.is-irandesigner-home .home-hero-copy > .home-hero-cta-group {
		top: 50px;
	}

	body.is-irandesigner-home
		.home-hero-copy
		> div[data-hero-palette-popover="true"] {
		top: calc(50% + 10px);
	}

	/* The pedestal artwork is intentionally translucent. End the orbit before
	   the pedestal surface begins, otherwise its lines remain visible through
	   the stand and appear to continue underneath it on some slides. */
	body.is-irandesigner-home .home-hero-tech-orbit {
		z-index: 4;
		-webkit-mask-image: linear-gradient(
			to bottom,
			#000 0%,
			#000 54%,
			rgb(0 0 0 / 72%) 56%,
			rgb(0 0 0 / 24%) 58.5%,
			transparent 60.5%,
			transparent 100%
		);
		mask-image: linear-gradient(
			to bottom,
			#000 0%,
			#000 54%,
			rgb(0 0 0 / 72%) 56%,
			rgb(0 0 0 / 24%) 58.5%,
			transparent 60.5%,
			transparent 100%
		);
		transform: translateY(calc(-50% + 80px));
	}

	/* Only a genuinely current route receives the stronger header treatment;
	   inactive dropdown triggers retain the original neutral navigation ink. */
	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		:is(a[aria-current="page"], a[data-public-nav-active="true"])
		> span {
		color: #934638;
		font-weight: 520;
	}

	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		[data-public-nav-link-list]
		:is(a[aria-current="page"], a[data-public-nav-active="true"])
		> svg {
		color: #d19a58;
		opacity: 1;
		filter: drop-shadow(0 2px 5px rgb(159 77 62 / 24%));
		stroke-width: 2.35;
	}

	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		.public-nav-active-indicator {
		height: 3.5px;
		box-shadow: var(--ir-shadow-soft);
		opacity: 1;
	}

	/* The icons inside the light dropdown panels need more contrast than the
	   former pale gold. A deep copper default and teal interaction state keep
	   them clear without making the parent Services trigger look active. */
	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		.public-nav-popover
		a
		svg {
		color: #9f4d3e;
		opacity: 1;
		filter: drop-shadow(0 2px 5px rgb(159 77 62 / 16%));
		stroke-width: 2.2;
	}

	body.irandesigner-exact-ui
		nav[data-hero-nav-state]
		.public-nav-popover
		a:is(:hover, :focus-visible)
		svg {
		color: #3f8791;
		filter: drop-shadow(0 2px 6px rgb(65 135 145 / 20%));
	}
}

/* Keep the footer glass treatment, but anchor it in the site's charcoal,
   copper, teal and violet palette instead of the near-white page surface. */
#site-footer.site-footer {
	border-color: rgb(209 154 88 / 24%);
	background:
		radial-gradient(circle at 86% 5%, rgb(65 151 165 / 22%) 0%, transparent 35%),
		radial-gradient(circle at 47% 12%, rgb(217 155 79 / 18%) 0%, transparent 32%),
		radial-gradient(circle at 10% 82%, rgb(120 105 164 / 18%) 0%, transparent 38%),
		linear-gradient(135deg, #2c2729 0%, #253437 43%, #35282a 73%, #2d2935 100%);
	color: #f8efe2;
	box-shadow: var(--ir-shadow-none);
}

#site-footer.site-footer > .dot-grid {
	display: block;
	mix-blend-mode: screen;
	opacity: 0.08;
}

#site-footer.site-footer > div[aria-hidden="true"]:not(.dot-grid) {
	display: block;
	mix-blend-mode: screen;
	opacity: 0.38;
}

#site-footer.site-footer > div[aria-hidden="true"]:nth-of-type(2) {
	background: rgb(65 151 165 / 20%);
}

#site-footer.site-footer > div[aria-hidden="true"]:nth-of-type(3) {
	background: rgb(189 87 63 / 18%);
}

#site-footer :is(p, li, small),
#site-footer ul a,
#site-footer .site-footer__copyright,
#site-footer .site-footer__legal-link {
	color: rgb(248 239 226 / 72%);
}

#site-footer p.text-lg.font-black,#site-footer p.text-lg.ui-heading-v,#site-footer p.text-lg.ui-media-1i,#site-footer p.text-lg.ui-heading-1q,#site-footer p.text-lg.ui-row-24,#site-footer p.text-lg.ui-heading-2k,#site-footer p.text-lg.ui-heading-2l,#site-footer p.text-lg.ui-heading-2m,#site-footer p.text-lg.ui-action-2y,#site-footer p.text-lg.ui-heading-39,#site-footer p.text-lg.ui-action-49,#site-footer p.text-lg.ui-action-5h,#site-footer p.text-lg.ui-action-5k,#site-footer p.text-lg.ui-action-5l,#site-footer p.text-lg.ui-media-5r,#site-footer p.text-lg.ui-media-67,#site-footer p.text-lg.ui-heading-77,#site-footer p.text-lg.ui-heading-7d,#site-footer p.text-lg.ui-heading-7i,#site-footer p.text-lg.ui-heading-r,#site-footer p.ui-heading-1x.ui-heading-1x,#site-footer p.text-lg.ui-action-24,#site-footer p.text-lg.ui-action-2c,#site-footer p.text-lg.ui-heading-2j,#site-footer p.text-lg.ui-heading-2k-2,#site-footer p.text-lg.ui-action-2l,#site-footer p.text-lg.ui-heading-2n,#site-footer p.text-lg.ui-action-2o,#site-footer p.text-lg.ui-media-2t,#site-footer p.text-lg.ui-action-7b,#site-footer p.text-lg.ui-media-3s,#site-footer p.text-lg.ui-heading-3t,#site-footer p.text-lg.ui-action-3y,#site-footer p.text-lg.ui-media-43,#site-footer p.text-lg.ui-heading-4u,#site-footer p.text-lg.ui-heading-4v,#site-footer p.text-lg.ui-heading-4y,#site-footer p.text-lg.ui-heading-4z,#site-footer p.text-lg.ui-heading-5a,#site-footer p.text-lg.ui-media-5b,#site-footer p.text-lg.ui-row-5f,#site-footer p.text-lg.ui-heading-5l,#site-footer p.text-lg.ui-media-5t,#site-footer p.text-lg.ui-heading-5v,#site-footer p.text-lg.ui-heading-66,#site-footer p.ui-heading-6c.ui-heading-6c,#site-footer p.text-lg.ui-overlay-6k,#site-footer p.text-lg.ui-heading-6m,#site-footer p.text-lg.ui-action-6s,#site-footer p.text-lg.ui-heading-6t,#site-footer p.text-lg.ui-heading-6z,#site-footer p.text-lg.ui-heading-70,#site-footer p.ui-media-71.font-black,#site-footer p.text-lg.home-blog-row__index,#site-footer p.text-lg.ir-pagination__control,#site-footer p.text-lg.ir-pagination__control--edge,#site-footer p.text-lg.ui-style-3l{
	color: #fff8ed;
	font-weight: 520;
}

#site-footer ul a:hover,
#site-footer .site-footer__legal-link:hover {
	color: #f5cf8d;
}

#site-footer ul a svg {
	color: #76b5bd;
	filter: drop-shadow(0 2px 6px rgb(65 151 165 / 18%));
}

#site-footer [data-brand-logo-text="true"] > span:first-child,
#site-footer [data-brand-logo-text="true"] > span:first-child > span:last-child {
	color: #fff8ed;
}

#site-footer [data-brand-logo-text="true"] > span:first-child > span:first-child {
	color: #e18a6c;
}

#site-footer [data-brand-logo-text="true"] > span:first-child > span:nth-child(2) {
	color: rgb(245 207 141 / 72%);
}

#site-footer [data-brand-logo-text="true"] > span:last-child {
	color: rgb(248 239 226 / 60%);
}

#site-footer a.brand-button-motion:not(.footer-newsletter-submit) {
	border-color: rgb(245 213 141 / 18%);
	background: rgb(255 255 255 / 7%);
	color: #f2bd78;
	box-shadow: var(--ir-shadow-md);
}

#site-footer a.brand-button-motion:not(.footer-newsletter-submit):hover,
#site-footer a.brand-button-motion:not(.footer-newsletter-submit):focus-visible {
	border-color: rgb(245 213 141 / 34%);
	background: rgb(255 255 255 / 12%);
	color: #ffe1a4;
}

html body #site-footer .id-footer-tools > summary {
	border-color: rgb(245 213 141 / 16%);
	background: rgb(255 255 255 / 7%);
	color: rgb(255 248 237 / 78%);
	box-shadow: var(--ir-shadow-none);
}

html body #site-footer .id-footer-tools > summary:hover,
html body #site-footer .id-footer-tools[open] > summary {
	border-color: rgb(245 213 141 / 30%);
	background: rgb(255 255 255 / 11%);
	color: #ffe1a4;
}

#site-footer .footer-newsletter-form input[type="email"]::placeholder {
	color: rgb(248 239 226 / 46%);
}

#site-footer .footer-newsletter-form input[type="email"]:focus-visible {
	border-color: rgb(118 181 189 / 48%);
	background: rgb(255 255 255 / 12%);
	box-shadow: var(--ir-shadow-focus);
}

#site-footer > .public-shell-container:last-of-type {
	border-color: rgb(245 213 141 / 16%);
}

/* 2.0.23 — senior mobile quick-dock redesign.
   The expanded state behaves like a compact three-destination dock; the
   collapse control is physically attached to it, while the collapsed state
   becomes one explicit, accessible "quick menu" launcher. */
@media (max-width: 767px) {
	nav[data-mobile-sticky-full] {
		padding: 0 var(--ir-space-2) calc(var(--ir-space-2) + env(safe-area-inset-bottom));
		pointer-events: none;
	}

	nav[data-mobile-sticky-full] > [data-mobile-services-menu] {
		width: min(100%, 25rem);
		max-width: 25rem;
		pointer-events: auto;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail {
		position: relative;
		isolation: isolate;
		min-height: 4rem;
		gap: var(--ir-space-1);
		padding: var(--ir-space-1);
		border: 1px solid transparent;
		border-radius: var(--ir-radius-panel);
		background:
			linear-gradient(145deg, rgb(255 253 249 / 96%), rgb(245 250 249 / 95%) 52%, rgb(255 248 241 / 96%)) padding-box,
			linear-gradient(112deg, rgb(65 151 165 / 36%), rgb(217 155 79 / 44%) 43%, rgb(189 87 63 / 44%) 74%, rgb(120 105 164 / 28%)) border-box;
		box-shadow: var(--ir-shadow-md);
		-webkit-backdrop-filter: blur(22px) saturate(1.16);
		backdrop-filter: blur(22px) saturate(1.16);
		animation: id-mobile-quick-dock-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail::before,
	nav[data-mobile-sticky-full] .mobile-sticky-rail::after,
	nav[data-mobile-sticky-full] .mobile-sticky-panel::before,
	nav[data-mobile-sticky-full] .mobile-sticky-panel::after {
		display: none;
		content: none;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button) {
		position: relative;
		z-index: 1;
		min-width: 0;
		height: 3.25rem;
		min-height: 3.25rem;
		gap: var(--ir-space-1);
		border: 1px solid transparent;
		border-radius: var(--ir-radius-card);
		padding: var(--ir-space-1) var(--ir-space-1);
		background: transparent;
		color: rgb(45 39 51 / 66%);
		box-shadow: none;
		-webkit-tap-highlight-color: transparent;
		transition:
			transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
			border-color 180ms ease,
			background-color 180ms ease,
			color 180ms ease,
			box-shadow 180ms ease;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button)::before,
	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button)::after {
		display: none;
		content: none;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button) > span:first-child {
		display: inline-flex;
		width: 1.75rem;
		height: 1.75rem;
		flex: 0 0 1.75rem;
		align-items: center;
		justify-content: center;
		border: 1px solid rgb(45 39 51 / 7%);
		border-radius: var(--ir-radius-control-sm);
		background: rgb(45 39 51 / 4%);
		color: inherit;
		box-shadow: var(--ir-shadow-none);
		transition:
			border-color 180ms ease,
			background-color 180ms ease,
			color 180ms ease,
			transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button) > span:first-child svg {
		width: 1rem;
		height: 1rem;
		stroke-width: 2.25;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button) > span:last-child {
		max-width: 100%;
		color: inherit;
		font-size: 0.625rem;
		font-weight: 470;
		line-height: 1.15;
		letter-spacing: -0.01em;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button):active {
		transform: scale(0.975);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button):focus-visible {
		outline: none;
		box-shadow: var(--ir-shadow-focus);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > [aria-current="page"] {
		border-color: rgb(189 87 63 / 20%);
		background: linear-gradient(135deg, rgb(189 87 63 / 12%), rgb(217 155 79 / 9%) 52%, rgb(65 151 165 / 7%));
		color: #8f4639;
		box-shadow: var(--ir-shadow-soft);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > [aria-current="page"] > span:first-child {
		border-color: rgb(189 87 63 / 19%);
		background: rgb(189 87 63 / 11%);
		color: #98493b;
		transform: translateY(-1px);
	}

	nav[data-mobile-sticky-full]
		.mobile-sticky-rail
		> button[data-mobile-sticky-menu-button][aria-expanded="true"] {
		border-color: rgb(65 151 165 / 21%);
		background: linear-gradient(135deg, rgb(65 151 165 / 11%), rgb(255 255 255 / 58%));
		color: #347982;
		box-shadow: var(--ir-shadow-soft);
	}

	nav[data-mobile-sticky-full]
		.mobile-sticky-rail
		> button[data-mobile-sticky-menu-button][aria-expanded="true"]
		> span:first-child {
		border-color: rgb(65 151 165 / 20%);
		background: rgb(65 151 165 / 11%);
		color: #347982;
		transform: translateY(-1px);
	}

	/* An attached pull-tab replaces the former detached circular control. */
	nav[data-mobile-sticky-full] .mobile-sticky-collapse-button {
		top: -1.05rem;
		right: auto;
		left: 50%;
		z-index: 4;
		display: inline-flex;
		width: auto;
		min-width: 4.5rem;
		height: 1.85rem;
		align-items: center;
		justify-content: center;
		gap: var(--ir-space-1);
		border: 1px solid rgb(159 77 62 / 18%);
		border-radius: var(--ir-radius-control-md) var(--ir-radius-control-md) var(--ir-radius-control-sm) var(--ir-radius-control-sm);
		padding: var(--ir-space-1) var(--ir-space-3);
		background: linear-gradient(180deg, rgb(255 253 249 / 98%), rgb(248 244 238 / 96%));
		color: rgb(69 58 61 / 72%);
		box-shadow: var(--ir-shadow-none);
		transform: translateX(-50%);
		-webkit-backdrop-filter: blur(18px);
		backdrop-filter: blur(18px);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-collapse-button svg {
		width: 0.8rem;
		height: 0.8rem;
		color: #9f4d3e;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-collapse-button span {
		font-size: 0.58rem;
		font-weight: 520;
		line-height: 1;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-collapse-button:is(:hover, :focus-visible) {
		border-color: rgb(159 77 62 / 30%);
		background: #fffaf4;
		color: #874438;
		box-shadow: var(--ir-shadow-focus);
		transform: translateX(-50%) translateY(-1px);
	}

	/* Expanded service/contact sheets preserve context without filling the
	   viewport; landscape devices receive a bounded internal scroller. */
	nav[data-mobile-sticky-full] .mobile-sticky-panel {
		bottom: calc(100% + 0.85rem);
		margin-bottom: 0;
		max-height: min(22rem, calc(100dvh - 6.5rem));
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: var(--ir-space-2);
		border: 1px solid rgb(65 151 165 / 18%);
		border-radius: var(--ir-radius-panel);
		background:
			radial-gradient(circle at 88% 4%, rgb(65 151 165 / 9%), transparent 34%),
			linear-gradient(145deg, rgb(255 253 249 / 98%), rgb(245 250 249 / 98%) 58%, rgb(255 248 241 / 98%));
		box-shadow: var(--ir-shadow-strong);
		-webkit-backdrop-filter: blur(24px) saturate(1.12);
		backdrop-filter: blur(24px) saturate(1.12);
		animation: id-mobile-quick-panel-enter 190ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel > span[aria-hidden="true"]:first-child {
		border-color: rgb(65 151 165 / 16%);
		background: #f8fbf9;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel > span[aria-hidden="true"]:nth-of-type(2) {
		display: none;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel > .mb-1\.5,nav[data-mobile-sticky-full] .mobile-sticky-panel > .ui-heading-39,nav[data-mobile-sticky-full] .mobile-sticky-panel > .ui-row-2i,nav[data-mobile-sticky-full] .mobile-sticky-panel > .ui-heading-5l{
		min-height: 2rem;
		padding-inline: var(--ir-space-1);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel > .mb-1\.5 > :first-child,nav[data-mobile-sticky-full] .mobile-sticky-panel > .ui-heading-39 > :first-child,nav[data-mobile-sticky-full] .mobile-sticky-panel > .ui-row-2i > :first-child,nav[data-mobile-sticky-full] .mobile-sticky-panel > .ui-heading-5l > :first-child{
		color: #8f4639;
		font-size: 0.68rem;
		font-weight: 560;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel :is(a, button) {
		min-height: 2.75rem;
		border: 1px solid rgb(45 39 51 / 8%);
		border-radius: var(--ir-radius-control-sm);
		background: rgb(255 255 255 / 64%);
		color: rgb(45 39 51 / 76%);
		box-shadow: var(--ir-shadow-none);
		font-weight: 400;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel :is(a, button)::before,
	nav[data-mobile-sticky-full] .mobile-sticky-panel :is(a, button)::after {
		display: none;
		content: none;
	}

	nav[data-mobile-sticky-full] .mobile-sticky-panel :is(a, button):is(:hover, :focus-visible) {
		border-color: rgb(65 151 165 / 22%);
		background: rgb(247 252 250 / 94%);
		color: #347982;
		box-shadow: var(--ir-shadow-focus);
	}

	/* The collapsed launcher remains discoverable while occupying far less
	   visual space than the full dock. */
	nav[data-mobile-sticky-collapsed] {
		justify-content: center;
		padding: 0 var(--ir-space-3) calc(var(--ir-space-2) + env(safe-area-inset-bottom));
		pointer-events: none;
	}

	nav[data-mobile-sticky-collapsed] .mobile-sticky-collapsed-button {
		pointer-events: auto;
		width: auto;
		min-width: 7.75rem;
		height: 2.75rem;
		gap: var(--ir-space-2);
		border: 1px solid rgb(245 213 141 / 28%);
		border-radius: var(--ir-radius-card);
		padding: var(--ir-space-2) var(--ir-space-4);
		background: linear-gradient(135deg, rgb(51 43 45 / 98%), rgb(44 55 57 / 98%) 58%, rgb(62 43 46 / 98%));
		color: #fff6e9;
		box-shadow: var(--ir-shadow-md);
		-webkit-backdrop-filter: blur(20px) saturate(1.08);
		backdrop-filter: blur(20px) saturate(1.08);
		animation: id-mobile-quick-launcher-enter 200ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	nav[data-mobile-sticky-collapsed] .mobile-sticky-collapsed-button svg {
		width: 1.45rem;
		height: 1.45rem;
		padding: var(--ir-space-1);
		border: 1px solid rgb(245 213 141 / 22%);
		border-radius: var(--ir-radius-control-sm);
		background: rgb(245 213 141 / 9%);
		color: #f2bd78;
	}

	nav[data-mobile-sticky-collapsed] .mobile-sticky-collapsed-button span {
		font-size: 0.68rem;
		font-weight: 540;
		line-height: 1;
	}

	nav[data-mobile-sticky-collapsed] .mobile-sticky-collapsed-button:is(:hover, :focus-visible) {
		border-color: rgb(245 213 141 / 42%);
		background: linear-gradient(135deg, #3d3031, #314245 58%, #493137);
		color: #fffaf3;
		box-shadow: var(--ir-shadow-focus), var(--ir-shadow-md);
		transform: translateY(-1px);
	}

}

@media (max-width: 350px) {
	nav[data-mobile-sticky-full] {
		padding-inline: var(--ir-space-2);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail {
		gap: var(--ir-space-1);
		padding-inline: var(--ir-space-1);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button) {
		padding-inline: var(--ir-space-1);
	}

	nav[data-mobile-sticky-full] .mobile-sticky-rail > :is(a, button) > span:last-child {
		font-size: 0.58rem;
	}
}

@keyframes id-mobile-quick-dock-enter {
	from { opacity: 0; transform: translateY(0.7rem) scale(0.98); }
	to { opacity: 1; transform: none; }
}

@keyframes id-mobile-quick-panel-enter {
	from { opacity: 0; transform: translateY(0.55rem) scale(0.985); }
	to { opacity: 1; transform: none; }
}

@keyframes id-mobile-quick-launcher-enter {
	from { opacity: 0; transform: translateY(0.45rem) scale(0.97); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	nav[data-mobile-sticky-full] .mobile-sticky-rail,
	nav[data-mobile-sticky-full] .mobile-sticky-panel,
	nav[data-mobile-sticky-collapsed] .mobile-sticky-collapsed-button {
		animation: none;
	}
}

/* About timeline: keep the personal photo as a compact identity cue. The
   full profile, LinkedIn and website links already live in the primary bio. */
.id-about-timeline-entry {
	display: flex;
	align-items: center;
	gap: var(--ir-space-4);
}

.id-about-timeline-avatar {
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	flex: 0 0 4.5rem;
	border: 3px solid rgb(255 255 255 / 88%);
	border-radius: var(--ir-radius-pill);
	background: #f2e8de;
	box-shadow: var(--ir-shadow-focus), var(--ir-shadow-soft);
	object-fit: cover;
	object-position: center 22%;
}

.id-about-member-card {
	display: grid;
	grid-template-columns: minmax(13rem, 0.62fr) minmax(0, 1.38fr);
	gap: clamp(var(--ir-space-5), 3vw, var(--ir-space-8));
	align-items: stretch;
	margin-top: var(--ir-space-6);
	border: 1px solid rgb(65 135 146 / 18%);
	border-radius: var(--ir-radius-hero);
	padding: clamp(var(--ir-space-3), 2vw, var(--ir-space-5));
	background: linear-gradient(135deg, rgb(255 255 255 / 88%), rgb(235 248 247 / 74%));
	box-shadow: var(--ir-shadow-md);
}

.id-about-members {
	display: grid;
	gap: clamp(var(--ir-space-4), 2.4vw, var(--ir-space-6));
	margin-top: var(--ir-space-6);
}

.id-about-members-intro {
	max-width: 52rem;
	margin: var(--ir-space-3) 0 0;
	color: var(--muted-foreground);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 2;
}

.id-about-members .id-about-member-card {
	margin-top: 0;
}

/* Keep the portraits visually equal while alternating their starting edge:
   Shabnam on the right in RTL, Morteza mirrored on the left. */
.id-about-member-card--reverse {
	direction: ltr;
}

.id-about-member-card--reverse .id-about-member-card__body {
	direction: rtl;
	text-align: right;
}

.id-about-proof-subtitle {
	margin: clamp(var(--ir-space-8), 4vw, var(--ir-space-10)) 0 0;
	color: var(--foreground);
	font-size: clamp(1.15rem, 2.5vw, 1.55rem);
	font-weight: 900;
	line-height: 1.6;
}

.id-about-member-card__portrait {
	align-self: center;
	width: 100%;
	min-height: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / 78%);
	border-radius: var(--ir-radius-panel);
	background: #e8efea;
}

.id-about-member-card__portrait img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center 24%;
}

.id-about-member-card__body {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: clamp(var(--ir-space-1), 1.4vw, var(--ir-space-4)) clamp(var(--ir-space-1), 1vw, var(--ir-space-3));
}

.id-about-member-card__eyebrow {
	align-self: flex-start;
	border: 1px solid rgb(65 135 146 / 18%);
	border-radius: var(--ir-radius-pill);
	padding: var(--ir-space-2) var(--ir-space-3);
	background: rgb(65 135 146 / 8%);
	color: #357780;
	font-size: 0.7rem;
	font-weight: 850;
}

.id-about-member-card__body h3 {
	margin: var(--ir-space-3) 0 0;
	color: var(--foreground);
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	font-weight: 900;
	line-height: 1.3;
}

.id-about-member-card__role {
	margin: var(--ir-space-1) 0 0;
	color: #357780;
	font-size: 0.88rem;
	font-weight: 820;
}

.id-about-member-card__bio {
	margin: var(--ir-space-3) 0 0;
	color: var(--muted-foreground);
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 2;
}

.id-about-member-card__journey {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ir-space-2);
	margin: var(--ir-space-4) 0 0;
	padding: 0;
	list-style: none;
}

.id-about-member-card__journey li {
	display: grid;
	align-content: start;
	gap: var(--ir-space-1);
	border: 1px solid rgb(65 135 146 / 12%);
	border-radius: var(--ir-radius-control-lg);
	padding: var(--ir-space-3);
	background: rgb(255 255 255 / 70%);
}

.id-about-member-card__journey time {
	color: #357780;
	font-size: 0.68rem;
	font-weight: 900;
}

.id-about-member-card__journey span {
	color: var(--foreground);
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.75;
}

.id-about-member-card__link {
	display: inline-flex;
	min-height: 2.65rem;
	align-items: center;
	align-self: flex-start;
	margin-top: var(--ir-space-4);
	border: 1px solid rgb(65 135 146 / 22%);
	border-radius: var(--ir-radius-pill);
	padding: var(--ir-space-2) var(--ir-space-4);
	background: #fff;
	color: #357780;
	font-size: 0.74rem;
	font-weight: 850;
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.id-about-member-card__link:hover,
.id-about-member-card__link:focus-visible {
	transform: translateY(-1px);
	border-color: rgb(65 135 146 / 42%);
	background: #f8fffe;
}

/* Homepage design path: a restrained editorial portrait replaces the former
   decorative 3D scene and visually connects the process to direct ownership. */
html body.is-irandesigner-home .home-decision-static-visual--profile {
	isolation: isolate;
	width: min(100%, 28rem);
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border: 1px solid rgb(176 112 87 / 20%);
	border-radius: var(--ir-radius-hero);
	background:
		radial-gradient(circle at 20% 18%, rgb(209 154 88 / 22%), transparent 34%),
		radial-gradient(circle at 84% 76%, rgb(65 135 146 / 22%), transparent 38%),
		linear-gradient(145deg, #f6ede5, #ece6e3 54%, #e4eeee);
	box-shadow: var(--ir-shadow-strong);
}

html body.is-irandesigner-home .home-decision-static-visual--profile::before {
	position: absolute;
	z-index: -1;
	inset: 1rem;
	border: 1px solid rgb(255 255 255 / 58%);
	border-radius: var(--ir-radius-hero);
	content: "";
	pointer-events: none;
}

html body.is-irandesigner-home .home-design-profile-frame {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

html body.is-irandesigner-home .home-design-profile-frame::after {
	position: absolute;
	inset: 45% 0 0;
	content: "";
	background: linear-gradient(180deg, transparent, rgb(37 31 36 / 10%) 35%, rgb(37 31 36 / 66%));
	pointer-events: none;
}

html body.is-irandesigner-home .home-decision-static-visual--profile img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 22%;
	filter: saturate(0.92) contrast(1.03);
}

html body.is-irandesigner-home .home-decision-static-visual--profile .home-design-profile-caption {
	position: absolute;
	z-index: 3;
	right: 1.15rem;
	bottom: 1.15rem;
	left: 1.15rem;
	display: grid;
	gap: var(--ir-space-1);
	max-width: none;
	padding: var(--ir-space-3) var(--ir-space-4);
	border: 1px solid rgb(255 255 255 / 30%);
	border-radius: var(--ir-radius-card);
	background: rgb(35 30 34 / 44%);
	color: #fffaf3;
	font-size: 0.75rem;
	line-height: 1.75;
	-webkit-backdrop-filter: blur(14px) saturate(1.08);
	backdrop-filter: blur(14px) saturate(1.08);
}

.home-design-profile-caption strong {
	font-size: 0.94rem;
	font-weight: 780;
}

.home-design-profile-caption span {
	color: rgb(255 250 243 / 78%);
	font-weight: 520;
}

@media (max-width: 640px) {
	.id-about-member-card {
		grid-template-columns: 1fr;
		border-radius: var(--ir-radius-panel);
	}

	.id-about-member-card--reverse {
		direction: rtl;
	}

	.id-about-member-card__portrait {
		aspect-ratio: 1 / 1;
	}

	.id-about-member-card__portrait img {
		min-height: 0;
	}

	.id-about-member-card__journey {
		grid-template-columns: 1fr;
	}

	.id-about-timeline-entry {
		align-items: flex-start;
		gap: var(--ir-space-3);
	}

	.id-about-timeline-avatar {
		width: 3.75rem;
		height: 3.75rem;
		flex-basis: 3.75rem;
	}

	html body.is-irandesigner-home .home-decision-static-visual--profile {
		width: min(100%, 22rem);
		aspect-ratio: 4 / 4.65;
		border-radius: var(--ir-radius-hero);
	}

	html body.is-irandesigner-home .home-decision-static-visual--profile .home-design-profile-caption {
		right: 0.8rem;
		bottom: 0.8rem;
		left: 0.8rem;
	}
}

/* 2.0.14 - Named single-article titles are 20% below the live public type. */
body.single-post #site-top.site-shell .id-single-author-card__identity h2,
body.single-post #site-top.site-shell .id-single-related__heading h2,
body.single-post #site-top.site-shell .id-single-comments__heading h2,
body.single-post #site-top.site-shell [data-blog-rating] h2 {
	font-size: 0.976rem;
	font-weight: 480;
}

body.single-post #site-top.site-shell .id-single-comment-form__heading h3 {
	font-size: 0.824rem;
	font-weight: 432;
}

body.single-post #site-top.site-shell [data-blog-rating-average] {
	font-size: 1.5rem;
	font-weight: 720;
	letter-spacing: 0;
}

body.single-post #site-top.site-shell .id-article-sidebar__header > div > p {
	font-weight: 480;
}

body.single-post #site-top.site-shell .id-article-sidebar__context-heading p {
	font-weight: 680;
}

body.single-post .id-single-author-card__cta strong {
	white-space: normal;
	text-wrap: balance;
}

body.single-post
	.id-article-sidebar__context-item--service
	a.id-article-sidebar__service-cta.brand-button-motion--primary {
	display: inline-flex;
	width: 100%;
	min-height: 2.75rem;
	grid-template-columns: none;
	align-items: center;
	justify-content: center;
	gap: var(--ir-space-2);
	border-radius: var(--ir-radius-card);
	padding: var(--ir-space-3) var(--ir-space-4);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	white-space: normal;
	filter: none;
}

body.single-post .id-article-sidebar__context-copy--cta {
	display: inline-flex;
	width: auto;
	min-width: 0;
	align-items: center;
	justify-content: center;
	gap: 0;
}

body.single-post .id-article-sidebar__context-copy--cta strong {
	display: -webkit-box;
	overflow: hidden;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.single-post
	.id-article-sidebar__context-item--service
	a.id-article-sidebar__service-cta
	.id-article-sidebar__context-icon {
	width: 1.55rem;
	height: 1.55rem;
	flex: 0 0 1.55rem;
	border: 1px solid rgb(255 250 243 / 42%);
	background: rgb(255 250 243 / 10%);
	color: currentColor;
	box-shadow: var(--ir-shadow-none);
}

body.single-post
	.id-article-sidebar__context-item--service
	a.id-article-sidebar__service-cta:hover
	.id-article-sidebar__context-icon,
body.single-post
	.id-article-sidebar__context-item--service
	a.id-article-sidebar__service-cta:focus-visible
	.id-article-sidebar__context-icon {
	background: rgb(255 250 243 / 14%);
	transform: translateX(-2px);
}

/* 2.0.15 - Keep the footer brand lockup at the mobile proportions. */
html body #site-footer.site-footer a.brand-logo {
	gap: var(--ir-space-2);
}

html body #site-footer.site-footer .brand-logo-mark-shell {
	width: 2.82rem;
	height: 2.82rem;
}

html body #site-footer.site-footer [data-brand-mark="true"] > div {
	filter: drop-shadow(0 0 10px rgb(159 77 62 / 18%));
}

html body #site-footer.site-footer [data-brand-logo-text="true"] {
	gap: var(--ir-space-1);
}

html body #site-footer.site-footer [data-brand-logo-text="true"] > span:first-child {
	font-size: 1.14rem;
	line-height: 1.25;
}

html body #site-footer.site-footer [data-brand-logo-text="true"] > span:last-child {
	font-size: 0.72rem;
	line-height: 1.3;
}

@media (min-width: 1280px) {
	html body #site-top.site-shell nav[data-hero-nav-state] .public-desktop-brand {
		gap: var(--ir-space-2);
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-desktop-brand .brand-logo-mark-shell {
		width: 2.82rem;
		height: 2.82rem;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-desktop-brand [data-brand-logo-text="true"] {
		gap: var(--ir-space-1);
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-desktop-brand [data-brand-logo-text="true"] > span:first-child {
		font-size: 1.14rem;
		line-height: 1.25;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-desktop-brand [data-brand-logo-text="true"] > span:last-child {
		font-size: 0.72rem;
		line-height: 1.3;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-desktop-brand .brand-logo-mark-shell,
	html body #site-footer.site-footer .brand-logo-mark-shell {
		transform: translateY(-2px);
	}
}

/* 2.0.23 — Requested mobile brand scale and action order. */
@media (max-width: 1279px) {
	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile > .ui-row-x {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		gap: 0.5rem;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile [data-public-menu-toggle="true"] { order: 1; }
	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile .public-header-social-link--telegram { order: 2; }
	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile .public-header-social-link--whatsapp { order: 3; }

	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile :is([data-public-menu-toggle="true"], .public-header-social-link--telegram, .public-header-social-link--whatsapp) {
		display: inline-flex;
		width: 2.75rem;
		height: 2.75rem;
		min-width: 2.75rem;
		min-height: 2.75rem;
		flex: 0 0 2.75rem;
		align-items: center;
		justify-content: center;
		padding: 0;
		border-radius: 50%;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand {
		max-width: none;
		gap: var(--ir-space-2);
		transform: translate(0.55rem, -2px);
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand .brand-logo-mark-shell {
		width: 2.82rem;
		height: 2.82rem;
		flex: 0 0 2.82rem;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand [data-brand-logo-text="true"] { gap: var(--ir-space-1); }
	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand [data-brand-logo-text="true"] > span:first-child { font-size: 1.14rem; line-height: 1.25; }
	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand [data-brand-logo-text="true"] > span:last-child { font-size: 0.72rem; line-height: 1.3; }

	html body #site-footer.site-footer a.brand-logo { transform: translateY(-2px); }
	html body #site-footer.site-footer .brand-logo-mark-shell { width: 3rem; height: 3rem; flex: 0 0 3rem; }
	html body #site-footer.site-footer [data-brand-logo-text="true"] > span:first-child { font-size: 1.18rem; }
	html body #site-footer.site-footer [data-brand-logo-text="true"] > span:last-child { font-size: 0.74rem; }
}

@media (max-width: 360px) {
	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile :is([data-public-menu-toggle="true"], .public-header-social-link--telegram, .public-header-social-link--whatsapp) {
		width: 2.35rem;
		height: 2.35rem;
		min-width: 2.35rem;
		min-height: 2.35rem;
		flex-basis: 2.35rem;
	}

	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand .brand-logo-mark-shell { width: 2.45rem; height: 2.45rem; flex-basis: 2.45rem; }
	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand [data-brand-logo-text="true"] > span:first-child { font-size: 0.98rem; }
	html body #site-top.site-shell nav[data-hero-nav-state] .public-mobile-brand [data-brand-logo-text="true"] > span:last-child { font-size: 0.61rem; }
}

.home-hero-mobile-showcase { display: none; }

@media (max-width: 1279px) {
	body.is-irandesigner-home .home-hero-responsive-layout {
		row-gap: 0;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase {
		position: relative;
		z-index: 12;
		display: grid;
		width: 100%;
		justify-items: center;
		gap: var(--ir-space-3);
		margin-top: var(--ir-space-4);
		padding-top: var(--ir-space-2);
	}

	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-tech-orbit {
		position: relative;
		inset: auto;
		order: 1;
		width: min(19rem, 76vw);
		height: auto;
		aspect-ratio: 1;
		margin: 0 auto;
		opacity: 0.38;
		-webkit-mask-image: none;
		mask-image: none;
		transform: none;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase > div[data-hero-palette-popover="true"] {
		position: relative;
		inset: auto;
		z-index: 20;
		order: 2;
		display: flex;
		width: fit-content;
		margin: 0 auto;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: var(--ir-space-2);
		transform: none;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase > div[data-hero-palette-popover="true"] > div:first-child {
		flex-direction: row;
		gap: 0.2rem;
		padding: 0.35rem 0.45rem;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase [data-home-hero-control],
	body.is-irandesigner-home .home-hero-mobile-showcase [data-hero-palette-toggle] { width: 2.25rem; height: 2.25rem; }

	body.is-irandesigner-home .home-hero-mobile-showcase details[data-hero-palette-popover] [data-hero-palette-card] {
		top: calc(100% + 0.6rem);
		left: 50%;
		width: min(20rem, calc(100vw - 3rem));
		max-height: none;
		translate: 0;
		transform: translateX(-50%);
	}

	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-card {
		position: relative;
		inset: auto;
		order: 3;
		margin: 0 auto;
		transform: none;
	}

	body.is-irandesigner-home .home-hero-cta-group { margin-bottom: 0; }
}

html body.is-irandesigner-home .home-decision-static-visual--profile .home-design-profile-caption {
	right: 1.15rem;
	bottom: 1.15rem;
	left: auto;
	display: grid;
	width: fit-content;
	max-width: calc(100% - 2.3rem);
	gap: 0.2rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	text-shadow: 0 2px 14px rgb(20 17 19 / 72%);
}

.home-design-profile-caption :is(strong, span) { position: relative; padding-inline-start: 0.9rem; }
.home-design-profile-caption :is(strong, span)::before {
	position: absolute;
	inset-block-start: 0.72em;
	inset-inline-start: 0;
	width: 0.34rem;
	height: 0.34rem;
	border-radius: 50%;
	background: #d19a58;
	box-shadow: 0 0 0 0.18rem rgb(209 154 88 / 16%);
	content: "";
}
.home-design-profile-caption span::before { background: #fffaf3; box-shadow: 0 0 0 0.18rem rgb(255 250 243 / 14%); }

@media (max-width: 640px) {
	html body.is-irandesigner-home .home-decision-static-visual--profile .home-design-profile-caption {
		right: 0.8rem;
		bottom: 0.8rem;
		left: auto;
		max-width: calc(100% - 1.6rem);
	}
}

/* Case studies — service tags are a responsive text list. */
body.single-ir_case_study .irp-case-study__chips {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.42rem clamp(0.85rem, 1.6vw, 1.2rem);
	margin-top: 1rem;
}

body.single-ir_case_study .irp-case-study__chips span {
	display: inline-flex;
	min-width: 0;
	max-width: 100%;
	align-items: baseline;
	border: 0;
	border-radius: 0;
	padding: 0;
	background: transparent;
	color: color-mix(in srgb, var(--irp-cs-muted) 92%, var(--irp-cs-foreground));
	font-size: 0.74rem;
	font-weight: 500;
	line-height: 1.85;
	text-wrap: pretty;
}

body.single-ir_case_study .irp-case-study__chips span::before {
	flex: 0 0 auto;
	margin-inline-end: 0.42rem;
	color: color-mix(in srgb, var(--irp-cs-primary) 72%, var(--irp-cs-muted));
	content: "\2022";
	font-size: 0.82em;
}

@media (max-width: 600px) {
	body.single-ir_case_study .irp-case-study__chips {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.48rem 0.8rem;
		margin-top: 0.9rem;
	}

	body.single-ir_case_study .irp-case-study__chips span {
		font-size: 0.72rem;
		line-height: 1.75;
	}

	body.single-ir_case_study .irp-case-study__chips span:last-child { grid-column: 1 / -1; }
}

@media (max-width: 350px) {
	body.single-ir_case_study .irp-case-study__chips { grid-template-columns: 1fr; }
body.single-ir_case_study .irp-case-study__chips span:last-child { grid-column: 1; grid-row: auto; }
}


/* Home hero — mobile keeps the complete desktop artwork and controls. */
@media (max-width: 1279px) {
	body.is-irandesigner-home .home-hero-copy > .home-hero-cta-group {
		width: min(100%, 32rem);
		margin-inline: auto;
		justify-content: center;
	}
	body.is-irandesigner-home .home-hero-cta-group > a {
		margin-inline: auto;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase {
		position: relative;
		display: block;
		width: 100%;
		height: clamp(23rem, 106vw, 31rem);
		margin-top: clamp(1.4rem, 5vw, 2.25rem);
		padding: 0;
		overflow: clip;
		touch-action: pan-y;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-tech-orbit {
		position: absolute;
		z-index: 4;
		top: 50%;
		right: auto;
		left: 50%;
		width: min(20rem, 76vw);
		height: auto;
		aspect-ratio: 1;
		margin: 0;
		opacity: 0.38;
		-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, rgb(0 0 0 / 72%) 75%, rgb(0 0 0 / 24%) 77.5%, transparent 80.5%, transparent 100%);
		mask-image: linear-gradient(to bottom, #000 0%, #000 72%, rgb(0 0 0 / 72%) 75%, rgb(0 0 0 / 24%) 77.5%, transparent 80.5%, transparent 100%);
		transform: translate(-50%, -40%);
		pointer-events: none;
		touch-action: pan-y;
	}

	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-card {
		--home-art-aspect: 1.5;
		--home-art-image: url("../images/hero-showcase/hero-mosque-web-design-transparent-v7.webp");
		position: absolute;
		z-index: 6;
		top: 50%;
		right: auto;
		left: 50%;
		display: block;
		width: min(34rem, 94vw);
		aspect-ratio: var(--home-art-aspect);
		margin: 0;
		opacity: 1;
		background: none;
		translate: -50% -50%;
		transform: none;
		pointer-events: none;
		touch-action: pan-y;
	}
	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-card::before {
		position: absolute;
		z-index: 0;
		inset: 0;
		background: var(--home-art-image) center / contain no-repeat;
		content: "";
		filter: saturate(1.04) contrast(1.015);
		pointer-events: none;
	}
	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-card[data-home-hero-art-card-key="web-design"]::before {
		background-size: 112% 100%;
	}
	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-card[data-home-hero-art-card-key="digital-marketing"] {
		--home-art-image: url("../images/hero-showcase/hero-persepolis-griffin-glass-v8.webp");
	}
	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-card[data-home-hero-art-card-key="ai-agent"] {
		--home-art-image: url("../images/hero-showcase/hero-cheetah-ai-transparent-v7.webp");
	}
	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-label {
		position: absolute;
		z-index: 2;
		right: auto;
		bottom: 9%;
		left: 50%;
		display: inline-flex;
		align-items: center;
		min-height: 2.25rem;
		padding: 0.45rem 0.8rem;
		border: 1px solid rgb(255 255 255 / 80%);
		border-radius: 0.85rem;
		background: rgb(255 250 243 / 78%);
		box-shadow: 0 18px 38px -28px rgb(45 38 43 / 48%);
		color: rgb(87 60 54 / 94%);
		font-size: 0.68rem;
		font-weight: 700;
		white-space: nowrap;
		transform: translateX(-50%);
		-webkit-backdrop-filter: blur(12px) saturate(130%);
		backdrop-filter: blur(12px) saturate(130%);
	}
	body.is-irandesigner-home .home-hero-mobile-showcase .home-hero-art-label::before {
		width: 0.4rem;
		height: 0.4rem;
		margin-left: 0.45rem;
		border-radius: 50%;
		background: linear-gradient(145deg, #f4d99a, #b7654f);
		content: "";
	}

	body.is-irandesigner-home .home-hero-mobile-showcase > div[data-hero-palette-popover="true"] {
		position: absolute;
		z-index: 20;
		top: 50%;
		right: auto;
		left: 0;
		display: flex;
		width: auto;
		margin: 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.45rem;
		transform: translateY(-50%);
	}
	body.is-irandesigner-home .home-hero-mobile-showcase > div[data-hero-palette-popover="true"] > div:first-child {
		display: flex;
		flex-direction: column;
		gap: 0.2rem;
		padding: 0.35rem;
	}
	body.is-irandesigner-home .home-hero-mobile-showcase details[data-hero-palette-popover] [data-hero-palette-card] {
		top: 50%;
		right: auto;
		left: calc(100% + 0.65rem);
		width: min(18rem, calc(100vw - 7rem));
		max-height: none;
		translate: 0;
		transform: translateY(-50%);
	}
}

/* Phone-only hero controls sit below the artwork as one compact row. The
   tablet presentation keeps its vertical, hamburger-aligned control rail. */
@media (max-width: 767px) {
	body.is-irandesigner-home
		.home-hero-mobile-showcase
		> div[data-hero-palette-popover="true"] {
		top: auto;
		right: 50%;
		bottom: 0.5rem;
		left: auto;
		flex-direction: row;
		gap: 0.45rem;
		transform: translateX(50%);
	}

	body.is-irandesigner-home
		.home-hero-mobile-showcase
		> div[data-hero-palette-popover="true"]
		> div:first-child {
		flex-direction: row;
	}

	body.is-irandesigner-home
		.home-hero-mobile-showcase
		details[data-hero-palette-popover]
		[data-hero-palette-card] {
		top: auto;
		right: 50%;
		bottom: calc(100% + 0.65rem);
		left: auto;
		width: min(18rem, calc(100vw - 3.75rem));
		transform: translateX(50%);
	}
}

@media (max-width: 419px) {
	body.is-irandesigner-home .home-hero-cta-group > a {
		width: min(100%, 20rem);
	}
}

@media (min-width: 1280px) {
	body.is-irandesigner-home .home-hero-tech-orbit {
		-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, rgb(0 0 0 / 72%) 75%, rgb(0 0 0 / 24%) 77.5%, transparent 80.5%, transparent 100%);
		mask-image: linear-gradient(to bottom, #000 0%, #000 72%, rgb(0 0 0 / 72%) 75%, rgb(0 0 0 / 24%) 77.5%, transparent 80.5%, transparent 100%);
		transform: translateY(-40%);
	}
}

/* Preserve the HTML hidden contract above utility display classes. Without
   this rule, transparent mobile menus can retain a full-page hit area. */
html body [hidden]:not([hidden="until-found"]) {
	display: none !important;
}

/* Keep WordPress' automatic image sizing safeguard without an inline head
   style. This is the same compatibility rule, served from this cacheable file. */
img:is([sizes="auto" i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px;
}

/* Article reading canvas and mobile TOC interaction. */
body.single-post.irandesigner-exact-ui .blog-article-content [data-blog-article-content] {
	width: min(100%, 78ch);
}

body.single-post.irandesigner-exact-ui .blog-mobile-toc {
	position: relative;
	z-index: 2;
	isolation: isolate;
}

body.single-post.irandesigner-exact-ui .blog-mobile-toc > summary {
	position: relative;
	z-index: 3;
	cursor: pointer;
	pointer-events: auto;
	touch-action: manipulation;
}

/* Article TOCs stay scrollable without showing an inset browser scrollbar. */
body.single-post.irandesigner-exact-ui [data-theme-toc-scroll] {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body.single-post.irandesigner-exact-ui [data-theme-toc-scroll]::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

/* Homepage impact chart: teal is the improved path; amber is the baseline. */
body.is-irandesigner-home #home-chart-value stop:first-child { stop-color: #418792; stop-opacity: 0.24; }
body.is-irandesigner-home #home-chart-value stop:last-child { stop-color: #418792; }
body.is-irandesigner-home #home-chart-impact stop:first-child { stop-color: #d19a58; stop-opacity: 0.18; }
body.is-irandesigner-home #home-chart-impact stop:last-child { stop-color: #d19a58; }

body.is-irandesigner-home svg[aria-label*="نمودار مفهومی"] polyline[stroke="var(--color-primary)"] {
	stroke: #418792;
	stroke-width: 4.25;
}

body.is-irandesigner-home svg[aria-label*="نمودار مفهومی"] circle[fill="var(--color-primary)"] { fill: #418792; }

body.is-irandesigner-home svg[aria-label*="نمودار مفهومی"] polyline[stroke="var(--color-accent)"] {
	stroke: #d19a58;
	stroke-width: 3.25;
	stroke-dasharray: 7 6;
	opacity: 0.92;
}

body.is-irandesigner-home svg[aria-label*="نمودار مفهومی"] circle[fill="var(--color-accent)"] {
	fill: #d19a58;
	opacity: 0.94;
}

body.is-irandesigner-home .home-impact-growth-badge {
	width: 11.75rem;
	min-width: 11.75rem;
	justify-content: center;
	border-color: rgb(65 135 146 / 22%);
	background: rgb(240 249 247 / 88%);
	color: #2f746f;
}

body.is-irandesigner-home .home-impact-growth-badge--sales {
	border-color: rgb(209 154 88 / 26%);
	background: rgb(255 249 238 / 90%);
	color: #94632f;
}

body.is-irandesigner-home .ui-grid-2i > .ui-panel-2j > :is(.ui-heading-2k, .ui-heading-2m) {
	font-size: clamp(0.88rem, 1.15vw, 1.05rem);
	white-space: nowrap;
}

/* Homepage tablet alignment: keep the CTA on the copy's right edge while the
   vertical slider controls follow the hamburger's fixed 40px viewport line. */
@media (min-width: 768px) and (max-width: 1279px) {
	body.is-irandesigner-home .home-hero-copy > .home-hero-cta-group {
		margin-right: 0;
		margin-left: auto;
	}

	body.is-irandesigner-home
		.home-hero-mobile-showcase
		> div[data-hero-palette-popover="true"] {
		left: 0;
	}
}

/* Mobile fast-scroll stability. Chrome can briefly expose unrasterized white
   tiles when tall homepage sections use content-visibility:auto during a fling. */
@media (max-width: 767px) {
	html:has(body.is-irandesigner-home) {
		scroll-behavior: auto;
		scroll-snap-type: none;
	}

	body.is-irandesigner-home
		.ui-grid-2i
		> .ui-panel-2j
		> :is(.ui-heading-2k, .ui-heading-2m) {
		width: 100%;
		font-size: 0.82rem;
		line-height: 1.6;
		text-align: center;
		white-space: nowrap;
	}

	body.is-irandesigner-home
		[data-home-page-scroll]
		> section:not([data-home-hero-slider]) {
		content-visibility: visible;
		contain-intrinsic-size: none;
	}

	body.is-irandesigner-home [data-home-page-scroll] > section {
		scroll-snap-align: none;
		scroll-snap-stop: normal;
	}

	body.is-irandesigner-home [data-home-page-scroll] {
		overflow-x: clip;
		overflow-y: visible;
	}

	/* Keep the mobile look through existing translucent fills, but avoid the
	   dozens of GPU backdrop surfaces that stall rasterization during a fling. */
	body.is-irandesigner-home [data-home-page-scroll] * {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	body.is-irandesigner-home :is(
		.mobile-sticky-collapsed-button,
		.mobile-sticky-panel,
		.mobile-sticky-collapse-button,
		.mobile-sticky-rail
	) {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	/* Large blurred accent circles are decorative only. Section gradients keep
	   the same palette without allocating oversized off-screen blur textures. */
	body.is-irandesigner-home [data-home-page-scroll] :is(
		.ui-decoration-1b,
		.ui-decoration-1c,
		.ui-decoration-2d,
		.ui-decoration-2e,
		.ui-decoration-2o,
		.ui-decoration-2v,
		.ui-decoration-2w,
		.ui-decoration-4v,
		.ui-decoration-4w,
		.ui-decoration-62,
		.ui-decoration-63,
		.ui-size-7t,
		.ui-size-7u
	) {
		display: none;
	}
}