@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap";#root{width:100%;max-width:100%;margin:0;padding:0}body{background:#fff;font-family:Montserrat,sans-serif}section{color:#222;text-transform:uppercase;justify-content:center;align-items:center;width:90%;max-width:800px;margin:0 auto;font-size:2.8em;font-weight:700;display:flex}.full{background:#e0e0e0;height:100vh}.half{background:#e0e0e0;height:50vh}.mini{background:#e0e0e0;height:25vh}.banner{color:#e8e8e8;align-items:stretch;display:flex}.banner3d-1{perspective:700px;-webkit-transform-style:flat;width:100%;transform-style:preserve-3d}.banner3d-1-front{transform-style:preserve-3d;background:#222;padding:50px;transform:translateZ(50px)}.banner3d-1-front:before{content:"";transform-origin:bottom;background-color:#bfbfbf;width:100%;height:50px;position:absolute;top:-50px;left:0;transform:rotateX(90deg)}.banner3d-1-front:after{content:"";transform-origin:top;background-color:#bfbfbf;width:100%;height:50px;position:absolute;bottom:-50px;left:0;transform:rotateX(-90deg)}.banner3d-2{perspective:700px;-webkit-transform-style:flat;width:100%;transform-style:preserve-3d;z-index:-1}.banner3d-2-front{transform-style:preserve-3d;background:#222;padding:50px;transform:translateZ(-50px)}.banner3d-2-front:before{content:"";transform-origin:bottom;background-color:#bfbfbf;width:100%;height:50px;position:absolute;top:-50px;left:0;transform:rotateX(-90deg)}.banner3d-2-front:after{content:"";transform-origin:top;background-color:#bfbfbf;width:100%;height:50px;position:absolute;bottom:-50px;left:0;transform:rotateX(90deg)}.banner3d-3{perspective:700px;-webkit-transform-style:flat;width:50%;transform-style:preserve-3d}.banner3d-3-front{text-align:center;transform-style:preserve-3d;background:#222;padding:100px 25px;transform:translateZ(50px)}.banner3d-3-front:before{content:"";transform-origin:bottom;background-color:#404040;width:100%;height:50px;position:absolute;top:-50px;left:0;transform:rotateX(90deg)}.banner3d-3-front:after{content:"";transform-origin:top;background-color:#404040;width:100%;height:50px;position:absolute;bottom:-50px;left:0;transform:rotateX(-90deg)}.image{background:url(https://source.unsplash.com/IyaNci0CyRk/600x600) 50%/cover no-repeat;width:50%;box-shadow:inset 25px 0 20px 10px #00000069}.banner3d-4{perspective:700px;-webkit-transform-style:flat;width:60%;transform-style:preserve-3d;z-index:-1}.banner3d-4-front{transform-style:preserve-3d;background:#222;padding:25px;transform:translateZ(-50px)}.banner3d-4-front:before{content:"";transform-origin:bottom;background-color:#bfbfbf;width:100%;height:50px;position:absolute;top:-50px;left:0;transform:rotateX(-90deg)}.banner3d-4-front:after{content:"";transform-origin:top;background-color:#bfbfbf;width:100%;height:50px;position:absolute;bottom:-50px;left:0;transform:rotateX(90deg)}.image2{box-sizing:border-box;background:url(https://source.unsplash.com/gJJhG4gM7NA/600x600) 50%/cover no-repeat;border:20px solid #e0e0e0;width:40%}.intro{flex-direction:column;align-items:center;gap:22px;display:flex}.brand-logo{border-radius:20px;width:260px;max-width:72vw;height:auto;box-shadow:0 14px 30px #00000038}.intro-text{color:#222}@media (width<=991px){section{font-size:2em}.brand-logo{width:190px}.banner{flex-direction:column}.banner3d-3,.banner3d-4{width:100%}.image,.image2{width:100%;height:300px}}