.meet-the-shades{content-visibility:auto;contain-intrinsic-size:auto 280px;padding:1.875rem 0}@media(min-width: 1025px){.meet-the-shades{padding:3.75rem 0;contain-intrinsic-size:auto 320px}}.meet-the-shades__inner{max-width:125rem;margin:0 auto}.meet-the-shades__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8125rem;padding:0 1.25rem}@media(min-width: 1025px){.meet-the-shades__header{display:none}}.meet-the-shades__title{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;color:#1a0904;line-height:1.2}.meet-the-shades__navigation{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.meet-the-shades__navigation-button{display:inline-flex;align-items:center;justify-content:center;width:2.0625rem;height:2.0625rem;padding:0;border-radius:.625rem;border:1px solid #bab5b4;background:#fff;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,border-color .2s ease}.meet-the-shades__navigation-button:not(.is-disabled){background-color:#251009;border-color:#251009}.meet-the-shades__navigation-button:not(.is-disabled) .meet-the-shades__navigation-icon path{fill:#fff}.meet-the-shades__navigation-button.is-disabled{opacity:.6;pointer-events:none;cursor:default;background:#fff;border-color:#bab5b4}.meet-the-shades__navigation-button.is-disabled .meet-the-shades__navigation-icon path{fill:#bab5b4}.meet-the-shades__navigation-icon{display:block}.meet-the-shades__track{display:flex;flex-wrap:nowrap;gap:.375rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:1.25rem;scrollbar-width:none;-ms-overflow-style:none;padding-inline:1.25rem}@media(min-width: 1025px){.meet-the-shades__track{gap:.75rem;width:100vw;margin-left:calc(50% - 50vw);padding-inline-start:max(1.875rem,(100vw - 125rem)/2);padding-inline-end:0;scroll-padding-inline-start:max(1.875rem,(100vw - 125rem)/2);scroll-padding-inline-end:0}.meet-the-shades__track::after{content:"";flex:0 0 1.875rem}.meet-the-shades__track.is-centered{justify-content:center;padding-inline-end:max(1.875rem,(100vw - 125rem)/2);scroll-padding-inline-end:max(1.875rem,(100vw - 125rem)/2)}.meet-the-shades__track.is-centered::after{display:none}}.meet-the-shades__track::-webkit-scrollbar{display:none;width:0;height:0}.meet-the-shades__card{display:flex;flex-direction:column;flex:0 0 8.3125rem;width:8.3125rem;border-radius:.625rem;scroll-snap-align:start}@media(min-width: 1025px){.meet-the-shades__card{flex:0 0 11.6875rem;width:11.6875rem}}.meet-the-shades__card-image{position:relative;z-index:1;flex:0 0 auto;width:100%;aspect-ratio:1/1;border-radius:.625rem;overflow:hidden}.meet-the-shades__card-img{display:block;width:100%;height:100%;object-fit:cover}.meet-the-shades__card-info{position:relative;z-index:0;flex:1 1 auto;display:flex;flex-direction:column;gap:.375rem;margin-top:-0.625rem;padding:1.25rem .625rem .625rem;border-radius:0 0 .625rem .625rem}@media(min-width: 1025px){.meet-the-shades__card-info{padding:1.5625rem .9375rem .9375rem}}.meet-the-shades__card-name{margin:0;font-size:.75rem;font-weight:500;line-height:1.2;text-transform:uppercase;color:#fff}@media(min-width: 1025px){.meet-the-shades__card-name{font-size:.875rem}}.meet-the-shades__card-subtitle{margin:0;font-size:.75rem;font-weight:400;line-height:normal;color:hsla(0,0%,100%,.9)}@media(min-width: 1025px){.meet-the-shades__card-subtitle{font-size:.875rem}}