/* Arkadia on the Hill 1.0.0 — Twin Oaks West MONOCHROME chrome.
   White/off-white body; near-black ONLY for hero veil + footer/CTA capture.
   Photography carries color. NO #2563eb chrome. NO gold as WP button/nav chrome
   (gold #d6ac56 only inside AppFolio iframe theme_color). NO rounded drop-shadow cards,
   NO gradients on cards. Inter 300–700 + IBM Plex Mono eyebrows. */
:root {
	--ss-black: #0a0a0a;
	--ss-ink: #111111;
	--ss-ink-soft: #4a4a4a;
	--ss-muted: #6b6b6b;
	--ss-paper: #f7f7f5;
	--ss-white: #ffffff;
	--ss-line: #e6e6e3;
	--ss-ok: #2d6a4f;
	--ss-danger: #8c2f2f;
	--ss-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ss-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--ss-wrap: 74rem;
	--ss-header: 4.25rem;
	--ss-pad: clamp(4.5rem, 10vw, 9rem);
	--ss-radius: 0;
	--ss-accent: var(--ss-black); /* legacy alias — monochrome, never blue */
	--ss-accent-deep: #1a1a1a;
	--ss-lime: var(--ss-black);
	--ss-lime-deep: var(--ss-accent-deep);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.ss-hero__img,
	.ss-hero__img,
	.ss-zoom img,
	.ss-zoom img {
		transform: none !important;
		animation: none !important;
	}
}

body {
	margin: 0;
	font-family: var(--ss-font);
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.65;
	color: var(--ss-ink);
	background: var(--ss-white);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img, svg { max-width: 100%; height: auto; display: block; }
iframe { border: 0; max-width: 100%; }
a { color: var(--ss-ink); text-underline-offset: 0.15em; }
a:hover { color: #000; }
:focus-visible { outline: 2px solid var(--ss-black); outline-offset: 3px; }

.ss-skip,
.ss-skip,
.ss-skip {
	position: absolute;
	left: -999px;
	top: 0;
	background: var(--ss-black);
	color: var(--ss-white);
	padding: 0.6rem 1rem;
	z-index: 1000;
}
.ss-skip:focus,
.ss-skip:focus,
.ss-skip:focus { left: 0.75rem; top: 0.75rem; }

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.ss-wrap,
.ss-wrap,
.ss-wrap {
	width: min(100% - 2.5rem, var(--ss-wrap));
	margin-inline: auto;
}

h1, h2, h3, h4 {
	font-family: var(--ss-font);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.1;
	color: var(--ss-ink);
	text-transform: none;
	margin: 0 0 1rem;
}
h1 {
	font-weight: 300;
	font-size: clamp(2.75rem, 8vw, 5.5rem);
	letter-spacing: -0.045em;
	line-height: 0.98;
}
h2 {
	font-weight: 400;
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	letter-spacing: -0.04em;
}
h3 { font-size: 1.125rem; font-weight: 500; }

.ss-kicker,
.ss-kicker,
.ss-kicker {
	font-family: var(--ss-mono);
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 0.6875rem;
	font-weight: 500;
	margin: 0 0 1rem;
	color: var(--ss-muted);
}
.ss-kicker--dark,
.ss-kicker--dark { color: var(--ss-black); }
.ss-kicker--light,
.ss-kicker--light { color: rgba(255,255,255,0.72); }

.ss-lede,
.ss-lede {
	max-width: 42rem;
	margin: 0 0 2.5rem;
	color: var(--ss-ink-soft);
	font-size: 1.125rem;
	font-weight: 300;
}

/* ——— Header ——— */
.ss-header,
.ss-header,
.ss-header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(255,255,255,0.94);
	color: var(--ss-ink);
	border-bottom: 1px solid var(--ss-line);
	backdrop-filter: saturate(1.1) blur(8px);
	-webkit-backdrop-filter: saturate(1.1) blur(8px);
}
.ss-header__bar,
.ss-header__bar,
.ss-header__bar { position: relative; }
.ss-header__inner,
.ss-header__inner,
.ss-header__inner {
	min-height: var(--ss-header);
	display: flex;
	align-items: center;
	gap: 1.25rem;
}
.ss-header__brand,
.ss-header__brand { flex: 0 0 auto; }
.ss-brand,
.ss-brand,
.ss-brand { display: inline-flex; align-items: center; text-decoration: none; }
.ss-brand__mark,
.ss-brand__mark,
.ss-brand__mark { display: block; height: 52px; width: auto; }
.ss-brand__custom,
.ss-brand__custom { display: block; height: 48px; width: auto; }

.ss-nav,
.ss-nav { margin-left: auto; }
.ss-menu,
.ss-menu,
.ss-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 1.35rem;
}
.ss-menu a,
.ss-menu a,
.ss-menu a {
	color: var(--ss-ink-soft);
	text-decoration: none;
	font-weight: 500;
	letter-spacing: -0.01em;
	font-size: 0.875rem;
}
.ss-menu a:hover,
.ss-menu a:hover,
.ss-menu .current-menu-item > a,
.ss-menu .current-menu-item > a { color: var(--ss-black); }

.ss-header__cta,
.ss-header__cta { margin-left: 0.5rem; }

/* ——— Buttons (monochrome) ——— */
.ss-btn,
.ss-btn,
.ss-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 0.85rem 1.4rem;
	border-radius: 0;
	border: 1px solid transparent;
	font: inherit;
	font-weight: 500;
	text-transform: none;
	letter-spacing: -0.01em;
	font-size: 0.875rem;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.1;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ss-btn--apply,
