.proj-page{max-width:80rem;margin:0 auto;padding:3rem 3vw 6rem}.proj-header{border-bottom:1px solid #0000000f;margin-bottom:3.5rem;padding-bottom:2rem}.proj-label{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#dc2626);margin-bottom:.75rem;font-size:.72rem;display:inline-block}.proj-title{font-family:var(--font-display), serif;color:#18181b;margin:0 0 .75rem;font-size:clamp(2rem,5vw,3rem);font-style:italic;font-weight:400;line-height:1.15}.proj-subtitle{color:#71717a;max-width:42rem;margin:0;font-size:1rem;line-height:1.6}.proj-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.proj-card{background:#ffffffb3;border:1px solid #00000012;border-radius:14px;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.proj-card:hover{border-color:#0000001f;transform:translateY(-3px);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.proj-card__thumb-link{color:inherit;text-decoration:none;display:block}.proj-card__title-link{color:inherit;text-decoration:none}.proj-card__thumb{aspect-ratio:16/10;border-bottom:1px solid #0000000d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proj-card__thumb-img{object-fit:cover;transition:transform .4s}.proj-card:hover .proj-card__thumb-img{transform:scale(1.03)}.proj-card__thumb-initials{font-family:var(--font-display), serif;letter-spacing:.04em;color:#0000002e;-webkit-user-select:none;user-select:none;font-size:2.2rem;font-weight:600}.proj-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.proj-card__title{font-family:var(--font-display), serif;color:#18181b;margin:0;font-size:1.2rem;font-weight:500;line-height:1.3}.proj-card__desc{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.87rem;line-height:1.6;display:-webkit-box;overflow:hidden}.proj-card__footer{align-items:center;gap:1rem;margin-top:auto;padding-top:.75rem;display:flex}.proj-card__action{color:#52525b;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.proj-card__action:hover{color:#18181b}:where(.dark,.dark *) .proj-header{border-bottom-color:#ffffff0f}:where(.dark,.dark *) .proj-title{color:#fafafa}:where(.dark,.dark *) .proj-subtitle{color:#a1a1aa}:where(.dark,.dark *) .proj-label{color:#f87171}:where(.dark,.dark *) .proj-card{background:#0e0e1699;border-color:#ffffff0f}:where(.dark,.dark *) .proj-card:hover{border-color:#ffffff1f;box-shadow:0 8px 30px #0000004d,0 2px 8px #00000026}:where(.dark,.dark *) .proj-card__thumb{border-bottom-color:#ffffff0d}:where(.dark,.dark *) .proj-card__thumb-initials{color:#ffffff26}:where(.dark,.dark *) .proj-card__title{color:#fafafa}:where(.dark,.dark *) .proj-card__desc,:where(.dark,.dark *) .proj-card__action{color:#a1a1aa}:where(.dark,.dark *) .proj-card__action:hover{color:#fafafa}@media (max-width:1100px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.proj-page{padding:2rem 1rem 4rem}.proj-grid{grid-template-columns:1fr}}