/* Bungalow drawing plates: compare plans and sections at a consistent scale. */
#case-drawings .case-media-stream[data-sliders]{display:flex;flex-direction:column;gap:50px;min-width:0}
.drawing-gallery{width:100%;min-width:0}
.drawing-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.drawing-gallery-heading h3{font-size:clamp(20px,2vw,28px);line-height:1.15;margin:0}
.drawing-gallery-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.drawing-gallery-controls button{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:22px}
.drawing-gallery-controls button:hover{background:#00BCFF;color:#0a0a0a}
.drawing-gallery-controls button:disabled{opacity:.25;cursor:default;background:transparent}
.drawing-counter{font-size:12px;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}
.drawing-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#00BCFF transparent;width:100%;padding-bottom:12px}
#case-drawings .drawing-slider .case-figure{flex:0 0 100%;min-width:0;scroll-snap-align:start;margin:0}
#case-drawings .drawing-slider .case-image-button{width:100%;height:clamp(360px,65vh,760px);display:block}
#case-drawings .drawing-slider img{width:100%;height:100%;object-fit:contain;clip-path:none}
#case-drawings .drawing-slider figcaption{padding-right:12px}
@media(max-width:700px){.drawing-gallery-heading{align-items:start;flex-direction:column;gap:12px}.drawing-gallery-controls{align-self:flex-end}#case-drawings .drawing-slider .case-image-button{height:55vh;min-height:340px}}

#case-drawings .case-media-stream{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 20px;align-items:start}
#case-drawings .case-figure{grid-column:span 3;min-width:0;margin:0}
#case-drawings .case-figure:nth-child(n+3):nth-child(-n+5){grid-column:span 2}
#case-drawings .case-figure:nth-child(6){grid-column:1/-1}
#case-drawings .case-image-button{background:white}
#case-drawings .case-expand{font-size:11px;padding:8px}
@media(max-width:700px){#case-drawings .case-media-stream{grid-template-columns:1fr;gap:32px}#case-drawings .case-figure:nth-child(n){grid-column:1}}