.work-page{background:rgb(var(--background));padding-bottom:8rem}.work-hero{text-align:center;padding:10rem 0 4rem}.work-hero h1{margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5rem)}.filter-container{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.filter-btn{border:1px solid rgba(var(--border),.5);color:rgb(var(--muted));cursor:pointer;background:0 0;border-radius:99px;padding:.75rem 2rem;font-weight:500;transition:all .3s}.filter-btn.active,.filter-btn:hover{border-color:rgba(var(--foreground),.5);color:rgb(var(--foreground));background:rgba(var(--foreground),.1)}.work-grid-unique{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:3rem;display:grid}.work-card-unique{background:rgba(var(--surface),.4);border:1px solid rgba(var(--border),.3);transition:all .5s var(--ease-out-expo);border-radius:24px;position:relative;overflow:hidden}.work-card-unique:hover{border-color:rgba(var(--primary),.4);box-shadow:0 20px 40px rgba(var(--background),.4);transform:translateY(-10px)}.work-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,rgba(var(--surface),.8),rgba(var(--background),.9));position:relative;overflow:hidden}.work-project-img{width:100%;height:auto;transition:transform 5s ease-in-out;display:block;position:absolute;top:0;left:0}.work-card-unique:hover .work-project-img{transform:translateY(calc(280px - 100%))}.work-card-image:after{content:"";background:linear-gradient(to bottom,transparent,rgba(var(--background),.8));opacity:.5;position:absolute;inset:0}.work-card-info{padding:2.5rem}.work-card-category{color:rgb(var(--primary));text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.work-card-title{margin-bottom:1rem;font-size:1.75rem}.work-card-title a{color:inherit;text-decoration:none;transition:color .3s}.work-card-title a:hover{color:rgb(var(--primary))}.work-card-desc{color:rgb(var(--muted));margin-bottom:1.5rem;font-size:1rem}.work-card-tags{flex-wrap:wrap;gap:.75rem;display:flex}.work-card-tag{color:rgb(var(--muted));border:1px solid rgba(var(--border),.5);border-radius:99px;padding:.2rem .75rem;font-size:.8rem}@media (max-width:768px){.work-grid-unique{grid-template-columns:1fr}.work-page{padding-bottom:10rem}}
.pm-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000d9;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.pm-modal{background:#101014f2;border:1px solid #ffffff1f;border-radius:1.5rem;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 30px 60px -15px #000000e6,0 0 40px #dc262626}.pm-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem 1rem;display:flex}.pm-category{text-transform:uppercase;letter-spacing:.12em;color:#ff3131;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.pm-title{font-family:var(--font-cinzel,serif);color:#fff;margin:0;font-size:1.6rem;font-weight:700}.pm-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.pm-close-btn:hover{color:#fff}.pm-image-wrapper{background:#0006;width:100%;height:340px;position:relative;overflow:hidden}.pm-hero-img{object-fit:cover;object-position:top center;width:100%;height:100%}.pm-image-overlay{background:linear-gradient(#0000 40%,#101014 100%);position:absolute;inset:0}.pm-body{flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem 2rem;display:flex}.pm-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pm-btn{font-family:var(--font-unbounded,sans-serif);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pm-btn-primary{color:#fff;background:linear-gradient(135deg,#ff3131 0%,#8b0000 100%);box-shadow:0 10px 20px #dc26264d}.pm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px #dc262666}.pm-btn-outline{color:#fffc;background:0 0;border:1px solid #ffffff26}.pm-btn-outline:hover{color:#fff;background:#ffffff0d}.pm-btn-private{color:#ffffff80;cursor:default;background:#ffffff0d;border:1px solid #ffffff1a}.pm-metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pm-metric-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.pm-metric-icon{color:#ff3131;font-size:1.4rem}.pm-metric-val{font-family:var(--font-unbounded,sans-serif);color:#fff;font-size:.82rem;font-weight:700;display:block}.pm-metric-lbl{color:#fff6;font-size:.7rem;display:block}.pm-section{flex-direction:column;gap:.6rem;display:flex}.pm-section-title{font-family:var(--font-unbounded,sans-serif);color:#ffffffe6;margin:0;font-size:.95rem;font-weight:700}.pm-text{color:#ffffffa6;margin:0;font-size:.92rem;line-height:1.7}.pm-tags{flex-wrap:wrap;gap:.6rem;display:flex}.pm-tag{color:#fffc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;display:inline-flex}.pm-tag-icon{color:#ff3131;font-size:.85rem}@media (max-width:640px){.pm-metrics-grid{grid-template-columns:1fr}.pm-image-wrapper{height:220px}}