/* The image is a quiet design study within the existing illustrated scene system. */
.scene-photo{position:relative;max-width:480px;margin:30px 0 0;padding:12px;border:1px solid #62625d;background:#1d1d1a;scroll-margin-top:110px}
.scene-photo::before,.scene-photo::after{content:"+";position:absolute;color:var(--yellow);font:14px/1 "JetBrains Mono",monospace;background:var(--ink);width:14px;height:14px;text-align:center}
.scene-photo::before{left:-7px;top:-7px}.scene-photo::after{right:-7px;bottom:-7px}
.scene-photo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.045em;color:#b4b4a9;padding:2px 0 12px}
.scene-photo-header>span:first-child{display:flex;align-items:center;gap:7px}.scene-photo-header .status-dot{width:4px;height:4px}
.scene-photo-image{position:relative;overflow:hidden;background:#4f4d43;border:1px solid #727267}
.scene-photo-image img{display:block;width:100%;height:auto;aspect-ratio:2.15/1;object-fit:cover;object-position:center 52%;filter:saturate(.65) contrast(.94)}
.scene-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;color:#b4b4a9;font-size:7px;line-height:1.7;letter-spacing:.045em}
.scene-photo figcaption>span:first-child{color:#deded3}
.scene-panel .scene-actions{align-self:center}
@media(max-width:900px){.scene-photo{padding:10px;margin-top:26px}.scene-photo-header{font-size:7px;gap:6px}.scene-photo figcaption{font-size:7px;gap:6px}}
@media(max-width:650px){.scene-photo{max-width:none;margin-top:28px;padding:11px}.scene-photo-header{font-size:7px}.scene-photo-image img{aspect-ratio:1.8/1}.scene-photo figcaption{font-size:7px;letter-spacing:0}.scene-panel{gap:28px}}
@media(max-width:370px){.scene-photo{padding:9px}.scene-photo-header{font-size:7px}.scene-photo figcaption{font-size:7px}}
