/* ============================================================
   HOME — "What makes a property exceptional."
   Compact editorial band between Buy/Sell and Waterfront.
   Heading + intro + one quiet interior image left;
   four themes as an open, hairline-ruled list right. No cards.
   ============================================================ */
.exceptional { background: var(--white); padding: 136px 0 144px; }
.exceptional-inner {
  max-width: var(--page-max);
  margin: 0 auto; padding: 0 64px;
  display: grid; grid-template-columns: 5fr 6fr; gap: 112px;
  align-items: start;
}
.exceptional-h {
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(38px, 4.2vw, 64px);
  line-height: 1.02; letter-spacing: -.02em;
  color: var(--navy);
  margin: 20px 0 0; max-width: 12ch;
  text-wrap: balance;
}
.exceptional-h i { font-style: italic; }
.exceptional-intro {
  font-family: var(--font-ui);
  font-size: 17px; line-height: 1.75; color: var(--ink);
  max-width: 42ch; margin: 36px 0 0;
  text-wrap: pretty;
}

/* Supporting image — interior / architectural detail, no water */
.exceptional-media {
  position: relative; margin: 64px 0 0;
  width: 78%; max-width: 400px;
  aspect-ratio: 4 / 5; overflow: hidden;
  border: 1px solid var(--navy-line);
  background:
    repeating-linear-gradient(135deg, var(--stone-soft) 0 1px, transparent 1px 12px),
    var(--mist);
}
.exceptional-media img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 55% 50%;
  color: transparent;
}

/* Themes — open list, hairline above each, numeral in dusted blue */
.exceptional-list {
  list-style: none; margin: 0; padding: 0;
  border-top: 1px solid var(--navy);
  margin-top: 8px;
}
.exceptional-item {
  display: grid; grid-template-columns: 56px 1fr; gap: 0 24px;
  padding: 40px 0 42px;
  border-bottom: 1px solid var(--navy-line);
}
.exceptional-num {
  font-family: var(--font-display); font-style: italic; font-weight: 400;
  font-size: 22px; line-height: 1.2;
  color: var(--dusted-deep);
}
.exceptional-item h3 {
  font-size: clamp(24px, 2vw, 30px); line-height: 1.12;
  margin: 0 0 14px;
}
.exceptional-item p {
  font-size: 15.5px; line-height: 1.75; color: var(--ink);
  max-width: 46ch; text-wrap: pretty;
}

@media (max-width: 1100px) {
  .exceptional-inner { padding: 0 40px; gap: 64px; }
}
@media (max-width: 860px) {
  .exceptional { padding: 88px 0 96px; }
  .exceptional-inner { grid-template-columns: 1fr; gap: 48px; padding: 0 24px; }
  .exceptional-h { font-size: 38px; max-width: none; }
  .exceptional-intro { font-size: 16px; margin-top: 24px; }
  .exceptional-media { margin-top: 40px; width: 72%; }
  .exceptional-item { grid-template-columns: 40px 1fr; gap: 0 12px; padding: 30px 0 32px; }
  .exceptional-num { font-size: 19px; }
  .exceptional-item h3 { font-size: 24px; margin-bottom: 10px; }
  .exceptional-item p { font-size: 15.5px; }
}