.ss-btn--apply,
.ss-btn--lime,
.ss-btn--lime,
.ss-btn--salmon,
.ss-btn--salmon,
.ss-btn--solid,
.ss-btn--solid,
.ss-btn--dark,
.ss-btn--dark,
.ss-btn--teal,
.ss-btn--teal {
	background: var(--ss-black);
	color: var(--ss-white);
	border-color: var(--ss-black);
	box-shadow: none;
}
.ss-btn--apply:hover,
.ss-btn--apply:hover,
.ss-btn--lime:hover,
.ss-btn--lime:hover,
.ss-btn--salmon:hover,
.ss-btn--salmon:hover,
.ss-btn--solid:hover,
.ss-btn--solid:hover,
.ss-btn--dark:hover,
.ss-btn--dark:hover,
.ss-btn--teal:hover,
.ss-btn--teal:hover {
	background: #222;
	color: var(--ss-white);
	border-color: #222;
}
.ss-btn--ghost,
.ss-btn--ghost {
	background: transparent;
	color: var(--ss-white);
	border-color: rgba(255,255,255,0.7);
}
.ss-btn--ghost:hover,
.ss-btn--ghost:hover { background: rgba(255,255,255,0.08); color: var(--ss-white); }
.ss-btn--ghost-dark,
.ss-btn--ghost-dark {
	background: transparent;
	color: var(--ss-ink);
	border-color: var(--ss-ink);
}
.ss-btn--ghost-dark:hover,
.ss-btn--ghost-dark:hover { background: var(--ss-ink); color: var(--ss-white); }
.ss-btn--light,
.ss-btn--light {
	background: var(--ss-white);
	color: var(--ss-black);
	border-color: var(--ss-white);
}
.ss-btn--light:hover,
.ss-btn--light:hover { background: #f0f0f0; color: var(--ss-black); }

.ss-nav-toggle,
.ss-nav-toggle,
.ss-nav-toggle {
	display: none;
	margin-left: auto;
	width: 2.6rem;
	height: 2.6rem;
	border: 0;
	background: transparent;
	color: var(--ss-ink);
	cursor: pointer;
}
.ss-nav-toggle__bars,
.ss-nav-toggle__bars,
.ss-nav-toggle__bars::before,
.ss-nav-toggle__bars::before,
.ss-nav-toggle__bars::after,
.ss-nav-toggle__bars::after {
	display: block;
	width: 1.35rem;
	height: 2px;
	background: currentColor;
	position: relative;
}
.ss-nav-toggle__bars::before,
.ss-nav-toggle__bars::before,
.ss-nav-toggle__bars::after,
.ss-nav-toggle__bars::after {
	content: "";
	position: absolute;
	left: 0;
}
.ss-nav-toggle__bars::before,
.ss-nav-toggle__bars::before { top: -6px; }
.ss-nav-toggle__bars::after,
.ss-nav-toggle__bars::after { top: 6px; }

/* ——— Hero ——— */
.ss-hero,
.ss-hero,
.ss-hero {
	position: relative;
	min-height: min(92vh, 52rem);
	display: flex;
	align-items: flex-end;
	color: var(--ss-white);
	background: var(--ss-black);
	overflow: hidden;
}
.ss-hero--page,
.ss-hero--page {
	min-height: 18rem;
	background-size: cover;
	background-position: center;
}
.ss-hero__media,
.ss-hero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.ss-hero__img,
.ss-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.04);
	animation: ra-hero-in 14s ease-out forwards;
}
@keyframes ra-hero-in {
	from { transform: scale(1.08); }
	to { transform: scale(1); }
}
.ss-hero__veil,
.ss-hero__veil,
.ss-hero__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10,10,10,0.25) 0%, rgba(10,10,10,0.78) 100%);
	pointer-events: none;
}
.ss-hero__content,
.ss-hero__content {
	position: relative;
	width: min(100% - 2.5rem, var(--ss-wrap));
	margin-inline: auto;
	padding: 5rem 0 4rem;
	display: grid;
	grid-template-columns: 1.35fr 0.75fr;
	gap: 2rem;
	align-items: end;
}
.ss-hero h1,
.ss-hero h1,
.ss-page h1,
.ss-page h1 {
	color: var(--ss-white);
	margin: 0 0 1rem;
	font-weight: 300;
	font-size: clamp(2.75rem, 8vw, 5.5rem);
	letter-spacing: -0.045em;
}
.ss-hero__lede,
.ss-hero__lede {
	max-width: 34rem;
	font-size: 1.125rem;
	font-weight: 300;
	margin: 0;
	color: rgba(255,255,255,0.82);
}
.ss-hero__actions,
.ss-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.25rem; }

.ss-lease-card,
.ss-lease-card {
	background: var(--ss-white);
	color: var(--ss-ink);
	padding: 1.75rem 1.5rem;
	border: 1px solid var(--ss-line);
	box-shadow: none;
	border-radius: 0;
}
.ss-lease-card .ss-kicker,
.ss-lease-card .ss-kicker { color: var(--ss-muted); }
.ss-lease-card__title,
.ss-lease-card__title {
	font-size: 1.35rem;
	font-weight: 400;
	letter-spacing: -0.03em;
	margin: 0 0 0.4rem;
}
.ss-lease-card__meta,
.ss-lease-card__meta {
	margin: 0 0 1.25rem;
	color: var(--ss-ink-soft);
	font-size: 0.9375rem;
	font-weight: 300;
}
.ss-lease-card .ss-btn,
.ss-lease-card .ss-btn { width: 100%; }

/* ——— Sections ——— */
.ss-section,
.ss-section,
.ss-section {
	padding: var(--ss-pad) 0;
	border-top: 1px solid var(--ss-line);
}
.ss-section--paper,
.ss-section--paper { background: var(--ss-paper); }
.ss-section__cta,
.ss-section__cta { margin-top: 2.5rem; }
.ss-page__inner,
.ss-page__inner { padding: 3rem 0 4rem; }

