.portfolio-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;align-items:stretch}
.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border:1px solid #b8cce5;border-radius:16px;background:linear-gradient(135deg,#f0f6ff,#f8fbff);box-shadow:0 5px 18px #16375b08;transition:transform .2s,border-color .2s,box-shadow .2s}
.portfolio-cta:hover{transform:translateY(-4px);border-color:#2563eb;box-shadow:0 14px 30px #16375b15}
.portfolio-cta-copy{display:grid;gap:10px}
.portfolio-cta-copy>strong{font:800 clamp(22px,2vw,26px)/1.2 var(--head);letter-spacing:-.03em;color:var(--ink)}
.portfolio-cta-copy>span{font-size:16px;line-height:1.55;color:var(--text)}
.portfolio-cta-copy>b{font-size:16px;line-height:1.4;color:#1d4ed8;margin-top:4px}
.portfolio-cta-arrow{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#2563eb;color:#fff;font-size:26px}
.portfolio-cta:nth-child(2){background:linear-gradient(135deg,#eefaf7,#f8fcfb);border-color:#afd8d0}
.portfolio-cta:nth-child(2) .portfolio-cta-arrow{background:#0b8b7c}
.portfolio-cta:nth-child(2) .portfolio-cta-copy>b{color:#087467}
.portfolio-cta:nth-child(2):hover{border-color:#0b8b7c}
@media(max-width:800px){.portfolio-links{grid-template-columns:1fr;gap:16px}}
@media(max-width:540px){.portfolio-links{margin-top:24px}.portfolio-cta{padding:23px 20px;gap:14px}.portfolio-cta-copy>strong{font-size:23px}.portfolio-cta-arrow{width:42px;height:42px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.portfolio-cta{transition:none}.portfolio-cta:hover{transform:none}}