.mosaic{margin-top:8px;position:relative}.mosaic-track{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:86%;grid-auto-flow:column;gap:8px;list-style:none;display:grid;overflow-x:auto}.mosaic-1 .mosaic-track{grid-auto-columns:100%}.mosaic-track::-webkit-scrollbar{display:none}.mosaic-item{scroll-snap-align:start;aspect-ratio:4/3;border-radius:var(--r-3);background:var(--c-soft);position:relative;overflow:hidden}.mosaic-open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.mosaic-open img{object-fit:cover;width:100%;height:100%}.mosaic-kind{border-radius:var(--r-pill);color:var(--c-ink);pointer-events:none;background:#ffffffeb;padding:2px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.mosaic-all{border-radius:var(--r-pill);min-height:40px;color:var(--c-ink);background:#fffffff0;border:0;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 14px -6px #00000059}.mosaic-1 .mosaic-all{display:none}.mosaic-empty-band{margin-top:8px}.mosaic-hatch{border-radius:var(--r-3);background-color:var(--c-soft);background-image:repeating-linear-gradient(135deg, var(--c-hatch) 0 2px, transparent 2px 12px);place-items:center;height:120px;margin-top:8px;padding:12px;display:grid}.mosaic-hatch-note{border-radius:var(--r-2);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;max-width:420px;padding:10px 14px;display:grid}.mosaic-hatch-note svg{color:var(--c-ink-2);grid-row:span 2}.mosaic-hatch-note strong{font-size:15px;font-weight:600;line-height:1.4}.mosaic-hatch-note span{color:var(--c-ink-2);font-size:13px;line-height:1.45}@media (width>=900px){.mosaic-track{grid-template-rows:200px 200px;grid-template-columns:2fr 1fr;grid-auto-flow:row;gap:8px;margin:0;padding:0;display:grid;overflow:visible}.mosaic-item{aspect-ratio:auto;border-radius:0}.mosaic-track{border-radius:var(--r-3);overflow:hidden}.mosaic-item:first-child{grid-row:1/3}.mosaic-item:nth-child(n+4){display:none}.mosaic-2 .mosaic-track{grid-template-rows:400px;grid-template-columns:1fr 1fr}.mosaic-2 .mosaic-item:first-child{grid-row:auto}.mosaic-1 .mosaic-track{grid-template-rows:400px;grid-template-columns:1fr}.mosaic-1 .mosaic-item:first-child{grid-row:auto}.mosaic-open:hover img{filter:brightness(.94)}.mosaic-1 .mosaic-all{display:inline-flex}.mosaic-hatch{height:184px}}.viewer{color:#fff;background:#0d1512;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.viewer::backdrop{background:#0d1512}.viewer-bar{z-index:2;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;display:flex;position:absolute;inset:0 0 auto}.viewer-count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.viewer-close{border-radius:var(--r-pill);color:#fff;background:#ffffff1f;border:0;place-items:center;width:48px;height:48px;display:grid}.viewer-track{scroll-snap-type:x mandatory;scrollbar-width:none;outline:0;height:100%;display:flex;overflow-x:auto}.viewer-track::-webkit-scrollbar{display:none}.viewer-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:minmax(0,1fr) auto;margin:0;padding:64px 0 16px;display:grid}.viewer-slide img{object-fit:contain;width:100%;height:100%}.viewer-slide figcaption{color:#d5ded9;max-width:720px;margin-inline:auto;padding:12px 16px 0;font-size:14px;line-height:1.5}.viewer-slide figcaption b{color:#fff;font-weight:600}.viewer-slide figcaption small{color:#aebbb4;font-size:13px;display:block}.viewer-nav{z-index:2;border-radius:var(--r-pill);color:#fff;background:#ffffff24;border:0;place-items:center;width:52px;height:52px;display:none;position:absolute;top:50%;translate:0 -50%}.viewer-nav.prev{left:16px}.viewer-nav.prev svg{rotate:180deg}.viewer-nav.next{right:16px}.viewer-nav:disabled{opacity:0;pointer-events:none}.viewer :focus-visible{outline-color:#fff}@media (hover:hover) and (pointer:fine){.viewer-nav{display:grid}}