.portfolio-page{background-color:var(--bg-primary);min-height:100vh;padding-top:150px;padding-bottom:100px}.portfolio-header{text-align:center;max-width:800px;margin:0 auto 50px}.category-filter-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.category-pill{background:var(--glass-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-pill:hover{color:var(--text-primary);background:#0000001a;border-color:#fff3}.category-pill.active{color:#3b82f6;background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 15px #3b82f633}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(400px,auto);gap:30px;display:grid}.bento-card{border:1px solid var(--border-color);cursor:pointer;background:#f8fafc80;border-radius:20px;flex-direction:column;grid-column:span 4;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;display:flex;overflow:hidden}@media (min-width:1024px){.bento-card.bento-large{grid-column:span 8}}.bento-card:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #00000080,inset 0 1px #0000001a}.bento-image-wrapper{width:100%;height:250px;position:relative;overflow:hidden}.bento-large .bento-image-wrapper{height:350px}.bento-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.bento-card:hover .bento-image{transform:scale(1.05)}.bento-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;background:#fff9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.bento-card:hover .bento-overlay{opacity:1}.bento-action{background:var(--text-primary);color:var(--bg-primary);border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.bento-card:hover .bento-action{transform:translateY(0)}.bento-content{flex-direction:column;flex-grow:1;padding:25px;display:flex}.bento-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.bento-type{text-transform:uppercase;letter-spacing:1px;color:#8b5cf6;font-size:13px;font-weight:600}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-badge{color:var(--text-secondary);background:#0000000d;border:1px solid #0000001a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.bento-title{color:var(--text-primary);margin-bottom:20px;font-size:22px;font-weight:700}.bento-large .bento-title{font-size:28px}.bento-metrics{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:20px;margin-top:auto;padding-top:20px;display:flex}.metric-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.metric-icon{color:#10b981}.empty-state{text-align:center;color:var(--text-secondary);background:var(--glass-bg);border:1px dashed var(--border-color);border-radius:20px;padding:100px 20px;font-size:18px}@media (max-width:1024px){.bento-card{grid-column:span 6}}@media (max-width:768px){.bento-card{grid-column:span 12}.portfolio-page{padding-top:120px}}.case-study-overlay{-webkit-backdrop-filter:blur(15px);z-index:10000;background:#f1f5f9e6;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.case-study-modal{background:#f8fafcf2;border:1px solid #0000001a;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;position:relative;overflow-y:auto}.modal-header-image{background-position:50%;background-size:cover;flex-shrink:0;height:300px;position:relative}.image-overlay{background:linear-gradient(#0000,#0000);position:absolute;inset:0}.modal-content-body{z-index:2;margin-top:-80px;padding:40px;position:relative}.modal-tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-title{color:var(--text-primary);margin-bottom:20px;font-size:36px}.modal-divider{background:var(--border-color);width:100%;height:1px;margin:30px 0}.modal-grid{grid-template-columns:2fr 1fr;gap:40px;display:grid}.modal-main-text h3{color:var(--text-primary);margin-bottom:15px;font-size:20px}.modal-main-text p{color:var(--text-secondary);margin-bottom:30px;font-size:16px;line-height:1.8}.sidebar-impact-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:25px}.sidebar-impact-box h3{color:var(--text-primary);margin-bottom:10px;font-size:18px}@media (max-width:768px){.modal-grid{grid-template-columns:1fr}.modal-header-image{height:200px}.modal-content-body{margin-top:-60px;padding:25px}}