/* Branded portfolio covers, not simulated screenshots. */
.client-portfolio .portfolio-card{grid-column:auto;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025)}
.portfolio-cover{min-height:280px;display:flex;flex-direction:column;position:relative;padding:22px 26px;overflow:hidden;text-decoration:none;color:#fff}
.portfolio-cover:after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-170px;border:1px solid currentColor;border-radius:50%;opacity:.17;transition:transform .25s}
.portfolio-cover:hover:after{transform:scale(1.25)}
.portfolio-browser{display:flex;align-items:center;gap:5px;opacity:.7;font-size:11px;letter-spacing:.03em}
.portfolio-browser i{width:5px;height:5px;border-radius:50%;background:currentColor}
.portfolio-browser>span{margin-left:10px;overflow-wrap:anywhere}
.portfolio-identity{display:flex;flex:1;flex-direction:column;justify-content:center;gap:12px;padding:30px 0}
.portfolio-identity strong{font-size:clamp(28px,3.2vw,48px);line-height:1.1;letter-spacing:-.04em;font-weight:750}
.portfolio-identity>span{font-size:13px;opacity:.78}
.portfolio-open{align-self:flex-end;font-size:12px;font-weight:650;position:relative;z-index:1}
.portfolio-open span{margin-left:12px}
.portfolio-doors{background:linear-gradient(130deg,#161a23,#303c4b);border-top:3px solid #7898b5}
.portfolio-pjm{background:linear-gradient(130deg,#152c44,#325570);border-top:3px solid #d5b580}
.portfolio-pjm .portfolio-identity strong{letter-spacing:.08em}
.portfolio-touchwood{background:linear-gradient(130deg,#112d23,#34513d);border-top:3px solid #b6bc87}
.portfolio-touchwood .portfolio-identity strong{font-family:Georgia,serif}
.portfolio-rc{background:linear-gradient(130deg,#273844,#5a6d69);border-top:3px solid #b7c9bd}
.portfolio-details{padding:26px}
.portfolio-category,.portfolio-tags{font-size:11px;letter-spacing:.045em;color:#aebdd0}
.portfolio-details h3{font-size:24px;margin:12px 0 18px}
.portfolio-details h3 a{text-decoration:none}.portfolio-details h3 span{font-size:17px;margin-left:8px}
.portfolio-line{font-size:16px;font-weight:650;margin-bottom:10px}
.portfolio-description{font-size:14px;line-height:1.8;color:#aebdd0;max-width:56ch}
.portfolio-tags{padding-top:20px;margin-top:20px;border-top:1px solid rgba(255,255,255,.09);line-height:1.8}
.portfolio-next{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;padding:42px 0;border-top:1px solid rgba(255,255,255,.1);margin-top:52px}
.portfolio-next h3{font-size:24px;margin:12px 0}.portfolio-next h4{font-size:19px;margin:14px 0}
.portfolio-next p{font-size:14px;line-height:1.8;color:#aebdd0}
.portfolio-stage{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.17);padding:6px 9px;border-radius:30px;display:inline-block}
.portfolio-contact{font-size:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:28px;line-height:1.9}.portfolio-contact a{margin-left:8px}
@media(max-width:700px){.client-portfolio{grid-template-columns:1fr!important}.portfolio-cover{min-height:250px;padding:20px}.portfolio-details{padding:22px}.portfolio-next{grid-template-columns:1fr;gap:25px;margin-top:32px;padding:30px 0}.portfolio-contact a{display:inline-block;margin-left:0}}
@media(prefers-reduced-motion:reduce){.portfolio-cover:after{transition:none}}