.reference-gallery{background:var(--background);color:var(--foreground);font-family:var(--font-sans);padding:clamp(64px,7vw,104px) 0;scroll-margin-top:0}.reference-gallery-container{width:min(1180px,100% - 32px);margin-inline:auto}.reference-gallery-heading{text-align:center;max-width:1100px;margin:0 auto}.reference-gallery-badge{border:1px solid var(--border);background:var(--card);box-shadow:3px 3px 0 var(--primary);color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:7px 15px;font-size:12px;font-weight:700;line-height:1.5;display:inline-flex}.reference-gallery-heading h2{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;text-wrap:balance;margin:26px 0 18px;font-size:clamp(2rem,5vw,3.4rem);font-style:normal;font-weight:800;line-height:1.02}.reference-gallery-heading>p{max-width:820px;color:var(--muted-foreground);text-wrap:pretty;margin:0 auto;font-size:16px;line-height:1.8}.reference-gallery-filters{flex-wrap:wrap;justify-content:center;gap:9px;margin:32px 0 28px;display:flex}.reference-gallery-filter{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--muted-foreground);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:color .18s,border-color .18s,background-color .18s,transform .18s;display:inline-flex}.reference-gallery-filter span{opacity:1;font-variant-numeric:tabular-nums;font-size:12px}.reference-gallery-filter:hover{color:var(--foreground);border-color:var(--primary);transform:translateY(-1px)}.reference-gallery-filter[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.reference-gallery-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-gallery-masonry{column-count:1;column-gap:20px}.reference-gallery-card{vertical-align:top;break-inside:avoid;border:1px solid var(--border);background:var(--card);border-radius:18px;width:100%;margin:0 0 20px;display:block;overflow:hidden}.reference-gallery-media{isolation:isolate;width:100%;position:relative}.reference-gallery-media video{object-fit:cover;background:var(--card);width:100%;height:100%;display:block}.reference-gallery-category{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a;border:1px solid #ffffff20;border-radius:999px;max-width:calc(100% - 76px);padding:4px 10px;font-size:11px;line-height:1.5;position:absolute;top:12px;left:12px}.reference-gallery-control{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff28;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .18s,border-color .18s;display:inline-flex}.reference-gallery-control:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.reference-gallery-control:active{transform:scale(.95)}.reference-gallery-audio{z-index:2;position:absolute;top:10px;right:10px}.reference-gallery-caption{z-index:1;color:#fff;background:linear-gradient(#0000,#000a 42%,#000e);padding:52px 18px 14px;position:absolute;inset:auto 0 0}.reference-gallery-caption h3{font-family:var(--font-sans);text-transform:none;letter-spacing:0;margin:0 0 5px;font-size:16px;font-style:normal;font-weight:700;line-height:1.35}.reference-gallery-caption>p{color:#ffffffe0;margin:0;font-size:12px;line-height:1.6}.reference-gallery-card-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.reference-gallery-source{color:#ffffffbd;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 44px);font-size:10px;line-height:1.5;text-decoration:none;display:inline-flex}.reference-gallery-source span{overflow-wrap:anywhere;min-width:0}.reference-gallery-source svg{flex:none}.reference-gallery-source:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.reference-gallery-card-bottom .reference-gallery-control{width:32px;height:32px}.reference-gallery-error{top:32%;color:#fff;text-align:center;background:#000a;border-radius:10px;margin:0;padding:10px;font-size:13px;position:absolute;inset-inline:12px}.reference-gallery-more-wrap{justify-content:center;margin-top:22px;display:flex}.reference-gallery-more{border:1px solid var(--border);background:var(--card);min-height:46px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:11px 22px;font-size:14px;font-weight:700;transition:border-color .18s,transform .18s;display:inline-flex}.reference-gallery-more:hover{border-color:var(--primary);transform:translateY(-2px)}.reference-gallery :is(button,a):focus-visible{outline:3px solid var(--primary);outline-offset:4px}@media (width>=640px){.reference-gallery-masonry{column-count:2}}@media (width>=1024px){.reference-gallery-masonry{column-count:3}}@media (width<=639px){.reference-gallery-heading h2{line-height:1.1}.reference-gallery-heading>p{font-size:14px}.reference-gallery-filter{padding-inline:13px;font-size:13px}.reference-gallery-filters{margin-top:26px}}@media (prefers-reduced-motion:reduce){.reference-gallery *,.reference-gallery :before,.reference-gallery :after{transition:none!important}}