/* v1: Webflow IX2 remains authoritative for project hover / touch-scroll animations.
   Important: do not force .project-item-image opacity, z-index, or positioning here.
   Source Webflow JS has e-10 (desktop MOUSE_OVER) and e-379 (mobile SCROLLING_IN_VIEW).
 */
.rebuild-attachments {max-width:1300px;margin:0 auto;}
.rebuild-attachments iframe {display:block;max-width:100%;}
.rebuild-attachments img {max-width:100%;height:auto;}
.rebuild-next-button {display:block;box-sizing:border-box;width:100%;max-width:100%;
 text-align:center;text-decoration:none;color:#111;font-size:12px;font-weight:500;
 line-height:1.5;padding:22px 12px;margin:0 auto 20px;
 transition:background-color 180ms ease;}
.rebuild-next-button:hover,.rebuild-next-button:focus-visible {background-color:#b7ebf1;}
.rebuild-next-button:active {background-color:#b7ebf1;}
@media (prefers-reduced-motion:reduce){.rebuild-next-button{transition:none}}

.rebuild-media-image,.rebuild-media-pair{margin:2.5rem auto;width:100%;max-width:1300px;} .rebuild-media-image img{display:block;max-width:100%;height:auto;margin:auto;} .rebuild-media-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;} .rebuild-media-pair img{width:100%;height:auto;object-fit:contain;} .media-caption{text-align:center;font-size:0.8rem;margin-top:0.6rem;} @media(max-width:599px){.rebuild-media-pair>div{grid-template-columns:1fr;gap:1rem;} .rebuild-media-image,.rebuild-media-pair{margin:1.5rem auto;}}