.dark-agency .social-portfolio{background:radial-gradient(ellipse at 90% 25%,#22d3ee08,transparent 60%);border-top:1px solid #94a3b81f}
.social-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dark-agency .social-portfolio-card{margin:0;min-width:0;padding:16px;border:1px solid #94a3b833;border-radius:24px;background:linear-gradient(155deg,#1e293b,#131c2e);transition:transform .25s ease,border-color .25s ease}
.social-portfolio-image{position:relative;display:block;overflow:hidden;border-radius:15px;background:#0a0f13;aspect-ratio:739/1455;height:auto}
.social-portfolio-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;transition:transform .3s ease}
.social-zoom-hint{position:absolute;right:12px;bottom:12px;padding:9px 13px;border:1px solid #94a3b866;border-radius:100px;background:#0b1120ed;color:#f8fafc;font-size:12px;font-weight:600}
.dark-agency .social-portfolio-card figcaption{padding:22px 6px 8px}
.social-portfolio-category{color:#a5eff9;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.dark-agency .social-portfolio-card h3{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:10px 0 7px;color:#f8fafc}
.dark-agency .social-portfolio-card figcaption p{margin:0;font-size:14px;color:#94a3b8}
.social-portfolio-image:focus-visible{outline:3px solid #22d3ee;outline-offset:4px}
.dark-agency .social-portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px;padding:28px 32px;border:1px solid #6366f14d;border-radius:20px;background:linear-gradient(110deg,#6366f11a,#131c2e)}
.social-portfolio-cta>div{max-width:660px}.dark-agency .social-portfolio-cta h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:10px 0}.dark-agency .social-portfolio-cta p:not(.eyebrow){margin:0;font-size:15px;line-height:1.7;color:#cbd5e1}.social-portfolio-cta .button{flex-shrink:0;text-align:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.dark-agency .social-portfolio-card:hover{transform:translateY(-4px);border-color:#22d3ee66}.social-portfolio-image:hover img{transform:scale(1.015)}}
@media(max-width:1023px){.social-portfolio-grid{gap:16px}.dark-agency .social-portfolio-card{padding:10px;border-radius:19px}.dark-agency .social-portfolio-card h3{font-size:20px}.dark-agency .social-portfolio-cta{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:720px){.social-portfolio-grid{grid-template-columns:1fr;gap:24px;max-width:430px;margin-inline:auto}.dark-agency .social-portfolio-card{padding:14px}.dark-agency .social-portfolio-card h3{font-size:25px}.dark-agency .social-portfolio-cta{padding:24px 20px}.social-portfolio-cta .button{width:100%;white-space:normal;font-size:14px}.social-portfolio .eyebrow{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.social-portfolio-card,.social-portfolio-image img{transition:none}}

.dark-agency .website-portfolio{background:radial-gradient(ellipse at 10% 35%,#8b5cf60b,transparent 60%)}
.website-portfolio .social-portfolio-image{aspect-ratio:610/1201;background:#f8f5ee}

.dark-agency .social-account-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;color:#a5eff9;font-size:14px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.dark-agency .social-account-link:hover{color:#f8fafc}.social-account-link:focus-visible{outline:2px solid #22d3ee;outline-offset:3px;border-radius:4px}

.website-visit{margin-top:26px;text-align:center}.dark-agency .website-visit p{font-size:13px;color:#94a3b8;margin:10px 0 0}.website-visit .button{min-height:48px}