/* Real client artwork v1: unchanged source pixels, editorial masks, original Apex geometry. */
.rc-image{display:block;width:100%;height:100%;overflow:hidden}
.rc-source,.rc-project-name{color:inherit;text-decoration:none}
.rc-source:hover,.rc-project-name:hover{text-decoration:underline;text-underline-offset:4px}
.rc-source:focus-visible,.rc-project-name:focus-visible,.rc-scroll:focus-visible{outline:3px solid #4a96ff;outline-offset:4px}
.rc-source span,.rc-project-name span{font-family:Arial,sans-serif;font-size:.75em;font-weight:400}
.rc-gallery-note{margin:22px auto 0;padding:0 24px;color:#d6e1f4;text-align:center;font-size:14px;line-height:1.5}
.rc-tile{background:var(--rc-accent)}
.rc-tile-art{position:absolute;inset:0}
.rc-tile-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,20,.6),transparent 32%,transparent 62%,rgba(4,8,20,.4));pointer-events:none}
.rc-tile .tw{max-width:calc(100% - 28px);text-shadow:0 1px 8px #0008}
.rc-tile .tag{background:rgba(6,14,31,.78);backdrop-filter:blur(10px);line-height:1.3}
.rc-showcase{display:flex;flex-direction:column;background:#f7f7f4!important;color:#17202b!important;isolation:isolate}
.rc-showcase::before{display:none}
.rc-project-head{position:relative;flex:0 0 80px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:15px 20px;background:var(--rc-accent);color:#fff;z-index:1}
.rc-kicker{display:block;font-family:var(--med);font-size:10px;font-weight:500;letter-spacing:.055em;text-transform:uppercase;line-height:1.4}
.rc-project-name{font-family:var(--disp);font-size:23px;font-weight:550;letter-spacing:-.02em;line-height:1.13;display:flex;justify-content:space-between;align-items:center;gap:12px}
.rc-scroll,.rc-detail{position:relative;flex:1 1 auto;min-height:220px;overflow:hidden;background:#f4f3ef}
.rc-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4a19c #eeede9}
.rc-long{display:block;width:100%;height:auto;max-width:none}
.rc-project-foot{position:relative;flex:0 0 148px;padding:17px 20px 18px;background:#fff;border-top:1px solid #e7e5e0}
.rc-project-foot .rc-kicker{color:#7b7a74;font-size:9px}
.rc-project-foot strong{display:block;font-family:var(--med);font-size:20px;font-weight:500;line-height:1.13;margin-top:5px;letter-spacing:-.02em}
.rc-project-foot p{font-size:12px;line-height:1.45;color:#5c6067;margin:7px 0 0;max-width:35em}
.rc-hint{display:block;font-size:10px;color:#676f7c;margin-top:8px}
.rc-flip .cara.front{padding:22px;background:var(--rc-accent);color:#fff}
.rc-flip-art{position:absolute;inset:0;z-index:0}
.rc-flip-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#050d1bdb)}
.rc-flip .front .fw,.rc-flip .front .fr{position:relative;z-index:1;text-shadow:0 1px 8px #0004}
.rc-flip .front .fw{font-size:28px;line-height:1.08}
.rc-flip .front .fr{opacity:1}
.rc-flip .cara.back{background:var(--rc-accent);color:#fff;padding:21px}
.rc-flip .back .bk{opacity:.85;font-size:9px}
.rc-back-art{height:170px;flex-shrink:0;margin:13px -21px 0;overflow:hidden}
.rc-flip .back .bt{font-size:24px;line-height:1.13;margin:16px 0 auto}
.rc-flip .back .bd{opacity:1;margin-top:10px;line-height:1.4}
.rc-next{font-size:10px;margin-top:12px;line-height:1.4;opacity:.9}
.rc-next .b{color:inherit;text-decoration:underline;display:inline;font-size:inherit}
.rc-tcard{display:flex;flex-direction:column;background:#fff!important;color:#152034!important}
.rc-tcard .rc-project-head{flex-basis:61px;padding:11px 14px;gap:3px}
.rc-tcard .rc-project-name{font-size:18px}
.rc-tcard .rc-kicker{font-size:8px}
.rc-tcard-art{flex:1 1 auto;min-height:0;overflow:hidden;background:#eee}
.rc-tcard-detail{height:100px;flex:0 0 100px;overflow:hidden;border-top:6px solid #fff}
.rc-tcard-caption{flex:0 0 34px;padding:9px 13px;font-family:var(--med);font-size:10px;line-height:1.4}
.rc-hero-art{position:absolute;inset:0;overflow:hidden}
.pz-ficha .ph2.rc-clear{background-image:none!important;overflow:hidden}
.rc-collage-detail{height:115px;margin-top:8px;overflow:hidden;border-radius:7px}
.temas .rc-mini .th{background-image:none;height:144px}
.temas .rc-mini .ts{line-height:1.35}
.temas .rc-mini .tt{font-size:14px}
.temas .rc-mini .tb{background:#fff}
.mtrk:focus-within{animation-play-state:paused}
@media(max-width:820px){
 .rc-gallery-note{font-size:12px;padding:0 22px}
 .rc-project-head{flex-basis:76px;padding:14px 17px}
 .rc-project-name{font-size:21px}
 .rc-project-foot{padding:15px 17px;flex-basis:155px}
 .rc-project-foot strong{font-size:20px}
 .rc-project-foot p{font-size:12px}
 .rc-showcase .rc-scroll,.rc-showcase .rc-detail{min-height:220px}
 .rc-flip .cara.front{height:310px;min-height:310px;overflow:hidden}
 .rc-flip .cara.back{overflow:hidden;min-height:305px;padding:20px}
 .rc-flip .front .fw{font-size:27px}
 .rc-flip .back .bt{font-size:23px;margin:14px 0 8px}
 .rc-flip .back .bd{margin-top:auto}
 .rc-back-art{height:150px;margin:12px -20px 0}
 .rc-flip .rc-next{margin-top:10px}
 .rc-collage-detail{height:160px}
 .rc-tcard-detail{height:74px;flex-basis:74px}
 .rc-tcard .rc-project-head{flex-basis:62px;padding:10px 12px}
 .rc-tcard .rc-project-name{font-size:17px}
 .temas .rc-mini .th{height:144px}
}
@media(prefers-reduced-motion:reduce){.rc-scroll{scroll-behavior:auto}}

/* Keyboard access reveals the linked back face without changing scroll-driven flips. */
@media(min-width:821px){.rc-flip:focus-within .inner{transform:rotateY(180deg)}}

@media(min-width:821px) and (hover:hover) and (pointer:fine){.rc-flip:hover .inner{transform:rotateY(180deg)}}