.realisations-container{padding:2rem;max-width:1200px;margin:0 auto;background-color:var(--background)}.realisations-header{text-align:center;margin-bottom:3rem}.realisations-header h1{color:var(--text);font-size:2.5rem;margin-bottom:1rem}.realisations-header p{color:var(--text);opacity:.8;font-size:1.1rem}.realisations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.realisation-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px var(--shadow);height:250px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border)}.realisation-item:hover{transform:translateY(-5px);box-shadow:0 12px 25px var(--shadow)}.realisation-image{width:100%;height:100%;object-fit:cover}.realisation-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#000c,#0000004d 70%,#0000);color:#fff;padding:1.5rem;transition:none}.realisation-item:hover .realisation-overlay{transform:none;bottom:-5px}.realisation-overlay h2{margin:0 0 .5rem;font-size:1.3rem;color:#fff}.realisation-overlay p{margin:0;font-size:.9rem;opacity:.9;color:#fff}.realization-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.realization-modal-content{background-color:var(--card-bg);color:var(--text);border-radius:10px;width:100%;max-width:1000px;max-height:80vh;overflow-y:auto;padding:30px;position:relative;scrollbar-width:thin;scrollbar-color:var(--primary) var(--border);border:1px solid var(--border)}.realization-modal-content::-webkit-scrollbar{width:8px}.realization-modal-content::-webkit-scrollbar-track{background:var(--border);border-radius:10px}.realization-modal-content::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}.modal-close-btn{position:absolute;top:15px;right:15px;background:var(--primary-strong);color:var(--on-primary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:10;transition:background-color .3s}.modal-close-btn:hover{background:var(--primary-strong-hover)}.realization-modal-content h2{color:var(--text);margin-top:0;margin-bottom:20px;font-size:1.8rem;border-bottom:2px solid var(--primary-strong);padding-bottom:15px}.realization-gallery{margin-bottom:30px}.main-image-container{position:relative;width:100%;border-radius:8px;overflow:hidden;margin-bottom:15px;box-shadow:0 4px 15px var(--shadow);height:min(450px,60vh)}.main-image{width:100%;height:100%;object-fit:contain;background-color:transparent;display:block}@keyframes slideEffect{0%{opacity:.2;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideRightEffect{0%{opacity:.2;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.slide-left{animation:slideEffect .45s cubic-bezier(.25,.1,.25,1);background-color:transparent!important}.slide-right{animation:slideRightEffect .45s cubic-bezier(.25,.1,.25,1);background-color:transparent!important}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--primary-strong);opacity:.7;color:var(--on-primary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background-color .3s}.gallery-nav:hover{background:var(--primary-strong);opacity:1}.prev-btn{left:15px}.next-btn{right:15px}.thumbnail-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:15px}.thumbnail{width:100%;height:80px;border-radius:5px;overflow:hidden;cursor:pointer;opacity:.7;transition:opacity .3s;border:2px solid transparent}.thumbnail:hover{opacity:1}.thumbnail.active{opacity:1;border-color:var(--primary-strong)}.thumbnail img{width:100%;height:100%;object-fit:cover}.realization-description{color:var(--text)}.realization-description h3{font-size:1.4rem;margin-top:0;color:var(--primary-strong);margin-bottom:15px}.realization-description p{line-height:1.6;font-size:1rem;margin-top:0;color:var(--text);opacity:.9}.no-images{height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);opacity:.7;font-size:1.2rem}@media(max-width:767px){.realisations-container{padding:1rem}.realisations-grid{grid-template-columns:1fr}.realization-modal-content{padding:20px;max-height:95vh}.gallery-nav{width:35px;height:35px}.thumbnail-container{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.thumbnail{height:60px}}