.nav { height: auto; min-height: 54px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 24px; row-gap: 0; }
.nav a { padding: 12px 0; min-height: 44px; line-height: 1.4; }
.product-edit { padding-block: 50px 58px; }
.product-edit .eyebrow { margin-bottom: 9px; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.product-grid .story h3 { font-size: 23px; }
.product-grid .story-image { aspect-ratio: 1; }
.product-grid .story-copy > .eyebrow > span { display: none; }
.guides-band { border-block: 1px solid var(--line); }
.symbol-4 { background: #f7dfe5; color: #854357; }
.symbol-5 { background: #e2e5ef; color: #464f7c; }
.symbol-6 { background: #dceced; color: #256570; }
.symbol-7 { background: #f3e3cd; color: #805327; }
.category-strip > a > span:nth-child(2) { min-width: 0; line-height: 1.45; }
.category-strip { row-gap: 23px; }
@media (max-width: 1050px) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } .nav { column-gap: 16px; font-size: 11px; } }
@media (max-width: 720px) { .nav { display: none; } .nav.open { display: flex; } .product-grid { grid-template-columns: 1fr; } .product-grid .story-image { aspect-ratio: 1.6; } .product-edit { padding-block: 34px; } .product-edit .section-heading > span { display: none; } .category-strip { column-gap: 12px; } .category-strip > a { min-height: 57px; } }