/* ===================================================
   Riverside on Main 2.1 — one-page Home + History
   Every rule is scoped to the new rom-* classes, so the
   current live pages are not affected.
   Colors and fonts come from theme.json presets.
   =================================================== */

:root {
  /* Brand book colors (Riverside Brand book, Nov 2025) */
  --rom-paper: var(--wp--preset--color--brand-paper, #f2efe8);
  --rom-cream: var(--wp--preset--color--brand-linen, #ece7e1);
  --rom-sand: var(--wp--preset--color--brand-stone, #dbd1c1);
  --rom-moss: var(--wp--preset--color--moss-deep, #646654);
  --rom-moss-deep: var(--wp--preset--color--moss-deep, #646654);
  --rom-olive: var(--wp--preset--color--olive-dark, #2a2b24);
  --rom-sage: var(--wp--preset--color--sage, #afb398);
  --rom-line: var(--wp--preset--color--hairline, #d9d0c2);
  --rom-ink: var(--wp--preset--color--brand-ink, #28291f);
  --rom-ink-2: #4a4b40;
  --rom-display: var(--wp--preset--font-family--display, 'Cormorant Garamond', Georgia, serif);
  --rom-gutter: clamp(1.25rem, 4vw, 3rem);
  --rom-header-h: 76px;
}

/* ---------- Display font (Cormorant) ---------- */
.has-display-font-family {
  font-weight: 500;
  letter-spacing: -0.005em;
}
.has-display-font-family em {
  font-style: italic;
}

/* ---------- Page wrapper (template page-onepage) ---------- */
.rom-site {
  background: var(--rom-paper);
  color: var(--rom-ink);
}
.rom-site p,
.rom-site li {
  line-height: 1.65;
}
html:has(.rom-site) {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--rom-header-h) + var(--wp-admin--admin-bar--height, 0px));
}
@media (prefers-reduced-motion: reduce) {
  html:has(.rom-site) { scroll-behavior: auto; }
}

/* Sections: thin line between them, like the rendering (no white page breaks). */
.rom-section + .rom-section {
  border-top: 1px solid var(--rom-line);
}
.rom-section.has-moss-deep-background-color,
.rom-section.has-moss-deep-background-color + .rom-section {
  border-top-color: transparent;
}

/* Small uppercase label ("WHAT'S NEARBY", "OUR STORY") */
.rom-eyebrow {
  font-size: 0.8125rem !important;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* Bracketed placeholders the client still has to confirm */
.rom-todo {
  background: #fff3c4;
  color: #5c4500;
  padding: 0 0.2em;
}

/* ---------- Buttons ---------- */
.rom-site .wp-block-button__link,
.rom-header .wp-block-button__link,
.rom-btn .wp-block-button__link {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 0.9375rem;
  font-weight: 600;
  padding: 0.85rem 1.5rem;
  border-radius: 0;
  border: 1px solid transparent;
  line-height: 1.3;
}
.rom-btn--outline .wp-block-button__link {
  background: transparent !important;
  border-color: currentColor;
}
.rom-btn--light .wp-block-button__link {
  background: #fff !important;
  color: var(--rom-ink) !important;
}
.rom-site .wp-block-button__link:hover {
  opacity: 0.88;
}
.rom-site .wp-block-button__link:focus-visible,
.rom-site a:focus-visible,
.rom-form :focus-visible {
  outline: 2px solid var(--rom-sage);
  outline-offset: 2px;
}

/* Text link with arrow ("See move-in offers →", "Join the list →") */
.rom-arrow-link a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  font-weight: 600;
}

/* ---------- Header (parts/header-v2.html) ---------- */
/* The old theme pads the page 72px for its fixed header; the new header is sticky, so no gap. */
body:has(.rom-site) {
  padding-top: 0 !important;
}
header.wp-block-template-part:has(.rom-header) {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 60;
}
.rom-header {
  background: var(--rom-paper);
  border-bottom: 1px solid var(--rom-line);
  min-height: var(--rom-header-h);
  box-sizing: border-box;
}
.rom-header .rom-logo img {
  width: 190px !important; /* brand book: logo at least 180px wide on screens */
  height: auto !important;
}
.rom-header .rom-wordmark {
  font-family: var(--rom-display);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  font-style: italic;
}
.rom-header .rom-wordmark-sub {
  font-size: 0.6875rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  line-height: 1;
}
.rom-header .rom-wordmark a,
.rom-header .rom-wordmark-sub a {
  color: inherit;
  text-decoration: none;
}
.rom-header .wp-block-navigation {
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}
.rom-header .wp-block-navigation a {
  text-decoration: none;
  color: var(--rom-ink);
}
.rom-header .wp-block-navigation a:hover {
  color: var(--rom-moss);
}
.rom-header .wp-block-navigation .wp-block-navigation__submenu-container {
  background: var(--rom-paper) !important;
  border: 1px solid var(--rom-line) !important;
  padding: 0.5rem 0;
  min-width: 13rem !important;
  font-weight: 500;
}
.rom-header .wp-block-navigation .wp-block-navigation__submenu-container a {
  padding: 0.55rem 1.25rem;
}
.rom-header .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
  margin-left: 0.15rem;
}
@media (max-width: 781px) {
  :root { --rom-header-h: 68px; }
  .rom-header .rom-logo img { width: 150px !important; }
  .rom-header .rom-wordmark { font-size: 1.25rem; }
  .rom-header .rom-header__cta .wp-block-button__link {
    padding: 0.6rem 0.9rem;
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) {
  .rom-header .rom-brand-text { display: none; }
}
/* Mobile overlay menu */
.rom-header .wp-block-navigation__responsive-container.is-menu-open {
  background: var(--rom-paper) !important;
  color: var(--rom-ink) !important;
  padding: 1.5rem var(--rom-gutter);
}
.rom-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  gap: 1rem;
  font-size: 1.125rem;
}
.rom-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  border: 0 !important;
  padding: 0.25rem 0 0 1rem !important;
  font-size: 1rem;
}

/* ---------- Hero ---------- */
.rom-hero {
  min-height: max(560px, calc(100svh - var(--rom-header-h) - var(--wp-admin--admin-bar--height, 0px))) !important;
}
@media (max-width: 781px) {
  /* Text runs the full width on phones: even, darker overlay so it stays readable. */
  .rom-hero .wp-block-cover__background {
    background: rgba(40, 41, 31, 0.62) !important;
  }
}
.rom-hero .wp-block-cover__inner-container {
  max-width: 72rem;
  margin-inline: auto;
}
.rom-hero h1 {
  text-shadow: 0 1px 24px rgba(20, 22, 16, 0.25);
}
.rom-hero__note {
  opacity: 0.9;
}

/* ---------- Feature cards (landmark) ---------- */
.rom-card {
  background: #fff;
  border: 1px solid var(--rom-line);
  height: 100%;
}
.rom-icon .material-symbols-outlined {
  font-size: 2.25rem;
  font-variation-settings: 'wght' 200, 'opsz' 40;
  color: var(--rom-moss);
  line-height: 1;
}

/* ---------- Floor plans ---------- */
.rom-plan {
  background: var(--rom-cream);
  border: 1px solid var(--rom-line);
  height: 100%;
}
/* Frame keeps every plan the same height; wide or square plans sit centered, never cropped. */
.rom-plan__frame,
.rom-plan__frame.wp-block-image {
  background: var(--rom-sand);
  aspect-ratio: 4 / 3;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid var(--rom-line);
}
.rom-plan__frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0.75rem;
  background: #fff;
}
.rom-plan__frame figcaption {
  display: none;
}
.rom-plan__frame p {
  font-size: 0.8125rem;
  color: var(--rom-ink-2);
  text-align: center;
  padding: 1rem;
  margin: 0;
}
.rom-plan__caption {
  font-size: 0.75rem !important;
  color: var(--rom-ink-2);
  font-style: italic;
}
.rom-plan ul {
  padding-left: 1.1rem;
  margin: 0;
}
.rom-plan .wp-block-buttons {
  margin-top: auto;
}

/* ---------- Gallery tiles ---------- */
.rom-tile,
.rom-tile.wp-block-image {
  margin: 0 !important;
  aspect-ratio: 1 / 1;
  background: var(--rom-sand);
  position: relative;
  overflow: hidden;
}
.rom-tile img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.rom-tile figcaption {
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  margin: 0;
  background: rgba(28, 28, 25, 0.6);
  color: #fff;
  font-size: 0.6875rem;
  padding: 0.2rem 0.5rem;
}
.rom-tile--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.rom-tile--empty p {
  font-size: 0.8125rem;
  color: var(--rom-ink-2);
  margin: 0;
  padding: 1rem;
}

/* ---------- Amenities (green band) ---------- */
.rom-amenities ul {
  padding-left: 1.1rem;
  margin: 0;
}
.rom-amenities li + li {
  margin-top: 0.35rem;
}

/* ---------- Location ---------- */
.rom-map {
  background: #e3e5dc;
  border: 1px solid var(--rom-line);
  min-height: 360px;
  height: 100%;
}
.rom-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  border: 0;
}
.rom-nearby__row {
  border-bottom: 1px solid var(--rom-line);
  padding: 0.8rem 0;
}
.rom-nearby__row p {
  margin: 0;
}
.rom-nearby__time {
  text-align: right;
  white-space: nowrap;
  color: var(--rom-ink-2);
}

/* ---------- Offers ---------- */
.rom-offer {
  background: #fff;
  border: 1px solid var(--rom-line);
  height: 100%;
}
.rom-offer .rom-arrow-link {
  margin-top: auto !important;
}

/* ---------- Our story / History ---------- */
.rom-photo img {
  width: 100%;
  object-fit: cover;
}
.rom-photo--sepia img {
  filter: sepia(0.15);
}
.rom-photo figcaption {
  font-size: 0.8125rem;
  color: var(--rom-ink-2);
  text-align: left;
  margin-top: 0.6rem;
}
.rom-placeholder {
  background: #d4ccbb;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.rom-placeholder--light {
  background: var(--rom-sand);
}
.rom-placeholder p {
  font-size: 0.8125rem;
  color: var(--rom-ink-2);
  margin: 0;
  padding: 1rem;
}
.rom-timeline__row {
  border-bottom: 1px solid var(--rom-line);
  padding: 1.25rem 0;
}
.rom-timeline__row:last-child {
  border-bottom: 0;
}
.rom-timeline__year {
  font-family: var(--rom-display);
  font-size: 1.75rem;
  line-height: 1.1;
  color: var(--rom-moss);
  font-weight: 500;
  min-width: 9rem;
  white-space: nowrap;
}
.rom-news {
  border: 1px dashed #b9b3a6;
}

/* ---------- Contact / Interest List ---------- */
.rom-contact a {
  color: inherit;
  text-underline-offset: 0.2em;
}
.rom-form-card {
  background: var(--rom-cream);
  color: var(--rom-ink);
}
.rom-form__trap {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.rom-form form {
  display: grid;
  gap: 1rem;
}
.rom-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 600px) {
  .rom-form__row { grid-template-columns: 1fr; }
}
.rom-form p {
  margin: 0;
}
.rom-form__field label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.rom-form input[type="text"],
.rom-form input[type="email"],
.rom-form input[type="tel"],
.rom-form select,
.rom-form textarea {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  font-size: 1rem;
  color: var(--rom-ink);
  background: #fff;
  border: 1px solid #a9a698;
  border-radius: 0;
  padding: 0.7rem 0.8rem;
}
.rom-form input:focus,
.rom-form select:focus,
.rom-form textarea:focus {
  border-color: var(--rom-moss);
  outline: 2px solid rgba(100, 102, 84, 0.25);
  outline-offset: 0;
}
.rom-form__consent {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  font-size: 0.9375rem;
}
.rom-form__consent input {
  margin-top: 0.3rem;
  accent-color: var(--rom-moss);
}
.rom-form button[type="submit"] {
  width: 100%;
  background: var(--rom-moss-deep);
  color: #fff;
  border: 0;
  border-radius: 0;
  font: inherit;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.95rem 1rem;
  cursor: pointer;
}
.rom-form button[type="submit"]:hover {
  background: var(--rom-olive);
}
.rom-form button[disabled] {
  opacity: 0.7;
  cursor: wait;
}
.rom-form__notice {
  padding: 0.8rem 1rem;
  margin: 0 0 1rem !important;
  font-weight: 500;
}
.rom-form__notice--ok {
  background: #e6ecdc;
  color: #2f4a1a;
}
.rom-form__notice--error {
  background: #fbe3df;
  color: #7a1d10;
}
.rom-form__notice[hidden] {
  display: none;
}

/* ---------- Footer (parts/footer-v2.html) ---------- */
.rom-footer a {
  color: inherit;
  text-underline-offset: 0.2em;
}
.rom-footer .rom-logo img {
  width: 220px !important;
  height: auto !important;
}
.rom-tagline {
  margin: 0;
  font-weight: 500;
  opacity: 0.9;
}
.rom-eho {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.rom-eho::before {
  content: "";
  width: 22px;
  height: 22px;
  flex: none;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M2.5 11 12 3.5 21.5 11'/%3E%3Cpath d='M5 9.5V20.5h14V9.5'/%3E%3Cpath d='M8.5 12.5h7M8.5 16h7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M2.5 11 12 3.5 21.5 11'/%3E%3Cpath d='M5 9.5V20.5h14V9.5'/%3E%3Cpath d='M8.5 12.5h7M8.5 16h7'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Small screens ---------- */
@media (max-width: 781px) {
  .rom-nearby__row { padding: 0.65rem 0; }
  .rom-timeline__row { flex-wrap: wrap !important; gap: 0.25rem !important; }
  .rom-map, .rom-map iframe { min-height: 300px; }
}

/* ---------- Additions: hero text width, bar links, history tiles ---------- */
.rom-hero .wp-block-cover__inner-container {
  width: 100%;
}
.rom-hero__text {
  max-width: 44rem;
}
.rom-bar a {
  color: inherit;
}
.rom-bar p {
  margin: 0;
}
.rom-history-photo {
  aspect-ratio: 21 / 9;
  width: 100%;
}
.rom-then-tile,
.rom-then-tile.wp-block-image {
  aspect-ratio: 5 / 4;
  margin: 0 !important;
}
.rom-then-tile img {
  height: 100% !important;
}
@media (max-width: 781px) {
  .rom-history-photo { aspect-ratio: 4 / 3; }
}

/* ---------- Brand book elements ---------- */
/* Leaf sprig accent above section titles */
.rom-sprig,
.rom-sprig.wp-block-image {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.rom-sprig img {
  height: auto;
}
/* Arched "heritage signage" frame (the badge shape from the logo) */
.rom-arch img {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 12H14C22 3 36 0 50 0S78 3 86 12H100V118H86C78 127 64 130 50 130S22 127 14 118H0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 12H14C22 3 36 0 50 0S78 3 86 12H100V118H86C78 127 64 130 50 130S22 127 14 118H0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
/* Brand quote on the sage band */
.rom-quote,
.rom-quote.wp-block-quote {
  border: 0;
  margin: 0;
  padding: 0;
}
.rom-quote p {
  font-family: var(--rom-display);
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  line-height: 1.3;
  font-weight: 500;
  margin: 0;
}
.rom-quote cite {
  display: block;
  margin-top: 1.25rem;
  text-align: center;
  font-style: normal;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.rom-section.has-sage-background-color + .rom-section,
.rom-section + .rom-section.has-sage-background-color {
  border-top-color: transparent;
}
/* Small phones: wordmark + menu + button must fit in one row */
@media (max-width: 480px) {
  .rom-header .rom-logo img { width: 128px !important; }
  .rom-header > .wp-block-group { gap: 0.75rem !important; }
  .rom-header .rom-header__cta .wp-block-button__link {
    font-size: 0.75rem;
    padding: 0.55rem 0.7rem;
  }
}

/* ---------- Responsive grids ----------
   WordPress 6.9 keeps a fixed column count on grid groups, so the cards
   are stacked here: 2 columns on tablets, 1 on phones (gallery keeps 2). */
.rom-header .rom-header__cta .wp-block-button__link {
  white-space: nowrap;
}
@media (max-width: 900px) {
  .rom-landmark .wp-block-group.is-layout-grid,
  .rom-floor-plans .wp-block-group.is-layout-grid,
  .rom-gallery .wp-block-group.is-layout-grid,
  .rom-offers .wp-block-group.is-layout-grid,
  .rom-then-now .wp-block-group.is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .rom-floor-plans .wp-block-group.is-layout-grid,
  .rom-offers .wp-block-group.is-layout-grid,
  .rom-then-now .wp-block-group.is-layout-grid,
  .rom-amenities .wp-block-group.is-layout-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .rom-landmark .wp-block-group.is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }
  .rom-landmark .rom-card {
    padding: 1.25rem 0.75rem !important;
  }
}

/* ---------- Round 5 (2026-10-09) ---------- */
/* Map fills its whole box, as tall as the What's Nearby list */
.rom-location .wp-block-column:has(.rom-map) {
  display: flex;
  flex-direction: column;
}
.rom-map {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.rom-map > *,
.rom-map .rom-map-embed {
  flex: 1 1 auto;
  display: flex;
  margin: 0;
}
.rom-map iframe {
  flex: 1 1 auto;
  height: auto;
}
/* Floor plan note under the intro */
.rom-floor-plans .rom-plan__caption {
  font-size: 0.875rem !important;
  margin: 0;
}
/* Enlarged images (click to enlarge): solid backdrop so plan details read clearly */
.wp-lightbox-overlay .scrim {
  background-color: var(--rom-paper) !important;
  opacity: 0.97 !important;
}
.wp-lightbox-overlay .lightbox-image-container img {
  background: #fff;
}
/* Social icons (contact section + footer) */
.rom-social.wp-block-social-links {
  margin: 0;
  font-size: 1.5rem;
}
.rom-social .wp-social-link a {
  padding: 0.15rem;
}
.rom-social .wp-social-link:hover {
  transform: none;
  opacity: 0.8;
}
/* Legal pages (Terms of Use, Privacy Policy) */
.rom-legal__date {
  color: var(--rom-ink-2);
}
.rom-legal .rom-legal__h {
  margin-top: 1.5rem !important;
}
.rom-legal ul {
  padding-left: 1.25rem;
  margin: 0;
}
.rom-legal a {
  color: var(--rom-moss);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.rom-form__legal {
  font-size: 0.8125rem;
  color: var(--rom-ink-2);
  text-align: center;
}
.rom-form__legal a {
  color: inherit;
  text-decoration: underline;
}

/* ---------- Round 6 (2026-10-10) ---------- */
/* Big screens (large iMac / external monitors): scale the whole design up a step
   instead of leaving wide empty margins. Everything is in rem, so it grows together. */
@media (min-width: 1600px) { html:has(.rom-site) { font-size: 106.25%; } }
@media (min-width: 1880px) { html:has(.rom-site) { font-size: 115%; } }
@media (min-width: 2200px) { html:has(.rom-site) { font-size: 125%; } }
@media (min-width: 2500px) { html:has(.rom-site) { font-size: 137.5%; } }
.rom-header .rom-logo img { width: 11.875rem !important; }
.rom-footer .rom-logo img { width: 13.75rem !important; }
@media (max-width: 781px) { .rom-header .rom-logo img { width: 150px !important; } }
@media (max-width: 480px) { .rom-header .rom-logo img { width: 128px !important; } }

/* Floor plans: equal cards, "Inquire" buttons aligned on one line */
.rom-plan {
  display: flex;
  flex-direction: column;
}
.rom-plan > .wp-block-group {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.rom-plan .wp-block-buttons {
  margin-top: auto !important;
  padding-top: 0.75rem;
}
.rom-plan h3 {
  min-height: 2.4em; /* titles on one or two lines still line up */
  display: flex;
  align-items: flex-end;
}

/* History intro: split layout, photo edge to edge */
.rom-split.wp-block-columns {
  margin: 0 !important;
  gap: 0 !important;
}
.rom-split > .wp-block-column:last-child {
  display: flex;
}
.rom-split__photo,
.rom-split__photo.wp-block-image {
  margin: 0 !important;
  flex: 1 1 auto;
  position: relative;
  min-height: min(80vh, 44rem);
}
.rom-split__photo img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.rom-split__photo figcaption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  margin: 0;
  background: rgba(40, 41, 31, 0.65);
  color: #fff;
  font-size: 0.75rem;
  padding: 0.25rem 0.6rem;
}
.rom-split__text {
  max-width: 40rem;
  margin-left: auto;
}
@media (max-width: 781px) {
  .rom-split__photo,
  .rom-split__photo.wp-block-image {
    min-height: 0;
    position: static;
  }
  .rom-split__photo img {
    position: static;
    aspect-ratio: 5 / 4 !important;
    height: auto !important;
  }
  .rom-split__text { max-width: none; }
}

/* Grand Opening note in the contact section */
.rom-grand-opening {
  border-left: 3px solid var(--rom-sage);
  padding-left: 0.9rem;
}