:root{--transition: .45s ease}.gallery{position:relative;width:100%;height:300vh}.gallery__content{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:690px;margin:0 auto;padding:0 20px;z-index:10;pointer-events:none}.gallery__content .xl-title{margin-bottom:35px}.gallery__content .ctab{pointer-events:auto}.gallery__images{position:absolute;top:120vh;left:0;width:100%;height:0;z-index:1;pointer-events:none}.gallery__img{position:absolute;top:0;left:50%;width:clamp(150px,96.6101694915px + 12.7118644068vw,300px);aspect-ratio:335/380;overflow:hidden;pointer-events:auto;cursor:zoom-in}.gallery__img img{width:100%;height:100%;object-fit:cover}.ensemble__card{width:auto;display:flex;flex-direction:column;align-items:center;gap:25px;padding:25px;background-color:#fff;height:100%}.ensemble__card:hover img{transform:scale(1.1)}.ensemble__card-img{aspect-ratio:640/452;width:100%;overflow:hidden}.ensemble__card-img img{transform:scale(1);transition:transform .3s ease-in-out}.ensemble__card-content{display:flex;flex-direction:column;max-width:500px;margin:0 auto;gap:10px;text-align:center}.hero{padding-block:clamp(100px,78.0891719745px + 6.3694267516vw,180px);background-color:var(--blue-100);color:var(--blue-400)}.hero__wrap{display:flex;flex-direction:column;gap:30px;text-align:center}.hero__wrap-subtitle{color:var(--blue-200)}.hero__wrap-title{max-width:800px;margin:0 auto}.ensemble{padding-bottom:clamp(50px,22.6114649682px + 7.9617834395vw,150px);background-color:var(--blue-100);color:var(--blue-400)}.ensemble__wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.ensemble__wrap{grid-template-columns:1fr;gap:30px}}.gallery{background-color:var(--blue-400);color:var(--blue-200)}footer{background-color:var(--blue-400)}footer .ele{background-color:var(--blue-300)}footer .top{background-color:var(--blue-300);color:var(--blue-400)}footer .bottom{color:var(--blue-200)}footer .bottom__left{color:var(--blue-300)}footer .bottom h4{color:var(--blue-300)}@media(hover:hover){footer a:hover{color:var(--blue-300)!important}}footer .top{background-color:var(--blue-200);color:var(--blue-400)}footer .bottom{color:var(--blue-100)}footer .bottom__left{color:var(--blue-200)}footer .bottom .xl-title{color:var(--blue-200)}footer .bottom h4{color:var(--blue-200)}