#off-canvas {
	padding-top: 2.75rem;
}

#off-canvas .lexnexa-off-canvas-close {
	color: #fff;
	right: 0.75rem;
	top: 0.5rem;
}

#off-canvas .lexnexa-off-canvas-close:hover,
#off-canvas .lexnexa-off-canvas-close:focus {
	color: #baa061;
}

.mobile-nav .menu-icon:focus,
#off-canvas a:focus,
#off-canvas button:focus {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.mobile-nav .menu-icon:focus {
	box-shadow: 0 0 0 3px #222;
}

@media screen and (max-width: 47.9375rem) {
	.mobile-nav .menu-icon {
		box-sizing: border-box;
		height: 44px !important;
		margin-top: 18px !important;
		min-height: 44px;
		min-width: 44px;
		width: 44px !important;
	}
}

.breadcrumbs a {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.15em;
}

/*
 * UX-03: accessible brand roles.
 *
 * The original gold (#baa061) remains available for decorative details and
 * for text on dark backgrounds. Text on light backgrounds and gold surfaces
 * carrying white text use the darker AA-safe role below. Secondary copy that
 * previously used #8f8f8f uses an AA-safe slate role.
 */
:root {
	--lexnexa-aa-gold: #806832;
	--lexnexa-aa-slate: #686868;
}

/* Gold text displayed on white or near-white surfaces. */
.top-bar-left__logo1,
.title,
.primary-color,
.home2__title,
.home4__title,
.posts__title,
.contact__title,
.offer_main__title,
.offer_main__title h1,
.offer_main__item__title h2,
.post-gallery__title,
.gallery__title,
.portfolio__title,
.prices__title,
.references__title,
.twocols__title,
.count__title,
.posts__item__footer .button,
.contact__subtitle a,
.home2__text__description a,
.wp-block-tag-cloud a,
.contact__right__content form.wpcf7-form p.primary-color,
.offer_main__text__description a,
.offer_main__text__description h2 span,
.offer_main__item__description a,
.offer_main__item__description h2 span,
.entry-content a:not(.button):not(.blog-box) {
	color: var(--lexnexa-aa-gold) !important;
}

/* Secondary text displayed on white or near-white surfaces. */
.home2__subtitle,
.home4__item__description,
.posts__subtitle,
.posts__item__date,
.posts__item__excerpt,
.posts__item__excerpt p,
.posts__item__content,
.posts__item__content p,
.posts__navi,
.posts__navi a,
.contact__subtitle,
.contact__subtitle p,
.contact__subtitle span,
.contact__subtitle strong,
.contact__item__text,
.contact__item__text a,
.contact__right__content p:not(.primary-color),
.contact__right__content .wpcf7-list-item-label,
.offer_main__subtitle,
.offer_main__text__description,
.offer_main__item__description,
.post-gallery__description,
.gallery__description,
.portfolio__subtitle,
.prices__subtitle,
.prices__item__description,
.references__subtitle,
.twocols__description,
.slider-logo__subtitle,
.entry-content blockquote,
.pagination li a,
.gallery__pagination .page-numbers,
body.single-post .posts__item__text,
body.single-custom_type .posts__item__text {
	color: var(--lexnexa-aa-slate) !important;
}

/* WCAG 2.2 target size for the smallest tag-cloud links. */
.wp-block-tag-cloud a {
	display: inline-block;
	line-height: 1.125rem;
	margin: 0.125rem;
	min-height: 1.5rem;
	padding: 0.1875rem 0.25rem;
}

/*
 * Links inside the legal document must remain distinguishable without relying
 * on the brand color alone.
 */
.lexnexa-policy .entry-content a:not(.button) {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.15em;
}

/* Readable, keyboard-friendly pagination for the owner-approved case list. */
.lexnexa-case-pagination {
	margin: 2rem 0;
}

.lexnexa-case-pagination .pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	justify-content: center;
}

.lexnexa-case-pagination .pagination li {
	display: block;
	margin: 0;
}

