/* ============================================================
   CEDRE RESIDENCES — homepage section styles
   Inherits Arenex base tokens (--primary-color etc.).
   ============================================================ */

/* ---- Shared head ---- */
.cedre-head { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.cedre-head__kicker { display: inline-block; background: var(--bg-alt); color: var(--primary-color); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 14px; }
.cedre-head__title { font-size: var(--h2-size); margin: 0 0 12px; }
.cedre-head__lead { color: var(--muted-color); font-size: 1.05rem; margin: 0; }

/* ---- HERO ---- */
.cedre-hero { position: relative; min-height: 600px; display: flex; align-items: center; overflow: hidden; }
.cedre-hero__bg { position: absolute; inset: 0; background: #2a2438 center/cover no-repeat; }
.cedre-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(26,15,46,.82) 0%, rgba(26,15,46,.55) 45%, rgba(26,15,46,.2) 80%, rgba(26,15,46,.05) 100%); }
.cedre-hero__content { position: relative; max-width: var(--container-max-width); width: 100%; margin-inline: auto; padding: 90px var(--container-padding); color: #fff; }
.cedre-hero__eyebrow { display: block; color: #5EEAD4; font-weight: 700; font-size: 1.1rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; text-shadow: 0 2px 6px rgba(0,0,0,0.25); }
.cedre-hero__rule { width: 100%; max-width: 520px; height: 1px; background: rgba(255,255,255,.4); margin-bottom: 28px; }
.cedre-hero__title { font-size: var(--hero-title-size); line-height: var(--hero-title-line-height, 1.1); color: #fff; max-width: 16ch; margin: 0 0 22px; }
.cedre-hero__sub { font-size: 1.1rem; color: rgba(255,255,255,.92); max-width: 600px; margin: 0 0 4px; }
.cedre-hero__accent { color: #5EEAD4; font-style: italic; font-weight: 700; font-size: 1.1rem; margin: 0 0 32px; font-variation-settings: "CRSV" 1; text-shadow: 0 2px 6px rgba(0,0,0,0.25); }
.cedre-hero__actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* ---- ABOUT ---- */
.cedre-about__img { aspect-ratio: 4/5; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 50px rgba(26,15,46,.08); }
.cedre-about__img img { width: 100%; height: 100%; object-fit: cover; }
.cedre-about__rule { display: block; width: 64px; height: 3px; background: var(--primary-color); border-radius: 2px; margin-bottom: 28px; }
.cedre-about__eyebrow { display: block; font-size: .95rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--primary-dark); margin-bottom: 18px; }
.cedre-about__title { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.1; margin: 0 0 28px; }
.cedre-about__title mark { background: var(--primary-light); color: var(--heading-color); padding: 0 6px; border-radius: 2px; }
.cedre-about__desc { font-size: 1.08rem; line-height: 1.7; color: var(--muted-color); margin: 0 0 36px; max-width: 580px; }
.cedre-about__info { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 0; }
.cedre-about__col { padding: 4px 24px; border-left: 1px solid var(--border-color); }
.cedre-about__col:first-child { padding-left: 0; border-left: 0; }
.cedre-about__col h4 { font-size: 1.05rem; font-weight: 700; color: var(--primary-dark); margin: 0 0 10px; }
.cedre-about__col p { font-size: .94rem; color: var(--heading-color); margin: 0; line-height: 1.5; }

/* ---- AMENITY HIGHLIGHTS ---- */
.cedre-amenities { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-md); }
.cedre-amenity { background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 14px; padding: 32px 28px; transition: all .25s ease; }
.cedre-amenity:hover { border-color: var(--primary-color); transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,.08); }
.cedre-amenity__icon { width: 56px; height: 56px; border-radius: 12px; background: var(--bg-alt); color: var(--primary-color); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: all .25s ease; }
.cedre-amenity:hover .cedre-amenity__icon { background: var(--primary-color); color: #fff; }
.cedre-amenity h3 { font-size: 1.15rem; margin: 0 0 10px; }
.cedre-amenity p { font-size: .95rem; color: var(--muted-color); margin: 0; line-height: 1.55; }

/* ---- CTA BANNER ---- */
.cedre-cta { background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 60%, var(--footer-bg) 100%); border-radius: 18px; padding: 72px; color: #fff; position: relative; overflow: hidden; }
.cedre-cta::before { content: ''; position: absolute; top: -100px; right: -100px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(201,168,255,.25), transparent 70%); }
.cedre-cta__kicker { display: inline-block; font-size: .82rem; font-weight: 700; letter-spacing: 1px; color: var(--primary-light); margin-bottom: 18px; position: relative; }
.cedre-cta__title { font-size: var(--h2-size); color: #fff; margin: 0 0 14px; position: relative; }
.cedre-cta__sub { font-size: 1.1rem; color: rgba(255,255,255,.85); margin: 0 0 32px; position: relative; }
.cedre-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; position: relative; }

/* ---- FEATURES — amenity tabs ---- */
.cedre-at__bar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; padding: 6px; background: #F3F4F6; border-radius: 12px; width: fit-content; }
.cedre-at__tab { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; background: transparent; color: var(--text-color); border: 0; border-radius: 8px; font-family: var(--font-heading); font-weight: 600; font-size: .92rem; cursor: pointer; transition: all .3s ease; }
.cedre-at__tab.is-active { background: var(--primary-color); color: #fff; }
.cedre-at__tab:hover:not(.is-active) { color: var(--primary-color); }
.cedre-at__panel { display: none; }
.cedre-at__panel.is-active { display: block; }
.cedre-at__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.cedre-at__item { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--bg-alt); border: 1px solid var(--border-color); border-radius: 10px; font-size: .92rem; }
.cedre-at__item svg { color: var(--primary-color); flex-shrink: 0; }

/* ---- GALLERY ---- */
.cedre-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.cedre-gallery__item { overflow: hidden; border-radius: 12px; aspect-ratio: 4/3; background: var(--bg-alt); }
.cedre-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.cedre-gallery__item:hover img { transform: scale(1.05); }

/* ---- FAQ accordion ---- */
.cedre-faq__group { margin-bottom: 40px; }
.cedre-faq__cat { font-size: 1.4rem; margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-light); }
.cedre-faq__item { border: 1px solid var(--border-color); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.cedre-faq__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; background: var(--bg-color); border: 0; cursor: pointer; font-family: var(--font-heading); font-weight: 600; font-size: 1rem; color: var(--heading-color); text-align: left; }
.cedre-faq__q svg { flex-shrink: 0; color: var(--primary-color); transition: transform .3s ease; }
.cedre-faq__item.is-open .cedre-faq__q svg { transform: rotate(180deg); }
.cedre-faq__a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.cedre-faq__item.is-open .cedre-faq__a { max-height: 400px; }
.cedre-faq__a p { margin: 0; padding: 0 22px 20px; color: var(--muted-color); line-height: 1.6; }

