.project-details-page{padding-top:40px}.project-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px}.project-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:24px;background:var(--pg2);margin-bottom:48px}.project-hero-figure{margin:0}.project-hero-meta{display:flex;flex-direction:column;justify-content:center}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.project-title{font-family:var(--font-heading);font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.02;margin:0 0 16px;color:var(--ink)}.project-subtitle{font-size:18px;line-height:1.5;color:var(--dim);margin:0 0 28px}.project-actions{display:flex;gap:12px;flex-wrap:wrap}.details-section{margin-bottom:56px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details-card{padding:24px;background:var(--pg2)}.card-kicker{display:block;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.card-text{font-size:16px;line-height:1.65;color:var(--ink);margin:0}.approach-card{margin-bottom:32px}.diagrams-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.diagram-card{padding:20px;background:var(--pg2)}.diagram-header{margin-bottom:16px}.diagram-desc{font-size:14px;color:var(--dim);margin-top:4px}.diagram-img-wrapper{position:relative;border:1px solid var(--line);padding:12px;background:#080b11;cursor:pointer}.diagram-img{display:block;width:100%;height:auto}.zoom-hint{display:block;margin-top:8px;text-align:right;font-size:9px}.tech-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tech-spec-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--pg2)}.tech-icon{color:var(--acc);font-size:24px}.tech-title{font-family:var(--font-heading);font-size:16px;font-weight:600;margin:0 0 4px;color:var(--ink)}.tech-desc{font-size:13px;line-height:1.4;color:var(--dim);margin:0}.highlights-row{gap:8px}.diagram-modal{position:fixed;inset:0;z-index:200;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:24px}.diagram-modal[hidden]{display:none}.diagram-modal-content{position:relative;width:92vw;max-width:1240px;max-height:92vh;padding:24px;background:var(--pg2);display:flex;flex-direction:column;align-items:stretch;gap:16px;overflow:auto}.modal-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:12px;border-bottom:1px solid var(--line)}.diagram-modal-content img{width:100%;height:auto;max-height:78vh;object-fit:contain;border:1px solid var(--line);background:#080b11;padding:16px}@media(max-width:992px){.project-hero,.details-grid,.diagrams-grid{grid-template-columns:1fr}.tech-spec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tech-spec-grid{grid-template-columns:1fr}}