/* WhiteResort / financing / dark editorial collection.
   CSS only. Existing title, subtitle, four figures, action and CTA are unchanged.
   Load after the existing block styles. */

/* Shared typography, contrast and controls. */
body:is(.next67-01, .next67-02, .next67-03) #sixth-block {
  --b6-bg: #2a221d;
  --b6-deep: #211c18;
  --b6-line: #645441;
  --b6-accent: #c5a46b;
  --b6-text: #f5eee1;
  --b6-muted: #cabca6;
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: clamp(56px, 7vw, 104px) clamp(20px, 4.8vw, 76px);
  background: var(--b6-bg);
  color: var(--b6-text);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 18px;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block *,
body:is(.next67-01, .next67-02, .next67-03) #sixth-block *::before,
body:is(.next67-01, .next67-02, .next67-03) #sixth-block *::after { box-sizing: border-box; }
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-shell {
  position: relative;
  width: 100%;
  max-width: 1320px;
  min-width: 0;
  margin: 0 auto;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-heading {
  min-width: 0;
  padding-top: 0;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-heading h2 {
  max-width: none;
  height: auto;
  max-height: none;
  overflow: visible;
  margin: 0;
  color: var(--b6-text);
  font-family: 'Jost', Arial, sans-serif;
  font-size: clamp(34px, 3.4vw, 50px);
  font-weight: 400;
  line-height: 1.13;
  letter-spacing: -.025em;
  text-wrap: balance;
  overflow-wrap: normal;
  -webkit-line-clamp: unset;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-subtitle {
  max-width: 750px;
  margin: 24px 0 0;
  color: var(--b6-muted);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-photo {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #393127;
  border-radius: 0;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-photo::after {
  position: absolute;
  inset: 15px;
  content: '';
  border: 1px solid rgb(245 238 225 / .25);
  background: none;
  pointer-events: none;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(.78) brightness(.83);
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stats {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stat {
  min-width: 0;
  padding: 23px 0;
  border: 0;
  border-top: 1px solid var(--b6-line);
  background: transparent;
  border-radius: 0;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stat dt {
  margin: 0;
  color: var(--b6-accent);
  font-family: 'Jost', Arial, sans-serif;
  font-size: clamp(30px, 2.65vw, 41px);
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: -.025em;
  white-space: nowrap;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stat dd {
  margin: 11px 0 0;
  color: var(--b6-muted);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-action { min-width: 0; padding-top: 0; }
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-action-copy {
  max-width: 660px;
  margin: 0 0 26px;
  color: var(--b6-muted);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: min(100%, 420px);
  min-width: 0;
  max-width: 420px;
  min-height: 72px;
  height: auto;
  padding: 20px 25px;
  border: 1px solid var(--b6-accent);
  border-radius: 0;
  background: var(--b6-accent);
  color: var(--b6-deep);
  box-shadow: none;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.015em;
  text-align: left;
  white-space: normal;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta span { min-width: 0; }
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta svg {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta:hover {
  border-color: #f5eee1;
  background: #e0c58e;
  color: #211c18;
  box-shadow: none;
  transform: none;
}
body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta:focus-visible {
  outline: 2px solid #f5eee1;
  outline-offset: 6px;
}

/* 01 / Vertical interior photograph and open financing figures. */
body.next67-01 #sixth-block { background: #2a221d; }
body.next67-01 #sixth-block .b6-shell {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  grid-template-rows: auto auto 1fr;
  gap: 30px clamp(35px, 5vw, 80px);
  align-items: start;
}
body.next67-01 #sixth-block .b6-photo {
  grid-column: 1;
  grid-row: 1 / 4;
  align-self: stretch;
  min-height: 760px;
}
body.next67-01 #sixth-block .b6-photo img { object-position: 45% center; }
body.next67-01 #sixth-block .b6-heading { grid-column: 2; grid-row: 1; }
body.next67-01 #sixth-block .b6-stats {
  grid-column: 2;
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}
body.next67-01 #sixth-block .b6-action { grid-column: 2; grid-row: 3; }
body.next67-01 #sixth-block .b6-heading h2 { font-size: clamp(34px, 3.2vw, 46px); }

/* 02 / Panorama with a continuous, confined offer panel.
   The three existing content siblings form the panel; no wrapper or copy edits. */
body.next67-02 #sixth-block {
  background: #211c18;
  padding-top: clamp(48px, 6vw, 88px);
  padding-bottom: clamp(48px, 6vw, 88px);
}
body.next67-02 #sixth-block .b6-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 570px);
  grid-template-rows: auto auto auto;
  gap: 0;
  padding: 40px 40px 40px 0;
  align-items: stretch;
}
body.next67-02 #sixth-block .b6-photo {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  grid-area: auto;
}
body.next67-02 #sixth-block .b6-photo::after {
  inset: 0;
  border: 0;
  background: linear-gradient(90deg, rgb(33 28 24 / .03) 10%, rgb(33 28 24 / .18) 100%);
}
body.next67-02 #sixth-block .b6-photo img { object-position: 37% 50%; filter: saturate(.78) brightness(.84); }
body.next67-02 #sixth-block .b6-heading,
body.next67-02 #sixth-block .b6-stats,
body.next67-02 #sixth-block .b6-action {
  position: relative;
  z-index: 1;
  grid-column: 2;
  background: #2a221d;
  border-right: 1px solid #645441;
  border-left: 1px solid #645441;
}
body.next67-02 #sixth-block .b6-heading {
  grid-row: 1;
  padding: 34px 34px 25px;
  border-top: 1px solid #645441;
}
body.next67-02 #sixth-block .b6-heading h2 { font-size: clamp(32px, 2.65vw, 40px); line-height: 1.15; }
body.next67-02 #sixth-block .b6-subtitle { margin-top: 20px; font-size: 18px; line-height: 1.6; }
body.next67-02 #sixth-block .b6-stats {
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 25px;
  padding: 0 34px 8px;
}
body.next67-02 #sixth-block .b6-stat { padding: 20px 0; }
body.next67-02 #sixth-block .b6-stat dt { font-size: clamp(28px, 2.4vw, 35px); }
body.next67-02 #sixth-block .b6-action {
  grid-row: 3;
  padding: 9px 34px 35px;
  border-bottom: 1px solid #645441;
}
body.next67-02 #sixth-block .b6-action-copy { margin-bottom: 23px; line-height: 1.6; }

/* 03 / Architectural grid: full-width title, four-column figures, photo/detail. */
body.next67-03 #sixth-block { background: #2a221d; }
body.next67-03 #sixth-block .b6-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  grid-template-rows: auto auto auto;
  gap: 0;
  border-top: 1px solid #645441;
}
body.next67-03 #sixth-block .b6-heading {
  grid-column: 1 / -1;
  grid-row: 1;
  padding: 35px 0 40px;
}
body.next67-03 #sixth-block .b6-heading h2 {
  max-width: 1190px;
  font-size: clamp(36px, 3.65vw, 55px);
  line-height: 1.12;
  text-wrap: pretty;
}
body.next67-03 #sixth-block .b6-subtitle { max-width: 900px; margin-top: 24px; }
body.next67-03 #sixth-block .b6-stats {
  grid-column: 1 / -1;
  grid-row: 2;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #645441;
  border-bottom: 1px solid #645441;
}
body.next67-03 #sixth-block .b6-stat {
  padding: 28px 25px;
  border-top: 0;
  border-right: 1px solid #645441;
}
body.next67-03 #sixth-block .b6-stat:first-child { padding-left: 0; }
body.next67-03 #sixth-block .b6-stat:last-child { border-right: 0; }
body.next67-03 #sixth-block .b6-stat dt { font-size: clamp(28px, 2.6vw, 39px); }
body.next67-03 #sixth-block .b6-photo {
  grid-column: 1;
  grid-row: 3;
  min-height: 440px;
  margin-top: 34px;
}
body.next67-03 #sixth-block .b6-photo::after { display: none; }
body.next67-03 #sixth-block .b6-photo img { object-position: 50% 54%; }
body.next67-03 #sixth-block .b6-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  grid-column: 2;
  grid-row: 3;
  margin-top: 34px;
  padding: 40px clamp(28px, 3.4vw, 54px);
  border: 1px solid #645441;
  border-left: 0;
  background: #211c18;
}
body.next67-03 #sixth-block .b6-action-copy { margin-bottom: 30px; line-height: 1.7; }

