.ab-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px;margin-top:46px;justify-items:center}.ab-phone-card{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:312px;text-decoration:none;color:inherit}.ab-phone{position:relative;width:100%;padding:13px 8px 8px;border-radius:42px;background:linear-gradient(165deg,#222b42,#0b1022 72%);box-shadow:0 24px 54px rgba(15,23,42,.22),inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .28s ease,box-shadow .28s ease}.ab-phone:before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:3px;background:rgba(255,255,255,.16)}.ab-phone-card:hover .ab-phone{transform:translateY(-6px);box-shadow:0 34px 66px rgba(15,23,42,.3),inset 0 0 0 1px rgba(255,255,255,.1)}.ab-phone-screen{border-radius:31px;overflow:hidden;background:#fff}.ab-phone-screen img{width:100%;height:auto;display:block}.ab-phone-cap{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.ab-phone-role{font-weight:720;font-size:15.5px;color:var(--ink);transition:color .2s ease}.ab-phone-org{font-size:13.5px;color:var(--ink-soft)}.ab-phone-card:hover .ab-phone-role{color:var(--indigo)}.ab-phone-url{font-family:var(--f-mono);font-size:11px;letter-spacing:.02em;color:var(--ash)}@media (max-width:560px){.ab-gallery{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}}