.workslist{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.workslist a{border:1px solid var(--main);border-radius:20px;margin:0;padding:0;text-decoration:none;position:relative;overflow:hidden}.workslist a .imgae.logo{transition:transform .3s}.workslist a .image{border-bottom:1px dashed var(--main);justify-content:center;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.workslist a .image>span{border-top-right-radius:5px;padding:5px 10px;font-size:12px;position:absolute;bottom:0;left:0}.workslist a .image>span.a001{color:#920000;border-top:1px dashed var(--main);border-right:1px dashed var(--main);background:#ffeded}.workslist a .image>span.a003{color:#926b00;border-top:1px dashed var(--main);border-right:1px dashed var(--main);background:#fff9ed}.workslist a .image>.logo{width:100%;height:auto;transition:transform .3s}.workslist a>.name{align-items:center;gap:20px;padding:20px;display:flex;position:relative}.workslist a>.name>.icon{border:1px dashed var(--main);background:#fff;border-radius:100px;width:70px;height:70px;position:absolute;top:-35px;right:20px}.workslist a>.name>h3{margin:0;font-size:20px;font-weight:900}.workslist a:hover .logo{transform:scale(1.05)}.linknav{justify-content:center;gap:5px;display:flex}.linknav a{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit;text-decoration:none;transition:background-color .3s,color .3s;display:flex;box-shadow:0 3px 4px 1px #e7e7e7,inset 0 1px 4px 1px #e7e7e7}.linknav a svg *{transition:stroke .3s}.linknav a.active{background-color:var(--blue);color:#fff}.linknav a.stop{opacity:.5;background-color:var(--main)}.linknav a.stop:hover{background-color:var(--main);color:#000}.linknav a.stop:hover svg *{stroke:#000}.linknav a:hover{background-color:var(--blue);color:#fff}.linknav a:hover svg *{stroke:#fff}