.gallery-page{--gallery-rule:#dcd5c9;--gallery-muted:#736b5f}.gallery-page .hero{max-width:1180px;margin:auto;padding:64px 28px 38px}.gallery-page .eyebrow{font:10px/1.6 'Roboto Mono',monospace;letter-spacing:.09em;color:var(--gallery-muted)}.gallery-page h1{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-.035em;margin:22px 0}.gallery-page h1 em{font-weight:400;color:#736653}.gallery-page .lead{max-width:790px;font-size:18px;line-height:1.8;color:#514d45}.gallery-page .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:24px;margin-top:30px;border-top:1px solid var(--gallery-rule)}.gallery-page .stats strong{font:400 30px/1.3 'Playfair Display',Georgia,serif;margin-bottom:7px}.gallery-page .stats span{display:block;font:11px/1.6 'Roboto Mono',monospace;color:var(--gallery-muted)}.gallery-page nav{justify-content:center;gap:26px;padding:14px 24px;border-color:var(--gallery-rule)}.gallery-page nav a{font:11px/1.6 'Roboto Mono',monospace;color:#665e51;font-weight:400}.gallery-page nav a:hover{color:#1b1b1b;text-decoration:underline;text-underline-offset:6px}.gallery-page main{max-width:1180px;padding:0 28px}.gallery-page main>section{padding:48px 0;border-color:var(--gallery-rule)}.gallery-page .section-title{align-items:baseline;gap:16px;margin-bottom:16px}.gallery-page .section-title>span{font:11px/1.6 'Roboto Mono',monospace;color:#998c76;flex:none}.gallery-page .section-title h2{background:0;color:var(--ink);padding:0;font:700 clamp(25px,3vw,34px)/1.3 'Playfair Display',Georgia,serif;letter-spacing:-.02em}.gallery-page main>section>p{max-width:980px;font-size:17px;line-height:1.8;color:#4b4841}.gallery-page .note,.gallery-page .takeaway{padding:16px 20px;background:#f2ece1;border:1px solid #ded4c3;border-radius:9px;font:13px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#585144}.gallery-page iframe{box-sizing:border-box;display:block;border:1px solid #d5cbb9;border-radius:12px;margin-top:24px}.gallery-page .selected{margin:18px 0 24px;padding:20px;gap:24px;min-height:0;border-color:var(--gallery-rule);border-radius:12px}.gallery-page .selected img{width:145px;max-height:170px;flex:none;mix-blend-mode:multiply}.gallery-page .selection-text{font:13px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif;color:#5d564b}.gallery-page .selection-text p{margin:8px 0}.gallery-page .selection-text .sample-title{font:500 12px/1.7 'Roboto Mono',monospace;color:#24221e;overflow-wrap:anywhere}.gallery-page .selection-facts{display:flex;flex-wrap:wrap;gap:6px 18px}.gallery-page .selection-facts strong{font-weight:500;color:#25231f}.gallery-page .mono{font-size:11px;line-height:1.8}.gallery-page .badge{padding:3px 9px;border-radius:5px;background:#eee7db;font:10px/1.7 'Roboto Mono',monospace;color:#6d604c}.gallery-page .cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}.gallery-page .cluster-card{border:1px solid var(--gallery-rule);border-top:3px solid var(--cluster);border-radius:12px;padding:20px}.gallery-page .cluster-head{margin-bottom:14px}.gallery-page .cluster-head h3{font:700 27px/1.2 'Playfair Display',Georgia,serif}.gallery-page .cluster-head span{font-size:10px;color:var(--gallery-muted)}.gallery-page .pair{gap:14px}.gallery-page .pair img{height:175px;object-fit:contain;border-radius:7px}.gallery-page .pair figcaption{font-size:10px;line-height:1.6;padding-top:8px}.gallery-page .cluster-card p{font:12px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#655e52}.gallery-page .cluster-card p.mono{font:10px/1.8 'Roboto Mono',monospace;color:#3d3932}.gallery-page button{border:1px solid #d1c6b4;border-radius:6px;background:#eee7db;color:#3b352c;padding:8px 11px;font:11px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;margin-top:6px}.gallery-page button:hover{background:#e3d9c8;border-color:#b8a98f}.gallery-page button:focus-visible,.gallery-page a:focus-visible{outline:2px solid #7b6a4d;outline-offset:3px}.gallery-page details{border:1px solid var(--gallery-rule);border-radius:9px;padding:13px 16px;background:transparent}.gallery-page summary{font:12px/1.7 'Roboto Mono',monospace;color:#554e43}.gallery-page details>p{font:12px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif}.gallery-page .controls{display:flex;align-items:flex-end;gap:14px;padding:16px 18px;margin:24px 0;border:1px solid var(--gallery-rule);border-radius:10px;background:#f5f0e7}.gallery-page .controls label{display:flex;flex-direction:column;align-items:stretch;gap:7px;font:11px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--gallery-muted)}.gallery-page .controls label:nth-child(2){flex:1;min-width:180px}
.gallery-page input,.gallery-page select{box-sizing:border-box;min-height:36px;border:1px solid #d8cebd;border-radius:6px;background:#fdfaf4;padding:7px 10px;font:12px/1.5 'Roboto Mono',monospace;color:#3b352c}.gallery-page #demoCount{margin:0 0 9px;font:10px/1.6 'Roboto Mono',monospace;color:var(--gallery-muted)}.gallery-page .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery-page .demo-card{border:1px solid var(--gallery-rule);border-radius:12px;background:transparent}.gallery-page .demo-card video{aspect-ratio:4/3;object-fit:contain;display:block}.gallery-page .demo-card .text{padding:18px 20px 20px}.gallery-page .demo-card h3{font:700 22px/1.4 'Playfair Display',Georgia,serif;margin:9px 0}.gallery-page .demo-card p{font:12px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#625b50}.gallery-page .demo-card p.mono{font:10px/1.8 'Roboto Mono',monospace}.gallery-page .demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:14px 0}.gallery-page .demo-actions button{margin:0}.gallery-page .demo-actions a{font:11px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:underline;text-underline-offset:3px}.gallery-page .demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0;border-top:1px solid #e3dbce;border-bottom:1px solid #e3dbce;margin:14px 0}.gallery-page .demo-metrics dt{font:10px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:#8a7f6e;margin-bottom:4px}.gallery-page .demo-metrics dd{font:12px/1.5 'Roboto Mono',monospace;margin:0;color:#403a31}.gallery-page .demo-snapshots{gap:8px;margin:16px 0}.gallery-page .demo-snapshots small{display:block;font-size:9px;margin-top:5px;color:#8b7f6c}.gallery-page figure{margin:24px 0}.gallery-page figure img{width:auto;max-width:100%;height:auto}.gallery-page figcaption{font:11px/1.8 'Roboto Mono',monospace;color:#7d7364}.gallery-page .tablewrap{margin:20px 0 26px;border:1px solid var(--gallery-rule);border-radius:9px;scrollbar-width:thin}.gallery-page table{font:11px/1.6 'Roboto Mono',monospace;font-variant-numeric:tabular-nums}.gallery-page th,.gallery-page td{padding:12px;min-width:80px}.gallery-page th{white-space:normal;color:#5e5547;font-weight:500;background:#eee8dd}.gallery-page th:first-child,.gallery-page td:first-child{min-width:150px;white-space:normal;overflow-wrap:anywhere}.gallery-page .conclusions{gap:20px;margin:24px 0}.gallery-page .conclusions article{border:1px solid var(--gallery-rule);border-radius:10px;padding:22px;background:transparent}.gallery-page .conclusions h3{font:700 22px/1.4 'Playfair Display',Georgia,serif;margin:0 0 12px}.gallery-page .conclusions p{font:13px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#625b50}.gallery-page .downloads{gap:9px}.gallery-page .downloads a{border:1px solid #d5cab8;border-radius:6px;background:transparent;color:#5f5442;padding:9px 12px;font:10px/1.6 'Roboto Mono',monospace}.gallery-page .downloads a:hover{background:#eee7da}.gallery-page footer{font:10px/1.8 'Roboto Mono',monospace;color:#8c806d;padding:30px 24px 45px}@media(max-width:850px){.gallery-page nav{justify-content:flex-start;gap:20px}.gallery-page .conclusions{grid-template-columns:1fr}.gallery-page .pair img{height:145px}.gallery-page .cluster-card{padding:16px}}@media(max-width:650px){.gallery-page .hero{padding:38px 20px 28px}.gallery-page main{padding:0 20px}.gallery-page .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-page .cluster-grid,.gallery-page .demo-grid{grid-template-columns:1fr}.gallery-page .selected{flex-direction:column;align-items:flex-start;gap:14px}.gallery-page .selected img{width:110px}.gallery-page main>section{padding:32px 0}.gallery-page .lead{font-size:16px}.gallery-page main>section>p{font-size:16px}.gallery-page .controls label:nth-child(2){min-width:150px}.gallery-page .pair img{height:180px}}@media print{.gallery-page nav,.gallery-page .controls{display:none}.gallery-page main{max-width:none}.gallery-page .hero{padding:20px 0}.gallery-page .hero h1{font-size:35px}.gallery-page .cluster-card,.gallery-page .demo-card{break-inside:avoid}.gallery-page .cluster-grid,.gallery-page .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}