.site-visit-legacy { display: none !important; }
.site-visit-modern { padding: 68px 0 !important; background: #151e24 !important; color: #f7f5ef; }
.site-visit-modern > .container { width: min(100% - 30px, 1188px) !important; max-width: 1188px !important; padding: 0 !important; }
.site-visit-modern__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr); gap: 60px; align-items: end; margin-bottom: 34px; }
.site-visit-modern__intro header > span,.site-visit-modern__toolbar span { color: #c99a3d; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.site-visit-modern__intro h2 { max-width: 680px; margin: 8px 0 13px; color: #f7f5ef !important; font-size: clamp(34px, 4vw, 50px); line-height: 1.06; }
.site-visit-modern__intro header > p { max-width: 690px; margin: 0; color: #b8c1c6 !important; font-size: 12.5px; line-height: 1.75; }
.site-visit-modern__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(201,154,61,.42); background: #10191f; }
.site-visit-modern__facts article { min-width: 0; padding: 22px 16px; text-align: center; }
.site-visit-modern__facts article + article { border-left: 1px solid #39454d; }
.site-visit-modern__facts i { display: block; margin-bottom: 9px; color: #c99a3d; font-size: 25px; }
.site-visit-modern__facts strong,.site-visit-modern__facts small { display: block; }
.site-visit-modern__facts strong { color: #f7f5ef !important; font-size: 11px; }
.site-visit-modern__facts small { margin-top: 5px; color: #9da8ad; font-size: 9px; line-height: 1.4; }
.site-visit-modern__workspace { overflow: hidden; border: 1px solid #46525a; background: #202a31; box-shadow: 0 20px 45px rgba(4,10,14,.22); }
.site-visit-modern__toolbar { display: flex; min-height: 104px; align-items: center; justify-content: space-between; gap: 25px; padding: 23px 27px; border-bottom: 1px solid #46525a; background: #202a31; }
.site-visit-modern__toolbar h3 { margin: 6px 0 0; color: #f7f5ef !important; font-size: 22px; }
.site-visit-modern__toolbar-actions { display: flex; gap: 9px; }
.site-visit-modern__toolbar-actions > button,.site-visit-modern__selection > button { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 16px; border: 1px solid #c99a3d; background: #c99a3d; color: #111820; font-size: 10px; font-weight: 800; }
.site-visit-modern__toolbar-actions > button:first-child { border-color: #56636b; background: transparent; color: #d7dde0; }
.site-visit-modern__toolbar-actions > button:first-child:hover { border-color: #c99a3d; color: #c99a3d; }
.site-visit-modern__planner { display: grid; grid-template-columns: minmax(390px, .44fr) minmax(0, .56fr); min-height: 490px; }
.site-visit-modern__projects { height: 490px; overflow-x: hidden; overflow-y: auto; background: #131d23; border-right: 1px solid #46525a; scrollbar-color: #c99a3d #182127; scrollbar-width: thin; }
.site-visit-modern__projects::-webkit-scrollbar { width: 7px; }
.site-visit-modern__projects::-webkit-scrollbar-track { background: #182127; }
.site-visit-modern__projects::-webkit-scrollbar-thumb { border-radius: 8px; background: #c99a3d; }
.site-visit-modern__projects-label { position: sticky; z-index: 3; top: 0; display: grid; min-height: 116px; grid-template-columns: minmax(0, 1fr) 58px; gap: 16px; align-items: center; padding: 19px 21px; border-bottom: 1px solid #46525a; background: linear-gradient(135deg,#1d282f,#172128); }
.site-visit-modern__projects-label span,.site-visit-modern__projects-label strong,.site-visit-modern__projects-label small { display: block; }
.site-visit-modern__projects-label > div > span { margin-bottom: 4px; color: #c99a3d; font-size: 7.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.site-visit-modern__projects-label > div > strong { color: #f7f5ef !important; font-size: 14px; line-height: 1.3; }
.site-visit-modern__projects-label > div > small { max-width: 260px; margin-top: 6px; color: #9ba6ab; font-size: 8.5px; line-height: 1.45; }
.site-visit-modern__projects-label > b { display: grid; width: 58px; height: 58px; place-items: center; align-content: center; border: 1px solid rgba(201,154,61,.72); background: #10191f; color: #d7ad55; font-size: 18px; line-height: 1; text-align: center; }
.site-visit-modern__projects-label > b small { margin-top: 5px; color: #aab4b9; font-size: 6px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.site-visit-modern .site-visit-map-project { display: grid !important; width: 100%; min-width: 0; min-height: 94px; grid-template-columns: 38px minmax(0, 1fr) 20px !important; grid-template-rows: 1fr !important; gap: 13px; align-items: center; overflow: hidden; padding: 16px 20px !important; border: 0 !important; border-bottom: 1px solid #344149 !important; border-radius: 0 !important; background: transparent !important; color: #dce1e3; text-align: left; }
.site-visit-modern .site-visit-map-project > span { position: static !important; z-index: auto !important; grid-row: auto !important; width: auto; height: auto; min-width: 0; }
.site-visit-modern .site-visit-map-project > .site-visit-modern__project-number { display: grid !important; grid-column: 1 !important; grid-row: 1 !important; width: 36px !important; height: 36px !important; place-items: center !important; border: 1px solid #536069; color: #aeb8bd; font-size: 10px; }
.site-visit-modern .site-visit-map-project > .site-visit-modern__project-copy { display: block !important; grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; height: auto !important; place-items: initial !important; text-align: left !important; }
.site-visit-modern .site-visit-map-project > span:nth-child(2),.site-visit-modern .site-visit-map-project strong,.site-visit-modern .site-visit-map-project small { display: block; min-width: 0; }
.site-visit-modern .site-visit-map-project strong { overflow: visible !important; color: #eef1f2 !important; font-size: 12px; line-height: 1.35; text-overflow: clip !important; white-space: normal !important; overflow-wrap: anywhere; }
.site-visit-modern .site-visit-map-project small { margin-top: 5px; overflow: visible !important; color: #9ca7ac !important; font-size: 9px; line-height: 1.4; text-overflow: clip !important; white-space: normal !important; overflow-wrap: anywhere; }
.site-visit-modern .site-visit-map-project > i { grid-column: 3 !important; grid-row: 1 !important; color: #66737a; }
.site-visit-modern .site-visit-map-project.is-active { background: linear-gradient(90deg,rgba(201,154,61,.16),#26333a) !important; box-shadow: inset 4px 0 #c99a3d; }
.site-visit-modern .site-visit-map-project.is-active > span:first-child { border-color: #c99a3d; background: #c99a3d; color: #111820; }
.site-visit-modern .site-visit-map-project.is-active > i { color: #c99a3d; }
.site-visit-modern__map { min-height: 490px; background: #11191f; }
.site-visit-modern__map iframe { display: block; width: 100%; height: 100%; min-height: 490px; border: 0; filter: saturate(.78) contrast(1.04); }
.site-visit-modern__selection { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; min-height: 86px; padding: 17px 22px; border-top: 1px solid #46525a; background: #182127; }
.site-visit-modern__selection small,.site-visit-modern__selection strong { display: block; }
.site-visit-modern__selection small { color: #8f9ba1; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.site-visit-modern__selection strong { margin-top: 3px; color: #f7f5ef !important; font-size: 12px; }
.site-visit-modern__selection > a { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding: 0 13px; border: 1px solid #4a555d; color: #dce1e3; font-size: 9px; font-weight: 700; }
.site-visit-modern__empty { padding: 60px 25px; color: #b8c1c6; text-align: center; }
.site-visit-modern__guidance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; border: 1px solid #39454d; background: #1b242a; }
.site-visit-modern__guidance article { display: grid; grid-template-columns: 36px 1fr; gap: 13px; align-items: center; padding: 21px 22px; }
.site-visit-modern__guidance article + article { border-left: 1px solid #39454d; }
.site-visit-modern__guidance article > span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(201,154,61,.55); color: #c99a3d; font-size: 9px; font-weight: 800; }
.site-visit-modern__guidance strong,.site-visit-modern__guidance small { display: block; }
.site-visit-modern__guidance strong { color: #f7f5ef !important; font-size: 11px; }
.site-visit-modern__guidance small { margin-top: 5px; color: #9ca7ac; font-size: 9px; line-height: 1.5; }
@media (max-width: 991px) {
  .site-visit-modern__intro { grid-template-columns: 1fr; gap: 26px; }
  .site-visit-modern__planner { grid-template-columns: 1fr; }
  .site-visit-modern__projects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-right: 0; border-bottom: 1px solid #39454d; }
  .site-visit-modern__projects-label { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
  .site-visit-modern { padding: 44px 0 !important; }
  .site-visit-modern__facts,.site-visit-modern__projects,.site-visit-modern__guidance { grid-template-columns: 1fr; }
  .site-visit-modern__facts article + article,.site-visit-modern__guidance article + article { border-top: 1px solid #39454d; border-left: 0; }
  .site-visit-modern__toolbar { align-items: flex-start; flex-direction: column; }
  .site-visit-modern__toolbar-actions { width: 100%; flex-direction: column; }
  .site-visit-modern__toolbar-actions > button { justify-content: center; }
  .site-visit-modern__map,.site-visit-modern__map iframe { min-height: 350px; }
  .site-visit-modern__selection { grid-template-columns: 1fr; }
  .site-visit-modern__selection > a,.site-visit-modern__selection > button { justify-content: center; }
}