/* Shared framing for UI screenshots; photography, film and posters retain their own composition. */
.display-window{min-width:0;padding:6px;background:#dfe7ef;border-radius:11px;box-shadow:0 18px 34px #172e461a;overflow:hidden}.display-bar{display:grid;grid-template-columns:40px 1fr 40px;gap:10px;align-items:center;height:29px;padding:0 8px 6px;color:#53677d;font:10px/1.4 'Schibsted Grotesk','Microsoft YaHei',sans-serif}.display-dots{display:flex;gap:5px}.display-dots i{width:4px;height:4px;border-radius:50%;background:#7f92a8}.display-name{text-align:center}.display-edge{justify-self:end;width:12px;height:7px;border:1px solid #96a7b9;border-radius:1px}.display-window img{border-radius:0!important;box-shadow:none!important}.display-window>.workflow-visual{border-radius:4px}.display-window>.focus-window{border-radius:4px}.b-cover-visual .display-window{background:#d5dfe9;box-shadow:0 18px 36px #07172920}.b-intro>.b-cover-visual figcaption{justify-content:flex-end}.workflow-detail>figure{min-width:0;width:100%;max-width:620px;margin-inline:auto}.project-entry-visual .display-window{width:100%;max-width:760px;margin-inline:auto}.project-entry-visual .display-window img{width:100%;height:auto}.story-display{max-width:320px;width:100%;margin-inline:auto;background:#f7f9fc;padding:6px;border-radius:10px;box-shadow:0 16px 30px #19314d15;overflow:hidden}.story-toolbar{height:28px;padding:0 7px 6px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px/1.5 'Schibsted Grotesk','Microsoft YaHei',sans-serif;color:#52657b}.story-mark{width:15px;height:2px;background:#8ba0b7}.story-display .story-image{max-width:none;margin:0;cursor:default}.story-display .story-image img{width:100%;height:auto;box-shadow:none;border-radius:3px}.story-pair .story-display{max-width:295px}.stories .story-lead{grid-template-columns:1.15fr .85fr;gap:7vw}.story-pair{gap:5vw}.story-lead>figure{min-width:0}.more-stories{margin-top:35px}[data-figure]{display:inline-block;font-variant-numeric:tabular-nums}
@media(max-width:760px){.display-window{padding:5px;border-radius:9px}.display-bar{height:26px;padding-inline:6px;grid-template-columns:30px 1fr 30px;font-size:9px}.display-dots{gap:4px}.display-dots i{width:3px;height:3px}.story-display{max-width:280px}.story-toolbar{height:26px;font-size:9px}.story-pair .story-display{max-width:270px}.stories .story-lead{display:block}.story-lead>figure{margin-top:28px}.story-pair figure+figure{margin-top:30px}}
.workflow-detail h3{text-wrap:balance}