/* KAINOS project library — real project imagery layer */
.project-library{padding:96px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.project-library__head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
.project-library__head h2{font-family:var(--serif);font-size:clamp(42px,5vw,70px);font-weight:300;line-height:.98;margin:14px 0 0;max-width:700px}
.project-library__head p{max-width:500px;color:var(--text-2);line-height:1.8;margin:0}
.project-library__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.project-filter{appearance:none;background:transparent;border:1px solid var(--border-md);color:var(--text-2);font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;cursor:pointer;transition:.25s}
.project-filter:hover,.project-filter.active{border-color:var(--gold);color:var(--text);background:rgba(201,168,120,.08)}
.project-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card{border:1px solid var(--border);background:var(--panel);min-width:0;transition:transform .35s,border-color .35s,opacity .35s;overflow:hidden}
.project-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.project-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#101210}
.project-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s;filter:saturate(.88)}
.project-card:hover .project-card__media img{transform:scale(1.04)}
.project-card__index{position:absolute;top:12px;right:12px;border:1px solid rgba(241,238,231,.24);background:rgba(9,10,9,.62);backdrop-filter:blur(8px);padding:6px 8px;color:#eee9df;font-size:10px;letter-spacing:.16em}
.project-card__body{padding:20px 20px 22px}
.project-card__body .eyebrow{font-size:9px;margin-bottom:11px}
.project-card__body h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.05;margin:0 0 10px}
.project-card__body p:last-child{color:var(--text-2);font-size:13px;line-height:1.65;margin:0}
.project-library__note{margin-top:22px;color:var(--text-3);font-size:12px;line-height:1.7;max-width:900px}
.project-lens{margin:58px 0 12px;padding:28px;border:1px solid var(--border);background:linear-gradient(150deg,#111310,#0b0c0b)}
.project-lens__head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:18px}
.project-lens__head h3{font-family:var(--serif);font-size:32px;font-weight:400;margin:10px 0 0}
.project-lens__head p{font-size:12px;color:var(--text-3);max-width:350px;line-height:1.6;margin:0}
.project-lens__grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:10px}
.project-lens__item{margin:0;border:1px solid rgba(241,238,231,.08);background:#0c0d0c;overflow:hidden}
.project-lens__item img{width:100%;height:250px;object-fit:cover;display:block;filter:saturate(.88);transition:transform .5s}
.project-lens__item:hover img{transform:scale(1.03)}
.project-lens__item figcaption{padding:10px 12px 12px;color:var(--text-3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.project-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-library__head{display:block}.project-library__head p{margin-top:18px}.project-lens__grid{grid-template-columns:1fr 1fr}.project-lens__item:first-child{grid-column:span 2}}
@media(max-width:600px){.project-library{padding:72px 0}.project-library__grid{grid-template-columns:1fr}.project-library__filters{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.project-filter{white-space:nowrap}.project-lens{padding:18px}.project-lens__grid{grid-template-columns:1fr}.project-lens__item:first-child{grid-column:auto}.project-lens__item img{height:220px}}