#main-content{scroll-margin-top:128px;width:1400px;margin:128px auto 0;padding-bottom:0;outline:none}#primary-tabs{display:flex;gap:44px;border-bottom:1px solid #e4e4e7;height:61px}#primary-tabs button{position:relative;padding:14px 0 18px;font-size:17px;font-weight:500;color:#858991}#primary-tabs button[aria-pressed=true]{font-weight:700;color:#162444}#primary-tabs button[aria-pressed=true]:after{content:'';height:3px;background:#162444;position:absolute;bottom:0;left:0;right:0}#secondary-wrap{height:40px;margin-top:28px}#secondary-tabs{display:inline-flex;align-items:center;height:40px;border:1px solid #d4d4d8;border-radius:24px;padding:4px 5px}#secondary-tabs button{border-radius:20px;padding:6px 18px;height:32px;color:#7c8089;font-size:14px;font-weight:500;white-space:nowrap}#secondary-tabs button[aria-pressed=true]{background:#152442;color:white;font-weight:700}.toolbar{margin-top:26px;display:flex;align-items:center;gap:12px;height:42px}.search-box{width:200px;flex:none;height:42px;border:1px solid #d4d4d8;border-radius:3px;padding:0 12px;display:flex;align-items:center;gap:8px;margin:0;font-weight:500}.search-box svg{width:17px;height:17px;fill:none;stroke:#7f838b;stroke-width:1.8;flex:none}.search-box input{border:0;outline:0!important;width:100%;min-width:0;background:transparent;color:#171c27;font-size:14px;font-weight:500}.search-box:focus-within{outline:2px solid #162444;outline-offset:2px}.search-box input::placeholder{color:#8c9097}.result-count{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:500}.result-count strong{font-weight:700}.sort select{width:132px;height:42px;border:1px solid #d4d4d8;border-radius:3px;appearance:none;-webkit-appearance:none;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23171c27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 12px;padding:0 40px 0 16px;color:#171c27}.sort{margin:0;font-weight:500}#reset-filters{color:#737780;font-size:13px;text-decoration:underline}#view-toggle{display:flex;gap:6px}#view-toggle button{height:42px;width:42px;display:grid;place-items:center;border-radius:3px;color:#a1a1aa}#view-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}#view-toggle button[aria-pressed=true]{color:white;background:#152442}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}.projects.mosaic{grid-auto-flow:dense;grid-auto-rows:326px}.project-card{position:relative;height:326px;overflow:hidden;background:#f4f4f5;isolation:isolate}.mosaic .project-card.tall{grid-row:span 2;height:667px}.card-open{text-decoration:none;display:block;position:relative;width:100%;height:100%;padding:0;text-align:left;color:white}.card-open>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.project-card:hover .card-open>img{transform:scale(1.03)}.card-open:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.3) 38%,transparent 65%);pointer-events:none}.card-caption{position:absolute;left:16px;right:16px;bottom:16px;z-index:1}.card-caption p,.card-hover p{font-size:12px;font-weight:500;color:rgba(255,255,255,.85)}.card-caption h3,.card-hover h3{font-size:19px;line-height:1.25;font-weight:600;margin-top:2px}.card-hover{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.6);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none}.project-card:hover .card-hover,.card-open:focus-visible .card-hover{opacity:1}.project-card:hover .card-caption,.card-open:focus-visible .card-caption{opacity:0}.card-hover dl{margin-top:12px}.card-hover dl>div{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid #ffffff26;font-size:12.5px;line-height:1.3}.card-hover dt{width:64px;flex:none;color:#ffffff99;font-weight:400}.card-hover dd{color:#fffffff2}.favorite{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:28px;height:28px;color:#ffffffe6;padding:4px}.favorite svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}.favorite[aria-pressed=true] svg{fill:#fff}.projects.list{display:flex;flex-direction:column;gap:18px}.list .project-card{height:230px;border:1px solid #e4e4e7}.list .card-open{display:flex;color:#171c27}.list .card-open>img{width:350px;flex:none}.list .card-open:after,.list .card-caption{display:none}.list .card-hover{position:static;opacity:1;background:white;color:#171c27;flex:1;padding:20px 30px}.list .card-hover p,.list .card-hover dt{color:#737780}.list .card-hover dd{color:#171c27}.list .card-hover dl>div{border-color:#e4e4e7}.list .favorite{color:#171c27}.list .favorite[aria-pressed=true] svg{fill:#171c27}#empty{text-align:center;padding:120px 0 140px;border-bottom:1px solid #eee;margin-top:24px}#empty p{font-size:22px;font-weight:600}#empty span{display:block;margin:12px;color:#858991}#empty button{border-bottom:1px solid;padding:6px 0;margin-top:10px}#pagination{display:flex;justify-content:center;gap:8px;margin-top:120px}#pagination button{width:38px;height:38px;border:1px solid #e4e4e7;color:#858991}#pagination button[aria-current=page]{background:#c82030;color:white;border-color:#c82030}#pagination button:disabled{opacity:.4;cursor:default}.footer-space{height:220px}
@media(prefers-reduced-motion:reduce){.card-open>img{transition:none}}