.mobile-companion .mobile-shots{grid-column:1/-1;min-width:0;margin-top:0}
.mobile-shots-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.mobile-shots-header h3{margin:0;font-size:19px;line-height:1.35;letter-spacing:-.025em;font-weight:600;color:#1c1e26}
.mobile-shots-controls{display:flex;gap:8px}
.mobile-shots-controls[hidden]{display:none}
.mobile-shots-controls button,.mobile-shot-close{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #c1bfce;border-radius:50%;background:#f5f6fa;color:#1c1e26;cursor:pointer;transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms ease}
.mobile-shots-controls svg,.mobile-shot-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-shots-track{display:flex;justify-content:center;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:4px 3px 20px;scrollbar-width:thin;scrollbar-color:#aaa6bb transparent}
.mobile-shots-track figure{margin:0;flex:0 0 248px;max-width:100%;scroll-snap-align:center}
.mobile-shot-open{display:block;width:100%;border:0;padding:0;background:#0c141c;border-radius:29px;box-shadow:0 13px 24px -18px #26243170,0 0 0 1px #2e3442;overflow:hidden;cursor:zoom-in;transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.mobile-shot-open img{display:block;width:100%;height:auto;aspect-ratio:9/20;object-fit:contain}
.mobile-shots-track figcaption{margin-top:19px;color:#1c1e26;font-size:14px;font-weight:600;line-height:1.4;text-align:center}
.mobile-shots-track figcaption span{display:block;margin-top:5px;font-size:12px;line-height:1.5;font-weight:400;color:#535564}
.mobile-shots .mobile-shots-note{margin:15px 0 0;font-size:12px;line-height:1.6;color:#535564;text-align:center;max-width:none}
.mobile-companion .mobile-release a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mobile-shot-dialog{position:fixed;inset:0;margin:auto;padding:62px 20px 18px;border:1px solid #ccc9d6;border-radius:26px;background:#f5f6fa;color:#1c1e26;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 24px 100px #0005}
.mobile-shot-dialog::backdrop{background:#10131bbb;backdrop-filter:blur(6px)}
.mobile-shot-dialog figure{margin:0}
.mobile-shot-dialog figure img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 170px);margin:auto;border-radius:16px}
.mobile-shot-dialog figcaption{margin:13px 0 0;text-align:center;font-size:13px;line-height:1.5}
.mobile-shot-close{position:absolute;top:12px;right:14px}
.mobile-shot-dialog::backdrop{transition:opacity 150ms ease}
.mobile-shots button:focus-visible,.mobile-shot-dialog button:focus-visible{outline:3px solid #596387;outline-offset:5px}
.mobile-shots button:active,.mobile-shot-dialog button:active{transform:scale(.97)}
.release-050{display:inline-block;margin-top:12px;font-size:12px;line-height:1.5;color:#5f6672}
@media(hover:hover) and (pointer:fine){.mobile-shot-open:hover{transform:translateY(-3px)}.mobile-shots-controls button:hover,.mobile-shot-close:hover{background:#fff}}
@media(max-width:1050px){.mobile-shots-track{justify-content:flex-start;gap:23px}.mobile-shots-track figure{flex-basis:238px}}
@media(max-width:740px){.mobile-companion .mobile-shots{margin-top:10px}.mobile-shots-header{margin-bottom:20px}.mobile-shots-header h3{font-size:17px}.mobile-shots-track{gap:22px;padding-bottom:22px}.mobile-shots-track figure{flex-basis:230px}.mobile-shot-open{border-radius:27px}.mobile-shots .mobile-shots-note{text-align:left}}
@media(max-width:430px){.mobile-shots-header{gap:8px}.mobile-shots-header h3{font-size:16px}.mobile-shots-controls button{width:36px;height:36px;min-width:36px}.mobile-shots-track figure{flex-basis:min(230px,100%)}.mobile-shots-track figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mobile-shots button,.mobile-shot-dialog button{transition:none}.mobile-shot-open:hover{transform:none}}