.gazebo-dialog { width:min(1020px,calc(100vw - 40px));background:#f7f4eb; }
.gazebo-dialog[open] { display:grid;grid-template-columns:1.06fr 1fr; }
.gazebo-gallery { margin:0;padding:20px;background:#e8e9df;min-width:0; }
.gazebo-gallery-stage { height:clamp(300px,50dvh,500px);overflow:hidden;background:#e0e3d8; }
.gazebo-gallery-image { width:100%;height:100%;object-fit:contain;display:block; }
.gazebo-gallery-caption { display:flex;justify-content:space-between;gap:15px;margin:16px 0 13px;color:#4d604e;font-size:14px;line-height:1.5; }
.gazebo-gallery-caption > span:last-child { color:#75816a;white-space:nowrap; }
.gazebo-gallery-tabs { display:grid;grid-template-columns:repeat(4,1fr);gap:9px; }
.gazebo-gallery-tabs button { padding:3px;border:1px solid transparent;border-radius:2px;min-width:0; }
.gazebo-gallery-tabs button[aria-pressed="true"] { border-color:#36533d; }
.gazebo-gallery-tabs button:hover { background:#d7ddcd; }
.gazebo-gallery-tabs img { display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover; }
.gazebo-dialog > .dialog-content { padding:60px 36px 38px;align-self:center; }
.gazebo-dialog .dialog-content h2 { font-size:46px;line-height:1.12; }
.gazebo-dialog .gazebo-concept-note { margin-top:17px;font-size:14px;line-height:1.65;color:#75816e; }
#gazebos .split-image > img { object-position:center; }
@media(max-width:800px) {
  .gazebo-dialog { width:min(620px,calc(100vw - 24px)); }
  .gazebo-dialog[open] { display:block; }
  .gazebo-gallery { padding:15px; }
  .gazebo-gallery-stage { height:auto;aspect-ratio:5/4; }
  .gazebo-gallery-caption { margin-block:12px 9px; }
  .gazebo-gallery-tabs { gap:7px; }
  .gazebo-gallery-tabs img { aspect-ratio:1.6; }
  .gazebo-dialog > .dialog-content { padding:30px 26px 35px; }
  .gazebo-dialog .dialog-content h2 { font-size:41px; }
}
@media(max-width:700px) {
  #gazebos .split-image { aspect-ratio:1.45; }
}