.dc-portfolio-card{display:block;text-decoration:none;color:#303a32;border:1px solid #d8dacd;background:#faf8f1}
.dc-portfolio-cover{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;min-height:460px;padding:36px clamp(24px,5vw,70px);gap:16px}
.dc-portfolio-cover>div>span{font:11px/1.6 ui-monospace,monospace;color:#65705f;display:block;margin-bottom:28px}
.dc-portfolio-cover strong{display:block;font-size:clamp(40px,5.5vw,80px);line-height:1.02;letter-spacing:-.055em;font-weight:600}
.dc-portfolio-cover p{font-size:16px;line-height:1.6;color:#65705f;margin:24px 0 0}
.dc-portfolio-cover img{display:block;width:100%;height:auto}
.dc-portfolio-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d8dacd;padding:20px 26px;font-size:13px;line-height:1.5}
.dc-portfolio-caption b{font-weight:500}.dc-portfolio-card:hover .dc-portfolio-caption{background:#e9eddf}
@media(max-width:700px){.dc-portfolio-cover{grid-template-columns:1fr;padding:28px 24px 8px;min-height:0;gap:0}.dc-portfolio-cover>div>span{font-size:10px;margin-bottom:20px}.dc-portfolio-cover strong{font-size:48px}.dc-portfolio-cover p{font-size:14px;margin-top:18px}.dc-portfolio-cover img{max-width:450px;justify-self:center}.dc-portfolio-caption{flex-direction:column;gap:10px;padding:18px 24px;font-size:12px}}