/* Open House Across HPGS */
.open-house-page {
	--oh-navy: #071b3b;
	--oh-blue: #1656d9;
	--oh-cyan: #41c9e8;
	--oh-yellow: #ffc928;
	--oh-green: #1fa66a;
	--oh-coral: #ff6f5f;
	--oh-cream: #f8f4e9;
	--oh-ink: #14213d;
	background: #fff;
	color: var(--oh-ink);
	overflow: clip;
}

.open-house-page em { font-family: var(--serif); font-weight: 500; }
.open-house-section { padding: clamp(6.5rem, 10vw, 11rem) 0; }
.open-house-section-label,
.open-house-kicker {
	display: flex;
	gap: .75rem;
	align-items: center;
	color: var(--oh-blue);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.open-house-kicker { color: var(--oh-yellow); }
.open-house-kicker i { width: 30px; height: 2px; background: currentColor; }

.open-house-hero {
	position: relative;
	display: flex;
	min-height: min(930px, 100vh);
	padding: clamp(11rem, 15vw, 14rem) 0 clamp(7.5rem, 10vw, 10rem);
	align-items: center;
	background: var(--oh-navy);
	color: #fff;
}
.open-house-hero-media,
.open-house-hero-overlay { position: absolute; inset: 0; }
.open-house-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.open-house-hero-overlay {
	background:
		linear-gradient(90deg, rgba(4,17,42,.98) 0%, rgba(4,17,42,.93) 38%, rgba(4,17,42,.4) 67%, rgba(4,17,42,.08) 100%),
		linear-gradient(0deg, rgba(4,17,42,.5), transparent 55%);
}
.open-house-hero-inner { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-end; }
.open-house-hero-copy { max-width: 900px; }
.open-house-hero-copy .breadcrumbs { margin-bottom: clamp(3rem, 7vh, 6rem); color: rgba(255,255,255,.64); }
.open-house-hero-copy .breadcrumbs a { color: inherit; }
.open-house-hero h1 {
	margin: 1.35rem 0 0;
	color: #fff;
	font-size: clamp(4rem, 7.15vw, 8.2rem);
	font-weight: 770;
	letter-spacing: -.075em;
	line-height: .89;
}
.open-house-hero h1 em { color: var(--oh-yellow); }
.open-house-hero-copy > p { max-width: 720px; margin: 2rem 0 0; color: rgba(255,255,255,.78); font-size: clamp(1.05rem, 1.35vw, 1.27rem); line-height: 1.75; }
.open-house-actions { display: flex; flex-wrap: wrap; gap: 1.3rem 2rem; align-items: center; margin-top: 2.5rem; }
.open-house-button { display: inline-flex; min-height: 56px; padding: .9rem 1.25rem; gap: 1.8rem; align-items: center; justify-content: space-between; border: 1px solid transparent; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: transform .25s, background .25s; }
.open-house-button-yellow { background: var(--oh-yellow); color: var(--oh-navy); }
.open-house-button-yellow:hover,
.open-house-button-yellow:focus-visible { background: #ffdc63; color: var(--oh-navy); transform: translateY(-2px); }
.open-house-text-link { display: inline-flex; padding: .55rem 0; gap: .85rem; align-items: center; border-bottom: 1px solid rgba(255,255,255,.45); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.open-house-text-link:hover,
.open-house-text-link:focus-visible { border-color: var(--oh-yellow); color: var(--oh-yellow); }
.open-house-hero-stamp { display: grid; width: 172px; aspect-ratio: 1; padding: 1.4rem; border: 1px solid rgba(255,201,40,.72); border-radius: 50%; background: rgba(7,27,59,.72); align-content: center; justify-items: center; box-shadow: inset 0 0 0 10px rgba(255,201,40,.06); color: var(--oh-yellow); transform: rotate(5deg); }
.open-house-hero-stamp small { font-size: .52rem; font-weight: 800; letter-spacing: .15em; }
.open-house-hero-stamp span { font-family: var(--serif); font-size: 1.2rem; }
.open-house-hero-stamp strong { margin-top: .22rem; font-size: .62rem; letter-spacing: .12em; }

.open-house-signal { background: var(--oh-yellow); }
.open-house-signal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.open-house-signal-grid div { min-height: 160px; padding: 2rem clamp(1.15rem,2.2vw,2.3rem); border-left: 1px solid rgba(7,27,59,.18); }
.open-house-signal-grid div:last-child { border-right: 1px solid rgba(7,27,59,.18); }
.open-house-signal-grid span { display: block; color: rgba(7,27,59,.66); font-size: .61rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.open-house-signal-grid strong { display: block; margin-top: 1.1rem; color: var(--oh-navy); font-size: clamp(1.45rem,2vw,2.2rem); letter-spacing: -.05em; line-height: 1.02; }

.open-house-intro { background: var(--oh-cream); }
.open-house-intro-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(340px,.72fr); gap: clamp(3rem,9vw,9rem); align-items: end; }
.open-house-intro h2,
.open-house-section-head h2,
.open-house-feature h2,
.open-house-showcase h2,
.open-house-gallery h2,
.open-house-closing h2 { margin: 1.25rem 0 0; font-size: clamp(3rem,5.6vw,6.5rem); font-weight: 750; letter-spacing: -.07em; line-height: .93; }
.open-house-intro h2 em,
.open-house-feature h2 em,
.open-house-showcase h2 em,
.open-house-gallery h2 em { color: var(--oh-blue); }
.open-house-intro-grid > div:last-child p { margin: 0 0 1.2rem; color: #4b5669; font-size: clamp(1.05rem,1.25vw,1.2rem); line-height: 1.88; }

.open-house-journey { background: #fff; }
.open-house-section-head,
.open-house-gallery-head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.62fr); gap: clamp(2.5rem,8vw,8rem); align-items: end; margin-bottom: clamp(4rem,7vw,6.5rem); }
.open-house-section-head > p,
.open-house-gallery-head > p { margin: 0; color: #5e6877; font-size: 1.05rem; line-height: 1.85; }
.open-house-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #cbd4e3; border-bottom: 1px solid #cbd4e3; }
.open-house-steps article { min-height: 300px; padding: 2rem; border-left: 1px solid #cbd4e3; }
.open-house-steps article:last-child { border-right: 1px solid #cbd4e3; }
.open-house-steps span { color: var(--oh-blue); font-family: var(--serif); font-size: 1.05rem; }
.open-house-steps h3 { margin: 4.5rem 0 1rem; color: var(--oh-navy); font-size: clamp(1.6rem,2vw,2.15rem); letter-spacing: -.045em; }
.open-house-steps p { margin: 0; color: #667182; line-height: 1.75; }

.open-house-feature { background: var(--oh-navy); color: #fff; }
.open-house-feature-grid { display: grid; grid-template-columns: minmax(380px,.95fr) minmax(380px,.82fr); gap: clamp(3rem,8vw,8rem); align-items: center; }
.open-house-feature-photo { position: relative; margin: 0; }
.open-house-feature-photo::before { position: absolute; z-index: 0; inset: -20px 20px 20px -20px; border: 1px solid rgba(65,201,232,.6); content: ''; }
.open-house-feature-photo img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 1.28; object-fit: cover; }
.open-house-feature-photo figcaption { position: relative; z-index: 2; max-width: 420px; margin: -2.4rem 0 0 auto; padding: 1.2rem 1.4rem; background: var(--oh-yellow); color: var(--oh-navy); font-family: var(--serif); font-size: 1.02rem; }
.open-house-feature .open-house-section-label { color: var(--oh-cyan); }
.open-house-feature h2 { color: #fff; font-size: clamp(3rem,5vw,5.9rem); }
.open-house-feature h2 em { color: var(--oh-yellow); }
.open-house-feature-copy > p { color: rgba(255,255,255,.72); font-size: 1.06rem; line-height: 1.85; }
.open-house-feature-copy ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 2rem 0 0; padding: 0; gap: .75rem; list-style: none; }
.open-house-feature-copy li { padding: .95rem 1rem; border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.88); font-size: .8rem; font-weight: 750; letter-spacing: .04em; }

.open-house-showcase { background: #e8f3ff; }
.open-house-showcase-head { max-width: 1050px; margin-bottom: clamp(3.5rem,7vw,6rem); }
.open-house-showcase-head > p { max-width: 680px; color: #55647a; font-size: 1.05rem; line-height: 1.85; }
.open-house-showcase-grid { display: grid; grid-template-columns: 1fr 1.12fr .68fr; gap: 1.2rem; align-items: stretch; }
.open-house-showcase-grid figure { position: relative; min-height: 520px; margin: 0; overflow: hidden; background: var(--oh-navy); }
.open-house-showcase-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.open-house-showcase-grid figure:hover img { transform: scale(1.025); }
.open-house-showcase-grid figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 4rem 1.5rem 1.5rem; background: linear-gradient(transparent,rgba(4,17,42,.92)); color: #fff; }
.open-house-showcase-grid figcaption span { display: block; margin-bottom: .45rem; color: var(--oh-yellow); font-size: .62rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.open-house-showcase-grid figcaption strong { font-family: var(--serif); font-size: 1.25rem; font-weight: 500; }

.open-house-gallery { background: #fff; }
.open-house-gallery-grid { display: grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: 250px; gap: 1rem; }
.open-house-gallery-card { position: relative; grid-column: span 4; margin: 0; overflow: hidden; background: #dce3ed; }
.open-house-gallery-card:nth-child(1),
.open-house-gallery-card:nth-child(6) { grid-column: span 8; }
.open-house-gallery-card:nth-child(3),
.open-house-gallery-card:nth-child(4),
.open-house-gallery-card:nth-child(10) { grid-row: span 2; }
.open-house-gallery-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.open-house-gallery-card:hover img { transform: scale(1.025); }
.open-house-gallery-card figcaption { position: absolute; bottom: .8rem; left: .8rem; padding: .55rem .72rem; background: rgba(7,27,59,.88); color: #fff; font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.open-house-closing { position: relative; padding: clamp(7rem,12vw,12rem) 0; background: var(--oh-blue); color: #fff; overflow: hidden; }
.open-house-closing-word { position: absolute; right: -1vw; bottom: -4vw; color: rgba(255,255,255,.06); font-size: clamp(8rem,20vw,23rem); font-weight: 850; letter-spacing: -.08em; line-height: .7; }
.open-house-closing-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.65fr); gap: clamp(3rem,9vw,9rem); align-items: end; }
.open-house-closing .open-house-section-label { color: var(--oh-yellow); }
.open-house-closing h2 { color: #fff; }
.open-house-closing h2 em { color: var(--oh-yellow); }
.open-house-closing-grid > div:last-child > p { margin: 0; color: rgba(255,255,255,.76); font-size: 1.06rem; line-height: 1.85; }

@media (max-width: 980px) {
	.open-house-hero-stamp { display: none; }
	.open-house-signal-grid { grid-template-columns: repeat(2,1fr); }
	.open-house-signal-grid div:nth-child(2) { border-right: 1px solid rgba(7,27,59,.18); }
	.open-house-intro-grid,
	.open-house-section-head,
	.open-house-gallery-head,
	.open-house-feature-grid,
	.open-house-closing-grid { grid-template-columns: 1fr; }
	.open-house-steps { grid-template-columns: repeat(2,1fr); }
	.open-house-showcase-grid { grid-template-columns: 1fr 1fr; }
	.open-house-showcase-grid figure:last-child { grid-column: 1 / -1; min-height: 520px; }
	.open-house-showcase-grid figure:last-child img { object-position: center 34%; }
	.open-house-gallery-card { grid-column: span 6; }
	.open-house-gallery-card:nth-child(1),
	.open-house-gallery-card:nth-child(6) { grid-column: span 12; }
}

@media (max-width: 680px) {
	.open-house-hero { min-height: 780px; padding-top: 9.5rem; }
	.open-house-hero h1 { font-size: clamp(3.25rem,15vw,5rem); }
	.open-house-hero-overlay { background: linear-gradient(90deg,rgba(4,17,42,.96),rgba(4,17,42,.62)),linear-gradient(0deg,rgba(4,17,42,.55),transparent); }
	.open-house-signal-grid,
	.open-house-steps,
	.open-house-showcase-grid { grid-template-columns: 1fr; }
	.open-house-signal-grid div { min-height: 125px; border-right: 1px solid rgba(7,27,59,.18); }
	.open-house-steps article { min-height: auto; border-right: 1px solid #cbd4e3; }
	.open-house-steps h3 { margin-top: 2rem; }
	.open-house-feature-grid { gap: 4rem; }
	.open-house-feature-photo::before { inset: -12px 12px 12px -12px; }
	.open-house-feature-copy ul { grid-template-columns: 1fr; }
	.open-house-showcase-grid figure,
	.open-house-showcase-grid figure:last-child { grid-column: auto; min-height: 440px; }
	.open-house-gallery-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
	.open-house-gallery-card,
	.open-house-gallery-card:nth-child(1),
	.open-house-gallery-card:nth-child(3),
	.open-house-gallery-card:nth-child(4),
	.open-house-gallery-card:nth-child(6),
	.open-house-gallery-card:nth-child(10) { grid-column: auto; grid-row: auto; aspect-ratio: 4 / 3; }
	.open-house-gallery-card:nth-child(3),
	.open-house-gallery-card:nth-child(4),
	.open-house-gallery-card:nth-child(10) { aspect-ratio: 3 / 4; }
}

@media (prefers-reduced-motion: reduce) {
	.open-house-page *,
	.open-house-page *::before,
	.open-house-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}