.roof-assembly-overlay-module__22MNTq__root{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.roof-assembly-overlay-module__22MNTq__zone{perspective:1100px;transform-style:preserve-3d;position:absolute;overflow:hidden}.roof-assembly-overlay-module__22MNTq__cover,.roof-assembly-overlay-module__22MNTq__stage{clip-path:polygon(0 79%,29% 2%,74% 10%,99% 68%,100% 79%,96% 100%,4% 100%);position:absolute;inset:0}.roof-assembly-overlay-module__22MNTq__cover{opacity:0;background:linear-gradient(171deg,#3b464cfa 0%,#161c20fc 54%,#080c0f 100%),repeating-linear-gradient(98deg,#0000 0 7%,#ffffff08 7.2% 7.7%,#0000 8% 13%);box-shadow:inset 0 -4px #bc864785,inset 0 -9px #402815c7}.roof-assembly-overlay-module__22MNTq__stage{opacity:0;filter:drop-shadow(0 5px 7px #00000080);transform-origin:50% 78%;will-change:transform, opacity;width:100%;height:100%}.roof-assembly-overlay-module__22MNTq__parts{transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.roof-assembly-overlay-module__22MNTq__part{opacity:0;filter:drop-shadow(0 2px 3px #0000009e);transform-origin:50%;transform-style:preserve-3d;will-change:transform, opacity;position:absolute;top:0;left:0}.roof-assembly-overlay-module__22MNTq__screw{background:linear-gradient(#e3e8e9,#6d777c 52%,#f4f7f7);border-radius:4px;width:19px;height:3px}.roof-assembly-overlay-module__22MNTq__screw:before{content:"";background:radial-gradient(circle,#2d3336 0 16%,#e7ebec 23% 52%,#657075 61%);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-5px}.roof-assembly-overlay-module__22MNTq__washer{border:3px solid #aeb7ba;border-radius:50%;width:10px;height:10px}.roof-assembly-overlay-module__22MNTq__bracket{border-bottom:4px solid #d3d9db;border-left:4px solid #9ca6aa;border-radius:1px;width:16px;height:13px}.roof-assembly-overlay-module__22MNTq__clip{border:2px solid #b6bec1;border-top:0;border-radius:0 0 5px 5px;width:11px;height:9px}.roof-assembly-overlay-module__22MNTq__beam{background:linear-gradient(#c99a62 0 18%,#9a673a 22% 64%,#6f4727 78%);border-radius:2px;width:64px;height:7px;box-shadow:inset 0 1px #ffffff40}.roof-assembly-overlay-module__22MNTq__batten{background:linear-gradient(#d3a36b,#8a5a31 72%);border-radius:1px;width:43px;height:4px}.roof-assembly-overlay-module__22MNTq__tile{background:repeating-linear-gradient(90deg,#141a1d 0 6px,#394247 6px 8px,#1a2023 8px 12px);border:1px solid #ffffff21;border-radius:2px 2px 6px 6px;width:25px;height:14px}.roof-assembly-overlay-module__22MNTq__ridge{background:linear-gradient(#4b555a,#141a1d 66%);border-radius:9px 9px 2px 2px;width:39px;height:10px}.roof-assembly-overlay-module__22MNTq__flashing{clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%,8% 50%);background:linear-gradient(#79858a,#272e32 55%,#adb6b9);width:47px;height:6px}.roof-assembly-overlay-module__22MNTq__gutter{background:linear-gradient(#5f696e,#171d20 54%,#778287);border-radius:2px 2px 9px 9px;width:52px;height:8px}.roof-assembly-overlay-module__22MNTq__pipe{background:linear-gradient(90deg,#252c2f,#7e898d 48%,#202629);border-radius:5px;width:7px;height:38px}.roof-assembly-overlay-module__22MNTq__hook{border:3px solid #727d81;border-color:#0000 #727d81 #727d81 #0000;border-radius:50%;width:15px;height:14px}.roof-assembly-overlay-module__22MNTq__roll{background:radial-gradient(circle,#101416 0 22%,#535d61 27% 41%,#181d20 48%);border-radius:50%;width:20px;height:16px;box-shadow:6px 0 #22292c}.roof-assembly-overlay-module__22MNTq__vent{background:linear-gradient(90deg,#1a2023,#687379 48%,#171c1f);border-radius:6px 6px 2px 2px;width:13px;height:19px}.roof-assembly-overlay-module__22MNTq__active .roof-assembly-overlay-module__22MNTq__cover{animation:7.2s both roof-assembly-overlay-module__22MNTq__roof-cover}.roof-assembly-overlay-module__22MNTq__active .roof-assembly-overlay-module__22MNTq__rafters{animation:7.2s cubic-bezier(.16,.78,.18,1) both roof-assembly-overlay-module__22MNTq__roof-rafters}.roof-assembly-overlay-module__22MNTq__active .roof-assembly-overlay-module__22MNTq__membrane{animation:7.2s cubic-bezier(.16,.78,.18,1) both roof-assembly-overlay-module__22MNTq__roof-membrane}.roof-assembly-overlay-module__22MNTq__active .roof-assembly-overlay-module__22MNTq__tiles{animation:7.2s cubic-bezier(.16,.78,.18,1) both roof-assembly-overlay-module__22MNTq__roof-tiles}.roof-assembly-overlay-module__22MNTq__active .roof-assembly-overlay-module__22MNTq__part{animation:roof-assembly-overlay-module__22MNTq__roof-part-flight var(--duration) var(--delay) cubic-bezier(.16, .72, .16, 1) both}@keyframes roof-assembly-overlay-module__22MNTq__roof-cover{0%{opacity:0}5%,86%{opacity:1}to{opacity:0}}@keyframes roof-assembly-overlay-module__22MNTq__roof-rafters{0%{opacity:0;transform:translate3d(-4%,-18%,180px)rotateX(-27deg)rotate(-1deg)scale(1.08)}9%,27%{opacity:1;transform:translate(0,0)rotateX(0)rotate(0)scale(1)}35%,to{opacity:0;transform:translateY(2%)scale(.995)}}@keyframes roof-assembly-overlay-module__22MNTq__roof-membrane{0%,22%{opacity:0;transform:translate3d(7%,-21%,230px)rotateX(-31deg)rotate(2deg)scale(1.1)}31%,50%{opacity:1;transform:translate(0,0)rotateX(0)rotate(0)scale(1)}58%,to{opacity:0;transform:translateY(2%)scale(.995)}}@keyframes roof-assembly-overlay-module__22MNTq__roof-tiles{0%,47%{opacity:0;transform:translate3d(-5%,-22%,280px)rotateX(-34deg)rotate(-2deg)scale(1.12)}58%,84%{opacity:1;transform:translate(0,0)rotateX(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(1%)scale(.998)}}@keyframes roof-assembly-overlay-module__22MNTq__roof-part-flight{0%{opacity:0;transform:translate3d(var(--sx), var(--sy), var(--z)) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(var(--scale))}7%{opacity:.98}61%{opacity:1;transform:translate3d(var(--mx), var(--my), var(--mz)) rotateX(var(--spin-38)) rotateY(var(--spin-46)) rotateZ(var(--spin-52)) scale(1)}92%{opacity:.94;transform:translate3d(var(--tx), var(--ty), 0) rotateX(var(--spin)) rotateY(var(--spin-72)) rotateZ(var(--spin-84)) scale(.2)}to{opacity:0;transform:translate3d(var(--tx), var(--ty), -16px) rotateX(var(--spin)) rotateY(var(--spin-72)) rotateZ(var(--spin-84)) scale(.02)}}@media (max-width:640px){.roof-assembly-overlay-module__22MNTq__beam{width:42px;height:5px}.roof-assembly-overlay-module__22MNTq__gutter{width:35px;height:6px}.roof-assembly-overlay-module__22MNTq__pipe{width:5px;height:25px}.roof-assembly-overlay-module__22MNTq__tile{width:18px;height:10px}}@media (prefers-reduced-motion:reduce){.roof-assembly-overlay-module__22MNTq__root{display:none}}