:root{
  --hi-project1-text-gutter:clamp(18px, 2.6vw, 28px);
  --project1-visual-title-gap:48px;
  --project1-static-gap-bottom:34px;
  --project1-plan-title-gap:34px;
  --project1-floorplan-padding-top:16px;
  --project1-floorplan-shift-up:40px;
  --project1-floorplan-padding-bottom:96px;
}
@media (min-width:901px){
  
  .project-intro .section-title{ text-align:center; margin-left:auto; margin-right:auto; }
  .project-floorplan .section-title,
  .project-visualization-title .section-title{ font-size:clamp(28px, 2.15vw, 34px) !important; line-height:1.14 !important; }
  .project-album-roomtitle{ font-size:22px !important; line-height:1.22 !important; font-weight:600 !important; letter-spacing:.2px !important; }
}
.project-intro-copy{ margin:0; }
.project-intro-copy p{ margin:0 0 16px; font-size:16px; line-height:1.72; color:var(--hi-text-dim); opacity:1; }
.project-intro-copy p + p{ margin-top:12px; }
.project-intro-copy p:last-child{ margin-bottom:0; }
.project-intro .project-breadcrumb{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px 10px !important;
  width:100% !important;
  margin:0 auto 16px !important;
  text-align:center !important;
  color:rgba(255,255,255,.72) !important;
  opacity:.75 !important;
}
.project-intro .project-breadcrumb a,
.project-intro .project-breadcrumb span{ color:inherit !important; }
.project-intro .project-breadcrumb a{
  text-decoration:none !important;
  border-bottom:1px solid transparent !important;
  transition:color .18s ease, border-bottom-color .18s ease;
}
.project-intro .project-breadcrumb a:hover,
.project-intro .project-breadcrumb a:focus-visible{
  color:var(--hi-accent) !important;
  border-bottom-color:currentColor !important;
  outline:none;
}
.project-intro .project-breadcrumb .sep{ color:inherit !important; opacity:.45 !important; margin:0 !important; }
.project-intro .project-breadcrumb [aria-current="page"]{ opacity:.96 !important; }
.project-intro h1.section-title,
.project-floorplan .section-title,
.project-floorplan .section-title.section-title--light,
.project-visualization-title .section-title,
.project-album-roomtitle{ color:var(--hi-text) !important; opacity:1 !important; }
.project-meta-list,
.project-meta-list li{ color:var(--hi-text-dim) !important; opacity:1 !important; }
.project-meta-list{ margin-bottom:18px !important; }
.project-meta-list li span{ color:#6b6b6b !important; font-weight:400 !important; opacity:1 !important; }
.project-service-links,
.project-service-links__label{ color:var(--hi-text-dim) !important; opacity:1 !important; }
.project-service-links{ display:block !important; margin-top:18px !important; margin-bottom:0 !important; }
.project-service-links a,
.project-service-links a:visited{
  color:#fff !important;
  opacity:1 !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
  text-decoration-color:rgba(207,200,181,.55) !important;
}
.project-service-links a:hover,
.project-service-links a:focus-visible{ color:var(--hi-accent) !important; text-decoration-color:var(--hi-accent) !important; }
.project-floorplan .section-title{ text-align:center; margin:0 auto var(--project1-plan-title-gap) !important; }
.project-visualization-title{ padding:0 !important; background:transparent !important; }
.project-visualization-title .wrap{ display:flex; justify-content:center; }
.project-visualization-title .section-title{ text-align:center !important; margin:0 auto var(--project1-visual-title-gap) !important; max-width:860px; transform:none !important; }
.project-album-copy{ color:rgba(255,255,255,.82); }
.project-album-copy p{ margin:0; font-size:16px; line-height:1.72; }
.project-album-copy p + p{ margin-top:12px; }
#floorplan{ margin-top:calc(-1 * var(--project1-floorplan-shift-up)) !important; padding-top:var(--project1-floorplan-padding-top) !important; padding-bottom:var(--project1-floorplan-padding-bottom) !important; }
#floorplan .project-floorplan-media{ max-width:1008px !important; margin:0 auto !important; display:flex !important; justify-content:center !important; align-items:center !important; }
#floorplan .project-floorplan-media img{ width:auto !important; height:auto !important; max-width:100% !important; max-height:min(760px, calc(100vh - 210px)) !important; margin:0 auto !important; }
@media (min-width:1361px){
  .project-intro-copy,
  .project-meta-list,
  .project-service-links,
  .project-album-copy{
    width:auto !important;
    max-width:none !important;
    margin-left:calc(50% - 37.5vw + 10px) !important;
    margin-right:calc(50% - 37.5vw + 10px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  .project-album-copy{ margin-bottom:18px !important; }
  .project-visualization-title .wrap{
    width:auto !important;
    max-width:none !important;
    margin-left:calc(50% - 37.5vw) !important;
    margin-right:calc(50% - 37.5vw) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
}
@media (min-width:901px) and (max-width:1360px){
  .project-intro-copy,
  .project-meta-list,
  .project-service-links,
  .project-album-copy{
    width:auto !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw + var(--hi-project1-text-gutter) + 8px) !important;
    margin-right:calc(50% - 50vw + var(--hi-project1-text-gutter) + 8px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  .project-album-copy{ margin-bottom:18px !important; }
  .project-visualization-title .wrap{
    width:auto !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw + var(--hi-project1-text-gutter)) !important;
    margin-right:calc(50% - 50vw + var(--hi-project1-text-gutter)) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
}
@media (min-width:901px){
  .project-meta-list{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:0 28px !important;
    margin-top:22px !important;
  }
  .project-meta-list li{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  .project-meta-list li:last-child{
    flex:1 1 100% !important;
    display:block !important;
    white-space:normal !important;
    max-width:100% !important;
    min-width:0 !important;
    line-height:1.45 !important;
    overflow-wrap:anywhere !important;
  }
  .project-meta-list li:last-child span{
    display:inline !important;
    flex:none !important;
  }
  .project-meta-list li + li::before{ content:none !important; }
  .project-roomnav-static-slot{ margin:0 !important; padding:0 0 var(--project1-static-gap-bottom) !important; display:flex; justify-content:center; }
  .project-roomnav.project-roomnav--static{ position:relative !important; left:auto !important; top:auto !important; bottom:auto !important; transform:none !important; margin:0 auto !important; width:fit-content !important; max-width:calc(100% - 64px) !important; overflow:visible !important; justify-content:center !important; z-index:20; transition:opacity .12s ease; }
  .project-roomnav.project-roomnav--static.is-under-header{ opacity:0 !important; pointer-events:none !important; }
  .project-roomnav.project-roomnav--floating{ transition:opacity .22s ease; will-change:top, opacity; }
  .project-album{ padding-top:0 !important; }
  .project-album-section{ padding-bottom:56px !important; }
  .project-album-section:last-child{ padding-bottom:0 !important; }
}
.project-related{ padding:18px 0 38px !important; background:transparent; }
.project-related .wrap{ max-width:none !important; transform:none !important; }
.project-related__card{
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
  margin-top:-20px !important;
  width:auto !important;
  max-width:none !important;
}
body .project-related__title{
  margin:0 0 12px !important;
  text-align:center !important;
  color:#DED7C7 !important;
  font-family:var(--hi-font-sans) !important;
  font-weight:800 !important;
  font-size:clamp(26px, 2.1vw, 36px) !important;
  line-height:1.14 !important;
  letter-spacing:-0.024em !important;
  text-wrap:balance;
  hyphens:none;
}
.project-related__text{ max-width:980px !important; margin:0 auto !important; text-align:center !important; }
.project-related__text + .project-related__text{ margin-top:0 !important; }
.project-related__text a{
  display:inline-block !important;
  margin:0 0 6px !important;
  color:var(--hi-text-dim) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
  text-decoration-color:rgba(207,200,181,.55) !important;
}
.project-related__text a:hover,
.project-related__text a:focus-visible{ color:var(--hi-accent) !important; text-decoration-color:var(--hi-accent) !important; outline:none !important; }
@media (max-width:900px){
  :root{
    --project1-visual-title-gap:24px;
    --project1-static-gap-bottom:16px;
    --project1-plan-title-gap:24px;
    --project1-floorplan-padding-top:40px;
    --project1-floorplan-shift-up:0px;
    --project1-floorplan-padding-bottom:40px;
  }
  .project-floorplan .section-title{ margin-bottom:20px; }
  .project-visualization-title{ padding:0 !important; }
  .project-album-copy{ width:auto !important; max-width:none !important; margin-left:calc(50% - 50vw + 10px) !important; margin-right:calc(50% - 50vw + 10px) !important; margin-bottom:18px !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; }
  .project-album-copy p{  line-height:1.66; }
  .project-album-copy p + p{ margin-top:10px; }
  #floorplan .project-floorplan-media img{ max-height:none !important; width:100% !important; height:auto !important; }
  .project-roomnav-static-slot{ max-width:100vw; overflow:hidden; margin:0 !important; padding:0 0 var(--project1-static-gap-bottom) !important; display:flex; justify-content:center; }
  .project-roomnav.project-roomnav--static{ width:calc(100% - 44px) !important; max-width:520px !important; overflow-x:auto !important; overflow-y:hidden !important; justify-content:flex-start !important; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .project-roomnav.project-roomnav--static::-webkit-scrollbar{ display:none; }
  .project-related{ padding:10px 0 20px !important; }
  .project-related .wrap{ transform:none !important; }
  body .project-related__title{ font-size:clamp(22px, 4.9vw, 26px) !important; line-height:1.12 !important; margin-bottom:10px !important; }
}
@media (max-width:880px){
  .project-related__card{ margin-top:0 !important; padding-top:8px !important; }
  .project-related__title,
  .project-related__text{ position:relative !important; top:-14px !important; }
}
