#works{scroll-margin-top:100px}
#works .client-works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px;max-width:1280px;margin:48px auto 0;padding:0 16px 12px}
#works .client-work{min-width:0;text-align:left}
#works .client-work a{display:block;color:#16151a;text-decoration:none;border-radius:28px 28px 4px 4px}
#works .client-work a:focus-visible{outline:3px solid #eb24b9;outline-offset:8px}
#works .client-phone{background:#101014;padding:23px 7px 22px;border-radius:29px;border:1px solid #333;box-shadow:0 14px 26px #1112;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden}
#works .client-phone img{display:block;width:100%;height:auto;aspect-ratio:390 / 844;object-fit:cover;object-position:top;border-radius:11px;background:#fff}
#works .client-phone-speaker{position:absolute;top:9px;left:40%;width:20%;height:4px;border-radius:10px;background:#505054}
#works .client-phone-home{position:absolute;bottom:9px;left:35%;width:30%;height:4px;border-radius:10px;background:#65656a}
#works .client-work-info{padding:22px 3px 0}
#works .client-work-info .client-work-number{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.14em;line-height:1.5;color:#c1188e;margin:0 0 8px}
#works .client-work-info h3{font-size:19px;line-height:1.55;margin:0 0 4px;word-break:normal;overflow-wrap:anywhere}
#works .client-work-info .client-work-domain{font-family:Arial,sans-serif;font-size:13px;line-height:1.7;color:#69656e;margin:0 0 12px;overflow-wrap:anywhere}
#works .client-work-visit{display:flex;justify-content:space-between;align-items:center;font-size:14px;border-top:1px solid #e5dfe5;padding-top:12px;color:#c1188e}
@media(hover:hover){#works .client-work a:hover .client-phone{transform:translateY(-6px);box-shadow:0 20px 32px #1113}#works .client-work a:hover .client-work-visit{color:#f024af}}
@media(max-width:1100px){#works .client-works-grid{gap:36px 18px}#works .client-work-info h3{font-size:17px}}
@media(max-width:760px){#works .client-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;margin-top:30px;padding:0 4px}#works .client-phone{border-radius:23px;padding:21px 5px 20px}#works .client-work-info{padding-top:16px}#works .client-work-info h3{font-size:16px}#works .client-work-info .client-work-domain{font-size:12px}#works{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){#works .client-phone{transition:none}}