: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}.hero{padding-block:clamp(100px,78.0891719745px + 6.3694267516vw,180px) clamp(50px,39.0445859873px + 3.1847133758vw,90px);background-color:var(--red-400);color:var(--red-200)}.hero__wrap{display:flex;flex-direction:column;gap:30px;text-align:center}.hero__wrap-subtitle{color:var(--red-100)}.hero__wrap-title{max-width:800px;margin:0 auto}.gallery-list{padding-bottom:clamp(100px,72.6114649682px + 7.9617834395vw,200px);background-color:var(--red-400);color:var(--red-200)}.gallery-list__wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.gallery-list__wrap{grid-template-columns:1fr;gap:50px}}.gallery-list__card{display:flex;flex-direction:column;align-items:center;gap:15px}@media(hover:hover){.gallery-list__card:hover .gallery-list__card-img img{scale:1.05}}.gallery-list__card-img{border:4px solid var(--red-200);width:100%;height:auto;aspect-ratio:690/516;overflow:hidden}.gallery-list__card-img img{transition:scale var(--transition)}.gallery{background-color:var(--red-400);color:var(--red-200)}footer{background-color:var(--red-400)}footer .ele{background-color:var(--red-300)}footer .top{background-color:var(--red-300);color:var(--red-400)}footer .bottom{color:var(--red-200)}footer .bottom__left{color:var(--red-300)}footer .bottom h4{color:var(--red-300)}@media(hover:hover){footer a:hover{color:var(--red-300)!important}}footer .top{background-color:var(--red-200);color:var(--red-400)}footer .bottom{color:var(--red-100)}footer .bottom__left{color:var(--red-200)}footer .bottom .xl-title{color:var(--red-200)}footer .bottom h4{color:var(--red-200)}