.cg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.cg-card{min-width:0;scroll-margin-top:32px}.cg-art-button{text-align:left;width:100%;color:var(--text);background:#171719;border:1px solid #463532;padding:0;transition:border-color .2s,box-shadow .2s;display:block}.cg-image-frame{background:linear-gradient(140deg,#46312d,#19191b 32%,#211d1e);padding:8px;display:block}.cg-image-frame img{object-fit:contain;width:100%;height:auto}.cg-card-action{letter-spacing:1.6px;border-top:1px solid #463532;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 15px;font-size:10px;font-weight:600;transition:background .2s;display:flex}.cg-card-action svg{color:var(--red)}:is(.cg-art-button:hover,.cg-art-button:focus-visible){border-color:var(--red);box-shadow:0 12px 35px #0004}:is(.cg-art-button:hover .cg-card-action,.cg-art-button:focus-visible .cg-card-action){background:#30211f}.cg-caption{align-items:flex-start;gap:15px;padding-top:22px;display:flex}.cg-index{font-family:var(--font-heading);color:#a66c66;border-right:1px solid #473533;padding-right:12px;font-size:29px;line-height:1}.cg-caption>div{min-width:0}.cg-category{letter-spacing:1.8px;color:#ac9e9b;margin:0 0 9px;font-size:9px;font-weight:700}.cg-caption h3{overflow-wrap:anywhere;font-size:30px;line-height:1.05}.cg-note{color:#a2a2a7;margin-top:9px;font-size:12px;line-height:1.5}.cg-source-note{color:#a5a1a1;border-left:2px solid #59413d;max-width:680px;margin-top:26px;padding-left:14px;font-size:12px;line-height:1.7}.cg-compact .cg-source-note{margin-top:22px}.cg-viewer{width:min(980px,100vw - 40px);max-width:none;height:min(960px,100dvh - 40px);max-height:none;color:var(--text);background:#121315;border:1px solid #70504b;padding:0;position:fixed;inset:0;overflow:visible;box-shadow:0 30px 100px #000b}.cg-viewer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090be8}.cg-viewer-shell{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100%;display:grid}.cg-viewer-header{background:linear-gradient(100deg,#271c1b,#161719);border-bottom:1px solid #44312e;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.cg-viewer-header>div{min-width:0}.cg-viewer-header h2{overflow-wrap:anywhere;font-size:30px}.cg-viewer-header .cg-category{color:#e18f86;margin-bottom:6px;font-size:9px}.cg-control{width:44px;height:44px;color:var(--text);background:#231e1d;border:1px solid #6c5551;flex-shrink:0;place-items:center;padding:0;transition:background .2s,border-color .2s;display:inline-grid}.cg-control:hover{border-color:var(--red);background:#49302a}.cg-viewer-art{background:radial-gradient(#37222188,#0000 70%);min-height:0;margin:0;padding:18px}.cg-viewer-art img{object-fit:contain;width:100%;height:100%}.cg-viewer-footer{background:#181719;border-top:1px solid #343031;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:14px 22px 16px;display:grid}.cg-viewer-navigation{align-items:center;gap:16px;display:flex}.cg-counter{font-family:var(--font-heading);min-width:58px;color:var(--red);font-variant-numeric:tabular-nums;font-size:24px}.cg-counter>span{color:#9a9493}.cg-full-image{align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.cg-full-image:hover{color:var(--red)}.cg-viewer-note{color:#a6a0a0;grid-column:1/-1;font-size:11px;line-height:1.4}@media (max-width:900px){.cg-grid{gap:18px}.cg-caption{gap:10px}.cg-caption h3{font-size:26px}.cg-index{padding-right:9px;font-size:24px}.cg-card-action{letter-spacing:1px;padding:12px;font-size:9px}.cg-category{letter-spacing:1.4px;font-size:8px}}@media (max-width:640px){.cg-grid{grid-template-columns:minmax(0,1fr);gap:22px}.cg-card{border-bottom:1px solid #3a2e2d;grid-template-columns:minmax(0,112px) minmax(0,1fr);align-items:center;gap:18px;padding-bottom:22px;display:grid}.cg-image-frame{padding:5px}.cg-caption{padding-top:0;display:block}.cg-caption h3{font-size:30px}.cg-index{border:0;margin-bottom:10px;padding:0;font-size:24px;display:block}.cg-category{font-size:9px}.cg-card-action{letter-spacing:0;justify-content:center;min-height:36px;padding:9px;font-size:0}.cg-card-action:before{content:"VIEW";letter-spacing:1.3px;font-size:9px}.cg-card-action svg{width:13px;height:13px}.cg-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.cg-viewer-header{padding:12px}.cg-viewer-header h2{font-size:27px}.cg-viewer-header .cg-category{letter-spacing:1px;font-size:8px}.cg-viewer-art{padding:10px}.cg-viewer-footer{gap:10px;padding:10px 12px}.cg-viewer-navigation{gap:9px}.cg-counter{min-width:53px;font-size:23px}.cg-full-image{gap:5px;font-size:11px}.cg-viewer-note{font-size:10px}.cg-source-note{font-size:12px}}@media (max-width:360px){.cg-viewer-footer{grid-template-columns:minmax(0,1fr)}.cg-full-image{grid-row:3;justify-self:start;min-height:34px}.cg-viewer-navigation{justify-content:space-between}.cg-viewer-note{grid-row:2}}@media (prefers-reduced-motion:reduce){.cg-art-button,.cg-card-action,.cg-control{transition:none}}@media (max-height:500px) and (min-width:600px){.cg-viewer{width:calc(100vw - 24px);height:calc(100dvh - 16px)}.cg-viewer-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.cg-viewer-art{grid-area:1/1/3;padding:12px}.cg-viewer-header{border-left:1px solid #44312e;grid-area:1/2;align-items:start;padding:15px}.cg-viewer-header h2{font-size:27px}.cg-viewer-footer{border-top:0;border-left:1px solid #44312e;flex-direction:column;grid-area:2/2;justify-content:center;align-items:start;gap:12px;padding:15px;display:flex}}
