.home-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:22px 28px 70px;gap:28px}.main-image{flex:1 1 385px;max-width:410px;height:500px;border-radius:38.5px;overflow:hidden;position:relative;cursor:pointer;transition:transform .4s ease-out,box-shadow .4s ease-out;display:block}.main-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:transform .4s ease-out;display:block}.main-image:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000040}.main-image:hover img{transform:scale(1.1)}.main-image .overlay.main-overlay{height:50%;display:flex;color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:1px;text-shadow:0 4px 8px rgba(0,0,0,.7);transition:height .4s ease-out,background .4s ease-out,padding .4s ease-out,font-size .4s ease-out}.main-image:hover .overlay.main-overlay{height:70%;padding-bottom:60px;font-size:2.5rem}.overlay{position:absolute;bottom:0;left:0;right:0;width:100%;height:50%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;padding:0 0 20px;background:linear-gradient(180deg,#0190,#001dffcc 80%);color:#fff;font-weight:700;font-size:1.4rem;letter-spacing:1px;text-shadow:0 2px 5px rgba(0,0,0,.5);transition:height .4s ease-out,background .4s ease-out,padding .4s ease-out}.right-section{display:flex;flex-direction:column;flex:2;gap:15px;height:500px;justify-content:space-between}.top-row{display:flex;justify-content:space-between;gap:15px}.bottom-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px}.card{position:relative;border-radius:38.5px;overflow:hidden;cursor:pointer;transition:transform .4s ease-out,box-shadow .4s ease-out;font-size:0}.card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000040}.card img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:transform .4s ease-out;display:block}.card:hover img{transform:scale(1.1)}.card:hover .overlay{height:60%;background:linear-gradient(180deg,#0190,#001dfff2 80%);padding:0 0 30px}.large-card{flex:1;min-width:230px;height:175px}.small-card{flex:1 1 190px;height:300px}.modal-overlay{visibility:hidden;opacity:0;position:fixed;inset:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-out,visibility .3s ease-out}.modal-overlay.active{visibility:visible;opacity:1}.modal-content{background:#fff;padding:25px 30px;border-radius:15px;box-shadow:0 8px 30px #00000040;max-width:500px;width:90%;position:relative;transform:scale(.9);transition:transform .3s ease-out}.modal-overlay.active .modal-content{transform:scale(1)}.modal-content h2{margin-top:0;margin-bottom:15px;color:#333;font-size:1.6rem;font-family:OUR-SemiBold,sans-serif}.modal-content p{color:#555;font-size:1rem;line-height:1.6;white-space:pre-wrap;font-family:Regular-Bold,sans-serif}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:#aaa;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#333}.modal-actions{text-align:right;margin-top:25px}.modal-button{background-color:#0056b3;color:#fff;border:none;padding:10px 25px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s}.modal-button:hover{background-color:#003d80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-image,.large-card,.small-card{opacity:0}.main-image{animation:fadeIn .6s ease-out .2s forwards}.top-row .large-card:nth-child(1){animation:fadeIn .6s ease-out .4s forwards}.top-row .large-card:nth-child(2){animation:fadeIn .6s ease-out .6s forwards}.bottom-row .small-card:nth-child(1){animation:fadeIn .5s ease-out .8s forwards}.bottom-row .small-card:nth-child(2){animation:fadeIn .5s ease-out 1s forwards}.bottom-row .small-card:nth-child(3){animation:fadeIn .5s ease-out 1.2s forwards}.bottom-row .small-card:nth-child(4){animation:fadeIn .5s ease-out 1.4s forwards}@media(max-width:1200px){.home-container{flex-direction:column;align-items:center}.top-row,.bottom-row{flex-wrap:wrap;justify-content:center}.large-card{height:160px}.small-card{height:230px}}@media(max-width:768px){.overlay{font-size:.85rem}.footer{flex-direction:column;text-align:center}.footer-icons{margin-top:8px}}
