/* STATION 05: a photographic planning workspace, followed by the reader-facing idea. */
.workbench-scene[data-panel="2"]{container-type:inline-size}
.station-five-photo{position:relative;height:224px;flex-shrink:0;margin:19px 0 22px;padding:6px;background:#fffdfa;border-radius:5px;box-shadow:0 4px 12px #897b5e18;overflow:hidden}
.station-five-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px}
.station-five-photo figcaption{position:absolute;right:11px;bottom:10px;padding:2px 6px;background:#fffaf1de;color:#8c7667;border-radius:2px;font-size:9px;line-height:1.4}
.station-five-title{font-size:clamp(18px,5.8cqi,28px);font-weight:600;line-height:1.6;text-align:center;color:#866756;letter-spacing:-.035em;margin:0 0 12px}
.station-five-cycle{font-size:14px;line-height:1.8;text-align:center;color:#9d8371;margin:0;word-spacing:3px}
.station-five-cycle>span{color:#b8a17e;padding-inline:3px}

/* A passing resident, not another content block. */
.toua-idea-resident{right:14px;bottom:110px;width:128px;height:auto;aspect-ratio:1145/1374;transform:translateX(340px);transition:transform .7s ease-out,opacity .35s;isolation:isolate}
.toua-idea-resident[data-state="entering"],.toua-idea-resident[data-state="shown"]{visibility:visible;opacity:1;transform:translateX(0)}
.toua-idea-resident[data-state="leaving"]{visibility:visible;opacity:0;transform:translateX(340px)}
.toua-idea-figure{display:block;width:100%;height:auto}
.toua-idea-figure>img{display:block;width:100%;height:auto}
.toua-idea-bubble{position:absolute;right:calc(100% - 16px);top:28px;white-space:nowrap;padding:11px 17px;border:1px solid #d4c5be;border-radius:14px 14px 0 14px;background:#fffdf7;color:#906c79;font:18px/1.6 var(--hand);box-shadow:0 3px 12px #6b4f5810;font-style:oblique 6deg;font-weight:400;font-synthesis:style}
body.soft-palace .toua-idea-bubble{border-color:#c9b48c;background:#fffdf8;color:#293e4e;box-shadow:0 3px 12px #3d302010}
.low-motion .toua-idea-resident{display:block;transition:none}
.low-motion .toua-idea-figure{animation:none!important}
@media(max-width:760px){
  .station-five-photo{height:128px;margin:11px 0 12px;padding:4px;border-radius:4px}
  .station-five-photo figcaption{font-size:8px;right:7px;bottom:7px;padding:1px 4px}
  .station-five-title{font-size:clamp(17px,6cqi,21px);margin-bottom:5px}
  .station-five-cycle{font-size:11px;word-spacing:0}
  .station-five-cycle>span{padding-inline:2px}
  .toua-idea-resident{width:92px;height:auto;right:7px;bottom:calc(20px + env(safe-area-inset-bottom))}
  .toua-idea-bubble{font-size:15px;padding:8px 12px;right:calc(100% - 9px);top:17px}
}
@media(prefers-reduced-motion:reduce){
  .toua-idea-resident{display:block;transition:none}
  .toua-idea-figure{animation:none!important}
}