/**
 * Ideal Spaces homepage — latest Podcast + News
 * Version 1.0.11.23
 * Scope: homepage only. Compact cards with deliberate breathing room.
 */
body.home.is-modern-ui-test,
body.home.is-modern-ui-test #page,
body.home.is-modern-ui-test .site-content,
body.home.is-modern-ui-test #content,
body.home.is-modern-ui-test main,
body.home.is-modern-ui-test article.page,
body.home.is-modern-ui-test .entry-content {
  background-color: #f5f3ef !important;
}

body.home.is-modern-ui-test .iswg-hero-slider {
  margin-bottom: 0 !important;
}

body.home.is-modern-ui-test .ismui-home-latest {
  position: relative !important;
  z-index: 2 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 84px 32px 104px !important;
  color: #182435 !important;
  background: linear-gradient(180deg, #f5f3ef 0%, #ffffff 100%) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-inner {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
}

body.home.is-modern-ui-test .ismui-home-latest-heading {
  margin: 0 0 36px !important;
}

body.home.is-modern-ui-test .ismui-home-latest-heading > p {
  margin: 0 0 10px !important;
  color: #607087 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

body.home.is-modern-ui-test .ismui-home-latest-heading > h2 {
  margin: 0 !important;
  color: #182435 !important;
  font-family: inherit !important;
  font-size: clamp(34px, 3.3vw, 46px) !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
}

body.home.is-modern-ui-test .ismui-home-latest-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 34px !important;
}

body.home.is-modern-ui-test .ismui-home-latest-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 232px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 30px rgba(30, 45, 64, .11) !important;
  transition: transform 260ms ease, box-shadow 260ms ease !important;
}

