.project-direction{position:absolute;z-index:3;right:6%;bottom:10%;width:62%;height:31%;min-height:135px;max-height:190px;color:#ccb791;perspective:1000px;transform-style:preserve-3d;pointer-events:none;isolation:isolate}
.direction-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(2px 3px 3px #070e0d85)}
.direction-stages{position:absolute;inset:0;margin:0;padding:0;list-style:none;transform-style:preserve-3d}
.direction-stage{position:absolute;width:auto;padding:9px 12px;margin:0;background:#ddd4be;color:#222a25;border:0;border-radius:1px;box-shadow:3px 6px 13px #060b0b45;font-family:inherit;font-size:13px;font-weight:550;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;transform-origin:50% 75%;transform:translate3d(var(--stage-x,0px),var(--stage-y,0px),var(--stage-z,12px)) rotateX(var(--stage-tilt,8deg)) rotateZ(var(--stage-angle,0deg));opacity:var(--stage-opacity,1);backface-visibility:hidden}
.direction-stage:nth-child(1){left:0;top:65%}
.direction-stage:nth-child(2){left:30%;top:33%;background:#29322c;color:#eee5cf}
.direction-stage:nth-child(3){right:0;top:0;background:#b4b9a7}
.direction-caption{position:absolute;right:0;bottom:-28px;max-width:100%;margin:0;color:#e1d7bd;font-size:11px;font-weight:400;line-height:1.45;text-align:right;text-shadow:1px 2px 5px #0b1312}
@media(max-width:1050px) and (min-width:761px){.project-direction{height:30%;min-height:125px}.direction-caption{font-size:10px;bottom:-25px}}
@media(max-width:760px){.project-direction{right:7%;width:80%;bottom:15%;height:40%;min-height:115px;max-height:145px}.direction-stage{padding:8px 10px;font-size:13px}.direction-stage:nth-child(1){top:62%}.direction-stage:nth-child(2){left:28%;top:32%}.direction-caption{font-size:10px;bottom:-26px}}