/* PMM Round 61 | unified Nordic-inspired typography, navigation and NOMAD hero.
   Extends Round 60. All model data, prices, links and images stay unchanged. */
:root {
  --pmm61-ink: #17382e;
  --pmm61-copy: #374f44;
  --pmm61-muted: #52695d;
  --pmm61-cream: #f5f1e8;
  --pmm61-gold: #e9d1a2;
}
/* One editorial font family and a restrained dark-green/cream palette throughout
   all Homes & Construction collections. Do not recolor dark hero text or prices. */
html.pmm-builder-shell body.pmm-home,
html.pmm-builder-shell body.pmm-modern,
html.pmm-builder-shell body.pmm-eco {
  font-family: var(--pmm-editorial-body, "Avenir Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif) !important;
  color: var(--pmm61-ink);
}
html.pmm-builder-shell body :is(h1,h2,h3):not(.eco45-modal-title) {
  font-family: var(--pmm-editorial-serif, "Iowan Old Style", Baskerville, Georgia, serif) !important;
  font-weight: 400 !important;
}
html.pmm-builder-shell :is(.nomad-intro,.nomad-story,.nomad-gallery,.nomad-transport-copy,.nomad-closing,.tn-overview,.tn-section-head,.tn-card-body,.r39-card-body,.r43-luxe-body) p {
  font-family: var(--pmm-editorial-body, "Avenir Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif) !important;
  color: var(--pmm61-copy) !important;
  line-height: 1.73 !important;
}
html.pmm-builder-shell .nomad-page .nomad-gallery-head p,
html.pmm-builder-shell .tn-page .tn-section-head p,
html.pmm-builder-shell .tn-page .tn-overview p {
  color: var(--pmm61-copy) !important;
}
/* NOMAD had its own white masthead. Match the dark Nordic masthead exactly. */
html.pmm-builder-shell body.nomad-page > header.topbar {
  background: #0d2921 !important;
  color: #f5f4ed !important;
  border-color: rgba(239,232,209,.16) !important;
}
html.pmm-builder-shell body.nomad-page > header.topbar .brand-name,
html.pmm-builder-shell body.nomad-page > header.topbar .brand-sub {
  color: #f4f4ed !important;
}
html.pmm-builder-shell body.nomad-page > header.topbar .brand-sub { color: #b8c9bd !important; }
html.pmm-builder-shell body.nomad-page > header.topbar .nav-links { background: transparent !important; }
html.pmm-builder-shell body.nomad-page > header.topbar .nav-links a {
  color: #e6eee7 !important;
  background: transparent !important;
}
html.pmm-builder-shell body.nomad-page > header.topbar .nav-links a:hover,
html.pmm-builder-shell body.nomad-page > header.topbar .nav-links a:focus-visible {color: var(--pmm61-gold) !important;}
html.pmm-builder-shell body .topbar .nav-links a[aria-current="page"] {
  color: var(--pmm61-gold) !important;
  border-bottom: 1px solid #d5b67d !important;
  background: transparent !important;
}
/* NOMAD hero now follows Nordic's editorial composition: measured serif headline,
   centrally composed copy and a comfortable, matching container inset. */
html.pmm-builder-shell body.nomad-page .nomad-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 680px !important;
  height: auto !important;
}
html.pmm-builder-shell body.nomad-page .nomad-hero-inner {
  width: min(1240px, calc(100% - 50px)) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding: 87px 0 85px !important;
  box-sizing: border-box;
}
html.pmm-builder-shell body.nomad-page .nomad-hero h1 {
  font-size: clamp(53px, 5vw, 76px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  margin: 20px 0 22px !important;
  max-width: 830px !important;
  color: #fff !important;
}
html.pmm-builder-shell body.nomad-page .nomad-hero p {
  font-size: clamp(18px, 1.4vw, 21px) !important;
  line-height: 1.66 !important;
  color: #f4f4ee !important;
  max-width: 600px !important;
  margin: 0 !important;
}
html.pmm-builder-shell body.nomad-page .nomad-hero .nomad-kicker {
  color: var(--pmm61-gold) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  line-height: 1.5 !important;
}
/* Turn NOMAD's outlined badges into Nordic-style quiet editorial facts. */
html.pmm-builder-shell body.nomad-page .nomad-use-line {
  margin-top: 31px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px 0 !important;
}
html.pmm-builder-shell body.nomad-page .nomad-use-line span {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #f0dfbe !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .065em !important;
}
html.pmm-builder-shell body.nomad-page .nomad-use-line span + span::before {
  content: "•";
  padding: 0 17px;
  color: #c7ae7e;
}
/* NOMAD prose and specs use the same restrained contrast as Nordic listings. */
html.pmm-builder-shell body.nomad-page :is(.nomad-intro,.nomad-story,.nomad-transport-copy,.nomad-closing) h2,
html.pmm-builder-shell body.tn-page :is(.tn-overview,.tn-section-head,.tn-choice) h2 {
  color: var(--pmm61-ink) !important;
}
html.pmm-builder-shell body.nomad-page .nomad-spec > span {
  color: var(--pmm61-muted) !important;
  font-size: 14.5px !important;
  font-weight: 650 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
}
/* Consistent, elegant masthead in small screens: no hamburger, all original links
   kept in a single horizontally scrollable row with clear active-state marking.
   The header scrolls with the page, never takes a third of the screen. */
@media (max-width: 760px) {
  html.pmm-builder-shell body > header.topbar,
  html.pmm-builder-shell body.nomad-page > header.topbar {
    position: relative !important;
    top: auto !important;
  }
  html.pmm-builder-shell body > header.topbar .nav,
  html.pmm-builder-shell body.nomad-page > header.topbar .nomad-nav {
    width: calc(100% - 36px) !important;
    max-width: none !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    padding: 11px 0 4px !important;
    margin: 0 auto !important;
  }
  html.pmm-builder-shell body > header.topbar .nav > .brand {
    display: block !important;
    align-self: flex-start !important;
    max-width: calc(100% - 112px) !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
    text-align: left !important;
  }
  html.pmm-builder-shell body > header.topbar .nav .brand-name {
    font-size: 17px !important;
    text-align: left !important;
    line-height: 1.15 !important;
  }
  html.pmm-builder-shell body > header.topbar .nav .brand-sub {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: .12em !important;
  }
  html.pmm-builder-shell body > header.topbar .nav > nav.nav-links,
  html.pmm-builder-shell body.nomad-page .nomad-nav > nav.nav-links {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 49px !important;
    flex: none !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  html.pmm-builder-shell body > header.topbar .nav > nav.nav-links::-webkit-scrollbar {display:none;}
  html.pmm-builder-shell body > header.topbar .nav > nav.nav-links > a {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 40px !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    padding: 10px 0 9px !important;
    margin: 0 !important;
    scroll-snap-align:start;
  }
  html.pmm-builder-shell body.nomad-page .nomad-nav .pmm-nomad-mobile-menu {display:none !important;}
  html.pmm-builder-shell body.nomad-page .nomad-hero {
    min-height: 595px !important;
    height: auto !important;
    align-items: center !important;
  }
  html.pmm-builder-shell body.nomad-page .nomad-hero-inner {
    width: calc(100% - 36px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 62px 0 58px !important;
  }
  html.pmm-builder-shell body.nomad-page .nomad-hero h1 {
    font-size: clamp(41px, 9vw, 62px) !important;
    line-height: 1.08 !important;
    margin: 15px 0 18px !important;
  }
  html.pmm-builder-shell body.nomad-page .nomad-hero p {
    font-size: 18px !important;
    line-height: 1.66 !important;
    max-width: 600px !important;
  }
  html.pmm-builder-shell body.nomad-page .nomad-use-line {margin-top: 26px !important;}
  html.pmm-builder-shell body.nomad-page .nomad-use-line span {font-size: 11px !important;}
  html.pmm-builder-shell body.nomad-page .nomad-use-line span + span::before {padding: 0 9px;}
  html.pmm-builder-shell body.nomad-page .nomad-spec > span {font-size:14px !important;}
}
@media (max-width: 360px) {
  html.pmm-builder-shell body.nomad-page .nomad-hero-inner {width:calc(100% - 36px) !important;padding:45px 0 43px !important;}
  html.pmm-builder-shell body.nomad-page .nomad-hero {min-height:545px !important;}
  html.pmm-builder-shell body.nomad-page .nomad-hero p {font-size:17px !important;line-height:1.61 !important;}
  html.pmm-builder-shell body.nomad-page .nomad-use-line span + span::before {padding: 0 6px;}
}