@media (min-width:600px) and (max-width:899px){
  .kitchen-row{grid-template-columns:1fr;gap:30px}
  .kitchen-row>figure{margin-right:12%}
  .kitchen-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 7%}
  .kitchen-copy h3{grid-column:1}
  .kitchen-copy>p{grid-column:1;align-self:start}
  .kitchen-copy .quiet-details{grid-column:2;grid-row:1 / span 2;margin:0;padding:0;border:0}
  .room-peeks img{aspect-ratio:1.25}
}
.viewer-groups button{min-height:32px}
.bar-story .image-button img{aspect-ratio:4/3}
.bar-link{margin-top:24px}
.plan-actions{display:flex;gap:24px;align-items:center}
.plan-viewport{width:100%;background:#ffeb14}
.plan-viewport.zoomed{height:min(65vh,580px);overflow:auto;cursor:grab;overscroll-behavior:contain}
.plan-viewport.zoomed:active{cursor:grabbing}
.plan-viewport.zoomed a{display:block;width:1600px;pointer-events:none}
.plan-viewport.zoomed img{width:1600px;max-width:none;height:auto}
.plan-viewport:focus-visible{outline:2px solid var(--clay);outline-offset:5px}
@media(max-width:599px){
  .site-header nav>a:nth-child(2){display:block}
  .site-header nav{gap:12px}
  .site-header .nav-enquire{gap:12px;padding-left:12px;padding-right:12px}
  .bar-story{margin-left:6%}
  .bar-story .image-button img{aspect-ratio:3/2}
  .kitchen-row>figure{margin-right:0}
  .practical-pair>figure:last-child{margin-left:5%}
  .plan-caption{align-items:flex-start;flex-wrap:wrap;gap:8px}
  .plan-caption>span{line-height:26px}
  .plan-actions{gap:18px}
  .plan-actions .text-link{font-size:11px;gap:6px}
  .plan-viewport.zoomed{height:440px;max-height:65vh}
}