.ss-brand-block,
.ss-brand-block { background: var(--ss-white); border-top: 0; }
.ss-brand-block__inner,
.ss-brand-block__inner { max-width: 52rem; }

.ss-facts,
.ss-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	margin-top: 3rem;
	border-top: 1px solid var(--ss-line);
}
.ss-fact,
.ss-fact {
	padding: 1.75rem 1.25rem 0 0;
	border-right: 1px solid var(--ss-line);
}
.ss-fact:last-child,
.ss-fact:last-child { border-right: 0; }
.ss-fact__num,
.ss-fact__num {
	display: block;
	font-family: var(--ss-font);
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 300;
	letter-spacing: -0.04em;
	line-height: 1;
	margin-bottom: 0.5rem;
}
.ss-fact__label,
.ss-fact__label {
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ss-muted);
}

/* Spaces gallery */
.ss-spaces__grid,
.ss-spaces__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
}
.ss-spaces__item,
.ss-spaces__item {
	margin: 0;
	background: var(--ss-white);
}
.ss-spaces__item figcaption,
.ss-spaces__item figcaption {
	display: flex;
	align-items: baseline;
	gap: 0.75rem;
	padding: 1rem 1rem 1.25rem;
}
.ss-spaces__item .ss-kicker,
.ss-spaces__item .ss-kicker { margin: 0; }
.ss-spaces__item figcaption > span:last-child,
.ss-spaces__item figcaption > span:last-child {
	font-weight: 400;
	letter-spacing: -0.02em;
}

.ss-zoom,
.ss-zoom {
	overflow: hidden;
	background: #ececec;
}
.ss-zoom img,
.ss-zoom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 4 / 3;
	transition: transform 0.55s ease;
	border-radius: 0;
	box-shadow: none;
}
.ss-zoom:hover img,
.ss-zoom:hover img { transform: scale(1.03); }

/* Floor plans */
.ss-floors__grid,
.ss-floors__grid,
.ss-floors__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
	margin: 0;
}
.ss-floors__card,
.ss-floors__card,
.ss-floors__card {
	background: var(--ss-white);
	border: 0;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
}
.ss-floors__card img,
.ss-floors__card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: #f4f4f4;
	border-radius: 0;
}
.ss-floors__meta,
.ss-floors__meta { padding: 1.35rem 1.25rem 1.5rem; }
.ss-floors__card h3,
.ss-floors__card h3 { margin: 0 0 0.35rem; font-size: 1.25rem; font-weight: 400; }
.ss-floors__card p,
.ss-floors__card p,
.ss-spec,
.ss-spec,
.ss-spec {
	margin: 0;
	color: var(--ss-ink-soft);
	font-family: var(--ss-mono);
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Amenities icon grid */
.ss-icons,
.ss-icons {
	list-style: none;
	margin: 0 0 2.5rem;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-top: 1px solid var(--ss-line);
	border-left: 1px solid var(--ss-line);
}
.ss-icons__item,
.ss-icons__item {
	padding: 1.5rem 1.25rem;
	border-right: 1px solid var(--ss-line);
	border-bottom: 1px solid var(--ss-line);
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-height: 8.5rem;
}
.ss-icons__mark,
.ss-icons__mark {
	width: 1.25rem;
	height: 1px;
	background: var(--ss-black);
	margin-bottom: 0.75rem;
}
.ss-icons__item strong,
.ss-icons__item strong {
	font-weight: 500;
	letter-spacing: -0.02em;
}
.ss-icons__item span:last-child,
.ss-icons__item span:last-child {
	color: var(--ss-muted);
	font-size: 0.875rem;
	font-weight: 300;
}
.ss-amen-photos,
.ss-amen-photos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
}
.ss-amen-photos .ss-zoom img,
.ss-amen-photos .ss-zoom img { aspect-ratio: 1; }

/* Location */
.ss-location__grid,
.ss-location__grid {
	display: grid;
	grid-template-columns: 0.7fr 1.3fr;
	gap: 2rem;
	align-items: stretch;
}
.ss-location__address,
.ss-location__address {
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: -0.03em;
	line-height: 1.25;
	margin: 0 0 1.25rem;
}
.ss-map,
.ss-map,
.ss-map {
	border: 1px solid var(--ss-line);
	min-height: 22rem;
}
.ss-map iframe,
.ss-map iframe,
.ss-map iframe { display: block; width: 100%; height: 100%; min-height: 22rem; }

/* Dark capture band */
.ss-capture,
.ss-capture,
.ss-cta,
.ss-cta,
.ss-cta {
	background: var(--ss-black);
	color: var(--ss-white);
	padding: var(--ss-pad) 0;
	border-top: 1px solid #111;
}
.ss-capture h2,
.ss-capture h2,
.ss-cta h2,
.ss-cta h2 { color: var(--ss-white); font-weight: 300; }
.ss-capture p,
.ss-capture p,
.ss-cta p,
.ss-cta p { color: rgba(255,255,255,0.72); max-width: 34rem; font-weight: 300; }
.ss-capture__inner,
.ss-capture__inner,
.ss-cta__inner,
.ss-cta__inner {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 2.5rem;
	align-items: start;
}
.ss-cta--lime,
.ss-cta--lime { background: var(--ss-black); color: var(--ss-white); }
.ss-cta__actions,
.ss-cta__actions { display: flex; flex-wrap: wrap; gap: 0.7rem; }

