body[data-concept=play] .place{transition:translate 200ms ease,box-shadow 200ms ease}
@media(hover:hover) and (pointer:fine){
 body[data-concept=play] .place:hover{translate:0 -6px;box-shadow:0 8px 0 #15326916,0 20px 32px #15326916}
 body[data-concept=play] .place-photo:hover{filter:none}
}
body[data-concept=play] .place:focus-within{box-shadow:0 8px 0 #15326916,0 20px 32px #15326916}
body[data-concept] .photo-dialog{padding:0;width:min(1040px,94vw);max-height:94dvh;overflow:auto}
body[data-concept] .photo-stage{isolation:isolate;overflow:hidden;background:#eef1f5}
body[data-concept] .photo-stage .place-image-frame{width:100%;height:min(64dvh,640px);aspect-ratio:auto;margin:0}
body[data-concept] .photo-stage .place-image-frame>img{width:100%;height:100%;object-fit:cover}
body[data-concept] .photo-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 15%,transparent 85%,#0003);z-index:1}
body[data-concept] .photo-dialog :is(.dialog-close,.photo-prev,.photo-next){display:grid;place-items:center;width:48px;height:48px;padding:8px;border:0;border-radius:0;background:transparent;color:white;box-shadow:none;filter:drop-shadow(0 1px 3px #0009);translate:none;z-index:3}
body[data-concept] .photo-dialog :is(.dialog-close,.photo-prev,.photo-next) svg{display:block;width:32px;height:32px}
body[data-concept] .photo-dialog .dialog-close{top:12px;right:12px;position:absolute}
body[data-concept] .photo-dialog .photo-prev{left:12px}
body[data-concept] .photo-dialog .photo-next{right:12px}
body[data-concept] .photo-dialog :is(.dialog-close,.photo-prev,.photo-next):is(:hover,:active){background:transparent;color:white;box-shadow:none;translate:none;filter:drop-shadow(0 1px 4px #000);opacity:.75}
body[data-concept] .photo-dialog button[hidden]{display:none}
body[data-concept] .photo-dialog button:focus-visible{outline:2px solid white;outline-offset:-3px}
body[data-concept] .photo-status{position:absolute;right:20px;bottom:16px;z-index:2;margin:0;padding:6px 12px;border-radius:999px;background:#0008;color:#fff;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.4}
body[data-concept] .photo-info{padding:24px 28px 28px}
body[data-concept] .photo-info h3{margin:0 0 10px;font-size:clamp(23px,3vw,32px)}
body[data-concept] .photo-info p{color:#202329;font-size:16px;line-height:1.6;margin:0}
@media(max-width:600px){body[data-concept] .photo-stage .place-image-frame{height:auto;aspect-ratio:4/3}body[data-concept] .photo-info{padding:20px}body[data-concept] .photo-dialog .dialog-close{top:4px;right:4px}body[data-concept] .photo-dialog .photo-prev{left:4px}body[data-concept] .photo-dialog .photo-next{right:4px}}
body.reduced[data-concept=play] .place{transition:none;translate:none}
@media(prefers-reduced-motion:reduce){body[data-concept=play] .place{transition:none;translate:none}}