.hero{padding-block:48px 56px;text-align:center;color:#fff}
.portfolio{padding-bottom:38px}
.tower-scene{display:block;width:100%;height:auto;overflow:visible}
.desktop-composition{margin-top:24px}
.mobile-composition{display:none}
.cube{cursor:pointer;outline:none}
.cube:focus-visible{outline:none}
.cube-light{fill:#fff;opacity:0;pointer-events:none;transition:opacity .18s ease}
.cube:hover .cube-light,.cube:focus-visible .cube-light{opacity:.22}
.cube-plane,.cube-front{stroke:#000;stroke-opacity:.14;stroke-width:.45;stroke-linejoin:round}
.cube-edge{fill:none;stroke-opacity:.55;stroke-width:.65;pointer-events:none}
.company-logo{pointer-events:none}
@media(max-width:700px){
 .hero{padding:32px 24px}
 .portfolio{padding:0 8px 20px}
 .desktop-composition{display:none}.mobile-composition{display:block;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.cube-light{transition:none}}