/* Legacy band / split / cards — flattened monochrome */
.ss-band,
.ss-band,
.ss-band {
	background: var(--ss-paper);
	padding: var(--ss-pad) 0;
	border-top: 1px solid var(--ss-line);
}
.ss-band--dark,
.ss-band--dark { background: var(--ss-black); color: var(--ss-white); }
.ss-band--dark p,
.ss-band--dark p { color: rgba(255,255,255,0.72); }
.ss-band h2,
.ss-band h2,
.ss-split h2,
.ss-split h2,
.ss-cards h2,
.ss-cards h2,
.ss-section h2,
.ss-section h2,
.ss-amenities h2,
.ss-amenities h2,
.ss-tour h2,
.ss-tour h2 {
	font-weight: 400;
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	margin: 0 0 1rem;
	letter-spacing: -0.04em;
}
.ss-band p,
.ss-band p { max-width: 50rem; margin: 0 0 1rem; color: var(--ss-ink-soft); font-weight: 300; }
.ss-band__actions,
.ss-band__actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.5rem; }

.ss-split,
.ss-split { padding: var(--ss-pad) 0; border-top: 1px solid var(--ss-line); }
.ss-split__grid,
.ss-split__grid {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 2.5rem;
	align-items: start;
}
.ss-split__photos img,
.ss-split__photos img,
.ss-split__grid > img,
.ss-split__grid > img {
	display: block;
	width: 100%;
	background: #f4f4f4;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.ss-cards,
.ss-cards { padding: 0 0 var(--ss-pad); }
.ss-cards__grid,
.ss-cards__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
}
.ss-cards__grid--4,
.ss-cards__grid--4 { grid-template-columns: repeat(4, 1fr); }
.ss-card,
.ss-card,
.ss-card {
	background: var(--ss-white);
	border: 0;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
}
.ss-card img,
.ss-card img {
	display: block;
	width: 100%;
	height: 13rem;
	object-fit: cover;
	border-radius: 0;
}
.ss-card h3,
.ss-card h3 { margin: 1.15rem 1.25rem 1.25rem; font-size: 1.05rem; font-weight: 500; }
.ss-hangout,
.ss-hangout {
	margin: 1.75rem 0;
	font-weight: 500;
	letter-spacing: -0.02em;
}
.ss-hangout em,
.ss-hangout em { font-weight: 400; color: var(--ss-ink-soft); }

.ss-stats,
.ss-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	margin-top: 2rem;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
}
.ss-stat,
.ss-stat {
	background: var(--ss-white);
	border: 0;
	border-radius: 0;
	padding: 1.5rem;
	box-shadow: none;
}
.ss-stat__num,
.ss-stat__num {
	display: block;
	font-size: 2.25rem;
	font-weight: 300;
	color: var(--ss-black);
	line-height: 1;
	letter-spacing: -0.04em;
	margin-bottom: 0.35rem;
}

.ss-amenities__grid,
.ss-amenities__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
}
.ss-bullets,
.ss-bullets { margin: 0; padding-left: 1.15rem; }
.ss-bullets li,
.ss-bullets li { margin: 0.4rem 0; }

.ss-gallery__grid,
.ss-gallery__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
}
.ss-gallery__item,
.ss-gallery__item { margin: 0; background: var(--ss-white); }
.ss-gallery__item img,
.ss-gallery__item img {
	display: block;
	width: 100%;
	height: 12.5rem;
	object-fit: cover;
	border-radius: 0;
	box-shadow: none;
}
.ss-gallery__item.is-more,
.ss-gallery__item.is-more { display: none; }
.ss-gallery__grid.is-expanded .ss-gallery__item.is-more,
.ss-gallery__grid.is-expanded .ss-gallery__item.is-more,
.ss-gallery__grid.is-expanded .is-more { display: block; }
.ss-gallery__more,
.ss-gallery__more { text-align: center; margin-top: 1.25rem; }
.ss-gallery__toggle,
.ss-gallery__toggle {
	background: transparent;
	border: 1px solid var(--ss-black);
	border-radius: 0;
	padding: 0.65rem 1.35rem;
	font: inherit;
	font-weight: 500;
	cursor: pointer;
}

.ss-embed-sandbox,
.ss-embed-sandbox { background: var(--ss-white); }
.ss-embed-sandbox iframe,
.ss-embed-sandbox iframe {
	display: block;
	width: 100%;
	min-height: 80rem;
	border: 0;
}
.ss-empty,
.ss-empty { text-align: center; padding: 3rem 1rem; }

.ss-portal-card,
.ss-portal-card {
	position: relative;
	max-width: 28rem;
	background: rgba(0,0,0,0.78);
	color: var(--ss-white);
	padding: 2rem 1.75rem;
	margin: 2.5rem 0;
	border-radius: 0;
}
.ss-portal-card h1,
.ss-portal-card h1 { color: var(--ss-white); }
.ss-store-note,
.ss-store-note { margin-top: 2rem; color: var(--ss-ink-soft); }
.ss-store-badges,
.ss-store-badges { display: flex; flex-wrap: wrap; gap: 0.7rem; align-items: center; }
.ss-store,
.ss-store { text-decoration: none; }
.ss-store img,
.ss-store img { display: block; height: 42px; width: auto; }

.ss-acc__item,
.ss-acc__item { border-bottom: 1px solid var(--ss-line); }
.ss-acc__btn,
.ss-acc__btn {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	background: none;
	border: 0;
	padding: 1rem 0;
	font: inherit;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
}
.ss-acc__lead,
.ss-acc__lead { display: inline-flex; align-items: center; gap: 0.65rem; }
.ss-acc__svg,
.ss-acc__svg { color: var(--ss-black); display: inline-flex; }
.ss-acc__icon,
.ss-acc__icon {
	width: 0.7rem;
	height: 0.7rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.15s ease;
}
.ss-acc__item.is-open .ss-acc__icon,
.ss-acc__item.is-open .ss-acc__icon { transform: rotate(-135deg); }
.ss-acc__panel,
.ss-acc__panel { padding: 0 0 1rem; color: var(--ss-ink-soft); }