/* ---- CONTACT ---- */
.cedre-contact { display: grid; grid-template-columns: 1fr 1.3fr; gap: var(--column-gap); align-items: start; }
.cedre-contact__info h2 { font-size: 1.6rem; margin: 0 0 24px; }
.cedre-contact__list { list-style: none; padding: 0; margin: 0 0 28px; display: flex; flex-direction: column; gap: 16px; }
.cedre-contact__list li { display: flex; align-items: flex-start; gap: 12px; color: var(--text-color); }
.cedre-contact__list svg { color: var(--primary-color); flex-shrink: 0; margin-top: 3px; }
.cedre-contact__list a { color: var(--primary-color); }
.cedre-form { display: flex; flex-direction: column; gap: 14px; }
.cedre-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cedre-form input, .cedre-form select, .cedre-form textarea { width: 100%; padding: 13px 16px; border: 1px solid var(--border-color); border-radius: 8px; font-family: var(--font-body); font-size: .95rem; background: var(--bg-color); color: var(--text-color); }
.cedre-form input:focus, .cedre-form select:focus, .cedre-form textarea:focus { outline: 0; border-color: var(--primary-color); }
.cedre-form__note { font-size: .8rem; color: var(--muted-color); margin: 0; }

/* ---- Responsive ---- */
@media (max-width: 1024px) {
	.cedre-about__info { grid-template-columns: 1fr; gap: 20px; }
	.cedre-about__col { padding: 16px 0; border-left: 0; border-top: 1px solid var(--border-color); }
	.cedre-about__col:first-child { border-top: 0; padding-top: 0; }
	.cedre-amenities { grid-template-columns: repeat(2, 1fr); }
	.cedre-gallery { grid-template-columns: repeat(2, 1fr); }
	.cedre-contact { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.cedre-amenities { grid-template-columns: 1fr; }
	.cedre-cta { padding: 44px 28px; }
	.cedre-hero__content { padding: 56px var(--container-padding); }
	.cedre-at__grid { grid-template-columns: 1fr; }
	.cedre-gallery { grid-template-columns: 1fr; }
	.cedre-form__row { grid-template-columns: 1fr; }
}

.page-intro { max-width: var(--content-max-width); margin: 0 auto 40px; color: var(--muted-color); line-height: 1.7; }

/* ---- FAQ left-aligned wrap (width set inline via ACF, default 860) ---- */
.faq-wrap { margin-left: 0; margin-right: auto; }

/* ---- Gallery lightbox ---- */
.cedre-gallery__item { cursor: zoom-in; }
.cedre-lb {
	position: fixed; inset: 0; z-index: 9999;
	background: rgba(26,15,46,.92);
	display: none; align-items: center; justify-content: center;
	padding: 40px;
}
.cedre-lb.is-open { display: flex; }
.cedre-lb__img {
	max-width: 90vw; max-height: 86vh;
	border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.5);
	object-fit: contain; background: #fff;
}
.cedre-lb__close {
	position: absolute; top: 20px; right: 28px;
	background: none; border: 0; color: #fff;
	font-size: 2.4rem; line-height: 1; cursor: pointer; opacity: .85;
}
.cedre-lb__close:hover { opacity: 1; }
.cedre-lb__counter {
	position: absolute; top: 24px; left: 50%; transform: translateX(-50%);
	color: #fff; font-family: var(--font-heading); font-weight: 600;
	font-size: 1rem; letter-spacing: 0.04em;
	background: rgba(0,0,0,.45); padding: 6px 14px; border-radius: 999px;
	pointer-events: none;
}
.cedre-lb__nav {
	position: absolute; top: 50%; transform: translateY(-50%);
	background: rgba(255,255,255,.12); border: 0; color: #fff;
	width: 52px; height: 52px; border-radius: 50%;
	font-size: 2rem; line-height: 1; cursor: pointer;
	transition: background .2s;
}
.cedre-lb__nav:hover { background: rgba(255,255,255,.25); }
.cedre-lb__prev { left: 24px; }
.cedre-lb__next { right: 24px; }
@media (max-width: 768px) {
	.cedre-lb { padding: 16px; }
	.cedre-lb__nav { width: 42px; height: 42px; font-size: 1.5rem; }
	.cedre-lb__prev { left: 8px; }
	.cedre-lb__next { right: 8px; }
}


