.web-showcase{background:#141618;color:#f5f5f5;padding:90px 6%;scroll-margin-top:110px}.web-showcase header{max-width:760px;margin-bottom:50px}.web-showcase h2{font:500 clamp(2.2rem,4.6vw,4.8rem)/1.08 Inter,sans-serif;letter-spacing:-.05em;margin-bottom:24px}.web-showcase h2 span{color:#1684ff}.web-showcase header>p:last-child{max-width:530px;color:#bfc4ca;line-height:1.8}.web-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:6%;align-items:start}.web-desktop-stack{display:grid;gap:50px}.web-screen{display:block;border:1px solid #474b50;border-radius:12px;overflow:hidden;background:#26292c}.web-screen img{display:block;width:100%;height:auto}.web-browser{height:32px;display:flex;align-items:center;gap:5px;padding:0 12px;color:#c3c6ca;font-size:.6rem}.web-browser i{width:5px;height:5px;border-radius:50%;background:#868b90}.web-browser span{margin-left:12px}.web-caption{display:flex;gap:20px;justify-content:space-between;align-items:start;padding-top:20px}.web-caption h3{font-size:1.3rem;font-weight:500;margin:0 0 10px}.web-caption p{font-size:.82rem;line-height:1.7;color:#bfc4ca;max-width:350px}.web-caption>a{flex-shrink:0;font-size:.75rem;color:#fff;text-decoration:none;border-bottom:1px solid #1684ff;padding:6px 0;min-height:32px}.web-phone{display:block;border:7px solid #35383c;border-radius:30px;overflow:hidden;max-width:330px;margin:auto;background:#e9e9e9}.web-phone img{display:block;width:100%;height:auto}.web-mobile-project{padding-top:65px}.web-mobile-project .web-caption{flex-wrap:wrap;max-width:330px;margin:auto}.web-note{font-size:.7rem;color:#aeb4bb;line-height:1.7;margin-top:38px}.web-showcase a:focus-visible{outline:2px solid #1684ff;outline-offset:5px}@media(max-width:760px){.web-showcase{padding:64px 6%}.web-layout{grid-template-columns:1fr;gap:40px}.web-mobile-project{padding-top:0}.web-caption{gap:15px}.web-caption p{font-size:.8rem}.web-showcase header{margin-bottom:30px}}

.social-grid-section .artwork-showcase{margin-top:0}.social-grid-section .social-grids{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.social-grid-section .social-grids img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.social-grid-section .social-grids a{border-radius:10px;overflow:hidden;border:1px solid #ffffff20}.social-grid-section .artwork-heading{font-family:Inter,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.04em}@media(max-width:650px){.social-grid-section .social-grids{grid-template-columns:1fr;gap:30px;max-width:430px;margin:auto}}