
@font-face { font-family: Display; src: url('/assets/living-hero-display.c61121326019.woff2'); font-display: swap;}
@font-face { font-family: Sans; src: url('/assets/living-hero-sans.55414fb29b24.woff2'); font-weight: 400 700; font-display: swap;}
.home-living > .preview-bar,
.home-living > .wrap > .nav,
.home-living main > .hero,
.home-living .hero-stats { display: none; }
.home-living gbm-living-hero { display: block; background: #091410; }
.preview-status { font-size: 12px; line-height: 1.6; padding: 10px 0; border-top: 1px solid #203d3322; border-bottom: 1px solid #203d3322; margin: 12px 0; }
.preview-status summary { cursor: pointer; }
.scope-summary p { margin: 12px 0; }
.discovery-nav { display: flex; gap: 24px; flex-wrap: wrap; padding: 12px 0; font-size: 13px; }
.home-living .section-head { background: #183b32; color: #f4f0e5; padding: 28px 32px; border-left: 3px solid #c8a660; align-items: center; margin: 16px 0 24px; }
.home-living .section-head p { color: #e1ddce; }
.home-living .section-head h2 { font-size: 42px; }
.home-living .filters { scrollbar-color: #9eac99 #e6e6d9; scrollbar-width: thin; }
@media (min-width: 1600px) {
  .home-living .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .home-living > .wrap { max-width: none; padding-left: clamp(24px, 5.2vw, 90px); padding-right: clamp(24px, 5.2vw, 90px); }
}
@media (max-width: 760px) {
  .home-living main > .hero-foot { flex-wrap: wrap; gap: 12px 20px; }
  .home-living main > .hero-foot span { white-space: nowrap; }
  .home-living main > .hero-foot span:last-child { display: none; }
}
@media (max-width: 389px) {
  .home-living .discovery-nav { flex-wrap: wrap; gap: 4px 16px; }
  .home-living .discovery-nav a { white-space: nowrap; }
}
@media (max-width: 900px) {
  .home-living .tools .search { width: 100%; max-width: none; min-width: 0; }
  .home-living .search input { width: 100%; min-width: 0; }
}
@media (max-width: 700px) {
  .home-living .section-head { padding: 24px; }
  .home-living .section-head h2 { font-size: 34px; }
  .discovery-nav { gap: 18px; }
  .home-living .filter { font-size: 12px; min-height: 44px; }
  .home-living .card p { font-size: 12px; line-height: 1.6; }
}

/* The complete hero is server-rendered and reserves its viewport before JS. */
.home-living gbm-living-hero{min-height:100svh;width:100%;contain:style}.home-living>.wrap{display:flow-root;min-height:100svh}.directory-more{display:flex;justify-content:center;margin:32px 0}.directory-more[hidden]{display:none}.directory-more button{min-height:48px;padding:14px 24px;background:#173d33;color:#f4f0e5;border:1px solid #173d33;font:600 14px Arial,sans-serif}
