#home #about{position:relative}#home #about .flex-container{align-items:stretch;justify-content:space-between;gap:.5%}#home #about .flex-container .box{background-color:#0e100f;border-radius:16px;width:16%;height:56vh;position:relative;flex-shrink:0;transition:1s;border:1px solid #4d4d4d}#home #about .flex-container .box img.bg{opacity:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px}#home #about .flex-container .box h3{position:absolute;color:#dbff7b;top:20px;left:20px;font-size:24px}#home #about .flex-container .box.active{width:50%;border:none;overflow:hidden}#home #about .flex-container .box.active img.bg{opacity:1;scale:1.1;transition:1.8s}#home #about .flex-container .box .arrow-bubble-button{position:absolute;bottom:30px;left:20px;opacity:0;transition:.8s}#home #about .flex-container .box .shadow{background:linear-gradient(180deg,rgba(15,14,16,.8),rgba(15,14,16,0));mix-blend-mode:darken;position:absolute;width:100%;height:40%;top:0;left:0;border-radius:16px}#home #about .flex-container .box.box.active .arrow-bubble-button{opacity:1}@media screen and (min-width:766px) and (max-width:1260px){#home #about{overflow:hidden}#home #about .flex-container{gap:5px}#home #about .flex-container:has(.box:nth-child(3).active) .box:last-child{width:16%;opacity:1}#home #about .flex-container .box:last-child.active{opacity:1}#home #about .flex-container .box.active{width:51%}#home #about .flex-container .box h3{left:15px;writing-mode:vertical-rl}#home #about .flex-container .box.active h3{left:30px;writing-mode:unset}#home #about .flex-container .box .arrow-bubble-button{bottom:15px;left:15px}#home #about .arrow-bubble-button .arrow-button .gradient,#home #about .arrow-bubble-button .title .gradient{opacity:1}#home #about .arrow-bubble-button a{font-size:17px;color:#0e100f}#home #about .arrow-bubble-button .arrow-button{height:44px}#home #about .arrow-bubble-button .arrow-button svg{color:#0e100f;font-size:30px}#home #about .aurora-trigger{height:13%;top:32%}}@media screen and (max-width:766px){#home #about{overflow:hidden}#home #about .flex-container{gap:5px}#home #about .flex-container .box:last-child,#home #about .flex-container:has(.box:last-child.active) .box:first-child,#home #about .flex-container:has(.box:nth-child(3).active) .box:first-child{width:0;opacity:0}#home #about .flex-container:has(.box:last-child.active) .box:first-child,#home #about .flex-container:has(.box:nth-child(3).active) .box:first-child{margin-right:-7px}#home #about .flex-container:has(.box:nth-child(3).active) .box:last-child{width:16%;opacity:1}#home #about .flex-container .box:last-child.active{opacity:1}#home #about .flex-container .box.active{width:66%}#home #about .flex-container .box h3{left:15px;writing-mode:vertical-rl}#home #about .flex-container .box.active h3{left:15px;writing-mode:unset}#home #about .flex-container .box .arrow-bubble-button{bottom:15px;left:15px}#home #about .arrow-bubble-button .arrow-button .gradient,#home #about .arrow-bubble-button .title .gradient{opacity:1}#home #about .arrow-bubble-button a{font-size:17px;color:#0e100f}#home #about .arrow-bubble-button .arrow-button{height:44px}#home #about .arrow-bubble-button .arrow-button svg{color:#0e100f;font-size:30px}#home #about .aurora-trigger{height:13%;top:32%}}@media screen and (max-width:380px){#home #about .flex-container .box.active h3{left:15px;writing-mode:unset}#home #about .flex-container .box h3{left:11px;writing-mode:vertical-rl}#home #about .arrow-bubble-button a{font-size:13px}#home #about .arrow-bubble-button .title{padding:9px 18px;height:35px}#home #about .arrow-bubble-button .arrow-button{height:35px}#home #about .arrow-bubble-button .arrow-button svg{color:#0e100f;font-size:25px}}