.ref-portfolio{width:min(768px,100% - 32px);margin:0 auto;padding:112px 0 80px}.ref-portfolio-intro h1{color:var(--ref-heading,var(--ref-text));letter-spacing:-.035em;margin:0;font-size:24px;font-weight:550;line-height:32px}.ref-portfolio .ref-portfolio-intro p{color:var(--ref-muted);margin-top:12px;font-size:16px;line-height:28px}.ref-portfolio-projects,.ref-portfolio-project+.ref-portfolio-project{margin-top:48px}.ref-portfolio-project h2{color:var(--ref-heading,var(--ref-text));letter-spacing:-.025em;margin:0;scroll-margin-top:96px;font-size:20px;font-weight:550;line-height:28px}.ref-portfolio .ref-portfolio-description{max-width:680px;color:var(--ref-text);margin-top:12px;font-size:16px;line-height:28px}.ref-portfolio-links{flex-wrap:wrap;gap:8px 24px;margin-top:16px;display:flex}.ref-portfolio-links a{color:var(--ref-muted);text-decoration:underline;-webkit-text-decoration-color:var(--ref-border);text-decoration-color:var(--ref-border);text-underline-offset:4px;font-size:14px;line-height:24px;transition:color .16s,text-decoration-color .16s}.ref-portfolio-links a:hover{color:var(--ref-accent);text-decoration-color:currentColor}.ref-portfolio .ref-project-gallery{width:100%;max-width:100%;margin-top:24px;margin-bottom:0;padding:4px 4px 10px}.ref-portfolio .ref-project-gallery img{border:1px solid var(--ref-border);object-fit:contain;width:auto;max-width:none;height:360px}.ref-portfolio .ref-project-gallery figcaption{margin-top:8px}@media (max-width:800px){.ref-portfolio{padding-top:48px;padding-bottom:64px}.ref-portfolio-projects{margin-top:40px}.ref-portfolio .ref-project-gallery img{height:288px}}@media (max-width:480px){.ref-portfolio .ref-project-gallery img{height:276px}.ref-portfolio-links{gap:8px 20px}}@media (prefers-reduced-motion:reduce){.ref-portfolio-links a{transition:none}}