body.home.is-modern-ui-test .ismui-home-latest-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 38px rgba(30, 45, 64, .16) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-card--podcast {
  background: linear-gradient(112deg, #29466f 0%, #335482 52%, #6685ad 100%) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-card--news {
  background: linear-gradient(112deg, #65213f 0%, #7b3150 52%, #b66f87 100%) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-link {
  display: grid !important;
  grid-template-columns: minmax(175px, 40%) minmax(0, 60%) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 232px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

body.home.is-modern-ui-test .ismui-home-latest-media {
  position: relative !important;
  min-width: 0 !important;
  min-height: 232px !important;
  overflow: hidden !important;
  background: rgba(10, 20, 34, .18) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 72%, rgba(22, 34, 50, .18) 100%) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 232px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 600ms cubic-bezier(.2,.7,.2,1) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-card:hover .ismui-home-latest-media img {
  transform: scale(1.025) !important;
}

body.home.is-modern-ui-test .ismui-home-latest-media--empty::before {
  content: "Ideal Spaces" !important;
  position: absolute !important;
  left: 22px !important;
  bottom: 20px !important;
  color: rgba(255, 255, 255, .62) !important;
  font-family: inherit !important;
  font-size: 21px !important;
}

body.home.is-modern-ui-test .ismui-home-latest-content {
  position: relative !important;
  min-width: 0 !important;
  padding: 25px 26px 50px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: #ffffff !important;
}

body.home.is-modern-ui-test .ismui-home-latest-kicker {
  margin: 0 0 11px !important;
  color: rgba(255, 255, 255, .72) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.home.is-modern-ui-test .ismui-home-latest-content h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 0 11px !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: clamp(22px, 1.7vw, 27px) !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
}

body.home.is-modern-ui-test .ismui-home-latest-content p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .80) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

body.home.is-modern-ui-test .ismui-home-latest-explore {
  position: absolute !important;
  left: 26px !important;
  bottom: 20px !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transition: transform 240ms ease !important;
}

body.home.is-modern-ui-test .ismui-home-latest-card:hover .ismui-home-latest-explore {
  transform: translateX(4px) !important;
}

@media only screen and (max-width: 900px) {
  body.home.is-modern-ui-test .ismui-home-latest {
    padding: 66px 28px 86px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-inner {
    width: min(650px, 100%) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-card {
    width: 100% !important;
    max-width: 590px !important;
    margin-inline: auto !important;
  }
}

@media only screen and (max-width: 600px) {
  body.home.is-modern-ui-test .ismui-home-latest {
    padding: 52px 22px 74px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-inner {
    width: 100% !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading {
    margin-bottom: 28px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading > p {
    margin-bottom: 8px !important;
    font-size: 10px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading > h2 {
    font-size: 32px !important;
    line-height: 1.04 !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-grid {
    gap: 28px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-card,
  body.home.is-modern-ui-test .ismui-home-latest-link {
    min-height: 0 !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-card {
    width: 100% !important;
    max-width: 430px !important;
    margin-inline: auto !important;
    box-shadow: 0 10px 24px rgba(30, 45, 64, .10) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-link {
    grid-template-columns: 1fr !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media,
  body.home.is-modern-ui-test .ismui-home-latest-media img {
    min-height: 0 !important;
    height: 148px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media::after {
    background: linear-gradient(180deg, transparent 72%, rgba(22, 34, 50, .16) 100%) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content {
    min-height: 164px !important;
    padding: 20px 20px 48px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-kicker {
    margin-bottom: 9px !important;
    font-size: 9px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content h3 {
    margin-bottom: 9px !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content p {
    font-size: 13px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-explore {
    left: 20px !important;
    bottom: 18px !important;
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 390px) {
  body.home.is-modern-ui-test .ismui-home-latest {
    padding-inline: 18px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading > h2 {
    font-size: 29px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media,
  body.home.is-modern-ui-test .ismui-home-latest-media img {
    height: 136px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content h3 {
    font-size: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home.is-modern-ui-test .ismui-home-latest-card,
  body.home.is-modern-ui-test .ismui-home-latest-media img,
  body.home.is-modern-ui-test .ismui-home-latest-explore {
    transition: none !important;
  }
}


/* ============================================================
   v1.0.11.23 — HOMEPAGE FOOTER FLOW REPAIR
   The original landing page was designed for a hero-only page and its footer
   can remain positioned against the old short page height. The dynamically
   inserted Latest section therefore appeared beneath the footer. On Home only,
   return the footer to normal document flow after the cards.
   ============================================================ */
body.home.is-modern-ui-test .ismui-home-latest {
  display: block !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
  overflow: visible !important;
  isolation: isolate !important;
}

body.home.is-modern-ui-test .ismui-home-latest::after,
body.home.is-modern-ui-test .entry-content::after,
body.home.is-modern-ui-test main::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

body.home.is-modern-ui-test footer,
body.home.is-modern-ui-test #colophon,
body.home.is-modern-ui-test .site-footer,
body.home.is-modern-ui-test .mainFooter {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin-top: 0 !important;
  transform: none !important;
  z-index: 3 !important;
}

body.home.is-modern-ui-test #page,
body.home.is-modern-ui-test .site,
body.home.is-modern-ui-test .site-content,
body.home.is-modern-ui-test #content,
body.home.is-modern-ui-test main,
body.home.is-modern-ui-test article.page,
body.home.is-modern-ui-test .entry-content {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* ============================================================
   v1.0.11.41 — MOBILE-ONLY LATEST CARDS
   Compact horizontal editorial cards. The complete source image is always
   visible with object-fit: contain. Header, menu, hero, desktop cards and
   footer are intentionally outside this scope.
   ============================================================ */
@media only screen and (max-width: 600px) {
  body.home.is-modern-ui-test .ismui-home-latest {
    padding: 44px 20px 62px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading {
    margin-bottom: 22px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading > p {
    margin-bottom: 7px !important;
    font-size: 9px !important;
    letter-spacing: .14em !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading > h2 {
    font-size: 29px !important;
    line-height: 1.05 !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-grid {
    gap: 18px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-card {
    width: 100% !important;
    max-width: 480px !important;
    min-height: 166px !important;
    margin-inline: auto !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(30, 45, 64, .10) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-link {
    display: grid !important;
    grid-template-columns: 124px minmax(0, 1fr) !important;
    align-items: stretch !important;
    min-height: 166px !important;
    height: auto !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 166px !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .07) !important;
    border-right: 1px solid rgba(255, 255, 255, .13) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media::after {
    display: none !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media img {
    position: absolute !important;
    inset: 12px !important;
    display: block !important;
    width: calc(100% - 24px) !important;
    height: calc(100% - 24px) !important;
    min-height: 0 !important;
    max-width: calc(100% - 24px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-card:hover .ismui-home-latest-media img {
    transform: none !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content {
    min-width: 0 !important;
    min-height: 166px !important;
    padding: 17px 15px 43px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-kicker {
    margin-bottom: 8px !important;
    font-size: 8px !important;
    letter-spacing: .13em !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content h3 {
    margin-bottom: 0 !important;
    font-size: 19px !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 3 !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content p {
    display: none !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-explore {
    left: 15px !important;
    bottom: 16px !important;
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 390px) {
  body.home.is-modern-ui-test .ismui-home-latest {
    padding: 40px 18px 58px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-heading > h2 {
    font-size: 27px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-card,
  body.home.is-modern-ui-test .ismui-home-latest-link,
  body.home.is-modern-ui-test .ismui-home-latest-media,
  body.home.is-modern-ui-test .ismui-home-latest-content {
    min-height: 154px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-link {
    grid-template-columns: 108px minmax(0, 1fr) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-media img {
    inset: 10px !important;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content {
    padding: 15px 14px 40px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content h3 {
    font-size: 18px !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-explore {
    left: 14px !important;
    bottom: 14px !important;
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 340px) {
  body.home.is-modern-ui-test .ismui-home-latest-link {
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }

  body.home.is-modern-ui-test .ismui-home-latest-content h3 {
    font-size: 17px !important;
  }
}

/* ============================================================
   v1.0.11.43 — DESKTOP LATEST / FOOTER BREATHING ROOM
   The general Home rule in header-overlay-menu.css zeroes padding on the last
   child of .entry-content. The dynamically inserted Latest section is that
   last child, so its intended bottom padding was being removed. Restore only
   the desktop bottom space; mobile cards and every other site component remain
   untouched.
   ============================================================ */
@media only screen and (min-width: 901px) {
  body.home.is-modern-ui-test .entry-content > .ismui-home-latest:last-child,
  body.home.is-modern-ui-test article.page > .ismui-home-latest:last-child,
  body.home.is-modern-ui-test main.site-main > .ismui-home-latest:last-child {
    padding-bottom: 104px !important;
  }
}