/* OADD hybrid: V2 gallery presentation scoped exclusively to original #obras. */
#obras .work-stage-controls{display:none}
#obras.has-work-carousel .work-stage{position:relative;width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad));height:calc(100svh - 74px);min-height:620px;max-height:1000px;background:#1c1c19;color:#fff;isolation:isolate;scroll-margin-top:74px}
#obras.has-work-carousel .project-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}
#obras.has-work-carousel .project-card{position:relative;min-height:0;min-width:0;overflow:hidden;isolation:isolate;opacity:1;transform:none;transition:none;color:#fff}
#obras.has-work-carousel .project-card[hidden]{display:none!important}
#obras.has-work-carousel .project-card figure{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;background:#292927}
#obras.has-work-carousel .project-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.77);transition:filter .6s,transform 1s}
#obras.has-work-carousel .project-card:hover img,#obras.has-work-carousel .project-card:focus-visible img{filter:grayscale(0) brightness(1);transform:scale(1.025)}
#obras.has-work-carousel .project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0009);pointer-events:none;z-index:0}
#obras.has-work-carousel .project-meta{position:absolute;left:50px;right:50px;bottom:50px;z-index:1;display:block;text-align:center;padding:0;margin:0;border:0;text-shadow:0 1px 8px #000a}
#obras.has-work-carousel .project-meta h3{font-size:12px;font-weight:400;letter-spacing:.19em;line-height:1.5;text-transform:uppercase;margin:0 0 6px}
#obras.has-work-carousel .project-meta p{font-size:10px;letter-spacing:.06em;line-height:1.5;color:#eee;opacity:1;text-align:center;text-align-last:center;hyphens:none;margin:0}
#obras.has-work-carousel .project-meta>span{display:block;font-size:9px;line-height:1.5;letter-spacing:.08em;margin-top:7px;transform:none}
#obras.has-work-carousel .project-placeholder{display:grid;place-items:center;padding:30px;background:#262623}
#obras.has-work-carousel .placeholder-copy{color:#ddd;gap:13px}
#obras.has-work-carousel .placeholder-copy strong{font-size:12px;letter-spacing:.15em}
#obras.has-work-carousel .placeholder-copy small{font-size:10px;color:#ccc}
#obras.has-work-carousel .work-stage-controls{display:block}
#obras.has-work-carousel .work-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:54px;display:grid;place-items:center;background:#17171480;color:white;border:0;font-size:32px;font-weight:300;cursor:pointer;backdrop-filter:blur(5px)}
#obras.has-work-carousel .work-arrow:hover{background:#171714d9}
#obras.has-work-carousel .work-prev{left:16px}
#obras.has-work-carousel .work-next{right:16px}
#obras.has-work-carousel .work-pagination{position:absolute;bottom:14px;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}
#obras.has-work-carousel .work-pagination>*{pointer-events:auto}
#obras.has-work-carousel .work-dots{display:flex;gap:0}
#obras.has-work-carousel .work-dot{position:relative;width:24px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}
#obras.has-work-carousel .work-dot:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:10px;left:8px;background:#ffffff70}
#obras.has-work-carousel .work-dot[aria-current="true"]:after{background:#fff}
#obras.has-work-carousel .work-count{font-size:10px;letter-spacing:.1em;background:#17171499;padding:6px 8px;color:white}
#obras.has-work-carousel .work-empty{display:grid;place-items:center;font-size:12px;letter-spacing:.15em;color:#777}
#obras.has-work-carousel .work-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#obras.has-work-carousel .work-stage :focus-visible{outline:2px solid var(--yellow);outline-offset:-4px}
#obras.has-work-carousel .project-grid{touch-action:pan-y pinch-zoom}
@media(max-width:800px){
 #obras .project-toolbar,#obras.has-work-carousel .project-toolbar{display:flex;flex-wrap:nowrap;gap:5px;overflow:visible}
 #obras .project-toolbar .filter{flex:1 1 auto;min-width:0;padding:10px 5px;font-size:clamp(11px,3vw,14px);white-space:nowrap;min-height:44px}
 #obras.has-work-carousel .work-stage{width:calc(100% + 40px);margin-left:-20px;height:calc(100svh - 60px);min-height:640px;max-height:1000px;scroll-margin-top:60px}
 #obras.has-work-carousel .project-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 #obras.has-work-carousel .project-meta{left:38px;right:38px;bottom:49px}
 #obras.has-work-carousel .project-meta h3{font-size:11px;letter-spacing:.12em}
 #obras.has-work-carousel .work-prev{left:8px}
 #obras.has-work-carousel .work-next{right:8px}
 #obras.has-work-carousel .work-pagination{gap:8px}
 #obras.has-work-carousel .work-count{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#obras.has-work-carousel .project-card img{transition:none;transform:none}}