.service-list article{position:relative;padding-right:72px;transition:background-color .25s,padding-left .25s}
.service-list article:hover{background:#202a2a;padding-left:18px}
.service-overlay{position:absolute;inset:0;z-index:2;display:block}
.service-overlay span{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:1px solid #465050;border-radius:50%;color:#55b7b4;font-size:1.15rem;transition:background-color .25s,color .25s,transform .25s}
.service-overlay:hover span{background:#55b7b4;color:#182020;transform:translateY(-50%) rotate(10deg)}
.service-overlay:focus-visible{outline:2px solid #55b7b4;outline-offset:4px}
#gaussian-splatting,#fotogrametria,#modelos-interactivos,#proyectos{scroll-margin-top:88px}
@media(max-width:600px){.service-list article{padding-right:58px}.service-overlay span{right:8px;width:34px;height:34px}}
.header a[aria-current="page"]{color:var(--accent)}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.project.large{grid-row:auto}
.project figure,.project.large figure{height:auto;min-height:0;aspect-ratio:4/3}
.project>div{display:block}
.project h3{margin-top:10px;line-height:1.25}
.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;background:#e7e4de;scroll-margin-top:88px}
.about>div{max-width:960px}
.about h2{margin:0;font:400 clamp(3rem,5vw,5.8rem)/1 Georgia,serif;letter-spacing:-.045em}
.about h2 em{color:var(--accent);font-weight:400}
.about div>p{max-width:720px;margin:32px 0;color:var(--muted);font-size:1.08rem;line-height:1.75}
@media(max-width:900px){.project-grid,.about{grid-template-columns:1fr}}