.clouds-empty{border:1px dashed #444;padding:36px;color:#777;grid-column:1/-1}
.clouds-cover-empty{width:100%;aspect-ratio:16/10;background:#171717;display:flex;align-items:center;justify-content:center;color:#555}
.live-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.live-image{border:0;padding:0;background:#191919;cursor:zoom-in}
.live-image img{width:100%;display:block}
.live-light{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94);align-items:center;justify-content:center;padding:42px}
.live-light.open{display:flex}.live-light img{max-width:94vw;max-height:90vh}
.live-light-close{position:absolute;right:22px;top:22px;width:46px;height:46px;border:1px solid #555;border-radius:50%;background:#222;color:#fff;font-size:24px}
@media(max-width:760px){.live-gallery{grid-template-columns:1fr}}

.panorama-more-card{min-height:220px;border:1px solid #806b2e;background:#211f18;color:#eee;text-decoration:none;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}
.panorama-more-card small{color:#d7b34b;margin-bottom:auto}.panorama-more-card strong{font-size:20px;font-weight:400}.panorama-more-card span{font-size:26px;margin-top:10px}

.nav a.nav-active{color:#d7b34b!important;position:relative}
.nav a.nav-active:before{content:"";position:absolute;left:-14px;top:50%;width:2px;height:18px;background:#d7b34b;transform:translateY(-50%)}
.related-project-card{min-height:220px;border:1px solid #555;background:#191919;color:#eee;text-decoration:none;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}
.related-project-card small{color:#999;margin-bottom:auto}.related-project-card strong{font-size:20px;font-weight:400}.related-project-card span{font-size:26px;margin-top:10px}
.project-card img,.company-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}

/* V5.4.1 Sidebar Navigation */
.nav a{color:#bdbdbd}
.nav a:hover{color:#eee}
.nav a.nav-active{color:#d7b34b!important}
.nav-sub{display:none;margin:4px 0 8px 12px;padding-left:10px;border-left:1px solid #333}
.nav-sub.open{display:block}
.nav-sub a{display:block;font-size:11px;line-height:1.9;color:#888!important;position:relative}
.nav-sub a:hover{color:#ddd!important}
.nav-sub a.sub-active{color:#d7b34b!important}
.nav-sub a.sub-active:before{content:"";position:absolute;left:-11px;top:50%;width:2px;height:13px;background:#d7b34b;transform:translateY(-50%)}


/* V5.4.2 — Sidebar definitive fix */

/* Sidebar: whole content moves right ~1 character,
   divider moves left, with equal left/right inner padding. */
@media (min-width:761px){
  .site{
    grid-template-columns:244px 1fr !important;
  }
  .sidebar{
    padding-left:42px !important;
    padding-right:42px !important;
    box-sizing:border-box !important;
  }
}

/* INTERACTIVE items are neutral by default, just like WORK items. */
.nav a.interactive,
.nav .interactive{
  color:#bdbdbd !important;
}
.nav a.interactive:hover{
  color:#eeeeee !important;
}
.nav a.interactive.nav-active{
  color:#d7b34b !important;
}

/* Exterior submenu */
.nav-sub.exterior-submenu{
  display:none !important;
  margin:4px 0 8px 10px !important;
  padding-left:10px !important;
  border-left:1px solid #333 !important;
}
.nav-sub.exterior-submenu.open{
  display:block !important;
}
.nav-sub.exterior-submenu a{
  display:block !important;
  color:#8f8f8f !important;
  font-size:11px !important;
  line-height:1.9 !important;
  padding:2px 0 !important;
}
.nav-sub.exterior-submenu a.sub-active{
  color:#d7b34b !important;
}

/* V5.4.4 sidebar width + tree */
@media(min-width:901px){
  .site{grid-template-columns:220px 1fr!important}
  .sidebar{padding-left:42px!important;padding-right:42px!important}
}
.nav-sub.exterior-submenu{display:none!important}
.nav-sub.exterior-submenu.open{display:block!important}

/* V5.4.7 INTERACTIVE active states */
.nav a.interactive{color:#aaa!important}
.nav a.interactive.nav-active{color:#d7b34b!important}