.portfolio-heading{margin:64px 0 26px}.portfolio-heading h3{font:500 clamp(24px,2.5vw,36px) Manrope;letter-spacing:-1px;margin-top:14px}.portfolio-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}.portfolio-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-page{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#1b271e;transition:transform .4s,border-color .4s,box-shadow .4s}.portfolio-page:hover{transform:translateY(-6px);border-color:#d5f78b70;box-shadow:0 20px 45px #0004}.portfolio-preview{display:block;width:100%;padding:0;border:0;text-align:left;background:#151e18;color:var(--ink);position:relative;overflow:hidden}.portfolio-browser{display:flex;gap:5px;padding:14px;align-items:center;border-bottom:1px solid var(--line)}.portfolio-browser i{width:5px;height:5px;background:#708068;border-radius:50%}.portfolio-browser>span{font-size:8px;letter-spacing:1.2px;margin-left:auto;color:var(--muted)}.portfolio-preview>img{display:block;width:100%;height:auto;aspect-ratio:1269/713;object-fit:cover;transition:transform .7s}.portfolio-preview:hover>img{transform:scale(1.035)}.portfolio-zoom{position:absolute;bottom:10px;right:10px;background:#142018ee;border:1px solid #d5f78b40;padding:8px 10px;border-radius:20px;font-size:9px;color:var(--lime)}.portfolio-page-caption{padding:23px}.portfolio-page-caption small{font-size:9px;color:var(--muted)}.portfolio-page-caption h3{font-size:19px;margin:12px 0 20px}.portfolio-page-caption a{font-size:11px;color:var(--lime);border-bottom:1px solid #d5f78b40;padding-bottom:5px}.portfolio-profiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.portfolio-profile{padding:28px 18px;background:linear-gradient(145deg,#293729,#17231c);border:1px solid var(--line);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .4s,border-color .4s,box-shadow .4s}.portfolio-profile:hover{transform:translateY(-7px);border-color:#d5f78b70;box-shadow:0 18px 40px #0004}.profile-photo{display:block;width:108px;height:108px;border-radius:50%;padding:3px;background:linear-gradient(140deg,#f7be64,#e14f98,#a982e5);margin-bottom:22px}.profile-photo img{width:100%;height:100%;object-fit:cover;border:4px solid #1c281f;border-radius:50%;transition:transform .5s}.portfolio-profile:hover img{transform:scale(1.035)}.portfolio-profile>small{font-size:8px;letter-spacing:2px;color:var(--lime)}.portfolio-profile h3{font-size:16px;margin:12px 0 8px;line-height:1.4}.portfolio-profile p{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:24px}.profile-link{font-size:11px;color:var(--lime);margin-top:auto}.motion-paused .portfolio-page:hover,.motion-paused .portfolio-profile:hover,.motion-paused .portfolio-preview:hover>img,.motion-paused .portfolio-profile:hover img{transform:none}@media(max-width:850px){.portfolio-pages{grid-template-columns:1fr 1fr}.portfolio-profiles{grid-template-columns:1fr 1fr}}@media(max-width:520px){.portfolio-pages{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.portfolio-page,.portfolio-profile,.portfolio-preview>img,.profile-photo img{transition:none}.portfolio-page:hover,.portfolio-profile:hover,.portfolio-preview:hover>img,.portfolio-profile:hover img{transform:none}}