.ss-contact__grid,
.ss-contact__grid {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 2.5rem;
	align-items: start;
}
.ss-contact__item,
.ss-contact__item {
	display: flex;
	gap: 0.85rem;
	margin-bottom: 1.25rem;
}
.ss-contact__icon,
.ss-contact__icon { color: var(--ss-black); }
.ss-contact h3,
.ss-contact h3 { margin: 0 0 0.2rem; font-size: 1rem; }
.ss-contact address,
.ss-contact address,
.ss-contact p,
.ss-contact p { margin: 0; }
.ss-contact__tours p,
.ss-contact__tours p { margin: 0 0 0.6rem; }

.ss-form,
.ss-form,
.ss-form {
	background: var(--ss-paper);
	padding: 1.75rem;
	border: 1px solid var(--ss-line);
	border-radius: 0;
	position: relative;
	box-shadow: none;
}
.ss-form--dark,
.ss-form--dark {
	background: transparent;
	border-color: #2a2a2a;
	color: var(--ss-white);
}
.ss-form__row,
.ss-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.85rem;
}
.ss-field,
.ss-field { margin: 0 0 0.9rem; }
.ss-field label,
.ss-field label,
.ss-field legend,
.ss-field legend {
	display: block;
	margin-bottom: 0.35rem;
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: inherit;
}
.ss-form--dark .ss-field label,
.ss-form--dark .ss-field label { color: rgba(255,255,255,0.65); }
.ss-field input,
.ss-field input,
.ss-field textarea,
.ss-field textarea {
	width: 100%;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--ss-line);
	border-radius: 0;
	font: inherit;
	background: var(--ss-white);
	color: var(--ss-ink);
}
.ss-form--dark .ss-field input,
.ss-form--dark .ss-field input,
.ss-form--dark .ss-field textarea,
.ss-form--dark .ss-field textarea {
	background: #141414;
	border-color: #2a2a2a;
	color: var(--ss-white);
}
.ss-radio,
.ss-radio { display: inline-flex; align-items: center; gap: 0.35rem; margin-right: 1rem; font-weight: 500; }
.ss-hp,
.ss-hp {
	position: absolute;
	left: -9999px;
	height: 0;
	overflow: hidden;
}
.ss-alert,
.ss-alert { padding: 0.9rem 1rem; margin-bottom: 1rem; border-radius: 0; }
.ss-alert--success,
.ss-alert--success { background: #e6f4ec; color: var(--ss-ok); }
.ss-alert--error,
.ss-alert--error { background: #f8e6e6; color: var(--ss-danger); }

.ss-tour,
.ss-tour { padding: 0 0 var(--ss-pad); border-top: 1px solid var(--ss-line); }
.ss-tour__frame,
.ss-tour__frame {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background: #111;
	border-radius: 0;
}
.ss-tour__frame iframe,
.ss-tour__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Footer */
.ss-footer,
.ss-footer,
.ss-footer {
	background: var(--ss-black);
	color: #ececec;
	padding: 3rem 0 1.75rem;
}
.ss-footer a,
.ss-footer a,
.ss-footer a { color: #ffffff; text-decoration: none; }
.ss-footer a:hover,
.ss-footer a:hover { color: #cfcfcf; }
.ss-footer__accent,
.ss-footer__accent { color: #ffffff !important; }
.ss-footer__address,
.ss-footer__address { font-style: normal; }
.ss-footer__grid,
.ss-footer__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1.5rem;
	margin: 1.5rem 0 2rem;
}
.ss-footer__col--center,
.ss-footer__col--center { text-align: center; }
.ss-footer__col--right,
.ss-footer__col--right { text-align: right; }
.ss-footer__portal-label,
.ss-footer__portal-label {
	margin: 0 0 0.3rem;
	color: #8a8a8a;
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}
.ss-footer__bottom,
.ss-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 1rem;
	border-top: 1px solid #2a2a2a;
	padding-top: 1.25rem;
}
.ss-footer__copy,
.ss-footer__copy { color: #8a8a8a; font-size: 0.9rem; }
.ss-eho,
.ss-eho { display: inline-flex; align-items: center; }
.ss-eho img,
.ss-eho img { display: block; height: 48px; width: auto; }
.ss-footer .ss-brand__mark,
.ss-footer .ss-brand__mark { height: 56px; }

@media (max-width: 980px) {
	.ss-cards__grid--4,
	.ss-cards__grid--4,
	.ss-icons,
	.ss-icons,
	.ss-amen-photos,
	.ss-amen-photos,
	.ss-spaces__grid,
	.ss-spaces__grid { grid-template-columns: repeat(2, 1fr); }
	.ss-facts,
	.ss-facts { grid-template-columns: 1fr 1fr; }
	.ss-fact,
	.ss-fact { border-bottom: 1px solid var(--ss-line); }
}

@media (max-width: 860px) {
	.ss-nav-toggle,
	.ss-nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
	.ss-nav,
	.ss-nav {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: var(--ss-white);
		border-bottom: 1px solid var(--ss-line);
		box-shadow: none;
		padding: 0.75rem 1rem 1.25rem;
	}
	.ss-menu a,
	.ss-menu a { color: var(--ss-ink); }
	.ss-nav.is-open,
	.ss-nav.is-open { display: block; }
	.ss-menu,
	.ss-menu { flex-direction: column; gap: 0.75rem; }
	.ss-header__cta,
	.ss-header__cta { display: none; }
	.ss-hero__content,
	.ss-hero__content,
	.ss-capture__inner,
	.ss-capture__inner,
	.ss-cta__inner,
	.ss-cta__inner,
	.ss-location__grid,
	.ss-location__grid,
	.ss-split__grid,
	.ss-split__grid,
	.ss-cards__grid,
	.ss-cards__grid,
	.ss-cards__grid--4,
	.ss-cards__grid--4,
	.ss-amenities__grid,
	.ss-amenities__grid,
	.ss-contact__grid,
	.ss-contact__grid,
	.ss-gallery__grid,
	.ss-gallery__grid,
	.ss-footer__grid,
	.ss-footer__grid,
	.ss-form__row,
	.ss-form__row,
	.ss-floors__grid,
	.ss-floors__grid,
	.ss-stats,
	.ss-stats,
	.ss-facts,
	.ss-facts,
	.ss-icons,
	.ss-icons,
	.ss-amen-photos,
	.ss-amen-photos,
	.ss-spaces__grid,
	.ss-spaces__grid { grid-template-columns: 1fr; }
	.ss-footer__col--center,
	.ss-footer__col--center,
	.ss-footer__col--right,
	.ss-footer__col--right { text-align: left; }
	.ss-footer__bottom,
	.ss-footer__bottom { flex-direction: column; align-items: flex-start; }
	.ss-hero,
	.ss-hero { min-height: 34rem; }
	.ss-hero__content,
	.ss-hero__content { padding-bottom: 2.5rem; }
}


/* ——— Falls Edge monochrome components (Twin Oaks West) ——— */
.ss-eyebrow,
.ss-eyebrow {
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ss-muted);
	margin: 0 0 0.85rem;
}
.ss-eyebrow--on-dark,
.ss-eyebrow--on-dark { color: rgba(255,255,255,0.72); }

.ss-lede,
.ss-lede {
	max-width: 46rem;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.7;
	color: var(--ss-ink-soft);
	margin: 0 0 1.5rem;
}

.ss-rule,
.ss-rule {
	border: 0;
	border-top: 1px solid var(--ss-line);
	margin: 0;
}

.ss-hero--home,
.ss-hero--home {
	background-size: cover;
	background-position: center;
	min-height: min(92vh, 52rem);
}
.ss-hero__lease,
.ss-hero__lease { max-width: 28rem; }
.ss-hero__lease-text {
	margin: 0 0 1rem;
	font-weight: 300;
	color: rgba(255,255,255,0.82);
	font-size: 1.05rem;
}
.ss-hero__headline h1,
.ss-hero h1 { font-weight: 300; }

.ss-spaces__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5rem 1.5rem;
	margin-top: 2.5rem;
}
.ss-space h3 { margin: 0.35rem 0 0.5rem; font-weight: 400; letter-spacing: -0.02em; }
.ss-space p { margin: 0; color: var(--ss-ink-soft); font-weight: 300; }

.ss-photo,
.ss-photo { margin: 0; overflow: hidden; background: #ececec; }
.ss-photo img,
.ss-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.55s ease;
	border-radius: 0;
	box-shadow: none;
}
.ss-photo--square img { aspect-ratio: 1; }
.ss-photo--wide img { aspect-ratio: 21 / 9; }
.ss-photo:hover img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) {
	.ss-photo:hover img { transform: none; }
}
.ss-amen-photos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: var(--ss-line);
	border: 1px solid var(--ss-line);
	margin: 2rem 0;
}
.ss-amen-photos .ss-photo { background: var(--ss-white); }
.ss-amen-photos figcaption {
	padding: 0.85rem 1rem 1.1rem;
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ss-muted);
}

