.portfolio-page{background-color:var(--base-300);color:var(--base-100);min-height:100vh}.portfolio-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2.75rem}.portfolio-gate-inner{max-width:540px;text-align:center}.portfolio-gate-label{margin-bottom:2rem;color:var(--base-secondary-dark)}.portfolio-gate-copy{margin-bottom:3rem;line-height:1.7;color:#f9f4ebb3}.portfolio-gate-form{display:flex;gap:0;width:100%;border:1px solid var(--base-secondary-fade);border-radius:0}.portfolio-gate-form input{flex:1;padding:1rem 1.25rem;background:transparent;border:none;outline:none;color:var(--base-100);font-family:DM Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.portfolio-gate-form input::placeholder{color:var(--base-secondary-dark)}.portfolio-gate-form button{padding:1rem 2rem;background:var(--base-100);color:var(--base-300);border:none;cursor:pointer;font-family:DM Mono,monospace;font-size:.85rem;text-transform:uppercase;font-weight:500;letter-spacing:.05em;transition:opacity .3s ease}.portfolio-gate-form button:hover{opacity:.85}.portfolio-gate-error{margin-top:1.25rem;color:var(--accent-2);font-family:DM Mono,monospace;font-size:.8rem;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.portfolio-gate-error.visible{opacity:1}.portfolio-content{display:none;min-height:100vh;padding:2.75rem}.portfolio-content.visible{display:flex;align-items:center;justify-content:center}.portfolio-content-inner{text-align:center;max-width:600px}.portfolio-content-inner h3{color:var(--base-100);margin-bottom:1.5rem}.portfolio-content-inner p{color:var(--base-secondary-dark)}@media(max-width:1000px){.portfolio-gate{padding:2rem}.portfolio-gate-inner{max-width:100%}.portfolio-content{padding:2rem}}