[data-sig="remodeler-selections"]{position:relative;padding-inline:var(--edge);view-timeline-name:--materials;view-timeline-axis:block;height:180dvh}[data-sig="remodeler-selections"] .selection-stage{position:sticky;top:var(--header);height:calc(100dvh - var(--header));display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:64px;max-width:1288px;margin:auto}[data-sig="remodeler-selections"] .selection-copy h2{margin-bottom:24px}[data-sig="remodeler-selections"] .selection-copy p{font-size:14px;max-width:400px}[data-sig="remodeler-selections"] .selection-copy small{display:block;margin-top:24px;color:var(--muted);font-size:11px}[data-sig="remodeler-selections"] .selection-board{position:relative;height:600px;max-height:70dvh;background:var(--paper)}[data-sig="remodeler-selections"] .material{position:absolute;width:43%;margin:0;--x:0%;--y:0%;--turn:0deg;transform:translate(0,0)}[data-sig="remodeler-selections"] .material img{width:100%;aspect-ratio:1/1;object-fit:cover}[data-sig="remodeler-selections"] .material figcaption{font-size:11px;line-height:1.5;padding:10px 2px;max-width:100%}[data-sig="remodeler-selections"] .material figcaption strong{display:block;font-weight:600;font-size:13px}[data-sig="remodeler-selections"] .material:nth-of-type(1){left:22%;top:6%;--x:-40%;--y:0%;--turn:-4deg}[data-sig="remodeler-selections"] .material:nth-of-type(2){left:36%;top:10%;--x:40%;--y:0%;--turn:3deg}[data-sig="remodeler-selections"] .material:nth-of-type(3){left:22%;top:44%;--x:-40%;--y:13%;--turn:2deg}[data-sig="remodeler-selections"] .material:nth-of-type(4){left:36%;top:40%;--x:40%;--y:20%;--turn:-3deg}@keyframes spread-material{0%,10%{transform:translate(0,0) rotate(0deg)}85%,100%{transform:translate(var(--x),var(--y)) rotate(var(--turn))}}
@supports(animation-timeline:view()){[data-sig="remodeler-selections"] .material{animation:spread-material linear both;animation-timeline:--materials;animation-range:contain 0% contain 100%}}
@media(max-width:760px){[data-sig="remodeler-selections"]{height:175dvh}[data-sig="remodeler-selections"] .selection-stage{height:calc(100dvh - 128px);grid-template-columns:1fr;gap:24px;align-content:center}[data-sig="remodeler-selections"] .selection-copy h2{font-size:32px;margin-bottom:16px}[data-sig="remodeler-selections"] .selection-copy p{font-size:13px}[data-sig="remodeler-selections"] .selection-copy small{margin-top:8px}[data-sig="remodeler-selections"] .selection-board{height:360px;max-height:44dvh}[data-sig="remodeler-selections"] .material{width:43%}[data-sig="remodeler-selections"] .material figcaption{font-size:9px;padding:6px 2px}[data-sig="remodeler-selections"] .material figcaption strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){[data-sig="remodeler-selections"]{height:auto;padding-block:72px}[data-sig="remodeler-selections"] .selection-stage{position:static;height:auto}[data-sig="remodeler-selections"] .material{animation:none;transform:translate(var(--x),var(--y)) rotate(var(--turn))}}
[data-sig="remodeler-selections"] .material{width:38%}[data-sig="remodeler-selections"] .material:nth-of-type(1){left:22%;top:4%;--x:-42%;--y:0%;--turn:-3deg}[data-sig="remodeler-selections"] .material:nth-of-type(2){left:36%;top:4%;--x:42%;--y:0%;--turn:2deg}[data-sig="remodeler-selections"] .material:nth-of-type(3){left:22%;top:58%;--x:-42%;--y:0%;--turn:2deg}[data-sig="remodeler-selections"] .material:nth-of-type(4){left:36%;top:58%;--x:42%;--y:0%;--turn:-2deg}[data-sig="remodeler-selections"] .assembled{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5;pointer-events:none}
@keyframes clear-table{0%,14.99%{visibility:visible}15%,100%{visibility:hidden}}@keyframes label-material{0%,55%{opacity:0}85%,100%{opacity:1}}
@supports(animation-timeline:view()){[data-sig="remodeler-selections"] .assembled{animation:clear-table linear both;animation-timeline:--materials;animation-range:contain 0% contain 100%}[data-sig="remodeler-selections"] .material figcaption{animation:label-material linear both;animation-timeline:--materials;animation-range:contain 0% contain 100%}}
@media(prefers-reduced-motion:reduce){[data-sig="remodeler-selections"] .assembled{display:none}[data-sig="remodeler-selections"] .material figcaption{animation:none;opacity:1}}