/* Proyectos — The Wallet covers (same language as the home NeuroLab covers) */
:root{--tw-accent:linear-gradient(100deg,#8E80E8 0%,#DE8AF7 55%,#E551C1 100%);--wc-col:max(var(--g,24px),calc((100% - 1360px)/2))}
body.editorial-page:has(#work-archive){background:#07070D;color:#fff;font-family:"Red Hat Display",system-ui,sans-serif}
body.editorial-page:has(#work-archive)>header{background:#07070D!important;border-bottom:1px solid rgba(255,255,255,.07)}
#work-archive{padding:clamp(70px,9vw,140px) var(--wc-col) 80px!important;background:#07070D;font-family:"Red Hat Display",system-ui,sans-serif}
#work-archive>h1{font-family:"Red Hat Display",system-ui,sans-serif!important;font-weight:500!important;font-size:clamp(62px,10.5vw,158px)!important;line-height:.92!important;letter-spacing:-.065em!important;color:#fff!important;max-width:none!important;margin:0!important}
#work-archive>h1 .ed-line.wc-acc{display:inline-block}
#work-archive>h1 .wc-acc{background:var(--tw-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;padding:0 .06em .08em 0;margin:0 -.06em -.08em 0}
#work-archive>h1 .wc-l{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .08em .1em 0;margin:0 -.08em -.1em 0}
#work-archive>h1 .wc-l>span{display:inline-block;transform:translateY(105%);transition:transform 1.2s cubic-bezier(.16,.84,.24,1)}
#work-archive>h1.wc-in .wc-l>span{transform:none}#work-archive>h1.wc-in .wc-l:nth-of-type(2)>span{transition-delay:.12s}
#work-archive .work-controls{margin-top:clamp(48px,6vw,90px);border-top:1px solid rgba(255,255,255,.08);padding-top:34px}
#work-archive .work-controls label{color:#9C90AE;letter-spacing:.16em;text-transform:uppercase;font-size:12px}
#work-archive #work-search{color:#fff;border-bottom:1px solid rgba(255,255,255,.18);font-family:inherit;font-weight:500;letter-spacing:-.03em;font-size:clamp(24px,2.6vw,36px)}
#work-archive #work-search::placeholder{color:#5E5672}
#work-archive #work-search:focus{border-bottom-color:#DE8AF7;outline:none}
#work-archive #work-filters button{color:#8C819F;font-family:inherit;font-size:15px;transition:color .3s}
#work-archive #work-filters button:hover{color:#fff}
#work-archive #work-filters button[aria-pressed=true]{color:#fff;border-bottom:1px solid transparent;border-image:var(--tw-accent) 1}
#work-archive #work-count{color:#7E7395;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
#work-archive #work-grid{gap:clamp(18px,2vw,30px)!important;margin-top:34px}
#work-archive .work-card{position:relative}
#work-archive .work-image{aspect-ratio:4/5!important;background:#0d0a18!important;padding:0!important;isolation:isolate}
#work-archive .work-image img{object-fit:cover!important;filter:grayscale(.9) brightness(.5) contrast(1.12);transform:scale(1.02);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .6s!important}
#work-archive .work-card:hover .work-image img{transform:scale(1.07)!important;filter:grayscale(0) brightness(.72) contrast(1.04)}
#work-archive .work-image::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,7,13,.55) 0,rgba(7,7,13,0) 22%,rgba(7,7,13,0) 42%,rgba(25,12,52,.55) 66%,#07070D 97%),radial-gradient(70% 45% at 85% 0%,rgba(142,128,232,.28),transparent 70%),linear-gradient(rgba(105,50,204,.32),rgba(229,81,193,.12))}
#work-archive .work-image::after{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(222,138,247,.14);pointer-events:none;transition:border-color .5s}
#work-archive .work-card:hover .work-image::after{border-color:rgba(222,138,247,.4)}
.wc-k,.wc-tw,.wc-t,.wc-rule,.wc-s{position:absolute;z-index:2;pointer-events:none}
.wc-k{left:7%;top:6.5%;right:22%;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#DE8AF7;font-weight:500;line-height:1.5}
.wc-tw{right:7%;top:6.5%;font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.7);font-weight:500}
.wc-t{left:6.5%;right:6.5%;bottom:21%;font-weight:700;font-size:clamp(28px,2.7vw,42px);line-height:.95;letter-spacing:-.06em;color:#fff;overflow-wrap:anywhere;hyphens:auto}
.wc-t em{font-style:normal;background:var(--tw-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.04em}
.wc-rule{left:7%;right:7%;bottom:15.5%;height:1px;background:linear-gradient(90deg,#E551C1,#6932CC 60%,transparent);transform-origin:left;transform:scaleX(.35);transition:transform 1s cubic-bezier(.2,.75,.2,1)}
#work-archive .work-card:hover .wc-rule{transform:scaleX(1)}
.wc-s{left:7%;right:7%;bottom:6.5%;font-size:13px;line-height:1.4;color:rgba(255,255,255,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#work-archive .work-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0!important;border:0!important}
#work-archive .work-card.wc-rv{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.75,.2,1)}
#work-archive .work-card.wc-rv.on{opacity:1;transform:none}
@media(max-width:800px){.wc-t{font-size:clamp(22px,4.6vw,30px)}.wc-k,.wc-tw{font-size:9px;letter-spacing:.18em}.wc-s{font-size:11px}}
@media(max-width:420px){#work-archive #work-grid{grid-template-columns:1fr!important}.wc-t{font-size:34px}.wc-k,.wc-tw{font-size:11px}.wc-s{font-size:13px}}
@media(prefers-reduced-motion:reduce){#work-archive .work-card.wc-rv{opacity:1;transform:none}#work-archive>h1 .wc-l>span{transform:none}}

#work-archive .work-search-box{position:relative;width:min(100%,720px)}
#work-archive .work-search-box svg{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:24px;height:24px;stroke:#B9A6D6;fill:none;stroke-width:1.8;pointer-events:none;transition:stroke .3s}
#work-archive #work-search{width:100%;box-sizing:border-box;padding:18px 70px 18px 62px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.04);font-size:clamp(20px,1.9vw,26px);transition:border-color .3s,background .3s,box-shadow .3s}
#work-archive #work-search:focus{border-color:#DE8AF7;background:rgba(222,138,247,.06);box-shadow:0 0 0 6px rgba(222,138,247,.08)}
#work-archive .work-search-box:focus-within svg{stroke:#DE8AF7}
#work-archive .work-search-box kbd{position:absolute;right:22px;top:50%;transform:translateY(-50%);font:inherit;font-size:12px;color:#8C819F;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:2px 8px}
#work-archive .work-search-box:focus-within kbd{opacity:0}
#work-archive #work-search::-webkit-search-cancel-button{filter:invert(1);opacity:.6}
@media(max-width:800px){#work-archive #work-search{padding:15px 20px 15px 54px}#work-archive .work-search-box svg{left:18px;width:20px}#work-archive .work-search-box kbd{display:none}}
/* v4 — homogeneous cover typography + calmer backgrounds */
#work-archive .wc-t{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance;font-size:clamp(26px,2.2vw,36px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:700!important;color:#fff!important;bottom:21%!important}
#work-archive .wc-t em,#work-archive .wc-t .wc-acc{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
#work-archive .wc-k{background:var(--tw-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#work-archive .wc-s{color:rgba(255,255,255,.7)!important}
#work-archive .work-image img{filter:grayscale(1) brightness(.32) contrast(1.05) blur(3px)!important;transform:scale(1.06)}
#work-archive .work-card:hover .work-image img{filter:grayscale(.15) brightness(.55) contrast(1.02) blur(0)!important;transform:scale(1.08)!important}
#work-archive .work-image::before{background:linear-gradient(180deg,rgba(7,7,13,.6) 0,rgba(7,7,13,.15) 24%,rgba(7,7,13,.25) 45%,rgba(18,10,36,.82) 64%,#07070D 96%),radial-gradient(70% 45% at 85% 0%,rgba(142,128,232,.26),transparent 70%),linear-gradient(rgba(105,50,204,.30),rgba(229,81,193,.10))!important}