:root{--main-color: #2d3748;--secondary-color: rgb(170, 86, 86)}html,body{background:#f9fbfc;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-size:16px;color:var(--main-color)}body,button,input,select,textarea{font-family:Roboto Flex,sans-serif}.main-container{width:85%;padding:2rem 1.5rem 1rem;padding-top:150px;margin:0 auto;font-size:25px;color:#2d3748}.presentation{font-size:30px;text-align:justify}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2rem;background:var(--main-color);color:#fff;border-bottom:1px solid #333;box-shadow:0 2px 6px #0003;box-sizing:border-box;flex-wrap:nowrap}.brand{text-decoration:none;color:inherit;min-width:0}.header h2{font-weight:600}.nav-buttons{display:flex;gap:1rem;margin-left:auto}.nav-button{padding:.6rem 1.2rem;background:transparent;border:1px solid #fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;color:#fff;transition:all .3s ease}.nav-button:hover,.nav-button.active{background:#fff;color:#000}.mobile-menu{display:none;position:relative;margin-left:auto}.hamburger{background:none;border:none;color:#fff;font-size:28px;cursor:pointer}.overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:flex-start;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease;padding-top:130px}.overlay.show{opacity:1;pointer-events:auto}.dropdown{width:100%;max-width:400px;background:transparent;list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:0;border-radius:0}.dropdown .nav-button{width:100%;padding:1.5rem 2rem;text-align:left;color:#fff;border:none;border-radius:0;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.dropdown .nav-button:hover{background:#fff3;color:var(--secondary-color);transform:translate(8px)}.dropdown .nav-button.active{background:#ffffff40;color:var(--secondary-color);border-left:4px solid var(--secondary-color)}.dropdown .nav-button:last-child{border-bottom:none}@media (max-width: 1000px){.header h2{font-size:16px}.nav-buttons{display:none}.mobile-menu{display:block}}.page-realisations{display:flex;flex-direction:column;margin-left:5vw;margin-right:5vw;min-height:80vh}.page-realisations-spacer{height:25vh}.content-row{display:flex;align-items:top;gap:4rem}.realisations-scroll-container{flex:0 0 40%;max-width:480px;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.card-wrapper{flex:1;display:flex;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.project-card{opacity:9;width:70%;max-width:600px;min-width:350px;background:#fff;border-radius:20px;box-shadow:0 4px 10px #00000014;padding:2rem;margin-bottom:2rem;border:1px solid #ccc;transition:transform .3s ease,box-shadow .3s ease}.project-card{width:100%;background:#fff;border-radius:20px}.realisations-scroll-container{flex:0 0 40%;max-width:500px;overflow-y:auto;overflow-x:hidden;padding-right:40px}.realisations-item{width:100%;max-width:100%;min-height:60px;box-sizing:border-box;font-weight:400;font-size:18px;margin-bottom:30px;display:block;align-items:left;text-align:left;gap:2rem;cursor:pointer;color:inherit;transform-origin:left center}.realisations-item.active{font-weight:800}.realisations-scroll-container ul{margin:2;padding:0;list-style:none}.realisations-item-content{width:100%;max-width:100%;box-sizing:border-box;display:flex;gap:10px;align-items:center;text-align:left;justify-content:flex-start}.realisations-item-content img{width:50px;height:auto;flex-shrink:0}.project-card:hover{transform:translateY(5px);box-shadow:0 10px 25px #00000026}.project-card h2{font-size:1.8rem;margin-bottom:1rem}.project-card p{font-size:20px;margin-bottom:2rem;text-align:justify}.section-block{margin-bottom:1.5rem}.section-block h3{font-size:1.2rem;margin-bottom:.5rem}.logo-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.logo-row img{height:80px;object-fit:contain}.logo-row.small img{height:25px}.project-card{width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.close-card{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:2rem;font-weight:700;cursor:pointer;color:#333;z-index:10}.close-card:hover{color:#ff4d4f}@media (max-width: 900px){.content-row{flex-direction:column;align-items:center;height:auto}.realisations-scroll-container{width:100%;max-width:100%;height:auto;max-height:40vh;margin-bottom:1.5rem;padding-right:0}.card-wrapper{position:fixed;top:0;left:0;height:100vh;display:flex;justify-content:center;align-items:flex-start;z-index:3000;overflow:auto}.project-card{margin:5vw;width:60%;max-width:100%;padding:1.5rem}.project-card p{font-size:16px}.page-realisations .presentation{font-size:20px}.realisations-item{font-size:14px;margin-bottom:0}.realisations-item-content img{width:40px;height:auto;flex-shrink:0}.project-card h2{font-size:1rem;margin-bottom:1rem}.project-card h3{font-size:1rem}}