/* FINISH! product screenshots; isolated from commerce and other products. */
.finish-screens{border-block:1px solid var(--line);background:var(--panel);scroll-margin-top:100px}
.finish-screens-heading{margin-bottom:28px;max-width:780px}
.finish-screens-heading h2{margin:10px 0 0;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.finish-screen-feature{margin:0;overflow:hidden;border:1px solid var(--line2);border-radius:16px;background:var(--bg);box-shadow:0 18px 48px #0002}
.finish-screen-open{display:block;cursor:zoom-in;background:#03070b;line-height:0}
.finish-screen-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.finish-screen-open:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}
.finish-screen-feature figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-top:1px solid var(--line);background:var(--panel2)}
.finish-screen-caption{display:flex;gap:14px;align-items:baseline;min-width:0;line-height:1.5}
.finish-screen-caption strong{font-size:.94rem;color:var(--text);font-weight:700;white-space:nowrap}
.finish-screen-caption>span{font-size:.86rem;color:var(--muted)}
.finish-screen-enlarge{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:.72rem;color:var(--muted)}
.finish-screen-enlarge svg{width:15px;height:15px}
.finish-screen-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}
.finish-screen-options li{min-width:0}
.finish-screen-option{display:block;height:100%;overflow:hidden;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);color:var(--muted);text-decoration:none;transition:border-color .15s,color .15s}
.finish-screen-option img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#03070b}
.finish-screen-option>span{display:block;padding:11px 13px;font-size:.78rem;font-weight:650;line-height:1.3}
.finish-screen-option[aria-current="true"]{border-color:var(--cyan);color:var(--text);box-shadow:inset 0 -2px var(--cyan)}
.finish-screen-option:hover{border-color:var(--muted);color:var(--text)}
.finish-screen-option:focus-visible,.finish-screen-dialog button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.finish-screen-dialog{width:min(1600px,96vw);max-width:96vw;max-height:96vh;max-height:96dvh;overflow:auto;margin:auto;padding:0;border:1px solid #4b455e;border-radius:12px;background:#03070b;color:#f7f8fb;box-shadow:0 24px 90px #0008}
.finish-screen-dialog::backdrop{background:#02030bea}
.finish-screen-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px 10px 18px;background:#0a0d14;border-bottom:1px solid #ffffff20}
.finish-screen-dialog-bar h3{margin:0;font-size:.9rem;font-weight:650;line-height:1.4;color:inherit}
.finish-screen-dialog-bar button{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #ffffff30;border-radius:8px;background:#151824;color:#fff;cursor:pointer;font:400 28px/1 system-ui}
.finish-screen-dialog-bar button:hover{background:#232535}
.finish-screen-dialog>img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.finish-screens-heading{margin-bottom:21px}.finish-screen-feature{border-radius:10px}.finish-screen-feature figcaption{padding:14px;gap:14px;align-items:flex-start}.finish-screen-caption{display:block}.finish-screen-caption strong{display:block;font-size:.87rem;margin-bottom:4px}.finish-screen-caption>span{font-size:.79rem;line-height:1.5}.finish-screen-enlarge{font-size:.65rem;padding-top:3px}.finish-screen-options{gap:8px;margin-top:10px}.finish-screen-option>span{padding:9px 7px;font-size:.69rem}.finish-screen-dialog{max-width:98vw;width:98vw}}
@media(max-width:430px){.finish-screen-options{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-screen-option>span{font-size:.76rem;padding:10px}.finish-screen-enlarge{font-size:0}.finish-screen-enlarge svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.finish-screen-option{transition:none}}
