.realisations{border-top:1px solid var(--line)}.realisations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.realisation-card{margin:0;background:#fff;border:1px solid var(--line)}.realisation-open{display:block;position:relative;width:100%;padding:0;border:0;cursor:zoom-in;background:#ededeb;color:var(--ink)}.realisation-open img{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain}.realisation-open>span{position:absolute;bottom:14px;right:14px;background:#17191b;color:#fff;padding:7px 12px;border-radius:3px;font-size:.8rem}.realisation-card figcaption{padding:24px}.realisation-card .eyebrow{font-size:.7rem;margin-bottom:12px}.realisation-card h3{margin-bottom:12px}.realisation-card figcaption>p:last-child{font-size:.9rem;color:var(--muted);margin-bottom:0}.realisations-note{font-size:.8rem;color:var(--muted);margin:22px 0 12px}#realisation-dialog{border:0;padding:18px;background:#fafafa;max-width:min(960px,94vw);max-height:94dvh;overflow:auto}#realisation-dialog::backdrop{background:rgba(0,0,0,.8)}#realisation-dialog img{max-height:76dvh;width:auto;max-width:100%;margin:auto;object-fit:contain}#realisation-caption{text-align:center;margin:15px 0 0;font-weight:600}.realisation-close{display:block;margin:0 0 14px auto;border:1px solid var(--line);background:white;padding:9px 14px;cursor:pointer}@media(max-width:900px){.realisations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.realisations-grid{grid-template-columns:1fr;gap:24px}.realisation-card figcaption{padding:20px}}
.realisations-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#b7b7b7 #ededed}.realisation-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}.realisations-controls{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:0 0 20px}.realisations-controls button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:3px;padding:10px 15px;cursor:pointer;font-size:.85rem;min-height:44px}.realisations-controls button:disabled{opacity:.4;cursor:default}#realisation-position{font-size:.8rem;color:var(--muted);min-width:36px;text-align:center}@media(max-width:900px){.realisation-card{flex-basis:calc((100% - 24px)/2)}}@media(max-width:560px){.realisations-grid{gap:16px}.realisation-card{flex-basis:88%}.realisations-controls{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.realisations-grid{scroll-behavior:auto}}