/* Two disciplines, one author. Keep the architectural collection intact. */
.portfolio-paths{display:flex;justify-content:center;align-items:center;gap:14px;margin:30px auto 0;opacity:0;animation:fadeIn .7s ease 2.2s forwards}
.portfolio-paths a{min-height:48px;display:inline-flex;gap:16px;align-items:center;padding:13px 22px;border:1px solid #746959;color:#f0ece4;text-decoration:none;font:14px var(--sans);letter-spacing:0}
.portfolio-paths .visual-path{background:#f0ece4;color:#23211e;border-color:#f0ece4}
.portfolio-paths svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s}
.portfolio-paths a:hover svg{transform:translate(2px,-2px)}
.portfolio-paths a:focus-visible{outline:2px solid #c8a882;outline-offset:5px}
.nav-links .nav-visual{color:#f0ece4;border-bottom:1px solid currentColor;padding-bottom:5px}
.visual-portfolio-card .project-cover{display:block;background:#f0f1f2;text-decoration:none}
.visual-portfolio-card .project-cover img{object-fit:contain;object-position:center;aspect-ratio:8/5;max-height:none}
.visual-portfolio-card .view-btn{text-decoration:none}

@media(max-width:900px){nav{padding:18px 20px}.nav-links{gap:18px}.nav-links .nav-visual{display:none}}
@media(max-width:600px){.portfolio-paths{flex-direction:column;align-items:stretch;margin:25px auto 0;width:min(310px,85vw);gap:10px}.portfolio-paths a{justify-content:center;font-size:13px;padding:11px 16px}.hero-content{padding-bottom:54px}.hero-title{margin-bottom:27px}.visual-portfolio-card .project-cover img{aspect-ratio:8/5}}
@media(prefers-reduced-motion:reduce){.portfolio-paths{opacity:1;animation:none}.portfolio-paths svg{transition:none}}