.ma-collection-nav{background:var(--warm-50);padding:5.6rem 0 6.4rem}.ma-collection-nav__container{max-width:1340px;margin:0 auto;padding:0 var(--ma-space-6);box-sizing:border-box}.ma-collection-nav__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ma-space-4);margin-bottom:2.8rem;flex-wrap:wrap}.ma-collection-nav__eyebrow{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.16em;color:var(--warm-500)}.ma-collection-nav__headline{margin:var(--ma-space-2) 0 0;font-family:var(--font-display);font-weight:800;font-size:4rem;line-height:.96;letter-spacing:-.025em;color:var(--warm-900)}.ma-collection-nav__cta{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--warm-900);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.ma-collection-nav__cta:hover{color:var(--warm-700)}.ma-collection-nav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}@media screen and (min-width:750px){.ma-collection-nav__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.ma-collection-nav__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ma-collection-nav__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.ma-collection-nav__tile{display:flex;gap:1.4rem;align-items:center;padding:1.4rem;background:#fff;border:1px solid var(--warm-200);border-radius:var(--ma-radius-xl);color:var(--warm-900);text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.ma-collection-nav__tile:hover{transform:translateY(-2px);box-shadow:0 16px 28px #140e041a}.ma-collection-nav__art{width:76px;height:76px;border-radius:var(--ma-radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:3.8rem;overflow:hidden}.ma-collection-nav__art--gradient{box-shadow:inset 0 -8px 18px #0000002e}.ma-collection-nav__art--twilight{background:linear-gradient(135deg,#1a1259,#6b2cdb,#ff7a6b)}.ma-collection-nav__art--sunset{background:linear-gradient(135deg,#dc2626,#ff3d8a,#ff7a1a)}.ma-collection-nav__art--cosmic{background:linear-gradient(135deg,#1ec8c1,#6b2cdb 55%,#ff3d8a)}.ma-collection-nav__art--bubblegum{background:linear-gradient(135deg,#ff7eb6,#ff3d8a 55%,#5b2cdb)}.ma-collection-nav__art--ocean{background:linear-gradient(135deg,#1ec8c1,#1d8aff 60%,#5b2cdb)}.ma-collection-nav__art--fire{background:linear-gradient(135deg,#ffd84d,#ff7a1a 55%,#dc2626)}.ma-collection-nav__art--matcha{background:linear-gradient(135deg,#a3e635,#1ec8c1 55%,#1d8aff)}.ma-collection-nav__art--caramel{background:linear-gradient(135deg,#f3eee5,#e8b97a 55%,#a85a2a)}.ma-collection-nav__art--photo{background:var(--warm-100)}.ma-collection-nav__art--photo img{width:100%;height:100%;object-fit:cover;display:block}.ma-collection-nav__body{display:flex;flex-direction:column;min-width:0}.ma-collection-nav__name{font-family:var(--font-display);font-weight:800;font-size:1.9rem;letter-spacing:-.01em;line-height:1.05;color:var(--warm-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-collection-nav__kicker{font-size:1.2rem;color:var(--warm-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-collection-nav__count{margin-top:var(--ma-space-2);font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--warm-700);letter-spacing:.12em}@media screen and (max-width:749px){.ma-collection-nav{padding:3.6rem 0 4rem}.ma-collection-nav__headline{font-size:3rem}.ma-collection-nav__grid{grid-template-columns:unset;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:78vw;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin-left:calc(-1 * var(--ma-space-6));margin-right:calc(-1 * var(--ma-space-6));padding:.2rem var(--ma-space-6) .4rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ma-collection-nav__grid::-webkit-scrollbar{display:none}.ma-collection-nav__tile{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/ma-collection-nav.css.map */