@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;800&display=swap";:root{color:#202224;--orange:#fe6b01;font-synthesis:none;background:#fff;font-family:Montserrat,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}.renovation{--pad-x:max(18px, env(safe-area-inset-left), env(safe-area-inset-right));--pad-y:max(20px, env(safe-area-inset-top), env(safe-area-inset-bottom));height:100dvh;padding:var(--pad-y) var(--pad-x);background:radial-gradient(at 48% 70%,#fe6b0106,#0000 60%);place-items:center;display:grid}.scene{width:min(1440px, 100%, calc((100svh - 2 * var(--pad-y)) * 1.85));width:min(1440px, 100%, calc((100dvh - 2 * var(--pad-y)) * 1.85));aspect-ratio:1.85;position:relative;container-type:inline-size}.demolition{width:76%;height:auto;position:absolute;bottom:0;left:0}.demolition>img{transform-origin:28% 94%;width:100%;height:auto;animation:6s ease-in-out infinite demolition-impact;display:block}.impact{width:0;height:0;position:absolute;top:51%;left:61%}.fragment{clip-path:polygon(20% 0,100% 25%,80% 100%,0 70%);opacity:0;background:#484b4e;width:.7cqw;height:.85cqw;animation:6s ease-out infinite debris-fall;position:absolute}.fragment-one{--dx:3cqw;--dy:7cqw;--spin:130deg}.fragment-two{--dx:-2cqw;--dy:10cqw;--spin:-180deg;width:.5cqw}.fragment-three{--dx:4.5cqw;--dy:12cqw;--spin:230deg;background:#828588;width:.45cqw;height:.55cqw}.fragment-four{--dx:-3cqw;--dy:6cqw;--spin:-100deg;background:#626568;width:.4cqw;height:.6cqw}.dust{opacity:0;background:radial-gradient(#9c99914d,#b5b0a51a 45%,#0000 70%);border-radius:50%;width:7cqw;height:5cqw;margin:-2.5cqw 0 0 -3.5cqw;animation:6s ease-out infinite impact-dust;position:absolute}@keyframes demolition-impact{0%,25%,48%,to{transform:translate(0)rotate(0)}34%{transform:translate(-.25cqw)rotate(-.35deg)}37%{transform:translate(.3cqw)rotate(.2deg)}39%{transform:translate(-.16cqw,.08cqw)rotate(-.12deg)}42%{transform:translate(.1cqw)rotate(.06deg)}}@keyframes debris-fall{0%,36%{opacity:0;transform:translate(0)rotate(0)}38%{opacity:.85;transform:translateY(-.5cqw)rotate(0)}57%{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--spin))}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--spin))}}@keyframes impact-dust{0%,36%{opacity:0;transform:scale(.3)}40%{opacity:.65}58%,to{opacity:0;transform:translateY(2cqw)scale(1.8)}}.message{z-index:2;position:absolute;top:14%;left:53%;right:0}h1{text-transform:uppercase;margin:0;line-height:1.06}h1 span{white-space:nowrap;display:block}.title-light{letter-spacing:-.055em;font-size:5cqw;font-weight:300}.title-bold{letter-spacing:-.055em;font-size:4.15cqw;font-weight:800}.loading{background:#dedede;border-radius:20px;width:15cqw;height:.85cqw;margin-top:1.6cqw;overflow:hidden;box-shadow:inset 0 1px 2px #2022240a}.loading span{border-radius:inherit;background:var(--orange);transform-origin:0;width:100%;height:100%;animation:5.5s cubic-bezier(.4,0,.2,1) infinite loading-cycle;display:block}@keyframes loading-cycle{0%{opacity:0;transform:scaleX(.08)}8%{opacity:1;transform:scaleX(.12)}45%{opacity:1;transform:scaleX(.55)}80%{opacity:1;transform:scaleX(1)}94%,to{opacity:0;transform:scaleX(1)}}.message p{text-transform:uppercase;letter-spacing:.2em;text-wrap:balance;margin:1.6cqw 0 0;font-size:max(12px,1.25cqw);font-weight:400;line-height:1.6}.cones{width:35%;height:auto;position:absolute;bottom:0;right:0}.ground{background:#292b2e;border-radius:5px;height:max(2px,.28cqw);position:absolute;bottom:3%;left:0;right:0;box-shadow:0 5px 12px #2022240d}@media (width<=1024px) and (orientation:portrait){.scene{width:min(620px, 100%, calc((100svh - 2 * var(--pad-y)) * .72));width:min(620px, 100%, calc((100dvh - 2 * var(--pad-y)) * .72));aspect-ratio:.72}.message{text-align:center;top:4%;left:0;right:0}.title-light{font-size:10cqw}.title-bold{font-size:8.7cqw}.loading{width:40cqw;height:2.2cqw;margin:5cqw auto 0}.message p{letter-spacing:.16em;margin-top:5cqw;font-size:max(12px,2.7cqw)}.demolition{width:100%;bottom:22%;left:0}.cones{width:70%;bottom:0;right:0}.ground{bottom:1%}}@media (prefers-reduced-motion:reduce){.loading span{animation:none;transform:scaleX(.45)}.demolition>img,.fragment,.dust{animation:none}}