@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@900&family=Instrument+Serif&display=swap";*{margin:0;padding:0;box-sizing:border-box}img{width:100%;height:100%;object-fit:cover}.services{position:relative;width:100%;height:100svh;padding:2rem;background-color:#171717;color:#ff3831;display:flex;flex-direction:column;justify-content:center;align-items:center}.service{position:relative;width:max-content;height:10rem;display:flex;align-items:flex-end;will-change:height;overflow:hidden;cursor:pointer}.service-name h1{position:relative;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:10rem;font-weight:900;letter-spacing:-.1rem;line-height:1;background-color:#171717;z-index:2}.service-images{position:absolute;top:0%;left:50%;transform:translate(-50%);width:25rem;height:20rem;overflow:hidden}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,50%);width:15rem;height:10rem;border-radius:.35rem;overflow:hidden}.img:nth-child(1){transform-origin:bottom left;transform:translate(-50%,50%) rotate(-5deg);margin-top:-1.5rem}.img:nth-child(2){transform-origin:bottom right;transform:translate(-50%,50%) rotate(2.5deg);margin-top:-1.5rem}.tags-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.tag{position:absolute;font-family:"Instrument Serif",sans-serif;color:#ffffd9;background-color:#171717;border:1px solid #ffffd9;border-radius:4rem;padding:.5rem 1.5rem;will-change:transform,opacity;white-space:nowrap;opacity:0}@media(max-width:999px){.service{height:5rem}.service-name h1{font-size:5rem}.service-images{width:12.5rem;height:10rem}.img{width:7.5rem;height:5rem}.img:nth-child(1){margin-top:-.75rem}.img:nth-child(2){margin-top:-.75rem}.tag{font-size:.75rem;padding:.25rem .75rem}}