/* ---- About: Explore neighborhood link ---- */
.cedre-about__explore { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; font-family: var(--font-heading); font-weight: 700; font-size: 1.05rem; color: var(--heading-color); text-decoration: none; border-bottom: 2px solid var(--heading-color); padding-bottom: 4px; transition: all .2s ease; }
.cedre-about__explore:hover { color: var(--primary-color); border-bottom-color: var(--primary-color); gap: 14px; }

/* ---- Page hero band (Gallery/Contact/etc.) ---- */
.fpd-pagehero { background: linear-gradient(180deg, var(--bg-alt) 0%, var(--bg-color) 100%); border-bottom: 1px solid var(--border-color); padding: 56px 0 36px; }
.fpd-pagehero__title { font-size: var(--page-title-size); line-height: var(--page-title-line-height, 1.15); margin: 0 0 8px; }
.fpd-pagehero__sub { font-size: 1.05rem; color: var(--muted-color); margin: 0; }
.fpd-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-size: .9rem; color: var(--muted-color); margin-bottom: 18px; }
.fpd-breadcrumb a, .fpd-breadcrumb__current { white-space: nowrap; }
.fpd-breadcrumb a { color: var(--primary-color); }
.fpd-breadcrumb__current { color: var(--heading-color); font-weight: 600; }
@media (max-width: 600px) {
	.fpd-breadcrumb { font-size: .82rem; gap: 2px 6px; }
}