.lexnexa-case-pagination .pagination a,
.lexnexa-case-pagination .pagination .page-numbers {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 44px;
	min-width: 44px;
	padding: 0.55rem 0.75rem;
}

.lexnexa-case-pagination .pagination .prev,
.lexnexa-case-pagination .pagination .next {
	min-width: 7.5rem;
}

/* Preserve light copy on dark module variants. */
.offer_main .no_image .offer_main__item__title,
.offer_main .no_image .offer_main__item__title h2,
.offer_main .no_image .offer_main__item__description,
.offer_main .no_image .offer_main__item__description p,
.offer_main .no_image .offer_main__item__description a,
.offer_main .no_image .offer_main__item__description h2,
.offer_main .no_image .offer_main__item__description h2 span {
	color: #fff !important;
}

/*
 * Keep text reliably readable when an offer item uses a photo. The original
 * translucent gold overlay did not provide sufficient contrast for either
 * white or the AA-safe gold text role.
 */
.offer_main .background_image::before {
	background-color: #151515 !important;
	opacity: 0.62 !important;
}

.offer_main .no_image {
	background-color: #2b2b2b !important;
}

/*
 * The four primary service pages use real photography for the long-form
 * content rows. Keep those photos visible under a neutral charcoal overlay;
 * the former 80% purple treatment made valid images look like empty blocks.
 */
body.page-id-1239 .offer_main .background_image::before,
body.page-id-1235 .offer_main .background_image::before,
body.page-id-1570 .offer_main .background_image::before,
body.page-id-1403 .offer_main .background_image::before {
	background-color: #151515 !important;
	opacity: 0.62 !important;
}

.offer_main .background_image .offer_main__item__title,
.offer_main .background_image .offer_main__item__title h2,
.offer_main .background_image .offer_main__item__description,
.offer_main .background_image .offer_main__item__description p,
.offer_main .background_image .offer_main__item__description a,
.offer_main .background_image .offer_main__item__description h2,
.offer_main .background_image .offer_main__item__description h2 span {
	color: #fff !important;
}

/* Keep the home contact/help photography visible under a neutral overlay. */
.home8 .box::before {
	background-color: #151515 !important;
	opacity: 0.58 !important;
}

.home3::before {
	background-color: #151515 !important;
	opacity: 0.62 !important;
}

.home8 .box div.title {
	color: #fff !important;
}

/* Outrank late Custom CSS that restores the original low-contrast gold. */
.reveal .primary-color {
	color: var(--lexnexa-aa-gold) !important;
}

/* White text displayed on the brand color. */
.button--filled,
.contact .wpcf7-submit,
a.blog-box,
.home4__item__title,
.pagination li.current,
.pagination li a:hover,
.pagination li a:focus,
.gallery__pagination .page-numbers:hover,
.gallery__pagination .page-numbers:focus,
.gallery__pagination .page-numbers.current {
	background-color: var(--lexnexa-aa-gold) !important;
	border-color: var(--lexnexa-aa-gold) !important;
	color: #fff !important;
	opacity: 1;
}

/* The current case-page marker is the inner span, not its list wrapper. */
.lexnexa-case-pagination .pagination li.current {
	background: transparent !important;
	border: 0 !important;
	color: inherit !important;
	padding: 0;
}

.lexnexa-case-pagination .pagination .page-numbers.current {
	background-color: var(--lexnexa-aa-gold) !important;
	border-color: var(--lexnexa-aa-gold) !important;
	color: #fff !important;
}

/* Inverted hover/focus treatment keeps the same AA-safe pair. */
.button--filled:hover,
.button--filled:focus,
.contact .wpcf7-submit:hover,
.contact .wpcf7-submit:focus,
.home4__item:hover .home4__item__title,
.posts__item__footer .button:hover,
.posts__item__footer .button:focus {
	background-color: #fff !important;
	border-color: var(--lexnexa-aa-gold) !important;
	color: var(--lexnexa-aa-gold) !important;
	opacity: 1;
}

