.portfolio-projects{background:var(--ink);color:var(--white)}
.portfolio-projects .section-head .eyebrow{color:var(--cyan)}
.portfolio-projects .section-head p{color:#bdc8c9}
.portfolio-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.portfolio-project{min-width:0;border:1px solid #2b3738;border-radius:24px;overflow:hidden;background:var(--ink2)}
.portfolio-project-preview{display:block;background:#080c0d;overflow:hidden}
.portfolio-project-preview img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.portfolio-project-meta{padding:28px}
.portfolio-project-meta .eyebrow{font-size:10px;color:var(--cyan);letter-spacing:.1em;margin-bottom:14px}
.portfolio-project-meta h3{font-size:29px;line-height:1.15}
.portfolio-project-meta>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#bdc8c9;margin-top:16px}
.portfolio-project-meta .button{margin-top:25px;gap:14px}
.portfolio-more{margin-top:52px;padding-top:36px;border-top:1px solid #2b3738}
.portfolio-more h3{font-size:28px}
.portfolio-more p{color:#bdc8c9;font-size:16px;max-width:760px;margin-top:15px}
.portfolio-more .text-link{margin-top:16px}
@media(max-width:650px){.portfolio-project-grid{grid-template-columns:1fr;gap:28px}.portfolio-project-meta{padding:23px}.portfolio-project-meta h3{font-size:26px}.portfolio-project-meta .button{min-height:50px;font-size:16px}.portfolio-more{margin-top:36px;padding-top:28px}}