/* ---- Apply (Lease Application) — Contact Form 7 styling ----
   Left-aligned, paired fields render as 50/50 grid rows.
   CF7 wpautop is disabled in functions.php so <p>/<br> won't break the grid. */
.cedre-apply { max-width: 880px; margin: 0; text-align: left; }
.cedre-apply__intro { color: var(--muted-color); margin-bottom: 28px; line-height: 1.6; }
.cedre-apply h3 { font-size: 1.4rem; margin: 36px 0 18px; padding-bottom: 8px; border-bottom: 2px solid var(--primary-light); text-align: left; }
.cedre-apply h4 { font-size: 1rem; margin: 16px 0 6px; color: var(--muted-color); text-transform: uppercase; letter-spacing: .04em; text-align: left; }
.cedre-apply label { display: block; font-size: .9rem; font-weight: 600; color: var(--heading-color); margin: 10px 0 4px; text-align: left; }
.cedre-apply input[type=text], .cedre-apply input[type=email], .cedre-apply input[type=tel], .cedre-apply input[type=number], .cedre-apply input[type=date], .cedre-apply select, .cedre-apply textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--border-color); border-radius: 8px; font-family: var(--font-body); font-size: .95rem; background: #fff; color: var(--text-color); margin-bottom: 10px; box-sizing: border-box; }
.cedre-apply input:focus, .cedre-apply select:focus, .cedre-apply textarea:focus { outline: 0; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(107,63,160,.12); }
.cedre-apply__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; margin-bottom: 6px; }
.cedre-apply__row--3 { grid-template-columns: 2fr 1fr 1fr; }
.cedre-apply__row > * { min-width: 0; }
.cedre-apply__row .wpcf7-form-control-wrap, .cedre-apply__row > span { display: block; width: 100%; }
.cedre-apply__row input, .cedre-apply__row select, .cedre-apply__row textarea { margin-bottom: 0; }
.cedre-apply__guarantor { border-left: 3px solid var(--border-color); padding-left: 18px; margin: 8px 0; }
.cedre-apply .wpcf7-list-item { margin: 0 18px 6px 0; display: inline-block; }
.cedre-apply .wpcf7-acceptance { display: block; margin-bottom: 12px; background: var(--bg-alt); border: 1px solid var(--border-color); border-radius: 8px; padding: 12px 14px; }
.cedre-apply .wpcf7-acceptance .wpcf7-list-item { margin: 0; display: flex; gap: 10px; align-items: flex-start; }
.cedre-apply .wpcf7-acceptance .wpcf7-list-item-label { font-weight: 400; font-size: .9rem; color: var(--text-color); line-height: 1.5; }
.cedre-apply .wpcf7-submit { background: var(--primary-color); color: #fff; border: 0; padding: 15px 40px; border-radius: 999px; font-family: var(--font-heading); font-weight: 700; font-size: 1rem; cursor: pointer; margin-top: 24px; transition: all .2s ease; }
.cedre-apply .wpcf7-submit:hover { background: var(--primary-dark); transform: translateY(-2px); }
.cedre-apply .wpcf7-not-valid-tip { color: #c0392b; font-size: .82rem; }
.cedre-apply .wpcf7-response-output { border-radius: 8px; margin: 18px 0 0; padding: 14px 18px; }
.cedre-apply .wpcf7, .cedre-apply .wpcf7-form { text-align: left; }
.cedre-apply .wpcf7-form > p { margin: 0 0 10px; }

/* Apply page (page ID 159): widen the centered .container--content wrapper
   so the lease application form sits flush-left under the hero band. */
.page-id-159 .container--content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 32px;
	padding-right: 32px;
}

/* Apply page intro block + PDF download buttons (ACF-driven). */
.cedre-apply__intro-block { margin-bottom: 32px; }
.cedre-apply__downloads { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; }
.cedre-apply__dl { display: inline-flex; align-items: center; gap: 12px; padding: 14px 22px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-alt); color: var(--heading-color); text-decoration: none; transition: all .2s ease; min-width: 220px; }
.cedre-apply__dl:hover { border-color: var(--primary-color); background: #fff; box-shadow: 0 6px 16px rgba(107,63,160,.12); transform: translateY(-1px); }
.cedre-apply__dl-icon { display: inline-flex; color: var(--primary-color); }
.cedre-apply__dl-text { display: inline-flex; flex-direction: column; line-height: 1.2; }
.cedre-apply__dl-text strong { font-family: var(--font-heading); font-weight: 700; font-size: .98rem; }
.cedre-apply__dl-text small { color: var(--muted-color); font-size: .78rem; margin-top: 2px; }
@media (max-width: 600px) { .cedre-apply__dl { width: 100%; min-width: 0; } }
@media (max-width: 600px) { .cedre-apply__row, .cedre-apply__row--3 { grid-template-columns: 1fr; } }


/* ============================================================
   CTA BAND — "We're just a click away" (Features page bottom)
   ============================================================ */
.cta-band {
	background: linear-gradient(135deg, var(--primary-color, #6B3FA0) 0%, #4A2978 100%);
	padding: 88px 0;
	position: relative;
	overflow: hidden;
}
.cta-band__card {
	background: #fff;
	border-radius: 100px;
	padding: 22px 30px 22px 90px;
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 24px;
	box-shadow: 0 24px 50px -12px rgba(0,0,0,0.35);
	position: relative;
	border: 3px solid #1a0f2e;
}
.cta-band__sticker {
	position: absolute;
	left: -18px;
	top: 50%;
	transform: translateY(-50%) rotate(-12deg);
	width: 78px;
	height: 78px;
	border-radius: 18px;
	background: var(--primary-color, #6B3FA0);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 4px solid #fff;
	box-shadow: 0 8px 18px -4px rgba(0,0,0,0.35);
}
.cta-band__text {
	flex: 1;
	font-size: clamp(1rem, 1.6vw, 1.35rem);
	font-weight: 800;
	color: var(--heading-color);
	text-transform: uppercase;
	letter-spacing: 0.015em;
	line-height: 1.2;
}
.cta-band__hl {
	font-style: normal;
	font-weight: 800;
	color: var(--heading-color);
	background-image: linear-gradient(transparent 60%, #5EEAD4 60%);
	padding: 0 3px;
}
.cta-band__btn {
	background: #1a0f2e;
	color: #fff;
	padding: 14px 28px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	flex-shrink: 0;
}
.cta-band__btn:hover {
	background: #000;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 12px 24px -6px rgba(0,0,0,0.4);
}
@media (max-width: 768px) {
	.cta-band { padding: 64px 0; }
	.cta-band__card {
		flex-direction: column;
		padding: 64px 26px 30px;
		border-radius: 28px;
		gap: 18px;
		text-align: center;
	}
	.cta-band__sticker {
		position: absolute;
		top: -28px;
		left: 50%;
		transform: translateX(-50%) rotate(-12deg);
		width: 66px;
		height: 66px;
	}
	.cta-band__text { font-size: 1.1rem; }
	.cta-band__btn { width: 100%; text-align: center; padding: 16px 28px; }
}

/* ============================================================
   HOMEPAGE — "Get social with us" section
   ============================================================ */
.cedre-social { position: relative; overflow: hidden; }
.cedre-social__inner {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 64px;
	align-items: center;
}
.cedre-social__photos {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}
.cedre-social__photo {
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 3/4;
	box-shadow: 0 22px 48px -18px rgba(80,40,140,0.3);
}
.cedre-social__photo--1 { transform: translateY(-24px); }
.cedre-social__photo--2 { transform: translateY(24px); }
.cedre-social__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cedre-social__content { padding: 0 8px; }
.cedre-social__rule { display: block; width: 64px; height: 3px; background: var(--primary-color); border-radius: 2px; margin-bottom: 24px; }
.cedre-social__title { font-size: clamp(2rem, 4vw, 3rem); margin: 0 0 18px; line-height: 1.1; color: var(--heading-color); }
.cedre-social__title mark { background: transparent; color: var(--accent-color, #2DD4BF); padding: 0; }
.cedre-social__desc { font-size: 1.08rem; color: var(--muted-color); line-height: 1.65; margin: 0 0 28px; max-width: 480px; }
.cedre-social__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.cedre-social__links a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--heading-color);
	font-weight: 600;
	font-size: 1.05rem;
	text-decoration: none;
	padding: 10px 14px;
	border-radius: 10px;
	transition: background 0.2s ease, transform 0.2s ease;
}
.cedre-social__links a:hover { background: var(--bg-alt); transform: translateX(4px); color: var(--primary-color); }
.cedre-social__links svg { color: var(--primary-color); flex-shrink: 0; }
@media (max-width: 900px) {
	.cedre-social__inner { grid-template-columns: 1fr; gap: 40px; }
	.cedre-social__photos { max-width: 520px; margin: 0 auto; }
}
@media (max-width: 600px) {
	.cedre-social__photo--1 { transform: none; }
	.cedre-social__photo--2 { transform: none; }
	.cedre-social__photo { aspect-ratio: 4/5; }
}

/* ============================================================
   HOMEPAGE DECORATIVE SHAPES (self-contained per section)
   ============================================================ */

.cedre-about, #floorplans, #features { position: relative; overflow: hidden; }
.cedre-about > .container,
#floorplans > .container,
#features > .container { position: relative; z-index: 1; }

.cedre-about::before {
	content: '';
	position: absolute;
	top: -120px; right: -120px;
	width: 520px; height: 520px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
	z-index: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFD5B2' fill-opacity='0.75' d='M44.9,-65.7C58.7,-58.5,70.6,-46.3,76.6,-31.6C82.6,-16.9,82.7,0.3,77.8,15.2C72.9,30.1,63,42.6,50.6,52.7C38.2,62.8,23.3,70.5,7.2,72.4C-8.9,74.3,-26.2,70.4,-39.9,61.1C-53.6,51.8,-63.7,37.1,-69.7,20.8C-75.7,4.5,-77.6,-13.4,-71.8,-28.2C-66,-43,-52.5,-54.7,-37.9,-62.3C-23.3,-69.9,-7.6,-73.4,7.6,-72.1C22.8,-70.8,31.1,-72.9,44.9,-65.7Z' transform='translate(100 100)'/%3E%3C/svg%3E");
}

#floorplans::before {
	content: '';
	position: absolute;
	top: -100px; left: -120px;
	width: 460px; height: 460px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
	z-index: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%239B6DD7' fill-opacity='0.15' d='M40.1,-58.7C53.6,-48.8,67.6,-39.9,73.6,-27C79.6,-14.1,77.6,2.7,72.5,18.7C67.4,34.7,59.3,49.9,46.7,61.1C34.1,72.3,17.1,79.5,1.1,78C-15,76.5,-30,66.3,-44.6,55.6C-59.2,44.9,-73.5,33.7,-77.9,19.4C-82.3,5.1,-76.7,-12.3,-68,-26.4C-59.3,-40.5,-47.5,-51.3,-34.4,-61.5C-21.3,-71.7,-10.6,-81.4,1,-82.7C12.6,-84,26.6,-68.6,40.1,-58.7Z' transform='translate(100 100)'/%3E%3C/svg%3E");
}

#features::before {
	content: '';
	position: absolute;
	top: -100px; right: -100px;
	width: 420px; height: 420px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
	z-index: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%232DD4BF' fill-opacity='0.22' d='M52.6,-72.4C66.5,-61.7,75.3,-44.1,79.1,-25.9C82.9,-7.7,81.6,11.1,73.7,25.5C65.8,39.9,51.3,49.9,36.1,58.6C20.9,67.3,5,74.7,-10.7,75.5C-26.4,76.3,-41.9,70.5,-54.7,60.3C-67.5,50.1,-77.6,35.5,-79.8,19.6C-82,3.7,-76.3,-13.5,-67.5,-27.2C-58.7,-40.9,-46.8,-51.1,-33.7,-61.5C-20.6,-71.9,-6.3,-82.5,7.9,-83.7C22.1,-84.9,38.7,-83.1,52.6,-72.4Z' transform='translate(100 100)'/%3E%3C/svg%3E");
}

@media (max-width: 768px) {
	.cedre-about::before,
	#floorplans::before,
	#features::before {
		width: 260px;
		height: 260px;
		opacity: 0.75;
	}
}
@media (max-width: 600px) {
	.cedre-about::before,
	#floorplans::before,
	#features::before {
		width: 200px;
		height: 200px;
		top: -60px;
		right: -60px;
		left: auto;
		opacity: 0.55;
	}
	/* On smallest phones, override left positioning for Floor Plans blob */
	#floorplans::before { left: -60px; right: auto; }
}

/* ============================================================
   FEATURES PAGE — Perks band + Zigzag sections
   ============================================================ */

/* ---- Perks / Featured Amenities (warm peach band) ---- */
.features-perks {
	background: #FDF3E7;
	padding: 88px 0 80px;
	position: relative;
}
.features-perks__head { text-align: center; margin-bottom: 44px; }
.features-perks__kicker {
	display: inline-block;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--primary-color, #6B3FA0);
	margin-bottom: 12px;
}
.features-perks__title {
	font-size: clamp(1.8rem, 3.6vw, 2.6rem);
	margin: 0;
	color: var(--heading-color);
	line-height: 1.15;
}
.features-perks__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	max-width: 1100px;
	margin: 0 auto;
}
.features-perks__grid--1 { grid-template-columns: 1fr; max-width: 480px; }
.features-perks__grid--2 { grid-template-columns: repeat(2, 1fr); max-width: 760px; }
.features-perks__card {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 4/3;
	box-shadow: 0 12px 28px -10px rgba(0,0,0,0.22);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.features-perks__card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px -12px rgba(0,0,0,0.3); }
