/* Real project examples in the three handover cards only. */
.handover-example { display: block; margin-bottom: 18px; border-radius: 12px; color: var(--mint); }
.handover-example:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.handover-frame { display: grid; grid-template: minmax(0,1fr) / minmax(0,1fr); place-items: center; width: 100%; aspect-ratio: 3 / 4; max-height: 390px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #101b2a; }
.handover-frame--report { background: #fff; }
.handover-frame--cad { background: #070b10; }
.handover-frame img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.handover-enlarge { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 1px 0; font-size: 14px; line-height: 1.4; font-weight: 650; }
.handover-example:hover .handover-enlarge, .handover-example:focus-visible .handover-enlarge { text-decoration: underline; text-underline-offset: .2em; }
.handover-example:hover .handover-frame, .handover-example:focus-visible .handover-frame { border-color: var(--mint); }