.snippets-index{min-height:70svh}.snippets-intro{display:grid;grid-template-columns:minmax(0,.82fr)minmax(0,1.18fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}.snippets-header{min-width:0}.snippets-header h1{max-width:none;font-size:clamp(3.2rem,5.2vw,6.8rem)}.snippets-header .prose-intro{max-width:42rem}.snippets-gallery{min-width:0}.snippets-gallery-label{margin:0 0 .65rem;color:var(--soft);font:.7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}.snippets-gallery-label span{padding-inline:.3rem;color:var(--orange)}.snippets-gallery-visuals{position:relative;aspect-ratio:1672/941;border:1px solid var(--line-strong);background:#181a1c}.snippets-gallery-slide{margin:0}.snippets-gallery-slide[hidden]{display:none}.snippets-gallery-image.snippet-visual{display:block;max-width:none;margin:0;cursor:zoom-in}.snippets-gallery-image img{display:block;width:100%;height:auto;border:0}.snippets-gallery-image:hover,.snippets-gallery-image:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.snippets-gallery-caption{margin-top:.5rem;font-size:.85rem}.snippets-gallery-caption a{color:var(--text);text-decoration:none}.snippets-gallery-caption a:hover,.snippets-gallery-caption a:focus-visible{color:var(--orange);text-decoration:underline}.snippets-gallery-controls{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}.snippets-gallery-controls[hidden]{display:none}.snippets-gallery-controls button,.snippet-more>summary{padding:.4rem .7rem;border:1px solid var(--line-strong);border-radius:0;background:0 0;color:var(--text);font:.76rem/1.4 var(--mono);cursor:pointer}.snippets-gallery-controls button:hover,.snippets-gallery-controls button:focus-visible,.snippet-more>summary:hover,.snippet-more>summary:focus-visible{border-color:var(--orange)}.snippets-gallery-controls button:focus-visible,.snippet-more>summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.snippets-gallery-controls button:not(.snippets-gallery-pause){min-width:2.5rem;font-size:1rem}.snippets-gallery-controls .snippets-gallery-pause{margin-left:auto}.snippets-gallery-counter{color:var(--soft);font:.72rem/1.4 var(--mono)}.snippet-categories{margin-top:clamp(2.5rem,5vw,5rem)}.snippet-category+.snippet-category{margin-top:3.5rem}.snippet-category-heading{display:flex;align-items:baseline;gap:1rem}.snippet-category-heading h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.4rem)}.snippet-category-heading>span{color:var(--soft);font:.72rem/1.4 var(--mono)}.snippet-list{margin-top:1rem}.snippet-more{margin-top:1rem}.snippet-more>summary{display:inline-flex;align-items:center;gap:.5rem;list-style:none}.snippet-more>summary::-webkit-details-marker{display:none}.snippet-more>summary::before{content:"+";color:var(--orange);font-weight:700}.snippet-more[open]>summary::before{content:"−"}.snippet-more-collapse{display:none}.snippet-more[open] .snippet-more-expand{display:none}.snippet-more[open] .snippet-more-collapse{display:inline}.snippet-list--more{margin-top:1rem}@media(max-width:68rem){.snippets-intro{grid-template-columns:minmax(0,1fr);gap:.25rem}.snippets-header{padding-bottom:clamp(1.5rem,3vw,2.5rem)}.snippets-gallery{max-width:52rem}}@media(max-width:48rem){.snippets-header h1{font-size:clamp(2.9rem,11vw,4.5rem)}.snippets-gallery-controls{gap:.4rem}}