/* Round 04: architectural context, scoped to the lifestyle section. */
.lifestyle.architectural-lifestyle { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; min-height: 0; padding: 0; background: #272a25; color: #f3f2ed; }
.lifestyle.architectural-lifestyle::after { display: none; }
.lifestyle.architectural-lifestyle .lifestyle-media { position: relative; inset: auto; z-index: auto; grid-column: 1; grid-row: 2; width: 100%; height: min(138vw, 580px); max-height: none; aspect-ratio: auto; background: #272a25; }
.lifestyle.architectural-lifestyle .lifestyle-media > img { width: 100%; height: 100%; object-fit: contain; object-position: center; filter: none; }
.lifestyle.architectural-lifestyle .lifestyle-copy { grid-column: 1; grid-row: 1; min-width: 0; padding: 2.5rem 1.25rem 2rem; }
.lifestyle.architectural-lifestyle h2 { font-size: clamp(2.3rem, 8.7vw, 3.5rem); line-height: 1.02; letter-spacing: -.055em; margin: 0; }
.lifestyle.architectural-lifestyle h2 > span { display: block; }
.lifestyle.architectural-lifestyle .lifestyle-description { margin-top: 1.25rem; max-width: 29rem; font-size: .9rem; line-height: 1.8; color: #d3d5cc; }
.lifestyle.architectural-lifestyle .lifestyle-description strong { color: #f3f2ed; font-weight: 500; }
.lifestyle.architectural-lifestyle .lifestyle-foot { position: static; grid-column: 1; grid-row: 3; margin: 0; padding: 1.25rem; font-size: .625rem; letter-spacing: .05em; color: #d3d5cc; }
.lifestyle.architectural-lifestyle .placeholder { background: #272a25; background-image: none; }
.lifestyle.architectural-lifestyle .placeholder-caption { color: #f3f2ed; position: static; font-size: .875rem; }
@media (min-width: 768px) {
  .lifestyle.architectural-lifestyle { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
  .lifestyle.architectural-lifestyle .lifestyle-media { grid-column: 1; grid-row: 1 / 3; height: clamp(470px, 45vw, 660px); }
  .lifestyle.architectural-lifestyle .lifestyle-copy { grid-column: 2; grid-row: 1; align-self: end; padding: 3rem clamp(1.5rem, 4vw, 5rem) 1.5rem; }
  .lifestyle.architectural-lifestyle h2 { font-size: clamp(2rem, 4.1vw, 4.75rem); }
  .lifestyle.architectural-lifestyle .lifestyle-description { margin-top: 1.75rem; }
  .lifestyle.architectural-lifestyle .lifestyle-foot { grid-column: 2; grid-row: 2; align-self: start; padding: 0 clamp(1.5rem, 4vw, 5rem) 3rem; }
}
@media (min-width: 1600px) {
  .lifestyle.architectural-lifestyle { padding-inline: max(0px, calc((100% - 1680px) / 2)); }
}
/* Future approved landscape asset: switch only data-format and manifest source. */
.lifestyle.architectural-lifestyle[data-format="wide"] .lifestyle-media { grid-column: 1 / -1; grid-row: 2; height: auto; aspect-ratio: 16 / 9; }
.lifestyle.architectural-lifestyle[data-format="wide"] .lifestyle-copy { grid-column: 1 / -1; grid-row: 1; }
.lifestyle.architectural-lifestyle[data-format="wide"] .lifestyle-foot { grid-column: 1 / -1; grid-row: 3; padding-top: 1.25rem; }