.ss-contact-band__meta {
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 0;
}
.ss-contact-band__meta li { margin: 0.35rem 0; color: rgba(255,255,255,0.72); font-weight: 300; }
.ss-contact-band__meta a { color: var(--ss-white); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.35); }
.ss-contact-band__meta a:hover { border-bottom-color: var(--ss-white); }

.ss-btn--solid,
.ss-btn--solid {
	background: var(--ss-black);
	color: var(--ss-white);
	border-color: var(--ss-black);
	box-shadow: none;
	border-radius: 0;
}
.ss-btn--solid:hover,
.ss-btn--solid:hover { background: #222; color: var(--ss-white); border-color: #222; }

/* Header CTA on white chrome */
.ss-header .ss-btn--apply,
.ss-header .ss-btn--apply {
	background: var(--ss-black);
	color: var(--ss-white);
	border-color: var(--ss-black);
}
.ss-header .ss-btn--apply:hover,
.ss-header .ss-btn--apply:hover { background: #222; color: var(--ss-white); }

.ss-nav-toggle { color: var(--ss-ink); }

@media (max-width: 900px) {
	.ss-spaces__grid,
	.ss-amen-photos,
	.ss-facts { grid-template-columns: 1fr 1fr; }
	.ss-hero__content,
	.ss-hero__content { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.ss-spaces__grid,
	.ss-amen-photos,
	.ss-facts,
	.ss-floors__grid,
	.ss-floors__grid { grid-template-columns: 1fr; }
}

/* ——— Twin Oaks West 1.1.0 monochrome helpers ——— */
.ss-eyebrow,
.ss-eyebrow {
	font-family: var(--ss-mono);
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 0.6875rem;
	font-weight: 500;
	margin: 0 0 1rem;
	color: var(--ss-muted);
}
.ss-eyebrow--on-dark,
.ss-eyebrow--on-dark { color: rgba(255,255,255,0.72); }

.ss-hero--home {
	background-size: cover;
	background-position: center;
}
.ss-hero__lease,
.ss-hero__lease {
	background: var(--ss-white);
	color: var(--ss-ink);
	padding: 1.75rem 1.5rem;
	border: 1px solid var(--ss-line);
	max-width: 22rem;
	border-radius: 0;
	box-shadow: none;
}
.ss-hero__lease .ss-eyebrow,
.ss-hero__lease .ss-kicker,
.ss-hero__lease .ss-eyebrow,
.ss-hero__lease .ss-kicker { color: var(--ss-muted); }
.ss-hero__lease-text {
	margin: 0 0 1.25rem;
	font-weight: 300;
	color: var(--ss-ink-soft);
	font-size: 1rem;
}
.ss-hero__lease .ss-btn--ghost-dark,
.ss-hero__lease .ss-btn--ghost-dark {
	background: transparent;
	color: var(--ss-ink);
	border-color: var(--ss-ink);
}
.ss-hero__lease .ss-btn--ghost-dark:hover,
.ss-hero__lease .ss-btn--ghost-dark:hover {
	background: var(--ss-ink);
	color: var(--ss-white);
}

.ss-photo--square img,
.ss-spaces__grid .ss-zoom img,
.ss-spaces__grid .ss-zoom img {
	aspect-ratio: 1;
	border-radius: 0;
}
.ss-spaces__grid {
	grid-template-columns: repeat(2, 1fr);
}
.ss-spaces__text {
	padding: 0 1rem 1.25rem;
	margin: 0;
	color: var(--ss-ink-soft);
	font-weight: 300;
	font-size: 0.9375rem;
}
.ss-spaces__item figcaption { margin: 0; }

.ss-bullets,
.ss-bullets {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ss-bullets li,
.ss-bullets li {
	padding: 0.65rem 0;
	border-bottom: 1px solid var(--ss-line);
	font-weight: 300;
}
.ss-amenities__grid,
.ss-amenities__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5rem;
	margin-top: 2.5rem;
}
.ss-amen-photos figcaption,
.ss-amen-photos figcaption {
	padding: 0.85rem 1rem 1rem;
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ss-muted);
	background: var(--ss-white);
}

.ss-contact-band__meta {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
}
.ss-contact-band__meta li {
	margin: 0.35rem 0;
	font-weight: 300;
}
.ss-contact-band__meta a {
	color: #fff;
	text-decoration: none;
}
.ss-contact-band .ss-btn--light,
.ss-contact-band .ss-btn--light {
	background: #fff;
	color: #0a0a0a;
	border-color: #fff;
}

.ss-floors__grid {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 860px) {
	.ss-hero--home .ss-hero__content,
	.ss-spaces__grid,
	.ss-amen-photos,
	.ss-amenities__grid,
	.ss-floors__grid {
		grid-template-columns: 1fr;
	}
	.ss-hero__lease { max-width: none; }
}


/* —— Elevate front-page aliases (mono scroller) —— */
.ss-hero__lease {
	background: var(--ss-white);
	color: var(--ss-ink);
	padding: 1.5rem 1.5rem 1.35rem;
	max-width: 24rem;
	border: 1px solid var(--ss-line);
}
.ss-hero__lease .ss-eyebrow,
.ss-hero__lease .ss-kicker { color: var(--ss-muted); }
.ss-hero__lease-text {
	margin: 0.5rem 0 1.1rem;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--ss-ink-soft);
}
.ss-hero__headline { margin-top: auto; }
.ss-eyebrow--on-dark,
.ss-kicker--light { color: rgba(255,255,255,0.72); }
.ss-brand-block__inner { max-width: 42rem; }
.ss-space { margin: 0; }
.ss-spaces__grid {
	display: grid;
	gap: 2rem 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 900px) {
	.ss-spaces__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.ss-photo {
	margin: 0;
	overflow: hidden;
	background: var(--ss-paper);
}
.ss-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ss-photo--square { aspect-ratio: 1 / 1; }
.ss-photo--wide { aspect-ratio: 16 / 9; margin-top: 1.5rem; }
.ss-photo figcaption {
	margin-top: 0.65rem;
	font-family: var(--ss-mono);
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ss-muted);
}
.ss-rule {
	border: 0;
	border-top: 1px solid var(--ss-line);
	margin: 0;
}
.ss-amen-photos {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 2rem 0;
}
@media (min-width: 900px) {
	.ss-amen-photos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.ss-contact-band__meta {
	list-style: none;
	padding: 0;
	margin: 1.25rem 0 0;
}
.ss-contact-band__meta li { margin: 0.35rem 0; }
.ss-contact-band__meta a { color: inherit; }
.ss-map {
	margin-top: 1.5rem;
	aspect-ratio: 16 / 9;
	background: var(--ss-paper);
	border: 1px solid var(--ss-line);
}
.ss-map iframe { width: 100%; height: 100%; border: 0; display: block; }
.ss-btn--solid {
	background: var(--ss-black);
	color: var(--ss-white);
	border-color: var(--ss-black);
}
.ss-btn--solid:hover { background: #1a1a1a; color: var(--ss-white); }
.ss-btn--ghost-dark {
	background: transparent;
	color: var(--ss-black);
	border-color: var(--ss-black);
}
.ss-btn--ghost-dark:hover { background: var(--ss-black); color: var(--ss-white); }
.ss-btn--light {
	background: var(--ss-white);
	color: var(--ss-black);
	border-color: var(--ss-white);
}
.ss-btn--light:hover { background: var(--ss-paper); color: var(--ss-black); }
/* ——— Reinbeck Apartments mono leftovers (pills / notes / plain cards) ——— */
.ss-amen-pills,
.ss-amen-pills,
.ss-pills,
.ss-pills {
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
}
.ss-amen-pills li,
.ss-amen-pills li,
.ss-pills li,
.ss-pills li {
	margin: 0;
	padding: 0.55rem 0.9rem;
	border: 1px solid var(--ss-line);
	background: var(--ss-white);
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ss-ink);
}
.ss-note,
.ss-note {
	margin: 0.85rem 0 0;
	font-size: 0.875rem;
	color: var(--ss-muted);
	font-weight: 300;
}
.ss-card--plain,
.ss-card--plain {
	background: var(--ss-white);
	border: 1px solid var(--ss-line);
	border-radius: 0;
	box-shadow: none;
	padding: 1.5rem 1.35rem;
}
.ss-card--plain h3,
.ss-card--plain h3 {
	font-family: var(--ss-mono);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 0 0.65rem;
}


.ss-cards__grid--2,
.ss-cards__grid--2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
@media (max-width: 720px) {
	.ss-cards__grid--2,
	.ss-cards__grid--2 { grid-template-columns: 1fr; }
}


/* ——— The Summit extras (topbar / promo / rates / form helpers) ——— */
.ss-topbar {
	background: var(--ss-white);
	color: var(--ss-ink-soft);
	font-family: var(--ss-mono);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--ss-line);
}
.ss-topbar__inner {
	min-height: 2.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.ss-topbar a { color: var(--ss-ink-soft); text-decoration: none; }
.ss-topbar a:hover { color: var(--ss-black); }

.ss-promo,
.ss-promo-band {
	background: var(--ss-black);
	color: var(--ss-white);
	text-align: center;
	padding: clamp(1.25rem, 3vw, 2rem) 1rem;
}
.ss-promo {
	font-family: var(--ss-mono);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.65rem 1rem;
}
.ss-promo-band h2 {
	color: var(--ss-white);
	margin-bottom: 0;
	font-weight: 300;
	font-size: clamp(1.35rem, 3vw, 2rem);
}
.ss-promo-band p { color: rgba(255,255,255,0.72); max-width: none; margin: 0.35rem auto 0; font-weight: 300; }

.ss-rates {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--ss-line);
	border-radius: 0;
	overflow: hidden;
	background: var(--ss-white);
	box-shadow: none;
}
.ss-rates li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.15rem;
	border-top: 1px solid var(--ss-line);
}
.ss-rates li:first-child { border-top: 0; }
.ss-rates__term { color: var(--ss-ink-soft); }
.ss-rates__amt { font-weight: 600; }

