@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&family=JetBrains+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400..600&display=swap');
.talvinder-work-index{--wi-ink:#111416;--wi-paper:#f8fafc;--wi-soft:#edf1f4;--wi-line:#c8ced4;--wi-muted:#626b73;--wi-signal:#d7ff28;background:var(--wi-paper);color:var(--wi-ink)}
.talvinder-work-index #title-block-header,.talvinder-work-index .article-author-card,.talvinder-work-index .disagree-cta,.talvinder-work-index .article-newsletter-cta,.talvinder-work-index .author-bio,.talvinder-work-index .giscus{display:none!important}.talvinder-work-index main.content{max-width:none;padding:0}.talvinder-work-index .page-columns{display:block}.work-index{font-family:"Instrument Sans",sans-serif}.work-index *{box-sizing:border-box}.work-index a{color:inherit;text-decoration:none}
.work-index-hero{min-height:560px;padding:clamp(6rem,10vw,11rem) clamp(1.3rem,5vw,5.5rem) 4rem;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;border-bottom:1px solid var(--wi-ink);position:relative}.work-index-label{position:absolute;top:4rem;left:clamp(1.3rem,5vw,5.5rem);font:500 .67rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.work-index-hero h1{font-family:"Instrument Sans",sans-serif;font-size:clamp(6rem,15vw,15rem);font-weight:570;letter-spacing:-.055em;line-height:.75;margin:0;border:0}.work-index-hero p{font-family:"Newsreader",serif;font-size:clamp(1.4rem,2.2vw,2.2rem);line-height:1.2;max-width:570px;margin:0}
.work-filters{position:sticky;top:63px;z-index:4;padding:1.1rem clamp(1.3rem,5vw,5.5rem);display:flex;gap:.4rem;flex-wrap:wrap;background:rgba(248,250,252,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--wi-line)}.work-filters button{min-height:44px;background:transparent;border:1px solid var(--wi-line);border-radius:0;padding:.65rem .9rem;font:500 .65rem "JetBrains Mono",monospace;text-transform:uppercase;cursor:pointer}.work-filters button.is-active{background:var(--wi-ink);color:white;border-color:var(--wi-ink)}.work-filters span{color:var(--wi-signal)}
.work-table{padding:0 clamp(1.3rem,5vw,5.5rem) 6rem}.work-table-head,.work-row{display:grid;grid-template-columns:55px 2fr 1fr .8fr .8fr 35px;gap:1.4rem;align-items:center}.work-table-head{height:4.2rem;font:500 .62rem "JetBrains Mono",monospace;text-transform:uppercase;color:var(--wi-muted)}.work-row{min-height:8.3rem;border-top:1px solid var(--wi-line);position:relative;overflow:hidden}.work-row:last-child{border-bottom:1px solid var(--wi-line)}.work-row:before{content:"";position:absolute;inset:0;z-index:0;background:var(--row-wash,#e5e9ed);transform:translateX(-101%);transition:transform .5s cubic-bezier(.2,.85,.2,1)}.work-row:hover:before{transform:none}.work-row>*{position:relative;z-index:1}.work-row>span{font:500 .65rem "JetBrains Mono",monospace}.work-row strong{font-size:clamp(2rem,3.5vw,4rem);font-weight:570;letter-spacing:-.04em}.work-row i{font-style:normal;font-size:1.4rem}.work-row[data-kind=company]{--row-wash:#d7ff28}.work-row[data-kind=product]{--row-wash:#c2dcff}.work-row[data-kind=past]{--row-wash:#ddd4ff}.work-row[data-kind=experiment]{--row-wash:#ffd1bd}.work-row[hidden]{display:none}
.work-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--wi-line);border-top:1px solid var(--wi-line)}.work-legend>div{background:var(--wi-soft);padding:2rem clamp(1.3rem,3vw,3rem);min-height:130px}.work-legend strong,.work-legend span{display:block}.work-legend strong{font:.65rem "JetBrains Mono",monospace;text-transform:uppercase}.work-legend span{font-family:"Newsreader",serif;margin-top:2rem}
@media(max-width:800px){.work-index-hero{grid-template-columns:1fr;min-height:580px;gap:4rem}.work-index-hero h1{font-size:8rem}.work-filters{top:55px}.work-table-head{display:none}.work-row{grid-template-columns:35px 1fr 25px;min-height:7rem}.work-row>span:nth-of-type(n+2){display:none}.work-row strong{font-size:2.15rem}.work-legend{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.work-index-hero h1{font-size:6.5rem}.work-legend{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.work-row:before{transition:none}}