.tote-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:30px}.tote-preview-grid figure{margin:0}.tote-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px;margin-top:28px}.tote-card{overflow:hidden;border:1px solid color-mix(in oklch,var(--plum),transparent 38%);background:color-mix(in oklch,var(--cream),white 32%);box-shadow:7px 7px 0 color-mix(in oklch,var(--plum),transparent 82%);padding:12px;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.tote-card:hover{transform:translateY(-3px)}.tote-card:focus-visible{outline:3px solid var(--brass);outline-offset:4px}.tote-card picture{display:block}.tote-card img{width:100%;aspect-ratio:1.56;object-fit:cover;display:block}.tote-card-hint,.tote-card-name{display:block}.tote-card-name{margin-top:14px;color:var(--plum);font-family:var(--serif);font-size:clamp(1.45rem,2vw,1.9rem)}.tote-card-hint{margin-top:4px;color:var(--ink);font-size:.9rem}.tote-preview-grid picture{display:block;overflow:hidden;border:1px solid color-mix(in oklch,var(--plum),transparent 38%);box-shadow:7px 7px 0 color-mix(in oklch,var(--plum),transparent 82%)}.tote-preview-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.tote-preview-grid figcaption{padding-top:10px;color:var(--plum);font-family:var(--serif);font-size:1.12rem;text-align:center}@media (min-width:700px){.tote-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tote-card{padding:8px}.tote-card-name{font-size:.94rem}.tote-card-hint{font-size:.68rem}}@media (min-width:1180px){.tote-gallery{gap:22px}.tote-card{padding:12px}.tote-card-name{font-size:1.2rem}.tote-card-hint{font-size:.8rem}}@media (max-width:520px){.tote-gallery,.tote-preview-grid{grid-template-columns:1fr}.tote-preview-grid{max-width:340px}}