.hero{position:relative;height:90vh;min-height:600px;overflow:hidden;color:#fff;font-family:system-ui,sans-serif}.hero__split{position:relative;height:100%;width:100%}.hero__side{position:absolute;top:0;bottom:0;width:60%;display:flex;align-items:flex-end;overflow:hidden}.hero__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;z-index:-1}.hero__side:hover .hero__image{transform:scale(1.1)}.hero__side--left{left:0;clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.hero__side--right{right:0;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.hero__content{padding:2rem;width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(to top,#111 00%,#fff0 50%)}.btn{border:none;padding:.9rem 1.6rem;font-size:1rem;cursor:pointer;border-radius:6px}.btn--primary{background:#1ea6b8;color:#fff}.btn--secondary{background:#fff;color:#111}.btn:hover{opacity:.9}@media(max-width:768px){.hero{height:auto}.hero__side{position:relative;width:100%;height:50vh;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hero__overlay{position:relative;transform:none;padding:2rem 1rem}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.masonry{margin:1.5em auto;column-gap:1.5em}@media only screen and (min-width:1024px){.masonry{column-count:3}}@media only screen and (max-width:1023px)and (min-width:768px){.masonry{column-count:3}}@media only screen and (max-width:767px)and (min-width:540px){.masonry{column-count:2}}