:root{--muted:#b3b3b3;--bg:#000;--soft-white:#f5f5f5}#root,body,html{background:#000;background:var(--bg);height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:page-fade-in .26s ease forwards;color:#f5f5f5;color:var(--soft-white);font-family:IBM Plex Mono,Menlo,Monaco,monospace;margin:0;opacity:0;padding:0}@keyframes page-fade-in{to{opacity:1}}.header-grid{grid-gap:0;align-items:start;box-sizing:border-box;display:grid;gap:0;grid-template-columns:1fr auto 1fr;padding:2.25rem 4rem 0;width:100%}.header-grid .text-left{color:#b3b3b3;color:var(--muted);font-size:.85rem;justify-self:start;letter-spacing:.09em;line-height:2.2;opacity:.56;text-transform:uppercase}.header-grid .text-left p{cursor:pointer;margin:.22rem 0;transition:opacity .16s ease,color .16s ease}.header-grid .text-left p:hover{opacity:.7}.header-grid .text-left p.font-bold{color:#fff;opacity:1}.header-center{align-items:center;display:flex;flex-direction:column;justify-self:center;pointer-events:auto}.header-center h1{color:#ededed;font-family:Playfair Display,serif;font-size:3.825rem;font-weight:400;letter-spacing:.12em;line-height:1;margin:0}.role-toggle{align-items:center;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.65rem;gap:.6rem;letter-spacing:.12em;margin-top:.45rem;text-transform:uppercase}.role-toggle span{cursor:pointer;opacity:.56;transition:opacity .26s ease,text-shadow .26s ease,transform .26s ease;-webkit-user-select:none;user-select:none}.role-toggle .all-active,.role-toggle .role-active{opacity:1;text-shadow:0 0 10px #ffffff0f;transform:translateY(-1px)}.role-toggle .plus.animating{animation:pulse-plus 2.4s infinite}@keyframes pulse-plus{0%{text-shadow:0 0 0 #fff0;transform:translateY(0)}50%{text-shadow:0 0 6px hsla(0,0%,100%,.035);transform:translateY(-1px)}to{text-shadow:0 0 0 #fff0;transform:translateY(0)}}.header-grid .text-right{color:#b3b3b3;color:var(--muted);font-size:.85rem;justify-self:end;letter-spacing:.09em;text-transform:uppercase}main{box-sizing:border-box;padding:3.25rem 4rem 4rem}.project-grid{grid-gap:2.25rem 2rem;display:grid;gap:2.25rem 2rem;grid-template-columns:repeat(4,1fr);margin-top:1.25rem}.project-card{opacity:1;transition:opacity .18s ease,transform .18s ease}.project-card.fade-nonmatch{opacity:.12;pointer-events:none}.project-card .project-title{color:#fff;font-size:.62rem;font-weight:400;letter-spacing:.12em;line-height:1;margin:0 0 .45rem;opacity:.95}.project-card .project-thumb{background:#e6e6e6;border-radius:0;overflow:hidden;padding-top:56.25%;position:relative;transition:transform .2s ease,filter .2s ease;width:100%}.project-card .project-thumb>.bg{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:contrast(.98) saturate(.98);inset:0;position:absolute;transform:translateZ(0);transition:transform .2s ease,filter .2s ease}.project-card:hover .project-thumb{transform:translateY(-4px)}.project-card:hover .project-thumb>.bg{filter:contrast(1.04) saturate(1.02);transform:scale(1.02)}@media (max-width:1200px){.project-grid{grid-template-columns:repeat(2,1fr)}.header-center h1{font-size:3.2rem}}@media (max-width:700px){.project-grid{gap:1rem;grid-template-columns:1fr}.header-grid{grid-template-columns:auto 1fr auto;padding:1rem}.header-center h1{font-size:1.8rem;letter-spacing:.08em}}
/*# sourceMappingURL=main.fc7bd06c.css.map*/