.features-perks__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.features-perks__caption {
	position: absolute;
	bottom: 14px; left: 14px;
	background: rgba(20,10,40,0.7);
	color: #fff;
	padding: 7px 14px;
	border-radius: 999px;
	font-size: 0.88rem;
	font-weight: 600;
	backdrop-filter: blur(4px);
}

/* ---- Zigzag content sections ---- */
.features-sections { padding: 80px 0 40px; }
.features-section { padding: 48px 0; }
.features-section__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
}
.features-section--text-right .features-section__text { order: 2; }
.features-section--text-right .features-section__img { order: 1; }
.features-section__eyebrow {
	display: inline-block;
	color: var(--primary-color);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.78rem;
	margin-bottom: 14px;
	padding: 6px 12px;
	background: var(--bg-alt);
	border-radius: 999px;
}
.features-section__title {
	font-size: clamp(1.8rem, 3.4vw, 2.6rem);
	margin: 0 0 18px;
	line-height: 1.15;
	color: var(--heading-color);
}
.features-section__desc {
	font-size: 1.05rem;
	color: var(--muted-color);
	line-height: 1.7;
	margin: 0 0 26px;
}
.features-section__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 24px;
}
.features-section__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.98rem;
	line-height: 1.45;
	color: var(--heading-color);
}
.features-section__list svg { color: var(--primary-color); flex-shrink: 0; margin-top: 3px; }
.features-section__img {
	border-radius: 18px;
	overflow: hidden;
	aspect-ratio: 4/3;
	box-shadow: 0 24px 48px -16px rgba(80,40,140,0.25);
}
.features-section__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 1024px) {
	.features-section__list { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.features-perks { padding: 56px 0; }
	.features-perks__grid,
	.features-perks__grid--1,
	.features-perks__grid--2,
	.features-perks__grid--3 { grid-template-columns: 1fr; max-width: 500px; }
	.features-sections { padding: 48px 0 24px; }
	.features-section { padding: 28px 0; }
	.features-section__inner { grid-template-columns: 1fr; gap: 32px; }
	.features-section--text-right .features-section__text { order: 0; }
	.features-section--text-right .features-section__img { order: 0; }
	/* On mobile, override any inline height so images don't dominate */
	.features-section__img { aspect-ratio: 16/10 !important; height: auto !important; }
}
@media (max-width: 600px) {
	.features-perks { padding: 40px 0; }
	.features-section__title { font-size: clamp(1.4rem, 6vw, 1.8rem); }
	.features-perks__card { aspect-ratio: 3/2; }
}