.work-page-hero{padding:160px 56px 80px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.work-page-hero:after{content:"WORK";position:absolute;bottom:-40px;right:40px;font-family:var(--display);font-size:clamp(120px,18vw,260px);color:transparent;-webkit-text-stroke:1px rgba(217,79,10,.04);pointer-events:none;user-select:none;line-height:1}.work-hero-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:0}.work-hero-h{font-family:var(--display);font-size:clamp(56px,9vw,124px);line-height:.88;letter-spacing:.01em;color:var(--paper)}.work-hero-h .em{color:inherit}.work-hero-h .it{font-family:var(--serif);font-style:italic;font-weight:300;font-size:.6em;color:var(--muted)}.work-hero-meta{text-align:right}.work-hero-count{font-family:var(--display);font-size:72px;line-height:1;color:var(--faint);letter-spacing:.02em}.work-hero-sub{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.filter-bar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);padding:0 56px;overflow-x:auto}.filter-btn{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:20px 28px;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}.filter-btn:hover{color:var(--paper)}.filter-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.projects-grid{padding:64px 56px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border)}.proj-card{background:var(--ink-2);position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:background .3s;text-decoration:none;color:inherit}.proj-card:hover{background:var(--ink-3)}.proj-card.featured{grid-column:span 2}.proj-visual{position:relative;overflow:hidden;height:320px;background:var(--ink-3);display:flex;align-items:center;justify-content:center}.proj-card.featured .proj-visual{height:420px}.proj-visual-bg{position:absolute;inset:0;transition:transform .7s cubic-bezier(.16,1,.3,1)}.proj-card:hover .proj-visual-bg{transform:scale(1.04)}.proj-visual-accent{position:absolute;inset:0;opacity:0;transition:opacity .4s}.proj-card:hover .proj-visual-accent{opacity:1}.proj-num{position:absolute;top:24px;left:28px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:#fff3}.proj-industry-tag{position:absolute;top:24px;right:28px;font-family:var(--mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#fff6;border:1px solid rgba(255,255,255,.1);padding:4px 10px;background:#0c0b0a80;backdrop-filter:blur(8px)}.proj-bg-num{position:absolute;bottom:-20px;right:20px;font-family:var(--display);font-size:140px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);pointer-events:none;user-select:none;transition:transform .6s ease}.proj-card:hover .proj-bg-num{transform:translateY(-8px)}.proj-hover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,10,.85) 0%,transparent 60%);opacity:0;transition:opacity .4s;display:flex;align-items:flex-end;padding:28px}.proj-card:hover .proj-hover-overlay{opacity:1}.proj-hover-cta{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);display:flex;align-items:center;gap:8px}.proj-hover-arrow{width:28px;height:28px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.proj-card:hover .proj-hover-arrow{background:var(--accent);border-color:var(--accent)}.proj-content{padding:32px 36px 36px}.proj-tag{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;opacity:.7}.proj-title{font-family:var(--display);font-size:clamp(28px,3.5vw,44px);letter-spacing:.04em;color:var(--paper);margin-bottom:10px;line-height:1}.proj-excerpt{font-size:13px;color:var(--muted);line-height:1.7;max-width:520px;margin-bottom:24px}.proj-metrics{display:flex;gap:0;border:1px solid var(--border)}.pm{flex:1;padding:14px 16px;border-right:1px solid var(--border);text-align:center}.pm:last-child{border-right:none}.pm-val{font-family:var(--display);font-size:20px;letter-spacing:.03em;color:var(--paper);line-height:1;margin-bottom:3px}.pm-lbl{font-family:var(--mono);font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.work-cta{padding:96px 56px;text-align:center;border-top:1px solid var(--border);background:var(--ink-2);position:relative;overflow:hidden}@media(max-width:1024px){.work-page-hero{padding:100px 24px 60px}.projects-grid{grid-template-columns:1fr;padding:32px 24px}.proj-card.featured{grid-column:span 1}.filter-bar{padding:0 24px}}