.services{width:100%;background-color:var(--base-100);padding:8rem 2rem;display:flex;flex-direction:column;max-width:1500px;margin:0 auto}.services-header{width:100%;display:flex;gap:4rem;margin-bottom:4rem}.services-header .col:first-child{flex:2}.services-header .col:nth-child(2){flex:5;padding:1rem}.services-header h1{font-size:5rem;color:var(--base-400);letter-spacing:-.1rem}.service-link{display:block;text-decoration:none;color:inherit;width:100%}.service{display:flex;gap:2rem;height:400px;border-top:1px solid var(--base-200);overflow:hidden;transition:border-color .3s ease}.service-link:last-child .service{border-bottom:1px solid var(--base-200)}.service-info{flex:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem}.service-index{font-family:Geist Mono;font-size:.9rem;color:var(--base-300);letter-spacing:.05rem}.service-info h1{font-size:2rem;color:var(--base-400);margin:0;letter-spacing:-.05rem;line-height:1.1;font-weight:800}.service-desc{font-family:Inter,sans-serif;font-size:.95rem;color:var(--base-300);line-height:1.4;margin-top:.5rem;max-width:480px}.service-img{flex:5;width:100%;height:100%;padding:1rem;display:flex;align-items:center}.img{width:30%;border-radius:12px;overflow:hidden}.img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .5s ease}.service-link:hover .img img{transform:scale(1.05)}@media (max-width:999px){.services{padding:6rem 1.25rem 4rem}.services-header{flex-direction:column;gap:1rem;margin-bottom:2rem}.services-header .col:first-child{display:none}.services-header .col:nth-child(2){padding:0}.services-header h1{font-size:2.5rem}.service{flex-direction:column-reverse;gap:1rem;height:auto!important;padding:1.5rem 0;border-top:1px solid var(--base-200)}.service-info{padding:0;gap:.5rem}.service-info h1{font-size:1.4rem;line-height:1.1}.service-img{padding:0;width:100%}.img{width:100%!important;height:350px;border-radius:8px}}@media (min-width:1000px) and (max-height:800px),(min-width:1000px) and (max-width:1440px){.services{padding:6rem 1.5rem}.services-header{gap:2.5rem;margin-bottom:3rem}.services-header h1{font-size:4rem}.service{height:340px}}