.ov-home.content-area { float: none; width: 100%; margin: 0; }
.ov-home .site-main { margin: 0 0 var(--spacing-64); }
.ov-home-hero {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	align-items: start;
	gap: var(--spacing-24);
}
.ov-home-hero__feature {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 575px;
	min-width: 0;
	width: 100%;
	aspect-ratio: 906 / 575;
	padding: var(--spacing-24);
	overflow: hidden;
	border-radius: var(--radius-32);
	background: var(--color-bg-page);
}
.ov-home-hero__photo {
	position: absolute;
	z-index: -1;
	left: 6.2%;
	bottom: -38.4%;
	width: 125.5%;
	max-width: none;
	height: auto;
	pointer-events: none;
}
.ov-home-hero__copy { max-width: 52%; }
.ov-home-hero__copy h1 {
	font-family: var(--font-display);
	font-size: 4rem;
	line-height: 1.1;
	font-weight: var(--font-weight-medium);
	letter-spacing: 0;
}
.ov-home-hero__copy p {
	margin: var(--spacing-40) 0 0;
	font-family: var(--font-ui);
	font-size: var(--font-size-body);
	line-height: var(--line-height-body);
}
.ov-home-hero__discover { margin-top: var(--spacing-32); max-width: 100%; }
.ov-home-hero__catalog {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 0 var(--spacing-24) var(--spacing-24);
	overflow: hidden;
	border-radius: var(--radius-32);
	background: var(--color-bg-page);
}
.ov-home-hero__product { position: relative; aspect-ratio: 1.4; margin-inline: calc(-1 * var(--spacing-24)); overflow: hidden; }
.ov-home-hero__product img { position: absolute; width: 260%; max-width: none; height: auto; left: -95%; top: -38%; transform: rotate(-15deg); }

.ov-home-test-now { margin-top: calc(2 * var(--spacing-64)); }
.ov-home-test-now__title { margin: 0 0 var(--spacing-32); text-align: center; }
.ov-home-test-now__feature {
	position: relative;
	isolation: isolate;
	display: flex;
	min-height: 448px;
	aspect-ratio: 3 / 1;
	padding: var(--spacing-24);
	overflow: hidden;
	border-radius: var(--radius-32);
	background: var(--color-bg-page);
}
.ov-home-test-now__video {
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	pointer-events: none;
}
.ov-home-test-now__copy {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--spacing-48);
	width: 32%;
	min-width: 320px;
	padding: var(--spacing-24);
	border-radius: var(--radius-32);
	background: var(--color-bg-page);
}
.ov-home-test-now__copy p { margin: 0; }
.ov-home-test-now__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--spacing-24);
	margin: var(--spacing-32) 0 0;
	padding: 0;
	list-style: none;
}
.ov-home-test-now__step {
	min-width: 0;
	padding: var(--spacing-24);
	border-radius: var(--radius-24);
	background: var(--color-bg-page);
}
.ov-home-test-now__number { display: block; margin-bottom: var(--spacing-24); }
.ov-home-test-now__step h3 { margin: 0 0 var(--spacing-16); }
.ov-home-test-now__step p {
	margin: 0;
	font-family: var(--font-ui);
	font-size: var(--font-size-body);
	line-height: var(--line-height-body);
	overflow-wrap: anywhere;
}

.ov-home-collections,
.ov-home-products { margin-top: calc(2 * var(--spacing-64)); }
.ov-home-collections__header,
.ov-home-products__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-24);
	margin-bottom: var(--spacing-48);
}
.ov-home-collections__header h2,
.ov-home-products__header h2 { margin: 0; }
.ov-home-collections__header > .ov-link,
.ov-home-products__header > .ov-link { flex-shrink: 0; }
.ov-home-collections__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--spacing-24);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ov-home-collections__grid > li { min-width: 0; }
.ov-home-collections__card {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-width: 0;
	min-height: 440px;
	aspect-ratio: 328 / 520;
	padding: var(--spacing-12);
	overflow: hidden;
	border-radius: var(--radius-32);
	background: var(--color-bg-page);
}
.ov-home-collections__image {
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	border-radius: 0;
}
.ov-home-collections__card--active .ov-home-collections__image { transform: scale(1.16); transform-origin: center 75%; }
.ov-home-collections__badge { position: absolute; top: var(--spacing-16); left: var(--spacing-16); right: var(--spacing-16); }
.ov-home-collections__badge .ov-tag { background: var(--color-bg-brand); color: var(--color-text-inverse); }
.ov-home-collections__content { padding: var(--spacing-16); border-radius: var(--radius-24); background: var(--color-bg-page); }
.ov-home-collections__content h3 { margin: 0 0 var(--spacing-8); }

