/* Eaton Commerce Court — flexible leasing preview V2 */
.ecc-lease-hero{padding:clamp(24px,4vw,52px) 0 42px}
.ecc-lease-intro h1{font-size:clamp(2.6rem,5vw,5.5rem);line-height:1.05;margin:12px 0}
.ecc-lease-sub{line-height:1.45;margin:0}
.ecc-lease-stats{margin:18px 0}
.ecc-lease-photo img{aspect-ratio:1.7;object-fit:cover}
.ecc-building-grid{gap:3px;background:#50595d;border:2px solid #899398;padding:3px}
.ecc-bay{min-height:165px;background:#353e43;border:1px solid #8d969a;justify-content:space-between;gap:4px}
.ecc-plan-depth,.ecc-plan-label{font-size:.63rem;letter-spacing:.04em;color:#c4cacc}
.ecc-plan-door{display:block;width:82%;height:16px;border:2px solid #aab1b3;background:repeating-linear-gradient(90deg,#69787e 0 8px,#435058 8px 11px)}
.ecc-bay-status{font-size:.66rem}
.ecc-selected-card{grid-template-columns:1fr 1.2fr auto;gap:14px;padding:22px}
.ecc-selected-card p{margin:4px 0;line-height:1.4}
.ecc-flex-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin:26px 0 0;padding:30px;background:#fff;border:1px solid #e0d9d0}
.ecc-flex-panel h2,.ecc-home-flex h2{font-family:Oswald,sans-serif;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin:8px 0 12px}
.ecc-flex-panel h3,.ecc-home-flex h3{font-family:Oswald,sans-serif;font-size:1.6rem;text-transform:uppercase;margin:8px 0 12px}
.ecc-flex-panel p,.ecc-home-flex p{line-height:1.6}
.ecc-flex-fine{font-size:.78rem;color:#60686b}
.ecc-connectivity{background:#f2f0ec;padding:22px;border-left:3px solid #b87336}
.ecc-home-flex{background:#20262a;color:#fff}
.ecc-home-flex-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.ecc-home-flex .eyebrow{color:#c68c56}.ecc-home-flex p{color:#d7d9da}
.ecc-home-flex-aside{padding:28px;background:#31393d;border-top:3px solid #b87336}
.ecc-home-flex-aside p:not(.ecc-flex-fine){padding:10px 0;border-bottom:1px solid #576064;margin:0}
.ecc-home-flex .ecc-flex-fine{color:#c6cacc}
@media(max-width:900px){.ecc-flex-panel,.ecc-home-flex-grid{grid-template-columns:1fr}.ecc-selected-card{grid-template-columns:1fr 1fr}.ecc-selected-action{grid-column:1/-1}}
@media(max-width:600px){
.ecc-lease-hero{padding:18px 0 28px}.ecc-lease-hero-grid{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.ecc-lease-intro{display:contents}.ecc-lease-intro>.eyebrow{order:1;margin:0}.ecc-lease-intro h1{order:2;font-size:clamp(2.35rem,10vw,3.6rem);margin:0}.ecc-lease-intro .ecc-lease-sub{order:3;font-size:.91rem;line-height:1.45}.ecc-lease-photo{order:4}.ecc-lease-photo img{aspect-ratio:16/9}.ecc-photo-label{font-size:.55rem;padding:5px 7px;bottom:6px;left:6px}
.ecc-lease-stats{order:5;margin:0;width:100%}.ecc-lease-intro .hero-actions{order:6;margin:0}
.ecc-lease-stats>div{padding:10px 6px}.ecc-lease-stats strong{font-size:1.12rem}.ecc-lease-stats small{font-size:.57rem}
.ecc-building-topline{font-size:.55rem;flex-wrap:wrap}.ecc-bay{min-height:112px;padding:8px 0}.ecc-bay-num{font-size:1.15rem}.ecc-plan-depth,.ecc-plan-label{font-size:.42rem}.ecc-plan-door{height:10px}.ecc-bay-status{font-size:.42rem}
.ecc-selected-card{grid-template-columns:1fr;gap:12px;padding:18px}.ecc-selected-action{grid-column:auto}.ecc-selected-details{gap:10px}
.ecc-flex-panel{padding:20px;gap:20px}.ecc-connectivity{padding:18px}.ecc-home-flex-grid{gap:18px}
}

/* V3: continuous six-suite footprint with private rear-corner WC areas */
.ecc-building-grid{gap:0;padding:0;border:3px solid #899398;background:#353e43;align-items:stretch}
.ecc-bay{position:relative;border:0;border-right:2px solid #899398;min-height:184px;padding:47px 4px 12px;justify-content:center;gap:7px;outline-offset:-3px}
.ecc-bay:last-child{border-right:0}
.ecc-bay.is-selected{box-shadow:inset 0 0 0 3px #bd793b;border-color:#899398}
.ecc-restroom{position:absolute;top:0;width:38%;height:38px;border:2px solid #b9c0c1;border-top:0;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:#e2e8e8;background:#495459}
.ecc-restroom-right{right:0;border-right:0}.ecc-restroom-left{left:0;border-left:0}
.ecc-plan-door{position:absolute;bottom:0;left:17%;width:66%;height:13px;border:2px solid #d0d4d3;border-bottom:0;background:repeating-linear-gradient(90deg,#879297 0 8px,#49575d 8px 10px)}
.ecc-power-tag{font-size:.58rem;letter-spacing:.03em;color:#e8c18c;font-weight:800}
.ecc-power-placeholder{visibility:hidden}
.ecc-bay-status{font-size:.65rem}
@media(max-width:600px){.ecc-bay{min-height:125px;padding:32px 1px 16px;gap:5px}.ecc-restroom{height:25px;width:48%;font-size:.45rem;border-width:1px}.ecc-bay-num{font-size:1.05rem}.ecc-bay-status{font-size:.42rem}.ecc-power-tag{font-size:.43rem}.ecc-plan-door{height:9px}.ecc-building-grid{border-width:2px}.ecc-bay{border-right-width:1px}}

/* V4 polish: avoid hero eyebrow colliding with fixed desktop navigation. */
@media (min-width: 901px) {
  .ecc-lease-hero { padding-top: clamp(115px, 10vw, 155px); }
}
/* Mobile: tighten visual rhythm without compromising touch targets. */
@media (max-width: 600px) {
  .ecc-lease-hero { padding-top: 22px; }
  .ecc-restroom { font-size: .44rem; letter-spacing: -.02em; }
  .ecc-section-head { margin-bottom: 20px; }
  .ecc-feature-strip { padding: 18px 0; }
  .ecc-flex-panel { margin-top: 12px; padding: 18px; gap: 14px; }
  .ecc-connectivity { padding: 16px; }
  .ecc-connectivity h3 { font-size: 1.38rem; line-height: 1.2; }
  .ecc-connectivity p { line-height: 1.5; }
  .ecc-pricing-note { margin-top: 10px; }
  .ecc-selected-card { gap: 10px; }
}


/* V7: Prevent oversized mobile rendering after responsive image optimization.
   The full building should be visible without cropping or stretching. */
@media (max-width: 600px) {
  .ecc-lease-photo {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  .ecc-lease-photo img {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: 280px;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    object-position: center;
  }
}

/* V10 desktop/tablet hero correction: show entire building rendering.
   Overrides the original 1.25 aspect-ratio + cover crop. */
@media (min-width: 601px) {
  .ecc-lease-photo { min-width: 0; align-self: center; }
  .ecc-lease-photo img {
    display: block;
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    object-position: center;
  }
}