.portfolio-page{background:var(--bg-primary,#000);color:var(--text-primary,#fff);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.portfolio-nav{background:var(--bg-primary,#000);border-bottom:2px solid var(--text-primary,#fff);z-index:50;padding:1.5rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.back-link{color:var(--text-primary,#fff);align-items:center;gap:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.back-link:hover{color:var(--text-secondary,#ccc);transform:translate(-5px)}.logo{letter-spacing:-.02em;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:700}.portfolio-hero{text-align:center;background:var(--bg-primary,#000);border-bottom:2px solid var(--text-primary,#fff);padding:6rem 0 4rem}.portfolio-hero .container{max-width:800px;margin:0 auto;padding:0 2rem}.portfolio-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1;animation:.8s cubic-bezier(.4,0,.2,1) fadeInUp}.portfolio-subtitle{color:var(--text-secondary,#ccc);font-size:1.25rem;line-height:1.6;animation:.8s cubic-bezier(.4,0,.2,1) .2s backwards fadeInUp}.portfolio-items{background:var(--bg-primary,#000);padding:4rem 0}.portfolio-items .container{max-width:1400px;margin:0 auto;padding:0 2rem}.portfolio-item{margin-bottom:6rem;animation:.6s cubic-bezier(.4,0,.2,1) fadeInUp}.item-header{border-bottom:2px solid var(--text-primary,#fff);margin-bottom:2rem;padding-bottom:1.5rem}.item-title{letter-spacing:-.02em;color:var(--text-primary,#fff);margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.item-description{color:var(--text-secondary,#ccc);font-size:1.125rem;line-height:1.6}.figma-embed{background:var(--bg-secondary,#111);border:2px solid var(--text-primary,#fff);box-shadow:8px 8px 0px var(--text-primary,#fff);border-radius:0;transition:all .3s;overflow:hidden}.figma-embed:hover{box-shadow:12px 12px 0px var(--text-primary,#fff);transform:translateY(-4px)}.figma-embed iframe{border:none;width:100%;height:650px;display:block}.portfolio-cta{background:var(--bg-secondary,#111);border-top:2px solid var(--text-primary,#fff);text-align:center;padding:6rem 0}.portfolio-cta .container{max-width:800px;margin:0 auto;padding:0 2rem}.cta-title{letter-spacing:-.02em;color:var(--text-primary,#fff);margin-bottom:1rem;font-size:3rem;font-weight:700}.cta-description{color:var(--text-secondary,#ccc);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.cta-button{background:var(--text-primary,#fff);color:var(--bg-primary,#000);border:2px solid var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{color:var(--text-primary,#fff);background:0 0;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.portfolio-hero{padding:4rem 0 3rem}.portfolio-title{font-size:2.5rem}.portfolio-subtitle{font-size:1rem}.item-title{font-size:1.75rem}.item-description{font-size:1rem}.figma-embed{box-shadow:4px 4px 0px var(--text-primary,#fff)}.figma-embed:hover{box-shadow:6px 6px 0px var(--text-primary,#fff)}.figma-embed iframe{height:400px}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-button{padding:.875rem 2rem;font-size:1rem}}