.ov-home-products__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start;
	gap: var(--spacing-24);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ov-home-products__item { min-width: 0; }
.ov-home-products__item--lead { grid-column: span 2; }

.ov-home .ov-project-banner { margin-top: calc(2 * var(--spacing-64)); }
.ov-home-faq { margin-top: calc(2 * var(--spacing-64)); }
.ov-home-faq__title { margin: 0 0 var(--spacing-32); text-align: center; }
.ov-home-faq__items { display: grid; gap: var(--spacing-24); }
.ov-home-faq__item { min-width: 0; border-radius: var(--radius-24); background: var(--color-bg-page); }
.ov-home-faq__question { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-24); min-height: var(--height-64); padding: var(--spacing-24); border-radius: var(--radius-24); list-style: none; cursor: pointer; touch-action: manipulation; }
.ov-home-faq__question::-webkit-details-marker { display: none; }
.ov-home-faq__question > span:first-child { min-width: 0; }
.ov-home-faq__toggle { display: grid; place-items: center; flex: 0 0 var(--spacing-24); width: var(--spacing-24); height: var(--spacing-24); }
.ov-home-faq__toggle .ov-icon { width: var(--spacing-20); height: var(--spacing-20); }
.ov-home-faq__item[open] .ov-icon--plus,
.ov-home-faq__item:not([open]) .ov-icon--minus { display: none; }
.ov-home-faq__answer { margin: 0; padding: 0 var(--spacing-24) var(--spacing-24); color: var(--color-text-muted); font: var(--font-weight-regular) var(--font-size-body)/var(--line-height-body) var(--font-ui); overflow-wrap: anywhere; }
@media (max-width: 1199px) {
	.ov-home-hero { grid-template-columns: minmax(0, 1fr); }
	.ov-home-hero__feature { min-height: 540px; }
	.ov-home-hero__copy h1 { font-size: var(--font-size-h1); line-height: var(--line-height-h1); }
	.ov-home-hero__copy p { margin-top: var(--spacing-24); }
	.ov-home-hero__catalog { max-width: 480px; width: 100%; }
	.ov-home-collections__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ov-home-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.ov-home-test-now { margin-top: var(--spacing-64); }
	.ov-home-test-now__feature { flex-direction: column; min-height: 0; aspect-ratio: auto; padding: 0; border-radius: var(--radius-24); }
	.ov-home-test-now__video { position: static; width: 100%; height: auto; aspect-ratio: 16 / 9; }
	.ov-home-test-now__copy { width: 100%; min-width: 0; gap: var(--spacing-32); border-radius: 0; }
	.ov-home-test-now__steps { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-16); }
	.ov-home-collections,
	.ov-home-products { margin-top: var(--spacing-64); }
	.ov-home-collections__header,
	.ov-home-products__header { align-items: flex-start; flex-direction: column; gap: var(--spacing-8); margin-bottom: var(--spacing-24); }
	.ov-home-collections__grid { gap: var(--spacing-16); }
	.ov-home-collections__card { border-radius: var(--radius-24); }
	.ov-home-products__grid { gap: var(--spacing-24) var(--spacing-16); }
	.ov-home .ov-project-banner { margin-top: var(--spacing-64); }
	.ov-home-faq { margin-top: var(--spacing-64); }
	.ov-home-faq__items { gap: var(--spacing-16); }
	.ov-home-faq__question { gap: var(--spacing-16); padding: var(--spacing-20) var(--spacing-16); }
	.ov-home-faq__answer { padding: 0 var(--spacing-16) var(--spacing-20); }
}
@media (max-width: 599px) {
	.ov-home-hero__feature { min-height: 600px; aspect-ratio: auto; padding: var(--spacing-24); border-radius: var(--radius-24); }
	.ov-home-hero__copy { max-width: 100%; }
	.ov-home-hero__copy p { margin-top: var(--spacing-16); }
	.ov-home-hero__photo { width: 200%; left: -47%; bottom: -22%; }
	.ov-home-hero__discover { width: 100%; }
	.ov-home-hero__discover > .ov-button { width: 100%; }
	.ov-home-hero__catalog { max-width: none; border-radius: var(--radius-24); }
	.ov-home-collections__grid { grid-template-columns: minmax(0, 1fr); }
	.ov-home-products__grid { grid-template-columns: minmax(0, 1fr); }
	.ov-home-products__item--lead { grid-column: auto; }
}
@media (max-width: 359px) {
	.ov-home-hero__photo { width: 220%; left: -57%; }
	.ov-home-hero .ov-button { --ov-button-size: var(--font-size-field); --ov-button-line: var(--line-height-field); padding-inline: var(--spacing-16); }
}
