@layer components{.cg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;margin:0;padding:0;list-style:none}@media (min-width:1024px){.cg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}}.cg-fig{margin:0}.cg-open{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background-color:var(--color-graphite-950);color:var(--color-white)}.cg-img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--dur-hover) var(--ease-out)}.cg-cue{position:absolute;inset-inline-end:10px;inset-block-end:10px;display:grid;place-items:center;inline-size:32px;block-size:32px;background-color:rgb(18 20 23/.72);opacity:0;transition:opacity var(--dur-hover) var(--ease-out)}@media (hover:hover){.cg-open:hover .cg-img{transform:scale(1.03)}.cg-open:hover .cg-cue{opacity:1}}@media (hover:none){.cg-cue{opacity:1}}.cg-open:focus-visible{outline:2px solid var(--color-graphite-950);outline-offset:4px}.cg-open:focus-visible .cg-cue{opacity:1}.cg-cap{display:flex;flex-direction:column;gap:4px;margin-block-start:12px}.cg-title{color:var(--color-graphite-950)}.cg-meta{color:var(--color-steel-600)}.cg-dialog{inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;border:0;background-color:var(--color-graphite-950);color:var(--color-white)}.cg-dialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}.cg-dialog::backdrop{background-color:rgb(11 13 15/.9)}:root:has(.cg-dialog[open]){overflow:hidden}.cg-stage{display:grid;place-items:center;min-block-size:0;padding:64px 16px 8px;touch-action:pan-y}.cg-stage picture{display:contents}.cg-stage img{display:block;inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100dvh - 200px);object-fit:contain;user-select:none}.cg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px max(16px,env(safe-area-inset-bottom))}@media (min-width:768px){.cg-stage{padding:72px 72px 12px}.cg-stage img{max-block-size:calc(100dvh - 164px)}.cg-bar{flex-wrap:nowrap;padding-inline:32px}}.cg-dcap{flex:1 1 16rem}.cg-count,.cg-dcap{margin:0;color:var(--color-fog-300)}.cg-count{font-variant-numeric:tabular-nums}.cg-nav{display:flex;gap:8px}.cg-btn{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:1px solid rgb(255 255 255/.28);border-radius:var(--radius-control);background:transparent;color:inherit;cursor:pointer;transition:background-color var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out)}.cg-btn:hover{border-color:rgb(255 255 255/.6);background-color:rgb(255 255 255/.08)}.cg-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.cg-close{position:absolute;inset-block-start:12px;inset-inline-end:12px}.cg-preload{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}@media (prefers-reduced-motion:reduce){.cg-btn,.cg-cue,.cg-img{transition:none}.cg-open:hover .cg-img{transform:none}}html[data-motion=reduce] :is(.cg-img,.cg-cue,.cg-btn){transition:none}html[data-motion=reduce] .cg-open:hover .cg-img{transform:none}}