#discography{overflow:hidden;}
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(14px,2.4vw,26px);
  margin-top:2.4rem;position:relative;z-index:1;}
@media(min-width:760px){.g-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}}
.g-card{position:relative;}
.gj-link{display:block;position:relative;border-radius:8px;overflow:hidden;}
.gj{aspect-ratio:1/1;width:100%;background-size:cover;background-position:center;border-radius:8px;
  box-shadow:0 22px 44px -18px rgba(39,86,90,.5), 0 8px 18px -10px rgba(20,30,32,.3);
  transition:transform .45s var(--ease-quint),box-shadow .45s ease;}
.gj-link:hover .gj,.gj-link:focus-visible .gj{transform:scale(1.04);
  box-shadow:0 34px 64px -22px rgba(39,86,90,.6), 0 12px 24px -10px rgba(20,30,32,.35);}
.gplay{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.85);display:grid;place-items:center;opacity:0;
  transform:translate(-50%,-50%) scale(.78);transition:opacity .3s ease,transform .3s var(--ease-back);}
.gplay::before{content:"";border-style:solid;border-width:7px 0 7px 11px;
  border-color:transparent transparent transparent var(--teal-900);margin-left:2px;}
.gj-link:hover .gplay,.gj-link:focus-visible .gplay{opacity:1;transform:translate(-50%,-50%) scale(1);}
.gm{display:flex;align-items:baseline;gap:.5rem;margin-top:10px;}
.gnum{font-family:var(--mono);font-size:.64rem;color:var(--teal-700);letter-spacing:.14em;}
.g-card h3{font-family:var(--serif-jp);font-weight:500;font-size:.98rem;margin:0;letter-spacing:.02em;line-height:1.3;}
.gfeat{font-size:.74rem;color:var(--mist);margin:.15rem 0 0;}
@media(prefers-reduced-motion:reduce){.gj{transition:none;}}