.diagram-showcase{max-width:1100px;margin:6rem auto 0;padding:0 2rem}.diagram-showcase-header{max-width:760px;margin:0 auto 4rem;text-align:center}.diagram-showcase-header h2{font-family:Big Shoulders Display,sans-serif;font-size:3rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;line-height:.9;margin-bottom:1rem}.diagram-showcase-header p{font-size:1.1rem;line-height:1.6;color:var(--fg-muted);opacity:.9}.diagram-list{display:flex;flex-direction:column;gap:5rem}.diagram-item{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.diagram-item:nth-child(2n){direction:rtl}.diagram-item:nth-child(2n)>*{direction:ltr}.diagram-figure{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;position:relative;border-radius:.75rem;overflow:hidden;border:1px solid var(--base-200);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease}.diagram-figure:focus-visible,.diagram-figure:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.14)}.diagram-figure img{display:block;width:100%;height:auto;background-color:#e3e3db}.diagram-zoom-hint{position:absolute;bottom:.75rem;right:.75rem;font-family:Geist Mono,monospace;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;background-color:rgba(26,22,20,.72);padding:.35rem .65rem;border-radius:100px;opacity:0;transition:opacity .2s ease}.diagram-figure:focus-visible .diagram-zoom-hint,.diagram-figure:hover .diagram-zoom-hint{opacity:1}.diagram-text{display:flex;flex-direction:column;padding-top:.5rem}.diagram-number{font-family:Geist Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.08em;color:var(--accent-2);margin-bottom:.5rem}.diagram-text h3{font-family:Big Shoulders Display,sans-serif;font-size:1.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;margin-bottom:.6rem}.diagram-caption{font-size:1.05rem;font-weight:500;color:var(--base-400);margin-bottom:1.1rem;line-height:1.5}.diagram-explanation p{font-size:1rem;line-height:1.7;color:var(--fg-muted);opacity:.9;margin-bottom:1rem}.diagram-explanation p:last-child{margin-bottom:0}.diagram-explanation code{font-family:Geist Mono,monospace;font-size:.85em;background-color:var(--base-200);border-radius:.25rem;padding:.1em .4em;word-break:break-word}.diagram-explanation ul{list-style:none;padding:0;margin:0 0 1rem}.diagram-explanation li{font-size:1rem;line-height:1.6;color:var(--fg-muted);padding-left:1.25rem;position:relative;margin-bottom:.5rem}.diagram-explanation li:before{content:"•";position:absolute;left:0;color:var(--accent-2)}.diagram-dialog{width:min(96vw,1600px);height:min(92vh,1200px);padding:0;border:none;border-radius:.75rem;background-color:#e3e3db}.diagram-dialog::-webkit-backdrop{background-color:rgba(26,22,20,.82)}.diagram-dialog::backdrop{background-color:rgba(26,22,20,.82)}.diagram-dialog-scroll{width:100%;height:100%;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start}.diagram-dialog-scroll img{display:block;width:max(100%,1400px);height:auto}.diagram-dialog-close{position:fixed;top:1rem;right:calc(2vw + 1rem);z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:var(--base-400);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.diagram-dialog-close:hover{background-color:var(--accent-2)}@media (max-width:900px){.diagram-item{grid-template-columns:1fr}.diagram-item:nth-child(2n){direction:ltr}.diagram-showcase-header h2{font-size:2.25rem}}@media (max-width:768px){.diagram-list{gap:3.5rem}.diagram-zoom-hint{opacity:1}}