/* Projected solids, clear contact points and a homeowner-controlled timeline. */
.ri-demo.install-demo { display:block; margin:12px 0 0; }
.ri-svg { display:block;width:100%;height:auto;max-height:350px;border-radius:10px;background:#e6eeea; }
.ri-svg [data-ri-track] { transform-box:view-box;transform-origin:0 0; }
.ri-seam-detail { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border-radius:10px;background:#eaf2ef;color:#183b45; }
.ri-seam-detail svg { display:block;width:100%;height:auto; }
.ri-seam-detail strong { display:block;margin-bottom:5px;color:#123742;font-size:13px; }
.ri-seam-detail span { display:block;font-size:12px;line-height:1.45; }
.ri-controls { display:flex;align-items:center;gap:8px;padding:12px 0; }
.ri-controls button { min-height:44px;padding:0 13px;border:1px solid #466775;border-radius:6px;background:#173440;color:#f5fbfa;cursor:pointer;font:700 12px/1 Arial,sans-serif; }
.ri-controls input { width:100%;min-width:40px;height:44px;accent-color:#67d5cf;cursor:pointer; }
.ri-controls output { flex-shrink:0;color:#c0d2d7;font:11px/1.2 Arial,sans-serif; }
.ri-demo .ri-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;list-style:none;padding:0;margin:0 0 16px; }
.ri-demo .ri-steps li { padding:0;display:block; }
.ri-demo .ri-steps li::before { display:none; }
.ri-steps button { width:100%;height:100%;min-height:68px;text-align:left;padding:9px;border:1px solid #3b5663;border-radius:6px;background:#112c38;color:#d1e1e4;font:12px/1.4 Arial,sans-serif;cursor:pointer; }
.ri-steps button span { display:block;font-size:10px;letter-spacing:.08em;color:#70d4ce;margin-bottom:3px; }
.ri-steps button[aria-current="true"] { border-color:#73d7d0;background:#1c444c;color:#fff; }
.ri-demo .install-demo__caption { max-width:none; }
.ri-demo .install-demo__caption strong { color:#fff;font-size:14px; }
.ri-demo .install-demo__caption p { margin:8px 0;color:#c7dade;font-size:13px;line-height:1.55; }
.ri-demo .install-demo__caption small { display:block;color:#a3bcc4;font-size:11px;line-height:1.5; }
.ri-demo .ms-detail__src { display:inline-flex;margin-top:8px;min-height:36px;align-items:center; }
.ri-controls button:focus-visible,.ri-steps button:focus-visible,.ri-controls input:focus-visible { outline:2px solid #93ebe3;outline-offset:3px; }
.ms-detail:has(.ri-demo) { display:none;position:relative;inset:auto;max-height:none;overflow:visible;scroll-margin-top:90px;margin-top:12px; }
.metal-system.is-focused .ms-detail:has(.ri-demo) { display:block; }
.metal-system.is-focused .ms-scene { height:260px; }
.ms-scene { cursor:pointer; }
.ms-scene:focus-visible { outline:2px solid #67d5cf;outline-offset:4px; }
.ms-model-instruction { color:#a5c7cc;font-size:.75rem;margin:4px 0 12px; }
.gallery-filters { display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px; }
.gallery-filters button { min-height:44px;padding:8px 18px;border:1px solid #9eb6bc;border-radius:6px;background:transparent;color:#234551;font:700 13px/1.2 Arial,sans-serif;cursor:pointer; }
.gallery-filters button[aria-pressed="true"] { background:#123644;color:white; }
.gallery__item[hidden] { display:none; }
.gallery__grid[hidden],.reels__track[hidden] { display:none; }
.gallery__empty { padding:24px 0;color:#496176; }
.gallery__empty[hidden] { display:none; }
.gallery__grid.is-filtered { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:250px; }
.gallery__grid.is-filtered .gallery__item:first-child { grid-row:auto; }
.instagram-awaiting { padding:20px 0;border-top:1px solid #456271;color:#d6e6e8; }
.instagram-awaiting a { display:inline-flex;min-height:44px;align-items:center;color:#8cddd6;font-weight:700; }
.ai-roofer__sprite[data-atlas] { background-size:1200% 800%;background-repeat:no-repeat;transition:opacity 180ms ease; }
.roofer-motion-toggle { position:absolute;right:0;bottom:0;min-width:44px;min-height:44px;border:1px solid #46707a;border-radius:50%;background:#153644;color:white;font:700 11px/1 Arial,sans-serif;cursor:pointer;z-index:2; }
@media(max-width:760px) {
 .ms-detail:has(.ri-demo) { max-height:none; }
 .ri-svg { min-height:210px; }
 .ri-seam-detail { grid-template-columns:1fr;gap:4px; }
 .ri-demo .ri-steps { grid-template-columns:1fr; }
 .ri-steps button { min-height:44px;display:flex;align-items:center;gap:10px; }
 .ri-steps button span { margin:0; }
 .ri-controls { flex-wrap:wrap; }
 .ri-controls input { flex:1; }
 .ri-controls output { display:none; }
 .gallery__grid.is-filtered { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
 .ri-controls [data-ri-play],.ri-controls [data-ri-replay] { display:none; }
 .ai-roofer__sprite[data-atlas] { transition:none; }
}