/* Crosshair is limited to hero and contact, always clipped below navigation. */
.portfolio-v5>.header-crosshair{position:fixed;inset:0 auto auto 0;z-index:990;width:100%;pointer-events:none;opacity:0;color:var(--verde);transition:opacity .2s;overflow:hidden}
.portfolio-v5>.header-crosshair.is-active{opacity:1}
.portfolio-v5>.header-crosshair.is-on-board{color:#fff}
.is-on-board .crosshair-target,.is-on-board .crosshair-dot{opacity:1}
.is-on-board .crosshair-label-bg{fill:var(--prancha-fundo)}
.crosshair-guides,.crosshair-target{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}
.crosshair-guides{opacity:.32}.crosshair-target{opacity:.85}
.is-locked .crosshair-target{opacity:1}
.crosshair-dot{fill:currentColor}
.crosshair-label{fill:currentColor;font:10px var(--mono);letter-spacing:.04em}
.crosshair-label-bg{fill:var(--papel);opacity:.92}
/* Actions precede the Lab gallery, with room reserved for the close control. */
.lab-drawer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 76px 16px 32px;min-height:72px;border-bottom:1px solid var(--linha)}
.lab-drawer-actions .btn{font-size:13px;min-height:40px;padding:10px 14px}
.lab-drawer-actions+.lab-drawer-gallery{padding-top:24px}
@media(max-width:760px){.lab-drawer-actions{padding-left:20px;gap:6px}.lab-drawer-actions .btn{font-size:12px;padding:9px 12px}.lab-drawer-actions+.lab-drawer-gallery{padding-top:20px}}
/* Outer entry motion, middle pointer tilt, inner flip: none replaces the others. */
.portfolio-v5 .flip-service{height:244px;opacity:1}
.service-tilt{height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.service-tilt .service-turn{transform-style:preserve-3d}
.portfolio-v5 .service-face{padding:22px}
.portfolio-v5 .service-front .service-art{width:56px;height:42px;margin-bottom:20px}
.portfolio-v5 .service-front h3{font-size:22px;line-height:1.16}
.portfolio-v5 .service-back h3{font-size:21px;margin:0 0 12px;line-height:1.2}
.portfolio-v5 .service-back>p{font-size:14px;line-height:1.6}
.portfolio-v5 .service-back-actions{padding-top:12px}
.portfolio-v5 .service-reset{width:30px;height:30px}
.portfolio-v5 .is-tilting .service-back{box-shadow:inset 0 1px 1px rgba(238,255,242,.18),0 22px 32px -20px rgba(10,35,20,.42)}
/* Lab research is reading content, not a disclosure control. */
.lab-drawer .case-research{margin:28px 0;padding-top:24px;border-top:1px solid var(--linha)}
.lab-drawer .case-research>.case-research-heading{margin:0 0 20px;font:600 20px/1.2 var(--font-heading);letter-spacing:-.02em;text-transform:none;color:var(--tinta)}
.lab-drawer .case-research .case-narrative{padding-bottom:0}
@media(max-width:1100px) and (min-width:761px){.portfolio-v5 .service-front h3{font-size:20px}.portfolio-v5 .service-back h3{font-size:19px}.portfolio-v5 .service-back>p{font-size:13px}}
@media(max-width:760px){
 .portfolio-v5 .flip-service{height:232px}
 .portfolio-v5 .service-face{padding:16px 14px}
 .portfolio-v5 .service-front .service-art{width:48px;height:36px;margin-bottom:14px}
 .portfolio-v5 .service-front h3{font-size:18px}
 .portfolio-v5 .service-back h3{font-size:17px;margin:0 0 10px}
 .portfolio-v5 .service-back>p{font-size:12px;line-height:1.55}
 .portfolio-v5 .service-reset{width:28px;height:28px}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.portfolio-v5 .header-crosshair{display:none}.service-tilt{transform:none!important}}
@media(prefers-reduced-motion:reduce){.portfolio-v5 .header-crosshair{transition:none}}