.project-offices{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,100px);padding:clamp(40px,5vw,80px) var(--gutter);background:#171717;color:white}
.project-offices h2{margin:22px 0 0}
.project-offices h2 em{color:var(--red)}
.project-offices .eyebrow{margin:0;line-height:1.6}
.project-offices-copy{max-width:580px}
.project-offices-copy>p{margin:0;font-size:18px;line-height:1.8;color:#ddd}
.project-offices .project-link{margin-top:26px;width:100%;font-size:15px}
.project-offices .project-link b{font-size:24px;font-weight:400}
@media(max-width:760px){.project-offices{grid-template-columns:1fr;gap:24px}.project-offices-copy{max-width:none}.project-offices-copy>p{font-size:16px}.project-offices .project-link{margin-top:18px}}

/* Shared showroom architecture, with office-specific content only. */

.sx-lift-directory{max-height:520px;overflow-y:auto}
.sx .sx-lift-console .sx-lift-meta:has(.office-lift-summary){display:grid;grid-template-columns:minmax(0,1fr)}
.sx .sx-lift-console .office-lift-summary{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.sx .sx-lift-console .sx-lift-availability:has(.office-lift-summary){white-space:normal;align-items:flex-start}
.office-usage{position:relative;padding:20px}.office-usage .sx-standard-art{position:absolute;right:12px;top:16px}.office-usage .sx-standard-name{display:block;margin:12px 0}.office-usage p{font-size:13px;line-height:1.6;max-width:250px}
.sx-scene-wrap:has([data-office-plan]) .sx-scene-controls{flex-wrap:wrap;gap:14px;background:#f3f1e9e8}
.sx-scene-controls .sd-plan-switch button{color:#555}.sx-scene-controls .sd-plan-switch button[aria-pressed=true]{color:#111;border-color:#ff1717}
.sx-scene-wrap:has([data-office-plan]) .sx-scene-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sx-scene-caption .sx-primary{font-size:12px;padding:12px 16px;min-height:44px}
.office-technical{padding:80px 40px;color:#111}.office-technical h2{color:#111}.office-technical p{line-height:1.7}
.sx .office-detail .sd-main{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.office-detail .sd-plan-panel{display:flex;flex-direction:column;min-height:520px}
.office-detail-plan{flex:1;display:flex;align-items:center;padding:16px 20px;min-height:340px}
.office-detail-plan img{display:block;width:100%;max-height:540px;object-fit:contain;background:#f5f2ea}
.office-detail .sd-info{padding:18px 24px}
.sx .office-detail .sd-title h2{font-size:clamp(32px,3vw,49px);white-space:normal}
.sx .office-detail .sd-price>strong{font-size:clamp(27px,2.5vw,40px);white-space:normal}
.office-detail-facts{margin:24px 0;font-size:13px}.office-detail-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #ffffff29}.office-detail-facts dt{color:#c2c1bd}.office-detail-facts dd{margin:0;text-align:right}
.office-boundary-note{font-size:13px;line-height:1.6;border-left:2px solid #ff1717;padding-left:14px}
.office-design-note{font-size:11px;line-height:1.6;color:#c4c3bf}
.office-interior-control{display:flex;justify-content:flex-end;align-items:center;gap:18px;min-height:45px;margin-bottom:20px}.office-interior-control span{font-size:10px;color:#ccc}
.office-dialog{width:min(1400px,96vw);max-width:96vw;background:#111;color:white;padding:20px;border:1px solid #555}.office-dialog::backdrop{background:#000d}.office-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}.office-dialog header h2{font-size:22px;margin:0}.office-dialog header button{font-size:32px;min-width:44px}.office-dialog img{display:block;width:100%;height:70vh;object-fit:contain;margin:16px 0}.office-dialog p{font-size:12px;color:#ccc}
@media(max-width:850px){.sx .office-detail .sd-main{grid-template-columns:1fr}.office-detail .sd-plan-panel{min-height:0}.office-detail-plan{min-height:220px}.office-detail .sd-info{padding:18px}.office-interior-control{justify-content:flex-start;flex-wrap:wrap;gap:8px}.office-detail .sd-plan-heading{gap:12px;flex-wrap:wrap}.sx .office-detail .sd-plan-heading h3{font-size:21px}.office-detail .sd-plan-switch{gap:12px}.sx-scene-wrap:has([data-office-plan]) .sx-scene-controls{bottom:95px;gap:6px}.sx-scene-wrap:has([data-office-plan]) .sx-scene-caption{font-size:10px;min-height:86px}.sx-scene-caption .sx-primary{padding:8px 12px}.project-offices{padding-block:35px}}
.sx .sx-scene-caption:has([data-office-detail]){pointer-events:auto}
.sx .sx-scene-controls:has([data-office-plan]) button{color:#222;background:#f5f3ed}
.sx .sx-scene-controls .sd-plan-switch button[aria-pressed=true]{color:white;background:#191919;padding:8px 12px}

.sx[data-mode=office]{overflow-x:clip}

/* Owner-defined commercial boundaries share the apartment interaction treatment. */
.sx-plan svg [data-office-region]{fill:var(--availability)!important;fill-opacity:var(--availability-opacity,.17);stroke:var(--availability);stroke-width:1;stroke-opacity:.5;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer;outline:none;transition:stroke .14s,stroke-opacity .14s}
.sx-plan svg [data-office-region].hover,.sx-plan svg [data-office-region]:focus-visible{stroke:#263e2e;stroke-width:2.2;stroke-opacity:1}
.office-space-choices{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.office-space-choices button{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;min-height:54px;padding:10px 14px;border:1px solid #bdbeb5;background:#f5f3ed;color:#111;text-align:left;cursor:pointer}
.office-space-choices button>span:first-of-type{font-size:13px;font-weight:600}.office-space-choices small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#555}.office-space-choices b{font-size:13px;white-space:nowrap;margin-left:auto}
.office-space-choices i{width:7px;height:7px;border-radius:50%;background:#4e9c67;flex:none}.office-space-choices i[data-status="PRODÁNO"]{background:#d95d56}
.office-space-choices button[aria-pressed="true"],.office-space-choices button:focus-visible{border-color:#171717;outline:1px solid #171717;outline-offset:-1px}.office-space-choices button:hover{background:white}
.office-detail .office-space-choices{padding:12px 20px 0;box-sizing:border-box}
.office-floor-legend{font-size:10px;line-height:1.4;color:#555}
.sx .sx-scene-caption:has([data-office-detail]){gap:7px;bottom:12px;left:24px;right:24px;max-width:none;pointer-events:auto}
.sx-explore.is-floor .sx-scene-controls:has([data-office-plan]){bottom:112px}
@media(max-width:850px){.sx .sx-scene-caption:has([data-office-detail]){left:12px;right:12px;bottom:8px;min-height:0}.office-space-choices{gap:5px}.office-space-choices button{min-width:0;padding:8px;gap:6px}.office-space-choices button>span:first-of-type{font-size:11px}.office-space-choices b{font-size:11px}.office-space-choices small{font-size:10px}.office-space-choices button>span:last-child{display:none}.sx-explore.is-floor .sx-scene-controls:has([data-office-plan]){bottom:125px}.office-detail .office-space-choices{padding:8px 12px 0}}