.section{min-height:100svh;padding:20px}h2{font-size:2rem}.hero{background:radial-gradient(at 50% -10%,#0d1b35 0%,#050c18 70%);min-height:100svh;position:relative}.hero__title{z-index:1;text-align:center;color:#fff;font-size:3rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%,150px)}.sh-plat-wrap{perspective:550px;pointer-events:none;height:400px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sh-plat-3d{transform-origin:bottom;background:linear-gradient(#38bdf803 0%,#38bdf80a 82%,#38bdf803),repeating-linear-gradient(90deg,#0000,#0000 59px,#38bdf833 59px 60px),repeating-linear-gradient(0deg,#0000,#0000 59px,#38bdf833 59px 60px),linear-gradient(#050a18,#02050c);height:100%;position:absolute;bottom:0;left:-30%;right:-30%;transform:rotateX(60deg)}.house{display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.left-side{background:#626be6;width:800px;height:400px;position:relative}.left-wall{background:#626be6;width:50px;height:100%;position:absolute;left:0;transform:translate(-100%);box-shadow:10px 0 10px #0003}.left-wall:before{content:"";background:#626be6;width:50px;height:50px;position:absolute;top:0;left:0;transform:translateY(-100%)}.left-wall:after{content:"";background:#99a3a3;width:20px;height:40px;position:absolute;top:50%;left:15px;transform:translateY(-100%)}.left-wall--on:after{box-shadow:0 10px 5px #e1e1a6,0 20px 10px #e1e1a6,0 50px 50px #e1e1a6,0 -10px 5px #e1e1a6,0 -20px 10px #e1e1a6,0 -50px 50px #e1e1a6}.top-wall{background:#626be6;width:100%;height:50px;position:absolute;top:0;transform:translateY(-100%);box-shadow:0 10px 10px #0003}.window{z-index:1;background:#33336a80;border:10px solid #000;width:300px;height:200px;position:absolute;bottom:100px;left:50px}.window:before{content:"";background:#000;width:10px;height:100%;position:absolute;left:25%}.window:after{content:"";background:#000;width:10px;height:100%;position:absolute;right:25%}.window-light{z-index:-1;position:absolute;inset:0}.window-light--on{background:linear-gradient(#e1e1a6 50%,#33336a);box-shadow:0 0 50px #e1e1a680}.door{z-index:1;border:10px solid #000;grid-template-columns:repeat(3,1fr);width:100px;height:300px;display:grid;position:absolute;bottom:0;right:50px}.door-light{z-index:-1;position:absolute;inset:0}.door-light--on{background:linear-gradient(#e1e1a6 50%,#33336a);box-shadow:0 0 50px #e1e1a680}.door-panel{background:#33336a80;border:2px solid #000;width:100%;height:100%}.right-side{background:#626be6;width:500px;height:400px;position:relative;box-shadow:-10px 0 10px #0003}.right-side:before{content:"";background:#99a3a3;width:20px;height:40px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.right-side:after{content:"";background:#99a3a3;width:20px;height:40px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.right-side--on:before,.right-side--on:after{box-shadow:0 10px 5px #e1e1a6,0 20px 10px #e1e1a6,0 50px 50px #e1e1a6,0 -10px 5px #e1e1a6,0 -20px 10px #e1e1a6,0 -50px 50px #e1e1a6}.garage{background-color:#000;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.garage-door{border-top:10px solid #000;border-left:10px solid #000;border-right:10px solid #000;grid-template-columns:repeat(1,1fr);width:400px;height:300px;transition:transform 2s;display:grid}.garage-door--open{transform:translateY(-100%)}.garage-panel{background:#4018a5;border:2px solid #000;width:100%;height:100%}.garage-panel:last-child{background:#99a3a3}.interior-btn-wrapper{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;flex-direction:row-reverse;justify-content:center;align-items:center;gap:10px;padding:5px 5px 5px 15px;display:flex;position:absolute;bottom:95%;left:-200px}.interior-btn-wrapper:before{content:"";transform-origin:0 100%;background:#fff;width:100px;height:1px;position:absolute;bottom:0;right:0;transform:translate(100%,50%)rotate(45deg)}.exterior-btn-wrapper{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;flex-direction:row-reverse;justify-content:center;align-items:center;gap:10px;padding:5px 5px 5px 15px;display:flex;position:absolute;bottom:15%;right:8%}.exterior-btn-wrapper:before{content:"";transform-origin:0 100%;background:#fff;width:100px;height:1px;position:absolute;top:0;right:0;transform:translate(100%,50%)rotate(-45deg)}.garage-btn-wrapper{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:5px 15px 5px 5px;display:flex;position:absolute;top:-40px;right:-100px}.garage-btn-wrapper:before{content:"";transform-origin:100% 0;background:#fff;width:100px;height:1px;position:absolute;bottom:0;left:0;transform:translate(-100%,-50%)rotate(-45deg)}.garage-btn{aspect-ratio:1;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;display:flex}.garage-btn span{aspect-ratio:1;background:#fff;border-radius:50%;width:2px;animation:2s linear infinite animateSpan;display:block}@keyframes animateSpan{50%{transform:scale(4)}to{transform:scale(1)}}.hero-scroll{color:#fff;font-weight:200;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.footer{color:#fff;background:#000;flex-direction:column;justify-content:space-between;min-height:400px;margin:20px;padding:10px;display:flex}.footer a{color:#fff}