.experience-grid{grid-template-columns:repeat(3,1fr)}
.experience-card{min-height:470px}
.card-visual{inset:0 0 55%}
.card-copy{margin:45% 0 0;padding:30px 27px}
.card-copy h2{font-size:32px}
.experience-card.robot:hover{border-color:#a1e34f70}
.robot .card-visual{background:linear-gradient(145deg,#3d783b,#123b43)}
.robot .card-copy>span{color:#9be34e}
.robot .card-copy>strong b{color:#9ee351}
.nano{position:absolute;z-index:2;left:50%;top:47%;width:92px;height:70px;border:4px solid #80e4ed;border-radius:22px;background:#123b56;box-shadow:0 0 45px #56dce861;transform:translate(-50%,-50%)}
.nano::before,.nano::after{content:'';position:absolute;top:-19px;width:3px;height:20px;background:#83e6ed}
.nano::before{left:22px;transform:rotate(-17deg)}
.nano::after{right:22px;transform:rotate(17deg)}
.nano i{position:absolute;top:24px;width:13px;height:13px;border-radius:50%;background:#9ded3d;box-shadow:0 0 12px #9ded3d}
.nano i:first-child{left:18px}
.nano i:last-child{right:18px}
@media(max-width:850px){.experience-grid{grid-template-columns:1fr}.experience-card{min-height:310px}.card-visual{inset:0 52% 0 0}.card-copy{margin:0 0 0 48%;padding:38px 31px}}
@media(max-width:540px){.experience-card{min-height:370px}.card-visual{inset:0 0 55%}.card-copy{margin:45% 0 0;padding:25px}}