.ss-help {
	display: block;
	font-size: 0.85rem;
	font-weight: 400;
	color: var(--ss-ink-soft);
	margin: -0.1rem 0 0.35rem;
}
.ss-req { color: var(--ss-danger); font-weight: 500; font-size: 0.85em; }
.ss-choices {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem 1.4rem;
	margin: 0.25rem 0 0;
}
.ss-choices label { font-weight: 500; display: inline-flex; align-items: center; gap: 0.4rem; }
.ss-thanks { text-align: center; padding: 2rem 0 1rem; }
.ss-thanks p { max-width: 36rem; margin: 0 auto 1rem; color: var(--ss-ink-soft); }
.ss-field textarea { min-height: 7rem; resize: vertical; }
.ss-radio { display: inline-flex; align-items: center; gap: 0.35rem; margin-right: 1rem; font-weight: 500; }
.ss-hp {
	position: absolute;
	left: -9999px;
	height: 0;
	overflow: hidden;
}

/* Legacy button aliases used in Summit templates */
.ss-btn--salmon,
.ss-btn--apply,
.ss-btn--teal {
	background: var(--ss-black);
	color: var(--ss-white);
	border-color: var(--ss-black);
	border-radius: 0;
	box-shadow: none;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.75rem;
	padding: 0.85rem 1.35rem;
}
.ss-btn--salmon:hover,
.ss-btn--apply:hover,
.ss-btn--teal:hover {
	background: var(--ss-accent-deep);
	color: var(--ss-white);
	border-color: var(--ss-accent-deep);
}
.ss-btn--ghost {
	background: transparent;
	color: var(--ss-white);
	border: 1px solid rgba(255,255,255,0.55);
	border-radius: 0;
}
.ss-btn--ghost:hover { background: rgba(255,255,255,0.1); color: var(--ss-white); }
.ss-btn--ghost-dark {
	background: transparent;
	color: var(--ss-ink);
	border: 1px solid var(--ss-ink);
	border-radius: 0;
}
.ss-btn--ghost-dark:hover { background: var(--ss-black); color: var(--ss-white); }

