.intro-link{width:100%;padding:0}.intro-link-anchor{width:100%;height:380px;text-decoration:none;display:block;position:relative;overflow:hidden}.intro-link-image{background-color:var(--cloud-white);width:100%;height:100%;position:absolute;inset:0}.intro-link-image img{object-fit:cover;filter:grayscale();transition:transform .3s;transform:scale(1)}.intro-link-overlay{background:linear-gradient(90deg,#0b4ab0e6,#0b4ab0bf);justify-content:center;align-items:center;width:50%;display:flex;position:absolute;inset:0}.intro-link-title{font-size:var(--fs-4xl);letter-spacing:var(--ls);color:var(--text-light);text-align:center;padding-left:0;font-weight:400}.intro-link-icon{background:var(--primary-color);width:70px;height:70px;color:var(--text-light);border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-link-anchor:hover .intro-link-icon{background:var(--bg-white);color:var(--primary-color)}.intro-link-anchor:hover .intro-link-image img{transform:scale(1.02)}@media (max-width:900px){.intro-link-anchor{height:260px}.intro-link-icon{width:56px;height:56px}}@media (max-width:640px){.intro-link-anchor{height:210px}.intro-link-overlay{background:#0b4ab0d9}.intro-link-title{font-size:var(--fs-2xl)}.intro-link-icon{width:52px;height:52px;left:75%}}