/* Reference disclosures: scoped additions to existing project sections. */
.project-reference { width:60vw; margin:0 auto 2.5rem; border-bottom:1px solid #343434; }
.project-reference summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 0; cursor:pointer; list-style:none; color:#eee; font-family:inherit; font-size:1rem; }
.project-reference summary::-webkit-details-marker { display:none; }
.project-reference summary::after { content:'+'; font-size:1.5rem; line-height:1; font-weight:300; color:#999; }
.project-reference[open] summary::after { content:'−'; }
.project-reference summary:focus-visible { outline:2px solid #ddd; outline-offset:5px; }
.project-reference-content { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:2rem; padding:.5rem 0 2rem; }
.project-reference-content img { display:block; width:100%; height:auto; }
.project-reference-content h3 { margin:0 0 .8rem; font-size:1.15rem; line-height:1.3; font-weight:500; }
.project-reference-content p { margin:0; font-size:clamp(.85rem,1.1vw,1rem); line-height:1.6; color:#999; }
@media(max-width:600px) {
 .project-reference { width:calc(100% - 3rem); }
 .project-reference-content { grid-template-columns:1fr; gap:1.3rem; }
 .project-reference-content p { font-size:1rem; }
}

.project-reference-wide { width:65vw; }
@media(max-width:600px) { .project-reference-wide { width:calc(100% - 3rem); } }