.gallery-page{padding:176px 0;display:flex;justify-content:center}.residential-works-header{display:flex;align-items:center;justify-content:space-between}.residential-works-header-title{color:#1e1e1e;font-family:Helvetica Neue,sans-serif;font-size:64px;font-style:normal;font-weight:500;line-height:108.539%;letter-spacing:-3.2px;text-transform:uppercase}.residential-works-header-subtitle{color:#4e4e4e;text-align:right;font-family:Helvetica Neue,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.6px;max-width:383px;width:100%}.residential-works{display:flex;flex-direction:column;gap:40px;max-width:1728px;width:100%}.residential-works-cases{display:flex;flex-direction:column;gap:22px}.residential-works-cases-case{position:relative;max-width:1728px;width:100%;height:856px;display:flex;align-items:end;padding:48px;overflow:hidden}.residential-works-cases-case img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out}.residential-works-cases-case img:hover{transform:scale(1.1)}.residential-works-cases-case-text{position:relative;display:flex;flex-direction:column;gap:16px}.residential-works-cases-case-text h2{color:#fff;font-family:Helvetica Neue,sans-serif;font-size:64px;font-style:normal;font-weight:500;line-height:108.539%;letter-spacing:-3.2px;text-transform:uppercase}.residential-works-cases-case-text h3{color:#d7d7d7;font-family:Helvetica Neue,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.6px}.residential-works-cases-list{display:flex;gap:22px}.residential-works-cases-list-item{position:relative;overflow:hidden}.residential-works-cases-list-item img{width:100%;height:auto;transition:transform .5s ease-in-out}.residential-works-cases-list-item img:hover{transform:scale(1.1)}.residential-works-cases-container{display:flex;flex-direction:column;gap:120px}.residential-works-cases-list-item,.residential-works-cases-case{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.residential-works-cases-list-item.animate,.residential-works-cases-case.animate{opacity:1;transform:translateY(0)}@media (max-width: 1512px){.residential-works{max-width:88%;gap:30px}.residential-works-cases-container{gap:90px}.residential-works-cases,.residential-works-cases-list{gap:16px}.residential-works-header-title{font-size:48px}.residential-works-header-subtitle{font-size:14px;max-width:260px}.residential-works-cases-case-text h2{font-size:48px}.residential-works-cases-case-text h3{font-size:9px}}@media (min-width: 1280px) and (max-width: 1439px){.residential-works{max-width:88%;gap:30px}.residential-works-cases-container{gap:90px}.residential-works-cases,.residential-works-cases-list{gap:16px}.residential-works-header-title{font-size:48px}.residential-works-header-subtitle{font-size:12px;max-width:260px}.residential-works-cases-case{height:560px}.residential-works-cases-case-text h2{font-size:48px}.residential-works-cases-case-text h3{font-size:9px}}@media (min-width: 768px) and (max-width: 1279px){.gallery-page{padding:120px 0}.residential-works{max-width:92%;gap:30px}.residential-works-cases-container{gap:50px}.residential-works-cases,.residential-works-cases-list{gap:12px}.residential-works-header-title{font-size:38px}.residential-works-header-subtitle{font-size:12px;max-width:320px}.residential-works-cases-case{height:560px}.residential-works-cases-case-text h2{font-size:38px}.residential-works-cases-case-text h3{font-size:10px}}@media (max-width: 767px){.gallery-page{padding:130px 0}.residential-works{max-width:100%;gap:20px}.residential-works-cases-container{gap:40px}.residential-works-header{flex-direction:column;gap:16px;align-items:start;padding:0 20px}.residential-works-cases,.residential-works-cases-list{gap:10px}.residential-works-header-title{font-size:10.178vw}.residential-works-header-subtitle{font-size:3.053vw;max-width:100%;text-align:left}.residential-works-cases-case{height:674px;padding:12px}.residential-works-cases-case-text h2{font-size:38px}.residential-works-cases-case-text h3{font-size:10px}.residential-works-cases-list{flex-direction:column}}