/* Tablet: keep figures at readable sizes and release long text into full width. */
@media (max-width: 1100px) {
  body.next67-01 #sixth-block .b6-shell { gap: 28px 34px; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
  body.next67-01 #sixth-block .b6-heading { grid-column: 1 / -1; grid-row: 1; }
  body.next67-01 #sixth-block .b6-heading h2 { max-width: 950px; font-size: 42px; }
  body.next67-01 #sixth-block .b6-photo { grid-row: 2 / 4; min-height: 620px; }
  body.next67-01 #sixth-block .b6-stats { grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
  body.next67-01 #sixth-block .b6-stat dt { font-size: 30px; }
  body.next67-01 #sixth-block .b6-action { grid-row: 3; }
  body.next67-02 #sixth-block .b6-shell { grid-template-columns: minmax(0, .65fr) minmax(0, 560px); padding: 25px 25px 25px 0; }
  body.next67-03 #sixth-block .b6-stat { padding-right: 18px; padding-left: 18px; }
  body.next67-03 #sixth-block .b6-stat dt { font-size: 29px; }
  body.next67-03 #sixth-block .b6-action { padding: 30px; }
}
@media (max-width: 850px) {
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block { padding: 56px 28px; }
  body.next67-01 #sixth-block .b6-shell { grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); column-gap: 28px; }
  body.next67-01 #sixth-block .b6-stats { grid-template-columns: minmax(0, 1fr); }
  body.next67-01 #sixth-block .b6-stat { padding: 17px 0; }
  body.next67-01 #sixth-block .b6-photo { min-height: 720px; }
  body.next67-02 #sixth-block .b6-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 0;
    padding: 0;
  }
  body.next67-02 #sixth-block .b6-photo {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    inset: auto;
    height: auto;
    min-height: 0;
    aspect-ratio: 1.85;
  }
  body.next67-02 #sixth-block .b6-photo::after { background: none; }
  body.next67-02 #sixth-block .b6-heading { grid-column: 1; grid-row: 2; padding: 30px 30px 24px; }
  body.next67-02 #sixth-block .b6-heading h2 { font-size: 38px; }
  body.next67-02 #sixth-block .b6-stats { grid-column: 1; grid-row: 3; padding: 0 30px 4px; }
  body.next67-02 #sixth-block .b6-stat dt { font-size: 34px; }
  body.next67-02 #sixth-block .b6-action { grid-column: 1; grid-row: 4; padding: 12px 30px 32px; }
  body.next67-03 #sixth-block .b6-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.next67-03 #sixth-block .b6-stat { padding: 25px; }
  body.next67-03 #sixth-block .b6-stat:nth-child(2) { border-right: 0; }
  body.next67-03 #sixth-block .b6-stat:nth-child(3) { padding-left: 0; border-top: 1px solid #645441; }
  body.next67-03 #sixth-block .b6-stat:nth-child(4) { border-top: 1px solid #645441; }
  body.next67-03 #sixth-block .b6-photo { min-height: 460px; }
  body.next67-03 #sixth-block .b6-action { padding: 24px; }
}
@media (max-width: 650px) {
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block { padding: 40px 20px 44px; }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-heading h2 {
    font-size: clamp(30px, 7.7vw, 40px);
    line-height: 1.17;
    letter-spacing: -.022em;
    text-wrap: pretty;
  }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-subtitle { font-size: 18px; line-height: 1.6; margin-top: 22px; }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stat dt { font-size: clamp(27px, 6.8vw, 34px); }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stat dd { font-size: 18px; line-height: 1.5; }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-action-copy { font-size: 18px; line-height: 1.65; }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta { min-height: 74px; padding: 19px 20px; font-size: 18px; }
  body.next67-01 #sixth-block .b6-shell { display: flex; flex-direction: column; gap: 28px; }
  body.next67-01 #sixth-block .b6-heading { order: 0; width: 100%; }
  body.next67-01 #sixth-block .b6-photo { order: 1; flex: none; width: 100%; min-height: 0; aspect-ratio: 1.04; }
  body.next67-01 #sixth-block .b6-stats { order: 2; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  body.next67-01 #sixth-block .b6-stat { padding: 20px 0; }
  body.next67-01 #sixth-block .b6-action { order: 3; width: 100%; }
  body.next67-02 #sixth-block .b6-photo { aspect-ratio: 1.5; }
  body.next67-02 #sixth-block .b6-heading,
  body.next67-02 #sixth-block .b6-stats,
  body.next67-02 #sixth-block .b6-action { border-left: 0; border-right: 0; background: transparent; }
  body.next67-02 #sixth-block .b6-heading { padding: 29px 0 27px; border-top: 0; }
  body.next67-02 #sixth-block .b6-stats { padding: 0; gap: 0 20px; }
  body.next67-02 #sixth-block .b6-stat { padding: 20px 0; }
  body.next67-02 #sixth-block .b6-action { padding: 12px 0 0; border-bottom: 0; }
  body.next67-03 #sixth-block .b6-shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto; }
  body.next67-03 #sixth-block .b6-heading { padding: 26px 0 29px; grid-column: 1; }
  body.next67-03 #sixth-block .b6-stats { grid-column: 1; }
  body.next67-03 #sixth-block .b6-stat { padding: 21px 0 21px 20px; }
  body.next67-03 #sixth-block .b6-stat:first-child,
  body.next67-03 #sixth-block .b6-stat:nth-child(3) { padding-left: 0; padding-right: 16px; }
  body.next67-03 #sixth-block .b6-photo { grid-column: 1; grid-row: 3; min-height: 0; aspect-ratio: 1.35; margin-top: 27px; }
  body.next67-03 #sixth-block .b6-action { grid-column: 1; grid-row: 4; margin-top: 0; padding: 27px 0 0; background: transparent; border: 0; }
}
@media (max-width: 370px) {
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block { padding-right: 18px; padding-left: 18px; }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stats { grid-template-columns: minmax(0, 1fr); }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-stat dt { font-size: 34px; }
  body.next67-03 #sixth-block .b6-stat { padding: 21px 0; border-right: 0; }
  body.next67-03 #sixth-block .b6-stat + .b6-stat { border-top: 1px solid #645441; }
  body.next67-03 #sixth-block .b6-stat:first-child,
  body.next67-03 #sixth-block .b6-stat:nth-child(3) { padding-right: 0; }
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta { gap: 12px; padding-right: 16px; padding-left: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body:is(.next67-01, .next67-02, .next67-03) #sixth-block .b6-cta { transition: none; animation: none; }
}


/* WhiteResort / seventh block / three warm dark compositions.
   Coordinate contract: the map, image and original SVG remain square,
   share the same containing box and have no crop, transform or filter. */
body:is(.next67-01,.next67-02,.next67-03) #seventh-block {
  --b7-ink:#f5eee1;
  --b7-brass:#c5a46b;
  padding:88px clamp(22px,5vw,80px) 94px;
  background:#2a221d;
  background-image:none;
  color:#f5eee1;
  border-top:1px solid #c5a46b38;
  font-family:'Manrope',Arial,sans-serif;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-shell {
  width:100%;max-width:1440px;min-width:0;margin:0 auto;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-body {display:contents}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-heading {min-width:0;padding:0}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-heading h2 {
  margin:0;color:#f5eee1;
  font-family:'Jost','Manrope',Arial,sans-serif;
  font-size:clamp(34px,3.25vw,52px);font-weight:400;line-height:1.13;
  letter-spacing:-.025em;text-wrap:pretty;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-map {
  position:relative;aspect-ratio:1/1;width:100%;height:auto;min-width:0;
  padding:0;border:1px solid #c5a46b70;border-radius:0;
  background:#211c18;box-shadow:0 18px 40px #130f0b40;
  align-self:start;overflow:hidden;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-map-open {
  position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1;
  padding:0;border:0;border-radius:0;background:#211c18;
  overflow:hidden;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-map-image {
  display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1/1;
  object-fit:contain;object-position:center;filter:none;transform:none;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-map-overlay {
  position:absolute;inset:0;width:100%;height:100%;transform:none;
  pointer-events:none;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zoom {
  right:16px;bottom:16px;width:48px;height:48px;
  border:1px solid #c5a46b;background:#211c18;color:#f5eee1;
  box-shadow:0 3px 12px #211c1860;border-radius:50%;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-legend {
  min-width:0;align-self:stretch;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone {
  position:relative;min-width:0;margin:0;padding:0;border:1px solid #c5a46b40;
  border-radius:0;background:#211c18;color:#f5eee1;text-align:left;
  overflow:hidden;box-shadow:none;
  transition:background .2s,border-color .2s;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone-photo {
  display:block;width:100%;max-width:100%;height:100%;max-height:none;
  object-fit:cover;filter:none;border-radius:0;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone-title {
  display:block;min-width:0;align-self:center;
  font-family:'Manrope',Arial,sans-serif;font-size:20px;font-weight:400;
  line-height:1.45;letter-spacing:-.025em;color:#f5eee1;
  overflow-wrap:normal;word-break:normal;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone-mark {
  position:absolute;right:14px;bottom:14px;width:9px;height:9px;
  border:1px solid #c5a46b;background:transparent;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone[data-zone=village] .b7-zone-mark {
  border-color:#cabca6;background:transparent;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone:is(:hover,.is-active,[aria-pressed=true]) {
  background:#393127;border-color:#c5a46b;box-shadow:none;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone:is(.is-active,[aria-pressed=true]) .b7-zone-mark {
  background:#c5a46b;box-shadow:0 0 0 3px #c5a46b26;
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block button:focus-visible {
  outline:3px solid #c5a46b;outline-offset:4px;
}
/* 01: architectural atlas. A compact editorial rail beside the whole plan. */
body.next67-01 #seventh-block .b7-shell {
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  grid-template-areas:'heading map' 'legend map';
  gap:42px 56px;align-items:start;
}
body.next67-01 #seventh-block .b7-heading {grid-area:heading;padding-top:8px}
body.next67-01 #seventh-block .b7-map {grid-area:map;outline:8px solid #211c18;outline-offset:0}
body.next67-01 #seventh-block .b7-legend {
  grid-area:legend;display:flex;flex-direction:column;gap:20px;align-self:end;
}
body.next67-01 #seventh-block .b7-zone {
  display:grid;grid-template-columns:36% minmax(0,1fr);min-height:164px;
}
body.next67-01 #seventh-block .b7-zone-photo {min-height:164px}
body.next67-01 #seventh-block .b7-zone-title {padding:22px 26px 30px 22px}
/* 02: an expansive plan sheet with a paired photographic legend beneath. */
body.next67-02 #seventh-block {background:#211c18;padding-top:92px}
body.next67-02 #seventh-block .b7-shell {
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'map' 'legend';
  gap:32px;align-items:start;max-width:1280px;
}
body.next67-02 #seventh-block .b7-heading {grid-area:heading;max-width:960px;padding-bottom:18px}
body.next67-02 #seventh-block .b7-heading h2 {font-size:clamp(35px,3.6vw,56px)}
body.next67-02 #seventh-block .b7-map {grid-area:map;border-color:#c5a46b70;box-shadow:none}
body.next67-02 #seventh-block .b7-legend {
  grid-area:legend;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;
}
body.next67-02 #seventh-block .b7-zone {
  display:grid;grid-template-columns:39% minmax(0,1fr);min-height:180px;
  background:#2a221d;border:0;border-bottom:1px solid #c5a46b70;
}
body.next67-02 #seventh-block .b7-zone-photo {min-height:180px}
body.next67-02 #seventh-block .b7-zone-title {padding:28px 30px 36px}
/* 03: a club brochure grid. Tall type, a raised plan and two broad legend bands. */
body.next67-03 #seventh-block {background:#2a221d;padding-top:86px}
body.next67-03 #seventh-block .b7-shell {
  display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  grid-template-areas:'heading map' 'legend legend';gap:42px 76px;align-items:center;
}
body.next67-03 #seventh-block .b7-heading {
  grid-area:heading;align-self:center;padding:32px 0;border-top:1px solid #c5a46b80;
  border-bottom:1px solid #c5a46b40;
}
body.next67-03 #seventh-block .b7-heading h2 {font-size:clamp(36px,3.3vw,52px);line-height:1.17}
body.next67-03 #seventh-block .b7-map {grid-area:map;box-shadow:14px 14px 0 #211c18}
body.next67-03 #seventh-block .b7-legend {
  grid-area:legend;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  border-top:1px solid #c5a46b50;border-bottom:1px solid #c5a46b50;
}
body.next67-03 #seventh-block .b7-zone {
  display:grid;grid-template-columns:32% minmax(0,1fr);min-height:150px;
  border:0;background:#211c18;
}
body.next67-03 #seventh-block .b7-zone + .b7-zone {border-left:1px solid #c5a46b50}
body.next67-03 #seventh-block .b7-zone-photo {min-height:150px}
body.next67-03 #seventh-block .b7-zone-title {padding:24px 40px 32px 28px}
@media(max-width:1100px) {
  body.next67-01 #seventh-block .b7-shell {gap:30px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
  body.next67-01 #seventh-block .b7-zone {grid-template-columns:31% minmax(0,1fr);min-height:160px}
  body.next67-01 #seventh-block .b7-zone-title {padding:18px 22px 28px 18px;font-size:18px}
  body.next67-03 #seventh-block .b7-shell {gap:32px 42px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  body.next67-03 #seventh-block .b7-heading h2 {font-size:38px}
  body.next67-03 #seventh-block .b7-zone-title {font-size:18px;padding:20px 28px 30px 20px}
  body.next67-02 #seventh-block .b7-zone-title {font-size:18px;padding:24px 24px 32px}
}
@media(max-width:900px) {
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block {padding:64px 30px 72px}
  body.next67-01 #seventh-block .b7-shell {
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'heading heading' 'map map' 'legend legend';gap:30px;
  }
  body.next67-01 #seventh-block .b7-heading {max-width:680px;padding:0}
  body.next67-01 #seventh-block .b7-legend {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body.next67-01 #seventh-block .b7-zone {grid-template-columns:minmax(0,1fr);grid-template-rows:180px auto}
  body.next67-01 #seventh-block .b7-zone-photo {height:180px;min-height:0}
  body.next67-01 #seventh-block .b7-zone-title {padding:22px 28px 30px 22px;align-self:start}
  body.next67-02 #seventh-block .b7-zone {grid-template-columns:minmax(0,1fr);grid-template-rows:200px auto}
  body.next67-02 #seventh-block .b7-zone-photo {height:200px;min-height:0}
  body.next67-03 #seventh-block .b7-shell {gap:30px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
  body.next67-03 #seventh-block .b7-heading {padding:24px 0}
  body.next67-03 #seventh-block .b7-heading h2 {font-size:32px}
  body.next67-03 #seventh-block .b7-zone {grid-template-columns:30% minmax(0,1fr);min-height:176px}
}
@media(max-width:620px) {
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block {padding:48px 20px 54px}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-shell {
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'map' 'legend';gap:26px;
  }
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-heading {
    grid-area:heading;grid-column:auto;grid-row:auto;padding:0;border:0;
  }
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-map {
    grid-area:map;grid-column:auto;grid-row:auto;box-shadow:none;outline:0;
  }
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-legend {
    grid-area:legend;grid-column:auto;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border:0;
  }
  /* Explicit placements must be reapplied after clearing columns and rows. */
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-heading {grid-area:heading}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-map {grid-area:map}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-legend {grid-area:legend}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-heading h2 {font-size:33px;line-height:1.17;letter-spacing:-.025em}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone {
    display:grid;grid-template-columns:31% minmax(0,1fr);grid-template-rows:auto;
    min-height:156px;border:1px solid #c5a46b40;
  }
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone-photo {height:100%;min-height:156px}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone-title {align-self:center;font-size:18px;line-height:1.45;padding:18px 21px 26px 16px}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zoom {right:10px;bottom:10px;width:44px;height:44px}
  body.next67-02 #seventh-block .b7-heading {padding-bottom:4px}
  body.next67-03 #seventh-block .b7-zone {background:#211c18;border-width:0 0 1px;grid-template-columns:27% minmax(0,1fr)}
  body.next67-03 #seventh-block .b7-zone + .b7-zone {border-left:0}
}
@media(max-width:350px) {
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block {padding:42px 18px 46px}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-heading h2 {font-size:29px}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone {grid-template-columns:28% minmax(0,1fr)}
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone-title {padding-left:14px;padding-right:18px;font-size:18px}
}
body:is(.next67-01,.next67-02,.next67-03) #seventh-block [hidden] {display:none!important}
@media(prefers-reduced-motion:reduce) {
  body:is(.next67-01,.next67-02,.next67-03) #seventh-block .b7-zone {transition:none}
}
body:is(.next67-01,.next67-02,.next67-03) #sixth-block .b6-cta svg{
box-sizing:content-box;padding:0;border:0;border-radius:0;background:none;color:inherit;fill:none;stroke:currentColor;stroke-width:1.6;transform:none}