/* Floor plan cards: Summit uses contain for plan drawings */
.ss-floors__card img {
	object-fit: contain;
	background: var(--ss-paper);
	height: 16rem;
}
.ss-floors__card p + p { margin: 0 1.1rem 1.15rem; }
.ss-floors__grid { grid-template-columns: repeat(3, 1fr); }
.ss-tour {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 0;
	background: #111;
}
.ss-tour iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.ss-eho__img { display: block; height: 42px; width: auto; }
.ss-eho { display: inline-flex; align-items: center; gap: 0.55rem; color: #c9c9c9; }
.ss-eho__label { font-size: 0.75rem; line-height: 1.2; }
.ss-footer__login { color: #ffffff; text-decoration: underline; text-underline-offset: 0.15em; }

@media (max-width: 860px) {
	.ss-topbar__inner { flex-direction: column; padding: 0.45rem 0; align-items: flex-start; }
	.ss-floors__grid { grid-template-columns: 1fr; }
	.ss-amen-pills { grid-template-columns: 1fr; }
	.ss-nav { background: var(--ss-white); }
}


/* Arkadia: form select matches monochrome inputs */
.ss-form select {
	width: 100%;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--ss-line);
	background: var(--ss-white);
	font: inherit;
	color: var(--ss-ink);
	border-radius: 0;
	appearance: auto;
}