/*
 * LOC-06/UX-01: resilient, equal-priority service cards.
 *
 * Grid owns the card widths instead of combining Foundation percentages with
 * negative row margins. Six services form two balanced desktop rows while
 * every card keeps the same usable width and height.
 */
body.home .home4 {
	padding-bottom: 3rem !important;
	padding-top: 3rem !important;
}

body.home .home4 > .row {
	align-items: flex-start;
}

body.home .home4__head {
	margin-bottom: 1.75rem;
}

.home4__items.row {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.25rem;
	align-items: stretch;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
}

.home4__items.row > .columns {
	display: flex;
	flex: none !important;
	width: auto;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0;
}

.home4__item,
.home4__item > a {
	width: 100%;
}

.home4__item {
	height: 100%;
	margin-bottom: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e6e1d6;
	border-radius: 3px;
	box-shadow: 0 8px 24px rgba(28, 28, 28, 0.07);
}

.home4__item > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.home4__item__icon {
	position: relative;
	width: 100%;
	height: clamp(9rem, 12vw, 11rem);
	overflow: hidden;
	background: linear-gradient(135deg, #f4f0e7 0%, #e2d7bd 100%);
}

.home4__item__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	color: transparent;
	font-size: 0;
	text-indent: -9999px;
}

.home4__item__icon picture {
	display: block;
	height: 100%;
	width: 100%;
}

.home4__item__text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	padding: 0 1rem 1.15rem;
}

/* Keep the service title as a compact label on the image edge. */
.home4__item__title {
	position: relative;
	top: auto;
	bottom: auto;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	max-width: calc(100% - 1rem);
	min-height: 2.25rem;
	height: auto;
	margin: -1.125rem auto 0.9rem;
	padding: 0.4rem 0.75rem;
	line-height: 1.25;
	box-shadow: 0 4px 12px rgba(28, 28, 28, 0.14);
}

.home4__item__description {
	width: 100%;
}

