.featured{padding:1rem 5vw 4rem;padding-bottom:4rem;background:var(--paper-mid)}.featured-inner{max-width:1200px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--paper-warm);margin-top:3rem}.portfolio-item{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.95rem 1.15rem;align-content:stretch;background:var(--paper);padding:2rem 1.75rem;position:relative;overflow:hidden;transition:background .18s;cursor:pointer}.portfolio-item-media{grid-column:1;grid-row:1 / span 2;width:84px;aspect-ratio:1.3 / 1;background:var(--paper-mid);border:1px solid var(--paper-warm);overflow:hidden}.portfolio-item-media img{width:100%;height:100%;display:block;object-fit:cover}.portfolio-item-media--placeholder{background:linear-gradient(135deg,var(--paper-mid),var(--paper-warm))}.portfolio-item:hover{background:var(--paper-mid)}.portfolio-item-link{position:absolute;inset:0;z-index:2}.portfolio-item-link:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.portfolio-item-label{grid-column:2;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.portfolio-item-title{grid-column:2;display:flex;align-items:flex-end;align-self:end;font-family:var(--serif);font-size:1.25rem;line-height:1.2;min-height:2.4em;color:var(--ink);margin-top:-1.25rem;margin-bottom:.625rem;font-weight:400}.portfolio-item-desc{grid-column:1/-1;align-self:start;font-family:var(--sans);font-size:.875rem;line-height:1.6;color:var(--ink-light);font-weight:300;margin-bottom:1.2rem}.portfolio-tags{grid-column:1/-1;align-self:start;display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .625rem;border:1px solid var(--paper-warm);color:var(--ink-ghost)}.portfolio-arrow{position:absolute;top:1.75rem;right:1.75rem;font-family:var(--mono);font-size:11px;color:var(--ink-ghost);transition:color .2s,transform .2s;transform:translate(0)}.portfolio-item:hover .portfolio-arrow{color:var(--gold);transform:translate(3px)}@media(max-width:860px){.portfolio-item{grid-template-columns:72px 1fr;gap:.85rem 1rem}.portfolio-item-media{width:72px}}@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.portfolio-item{grid-template-columns:1fr;gap:.8rem}.portfolio-item-media{grid-column:1;grid-row:auto;width:100%;max-width:120px}.portfolio-item-label,.portfolio-item-title,.portfolio-item-desc,.portfolio-tags{grid-column:1}}