/* Layout refinements for the fitted mosaic and scene captions. */
@media(min-width:651px){
 .walk-caption{top:50%;transform:translateY(-50%);width:min(47vw,650px);max-width:none}
 .walk-caption h2{font-size:clamp(40px,min(6.4vw,10svh),96px);line-height:1.04;margin:22px 0}
 .walk-caption h2 em{white-space:nowrap}
}
@media(min-width:651px) and (max-height:600px){
 .walk-caption{top:52%}
 .walk-caption h2{margin:14px 0}
 .walk-caption p{font-size:12px;line-height:1.6}
 .walk-timeline{bottom:25px}
 .walk-controls{bottom:12px}
}
@media(max-width:900px){
 .object-composition{gap:14px}
 .object-composition figure{margin:0;width:auto}
 .object-composition figure .image-open{height:100%}
 .object-composition figcaption{padding:25px 16px 15px;display:block;font-size:7px}
 .object-composition figcaption span:last-child{display:block;margin-top:5px;font-size:6px}
 .object-composition .phone-study .object-label{left:18px;bottom:85px}
 .object-composition .object-label h3{font-size:38px}
}
@media(max-width:650px){
 .patch-node .patch-handle{padding:18px 21px 0;line-height:10px}
 .patch-node .patch-handle h3{font-size:21px;line-height:1.1;margin-top:10px}
 .patch-node .node-hint{position:absolute;left:21px;right:21px;bottom:19px;margin:0;font-size:8px;line-height:1.35}
 .object-composition{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:14px}
 .object-composition figure{grid-column:1;grid-row:auto;margin:0;width:100%;height:300px}
 .object-composition .phone-study{height:390px}
 .object-composition .puzzle-study{height:390px}
 .object-composition figure .image-open{height:100%}
 .object-composition .phone-study img{object-position:52% 40%}
 .object-composition .phone-study .object-label{bottom:85px;left:20px}
 .object-composition figcaption{padding:25px 20px 18px;font-size:8px}
 .object-composition figcaption span:last-child{font-size:7px}
 .object-composition .image-plus{top:15px;right:15px}
}
