.collection-entry{
  display:grid;
  grid-template-columns:clamp(110px,16vw,190px) minmax(0,1fr) 28px;
  align-items:center;
  gap:clamp(24px,5vw,80px);
  width:100%;
  min-height:clamp(240px,24vw,340px);
  margin-top:32px;
  padding:clamp(28px,4vw,64px);
  border:1px solid var(--oyne-line);
  background:var(--oyne-bg);
  color:var(--oyne-text);
  transition:background-color 180ms ease,border-color 180ms ease;
}
.collection-entry:hover{background:var(--oyne-soft);border-color:var(--oyne-muted)}
.collection-entry:focus-visible{outline:2px solid var(--oyne-text);outline-offset:5px}
.collection-entry-logo{display:block;width:100%;height:auto;aspect-ratio:2476/2606}
:root[data-theme="dark"] .collection-entry-logo{filter:invert(1)}
.collection-entry-title{
  justify-self:end;
  font-size:clamp(28px,4.8vw,72px);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.045em;
  text-align:right;
}
.collection-entry-arrow{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4}
.first-collection-main>.back{margin-bottom:28px}
@media(max-width:560px){
  .collection-entry{grid-template-columns:76px minmax(0,1fr) 18px;gap:14px;min-height:176px;margin-top:24px;padding:24px 18px}
  .collection-entry-title{font-size:clamp(24px,6.5vw,36px)}
  .collection-entry-arrow{width:18px;height:18px}
}
@media(max-width:360px){
  .collection-entry{grid-template-columns:60px minmax(0,1fr) 16px;gap:10px;padding:22px 14px}
  .collection-entry-title{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.collection-entry{transition:none}}