.home4__item__description > :last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 40em) {
	.home4__items.row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (min-width: 75em) {
	body.home .home4__head {
		margin-bottom: 0;
	}

	.home4__items.row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 39.9375em) {
	body.home .home4 {
		padding-bottom: 2.5rem !important;
		padding-top: 2.5rem !important;
	}
}

/*
 * UX-03 corrective pass: the desktop/tablet menu used #a3a3a3 on white,
 * which was only discovered by the multi-viewport UX-04 baseline.
 */
@media screen and (min-width: 40em) {
	.top-bar .top-bar-nav > .menu > li > a,
	.sticky .top-bar-nav > .menu > li > a,
	.sticky.is-at-top.is-stuck .top-bar-nav > .menu > li > a {
		color: var(--lexnexa-aa-slate) !important;
	}

	.top-bar .top-bar-nav > .menu > li:focus > a,
	.top-bar .top-bar-nav > .menu > li:hover > a,
	.top-bar .top-bar-nav > .menu > li.active > a,
	.top-bar .top-bar-nav > .menu > li.current-menu-item > a,
	.top-bar .top-bar-nav > .menu > li.current-menu-parent > a,
	.top-bar .top-bar-nav > .menu > li.current_page_parent > a {
		color: var(--lexnexa-aa-gold) !important;
	}
}

/*
 * UX-01: the desktop navigation first appears while its current labels still
 * need two rows between 767px and 824px. In that narrow transition range the
 * absolute header is about 180px high, while the parent theme reserves only
 * 120px above page titles. Preserve the normal 70px visual gap so the H1 and
 * breadcrumb cannot sit underneath the navigation.
 */
@media screen and (min-width: 47.9375em) and (max-width: 51.5em) {
	body:not(.home) .page-header {
		padding-top: 13.125rem;
	}
}

/*
 * UX-04: durable form labels, required/error communication and focus.
 */
.lexnexa-contact-form-fields .lexnexa-field-label {
	color: #333;
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 0.4rem;
}

.lexnexa-contact-form-fields .lexnexa-optional,
.lexnexa-form-required-note {
	color: var(--lexnexa-aa-slate) !important;
	font-size: 0.875rem;
	font-weight: 400;
}

.lexnexa-form-required-note {
	margin-bottom: 1rem;
}

.lexnexa-required-mark {
	color: #9b1c1c;
	font-weight: 700;
}

.contact .wpcf7-form-control:focus,
.lexnexa-not-found__search input:focus,
.lexnexa-not-found__search button:focus,
.lexnexa-not-found__links a:focus,
.lexnexa-map__fallback a:focus,
.slider-photo a:focus,
.slider-photo button:focus {
	outline: 3px solid #222;
	outline-offset: 3px;
}

.contact .wpcf7-not-valid {
	border-color: #9b1c1c !important;
	box-shadow: 0 0 0 2px rgba(155, 28, 28, 0.18);
}

.contact .wpcf7-not-valid-tip,
.contact .wpcf7-response-output[role="alert"] {
	color: #8a1717 !important;
	font-weight: 600;
}

.contact .wpcf7-response-output:focus {
	outline: 3px solid #222;
	outline-offset: 3px;
}

.contact .contact__checkbox .wpcf7-list-item {
	margin-left: 0;
}

.contact .contact__checkbox label {
	align-items: flex-start;
	color: #333;
	display: flex;
	font-size: 0.8125rem;
	gap: 0.5rem;
	line-height: 1.45;
}

.contact .contact__checkbox input[type="checkbox"] {
	flex: 0 0 auto;
	height: 1.125rem;
	margin: 0.1rem 0 0;
	width: 1.125rem;
}

.contact .contact__checkbox .wpcf7-list-item-label {
	color: #333 !important;
	font-size: 0.8125rem;
	line-height: 1.45;
}

/*
 * UX-04: the iframe keeps its own title; the named region and fallback make
 * the office address usable when the embedded map is blocked or unavailable.
 */
.lexnexa-map__frame iframe {
	border: 0;
	display: block;
	max-width: 100%;
	width: 100%;
}

.lexnexa-map__local-placeholder {
	align-items: center;
	background:
		linear-gradient(
			135deg,
			rgba(128, 104, 50, 0.12),
			rgba(34, 34, 34, 0.08)
		),
		#eee;
	color: #444;
	display: flex;
	justify-content: center;
	min-height: 12rem;
	padding: 1.5rem;
	text-align: center;
}

.lexnexa-map__local-placeholder span {
	background: rgba(255, 255, 255, 0.92);
	border-left: 4px solid var(--lexnexa-aa-gold);
	font-size: 0.9375rem;
	line-height: 1.5;
	max-width: 30rem;
	padding: 0.75rem 1rem;
}

.lexnexa-map__fallback {
	background: #f5f5f5;
	color: #333 !important;
	font-size: 0.9375rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem 1rem;
}

.lexnexa-map__fallback a {
	color: var(--lexnexa-aa-gold) !important;
	font-weight: 600;
	text-decoration: underline;
}

/*
 * UX-04: clear and useful 404 page.
 */
.lexnexa-not-found-page {
	padding: 4rem 0;
}

.lexnexa-not-found {
	margin: 0 auto;
	max-width: 52rem;
	text-align: center;
}

.lexnexa-not-found__code {
	color: var(--lexnexa-aa-gold);
	font-size: clamp(4rem, 12vw, 8rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	margin: 0 0 1rem;
}

.lexnexa-not-found__title {
	color: #222;
	font-size: clamp(2rem, 5vw, 3.25rem);
	line-height: 1.15;
	margin-bottom: 1rem;
}

.lexnexa-not-found__lead {
	color: var(--lexnexa-aa-slate);
	font-size: 1.125rem;
	line-height: 1.6;
	margin: 0 auto 2rem;
	max-width: 42rem;
}

.lexnexa-not-found__search {
	background: #f5f5f5;
	border-radius: 0.25rem;
	margin: 0 auto 1.5rem;
	max-width: 40rem;
	padding: 1.25rem;
	text-align: left;
}

.lexnexa-not-found__search label {
	color: #333;
	display: block;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.lexnexa-not-found__search-row {
	display: flex;
	gap: 0.75rem;
}

.lexnexa-not-found__search input {
	flex: 1 1 auto;
	margin: 0;
	min-width: 0;
}

.lexnexa-not-found__search button {
	flex: 0 0 auto;
	margin: 0;
}

.lexnexa-not-found__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.lexnexa-not-found__links .button {
	border-color: var(--lexnexa-aa-gold) !important;
	color: var(--lexnexa-aa-gold) !important;
	margin: 0;
}

.lexnexa-not-found__links .button:hover,
.lexnexa-not-found__links .button:focus {
	background: var(--lexnexa-aa-gold) !important;
	color: #fff !important;
}

@media screen and (max-width: 39.9375em) {
	.lexnexa-not-found-page {
		padding: 2.5rem 0;
	}

	.lexnexa-not-found__search-row {
		display: block;
	}

	.lexnexa-not-found__search button {
		margin-top: 0.75rem;
		width: 100%;
	}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	/*
	 * At tablet widths the parent theme uses a two-row sticky header. Keep the
	 * 404 code below that header instead of letting it be visually covered.
	 */
	.lexnexa-not-found-page {
		padding-top: 10rem;
	}
}

/*
 * TXT-05: transparent empty state while case studies await verification.
 */
.lexnexa-case-status {
	background: #f7f7f7;
	border: 1px solid #d7d7d7;
	border-left: 0.3rem solid var(--lexnexa-aa-gold);
	color: #333;
	font-size: 1.0625rem;
	line-height: 1.65;
	margin: 2rem 0;
	padding: 1.5rem;
}

.lexnexa-case-status p:last-child {
	margin-bottom: 0;
}
.at-fwidgettitle .lexnexa-footer-brand {
	color: var(--tense-primary, #baa061);
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

/*
 * PERF-02/03: keep the approved hero crop while exposing the LCP image to the
 * browser as responsive HTML instead of a late-discovered CSS background.
 */
.page-header--with-media {
	background-image: none !important;
	overflow: hidden;
}

body .page-header > .row {
	position: relative;
	z-index: 2;
}

.page-header::before {
	pointer-events: none;
}

.page-header__picture {
	display: contents;
}

.page-header__media {
	display: block;
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.slider-photo .slide--with-media {
	background-image: none !important;
	overflow: hidden;
}

.slider-photo .slide__media,
.slider-photo .slide__media-image {
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.slider-photo .slide__media {
	z-index: 0;
}

.slider-photo .slide__media-image {
	max-width: none;
	object-fit: cover;
	object-position: center center;
}

.slider-photo .slide--with-media .slide__overlay {
	z-index: 1;
}

.slider-photo .slide--with-media .slide__content {
	position: relative;
	z-index: 2;
}

/*
 * TXT-09: readable legal-document layout and safe overflow for the cookie table.
 */
body.page-id-4221 #content,
body.page-id-4221 #content #inner-content {
	padding-bottom: 0;
	padding-top: 0;
}

/*
 * HOME-UX-04: keep the attorney portrait proportional to the biography copy.
 * The original media file remains untouched; only its rendered size changes.
 */
body.home .home2__photo {
	align-items: flex-start;
	display: flex;
	justify-content: center;
}

body.home .home2__photo img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 22rem;
	object-fit: contain;
	width: 100%;
}

@media screen and (max-width: 39.9375em) {
	body.home .home2__photo img {
		max-width: 17rem;
	}
}

body.page-id-4221 #content > #inner-content.row {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.lexnexa-policy {
	margin: 3rem auto 4rem;
	max-width: 920px;
}

.lexnexa-policy .entry-content {
	font-size: 1rem;
	line-height: 1.75;
}

.lexnexa-policy .entry-content h2 {
	margin-top: 2.5rem;
}

.lexnexa-policy .entry-content h3 {
	margin-top: 1.75rem;
}

.lexnexa-policy .entry-content table {
	border-collapse: collapse;
	display: block;
	margin: 1.5rem 0;
	max-width: 100%;
	overflow-x: auto;
	width: 100%;
}

.lexnexa-policy .entry-content th,
.lexnexa-policy .entry-content td {
	border: 1px solid #d8d8d8;
	min-width: 150px;
	padding: 0.75rem;
	text-align: left;
	vertical-align: top;
}

.lexnexa-policy .entry-content th {
	background: #f4f1eb;
	color: #222;
}

.lexnexa-policy__version,
.lexnexa-case-disclaimer {
	background: #f7f5f0;
	border-left: 4px solid #a98545;
	padding: 1rem 1.25rem;
}

.lexnexa-case-disclaimer {
	margin: 1.5rem 0 2rem;
}

@media screen and (max-width: 39.9375em) {
	.lexnexa-policy {
		margin: 2rem auto 3rem;
	}
}

/*
 * The dependency-free homepage menu keeps a CSS hover/focus fallback so the
 * desktop submenu remains available even if pointer events are restricted.
 */
@media screen and (min-width: 40em) {
	html.no-js body.home [data-responsive-menu] .is-dropdown-submenu-parent:hover > .is-dropdown-submenu {
		display: block !important;
	}
}

/*
 * PERF-05: avoid laying out several screens of off-screen homepage content on
 * narrow devices. The fallback sizes are measured at 390 px and preserve the
 * initial document length until the browser renders each section while the
 * visitor approaches it. Content remains in the DOM, accessibility tree and
 * find-in-page index.
 */
@supports (content-visibility: auto) {
	@media screen and (max-width: 39.9375em) {
		body.home #main > .home4,
		body.home #main > .lexnexa-seo-content {
			content-visibility: auto;
		}

		body.home #main > .home4 {
			contain-intrinsic-size: auto 2043px;
		}

		body.home #main > .lexnexa-seo-content {
			contain-intrinsic-size: auto 7520px;
		}

		body.home .lexnexa-seo-section {
			content-visibility: auto;
			contain-intrinsic-size: auto 650px;
		}

		body.home .lexnexa-seo-section:nth-child(1) {
			contain-intrinsic-size: auto 1800px;
		}

		body.home .lexnexa-seo-section:nth-child(2) {
			contain-intrinsic-size: auto 610px;
		}

		body.home .lexnexa-seo-section:nth-child(3) {
			contain-intrinsic-size: auto 870px;
		}

		body.home .lexnexa-seo-section:nth-child(4) {
			contain-intrinsic-size: auto 665px;
		}

		body.home .lexnexa-seo-section:nth-child(5) {
			contain-intrinsic-size: auto 525px;
		}

		body.home .lexnexa-seo-section:nth-child(6) {
			contain-intrinsic-size: auto 495px;
		}

		body.home .lexnexa-seo-section:nth-child(7) {
			contain-intrinsic-size: auto 1760px;
		}

		body.home .lexnexa-seo-section:nth-child(8) {
			contain-intrinsic-size: auto 455px;
		}

		body.home .lexnexa-seo-section:nth-child(9) {
			contain-intrinsic-size: auto 340px;
		}

		body.home #main > .home2 {
			content-visibility: auto;
			contain-intrinsic-size: auto 2975px;
		}

		body.home #main > .home8 {
			content-visibility: auto;
			contain-intrinsic-size: auto 996px;
		}

		body.home #main > .posts {
			content-visibility: auto;
			contain-intrinsic-size: auto 1785px;
		}

		body.home #main > .contact {
			content-visibility: auto;
			contain-intrinsic-size: auto 2033px;
		}
	}
}