/* Packaging and presentation collections share this artwork-first stage. */
body.has-packaging-stage .guideline-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:1500px;gap:48px;align-items:start}
body.has-packaging-stage .collection-card{min-width:0;border:0;border-radius:0;background:none;overflow:visible}
body.has-packaging-stage .guideline-grid .card-cover{aspect-ratio:auto;min-height:0;padding:0;background:none;overflow:hidden;border-radius:4px}
body.has-packaging-stage .guideline-grid .card-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none;filter:none}
body.has-packaging-stage .guideline-grid .collection-card:hover img{transform:none;filter:none}
body.has-packaging-stage .design-open{display:block}
body.has-packaging-stage .design-open:focus-visible{outline:3px solid #75d7ff;outline-offset:6px}
body.has-packaging-stage .design-open:focus-visible .card-cover::after{opacity:1;transform:none}
@media(hover:none){body.has-packaging-stage .card-cover::after{opacity:1;transform:none}}
@media(max-width:760px){body.has-packaging-stage .guideline-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
/* Web gallery: one real project cover per row, never a multi-project contact sheet. */
body.field-web.has-packaging-stage .guideline-grid{display:flex;flex-direction:column;max-width:1500px;gap:48px}
body.field-web.has-packaging-stage .guideline-grid>.collection-card{width:100%;flex:none}
body.field-web.has-packaging-stage .guideline-grid .card-cover{display:block;width:100%;aspect-ratio:auto;padding:0}
body.field-web.has-packaging-stage .guideline-grid .card-cover img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
body.field-web.has-packaging-stage .card-cover::before{display:none}
body.field-web.has-packaging-stage .card-cover::after{opacity:1;transform:none}
@media(max-width:760px){body.field-web.has-packaging-stage .guideline-grid{gap:28px}}