.portfolio-content{ position:relative; }
.portfolio-image{ position:relative; width:100%; height:1px; padding:0 0 45% 0; margin:0 0 2rem 0; background-size:cover; background-position:center; border-radius:var(--radius); }
.portfolio-excerpt{ font-size:1.4rem; margin:0 0 2rem 0; }
.portfolio-text{ position:relative; }
.portfolio-text p{ margin-bottom:1.2rem; }

.portfolio-item{ position:relative; margin:0 0 4rem 0; }
.portfolio-item-image{ position:relative; width:100%; height:1px; padding:0 0 61.8% 0; margin:0 0 2rem 0; background-size:cover; background-position:center; border-radius:var(--radius); border: 2px solid var(--color-border); }
.portfolio-item-tags{ position:absolute; bottom:1rem; right:1rem; width:calc(100% - 2rem); text-align:right; }
.portfolio-item-tag{ display:inline-block; font-size:0.7rem; line-height:1.1; font-weight:600; color:var(--color-secondary); margin:0.5rem 0.2rem 0 0; background-color:#FFFFFF; padding:0.3rem 1rem; border:1px solid var(--color-secondary); border-radius:3rem; }
.portfolio-item-title{ font-size:1.5rem; font-weight:600; color:var(--color-secondary); margin:0 0 0.5rem 0; }
.portfolio-item-excerpt{ font-size:1.2rem; margin:0 0 0 0; }
.portfolio-item-footer{ position:relative; margin:1rem 0 0 0; display:flex; align-items:center; justify-content:space-between; gap:0.5rem; }
.portfolio-item-brand{ max-width:6rem; }
.portfolio-item-brand img{ max-width:100%; height:auto; display:block; }