/* Editorial service index: open typography, one artwork, no simulated UI. */
#servicios{scroll-margin-top:72px;background:var(--bg)}
#servicios .inner{max-width:1700px;margin:auto;padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(80px,9vw,140px)}
.services-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:clamp(40px,7vw,110px);margin-bottom:70px}
.services-heading .kicker{margin-bottom:28px}
.services-heading h2{font:800 clamp(3rem,6.7vw,6.6rem)/.98 'Cabinet Grotesk',sans-serif;letter-spacing:-.055em;max-width:12ch}
.services-heading>p{color:var(--sub);font-size:16px;line-height:1.8;max-width:39ch;margin-bottom:5px}
.services-editorial{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(40px,7vw,110px)}
.services-artwork{position:sticky;top:110px;min-width:0;margin:0;align-self:start}
.services-artwork img{display:block;width:120%;max-width:none;margin-left:-10%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.services-artwork figcaption{display:flex;justify-content:space-between;color:var(--sub);font:10px 'Source Code Pro',monospace;letter-spacing:.17em;border-top:1px solid var(--line2);padding-top:18px;margin-top:36px}
.services-list{border-top:1px solid rgba(236,231,221,.22);min-width:0}
.service-entry{border-bottom:1px solid rgba(236,231,221,.16)}
.service-entry summary{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:27px 0;min-height:86px;color:var(--bone)}
.service-entry summary::-webkit-details-marker{display:none}
.service-number{font:11px 'Source Code Pro',monospace;color:var(--sub);align-self:center}
.service-entry h3{font:700 clamp(1.35rem,2.25vw,2.15rem)/1.12 'Cabinet Grotesk',sans-serif;letter-spacing:-.025em}
.service-toggle{position:relative;display:block;width:18px;height:18px;color:var(--sub)}
.service-toggle:before,.service-toggle:after{content:'';position:absolute;background:currentColor;left:1px;right:1px;top:8px;height:1px}
.service-toggle:after{transform:rotate(90deg);transition:transform .25s}
.service-entry[open] .service-toggle:after{transform:rotate(0)}
.service-entry[open] summary,.service-entry summary:hover{color:var(--sand)}
.service-entry[open] .service-number,.service-entry[open] .service-toggle{color:var(--sand)}
.service-entry summary:focus-visible{outline:2px solid var(--sand);outline-offset:6px}
.service-copy{padding:0 38px 32px 50px}
.service-copy h4{font:700 clamp(1.15rem,1.7vw,1.5rem)/1.25 'Cabinet Grotesk',sans-serif;letter-spacing:-.01em;margin:0 0 15px}
.service-copy>p{font-size:14px;line-height:1.85;color:var(--sub);max-width:47ch}
.service-tags{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:22px;font-size:11px;line-height:1.5;color:var(--bone)}
.service-tags span:not(:last-child):after{content:'/';padding:0 10px;color:var(--dim)}
.service-link{display:inline-flex;align-items:center;gap:20px;margin-top:22px;padding:8px 0;color:var(--sand);font-size:12px;font-weight:600}
.service-link:hover{text-decoration:underline;text-underline-offset:5px}
.service-link:focus-visible{outline:2px solid var(--sand);outline-offset:5px}
.service-entry[open] .service-copy{animation:service-reveal .3s ease both}
@keyframes service-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.service-entry summary{padding:30px 0}.service-copy>p{font-size:15px}}
@media(max-width:1000px){.services-heading,.services-editorial{grid-template-columns:.9fr 1.1fr;gap:40px}.services-heading h2{font-size:clamp(3rem,6.7vw,5rem)}.service-entry summary{gap:12px}.service-copy{padding-left:42px;padding-right:12px}.services-artwork{top:110px}}
@media(max-width:700px){.services-heading{display:block;margin-bottom:0}.services-heading h2{font-size:clamp(3.1rem,11.8vw,5.2rem);max-width:14ch}.services-heading>p{margin-top:25px;font-size:15px;max-width:40ch}.services-editorial{grid-template-columns:1fr;gap:34px}.services-artwork{position:relative;top:auto;margin-top:14px}.services-artwork img{width:100%;margin-left:0;max-height:300px;object-fit:contain}.services-artwork figcaption{margin-top:0;padding-top:12px;font-size:9px}.service-entry summary{grid-template-columns:24px minmax(0,1fr) 20px;gap:12px;min-height:80px;padding:24px 0}.service-entry h3{font-size:clamp(1.3rem,5.4vw,1.75rem)}.service-copy{padding-left:36px;padding-right:0;padding-bottom:27px}.service-copy>p{font-size:14px}.service-tags{font-size:11px}.service-link{font-size:12px;gap:12px}.service-toggle{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.service-entry[open] .service-copy{animation:none}.service-toggle:after{transition:none}}
/* hilos animados (assets/services-threads.js): el canvas cubre la imagen, que queda de respaldo */
.services-artwork{position:sticky}
.services-threads{position:absolute;display:block;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.services-artwork.is-live img{opacity:0}
@media(max-width:700px){.services-artwork{position:relative}}