.portfolio-page{padding-top:120px;min-height:100vh;overflow-x:clip}.portfolio-page .content-grid{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:10}.portfolio-hero{padding:6rem 5% 2rem;position:relative}.portfolio-hero .hero-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text-main);transition:color var(--anim-ui) ease}.portfolio-hero .hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-muted);max-width:600px;line-height:1.5;transition:color var(--anim-ui) ease}.portfolio-page .glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;z-index:0;pointer-events:none}.portfolio-page .orb-1{width:400px;height:400px;background:var(--accent-primary);top:0;right:-10%}.portfolio-page .orb-2{width:300px;height:300px;background:var(--accent-secondary);bottom:-20%;left:-5%}.filters-section{padding:2rem 5% 0;position:sticky;top:80px;z-index:50}.filters-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border-radius:24px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(125,125,125,.2)}[data-theme=dark] .filters-container{background:#0f172a99}.search-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#7d7d7d0d;border-radius:100px;border:1px solid rgba(125,125,125,.1)}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:1.1rem;outline:none}.search-box input::placeholder{color:#7d7d7d80}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.filter-tag{background:#7d7d7d0d;border:1px solid rgba(125,125,125,.1);color:var(--text-muted);padding:.5rem 1.25rem;border-radius:100px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--anim-ui) ease;white-space:nowrap;flex-shrink:0}.filter-tag:hover{background:#7d7d7d1a;color:var(--text-main)}.filter-tag.active{background:var(--text-main);color:var(--bg-color);border-color:var(--text-main)}@media(max-width:768px){.tags-container{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.tags-container::-webkit-scrollbar{display:none}.filter-tag{padding:.4rem 1rem;font-size:.85rem}}.category-description-section{padding:2rem 5% 3rem;position:relative;z-index:1}.category-info-box{margin-top:3rem;padding:0 1rem;max-width:800px}.category-info-box h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-primary)}.category-info-box p{font-size:1.2rem;color:var(--text-muted);line-height:1.6}.animate-update{animation:fade-in-up var(--anim-motion) ease}.projects-grid-section{padding:0 5% 8rem;content-visibility:auto;contain-intrinsic-size:auto 2000px}.projects-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:450px;gap:1.5rem;width:100%}.project-card{position:relative;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;transform:translateZ(0);contain:layout style}.project-card:nth-child(4n+1){grid-column:span 7}.project-card:nth-child(4n+2){grid-column:span 5}.project-card:nth-child(4n+3){grid-column:span 5}.project-card:nth-child(4n+4){grid-column:span 7}.card-image-wrapper{position:absolute;inset:0;z-index:1;border-radius:inherit;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;contain:paint}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--anim-snap) var(--anim-spring);will-change:transform}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#0006 40%,#0000001a);opacity:.8;transition:opacity var(--anim-motion) ease;z-index:2}.project-card:hover .card-image{transform:scale(1.05)}.project-card:hover .card-overlay{opacity:.95}.card-content{position:relative;z-index:3;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.card-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.project-year{background:#ffffff26;padding:.5rem 1rem;border-radius:100px;font-family:monospace;font-size:.9rem;font-weight:600;letter-spacing:.05em;border:1px solid rgba(255,255,255,.2)}.card-arrow{background:#fff;color:#000;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all var(--anim-motion) var(--anim-spring)}.project-card:hover .card-arrow{opacity:1;transform:scale(1)}.card-arrow svg{transition:transform var(--anim-motion) ease}.project-card:hover .card-arrow svg{transform:scale(1.1)}.card-bottom{transform:translateY(10px);transition:transform var(--anim-motion) var(--anim-spring)}.project-card:hover .card-bottom{transform:translateY(0)}.project-category{font-size:1.1rem;color:#fffc;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.project-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.1;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.no-results{padding:4rem;text-align:center;font-size:1.2rem;color:var(--text-muted);background:#7d7d7d0d;border-radius:24px;margin-top:2rem}@media(max-width:900px){.projects-bento-grid{grid-auto-rows:350px}.project-card:nth-child(4n+1),.project-card:nth-child(4n+2),.project-card:nth-child(4n+3),.project-card:nth-child(4n+4){grid-column:span 12}}@media(max-width:500px){.projects-bento-grid{grid-auto-rows:300px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}