.suay-collection-tiles{background:var(--suay-color-charcoal);color:var(--suay-color-white, #fff)}.suay-collection-tiles__inner{max-width:1440px;margin:0 auto;padding:80px 40px 72px}.suay-collection-tiles__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}.suay-collection-tiles__intro{max-width:640px}.suay-collection-tiles__eyebrow{margin:0 0 14px;color:var(--suay-color-gold);font-family:var(--suay-font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.suay-collection-tiles__heading{margin:0 0 16px;color:var(--suay-color-white, #fff);font-family:var(--suay-font-heading);font-size:clamp(44px,5vw,72px);font-weight:400;letter-spacing:-.04em;line-height:.95}.suay-collection-tiles__subheading{margin:0;color:#ffffffe0;font-size:19px;line-height:1.5}.suay-collection-tiles__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.suay-collection-tiles__quiz,.suay-collection-tiles__xl{display:inline-flex;align-items:center;justify-content:center;min-height:58px;border-radius:4px;text-decoration:none;transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.suay-collection-tiles__quiz{gap:0;padding:0 32px;background:var(--suay-color-white, #fff);color:var(--suay-color-charcoal);font-family:var(--suay-font-heading);font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.suay-collection-tiles__quiz:hover{background:var(--suay-color-off-white)}.suay-collection-tiles__quiz-note{margin-left:.5em;font-family:var(--suay-font-mono);letter-spacing:0}.suay-collection-tiles__xl{padding:0 24px;border:1px solid rgba(255,255,255,.55);color:var(--suay-color-white, #fff);font-size:16px}.suay-collection-tiles__xl strong{margin-left:6px;font-weight:500}.suay-collection-tiles__xl:hover{border-color:var(--suay-color-white, #fff);background:#ffffff0f}.suay-collection-tiles__quiz:focus-visible,.suay-collection-tiles__xl:focus-visible,.suay-collection-tiles__card:focus-visible{outline:2px solid var(--suay-color-white, #fff);outline-offset:3px}.suay-collection-tiles__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.suay-collection-tiles__item{display:flex;min-width:0}.suay-collection-tiles__card{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;background:#2c2b2b;color:var(--suay-color-white, #fff);text-decoration:none}.suay-collection-tiles__media{display:block;height:260px;overflow:hidden;background:#111}.suay-collection-tiles__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.suay-collection-tiles__card:hover .suay-collection-tiles__image{transform:scale(1.04)}.suay-collection-tiles__body{display:block;padding:20px 20px 22px}.suay-collection-tiles__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px}.suay-collection-tiles__name{font-family:var(--suay-font-heading);font-size:30px;font-weight:400;letter-spacing:-.03em;line-height:1.55}.suay-collection-tiles__count{color:#fffc;font-size:14px;white-space:nowrap}.suay-collection-tiles__specs{display:block;margin-top:14px;border-top:1px solid rgba(255,255,255,.2);font-size:15px;line-height:1.55}.suay-collection-tiles__spec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.suay-collection-tiles__spec-label{flex:none;color:#ffffffb8}.suay-collection-tiles__spec-value{min-width:0;font-weight:500;text-align:right}.suay-collection-tiles__desc{display:block;margin-top:12px;color:#ffffffe0;font-size:16px;line-height:1.45}.suay-collection-tiles__dots,.suay-collection-tiles__xl-phone{display:none}.suay-collection-tiles__empty{margin:0;color:#fffc}@media screen and (min-width:990px)and (max-width:1259px){.suay-collection-tiles__media{height:220px}.suay-collection-tiles__body{padding:16px 16px 18px}.suay-collection-tiles__name{font-size:26px}.suay-collection-tiles__specs{font-size:14px}.suay-collection-tiles__spec{gap:8px;padding:7px 0}.suay-collection-tiles__desc{font-size:15px}}@media screen and (min-width:990px)and (max-width:1359px){.suay-collection-tiles__meta{flex-direction:column;align-items:flex-start;gap:0}}@media screen and (max-width:989px){.suay-collection-tiles__inner{padding:44px 0 40px}.suay-collection-tiles__header{display:block;margin-bottom:0;padding:0 18px 20px}.suay-collection-tiles__eyebrow{margin-bottom:10px;letter-spacing:.1em}.suay-collection-tiles__heading{margin-bottom:12px;font-size:44px}.suay-collection-tiles__subheading{margin-bottom:20px;font-size:16px}.suay-collection-tiles__actions{display:block}.suay-collection-tiles__quiz{display:flex;width:100%;min-height:54px;padding:0 16px}.suay-collection-tiles__xl--wide{display:none}.suay-collection-tiles__grid{display:flex;gap:10px;padding:0 18px;overflow-x:auto;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.suay-collection-tiles__grid::-webkit-scrollbar{display:none}.suay-collection-tiles__item{flex:0 0 272px;scroll-snap-align:start}.suay-collection-tiles__media{height:220px}.suay-collection-tiles__body{padding:16px 16px 18px}.suay-collection-tiles__name{font-size:26px}.suay-collection-tiles__count{font-size:13px}.suay-collection-tiles__specs{margin-top:12px;font-size:14px}.suay-collection-tiles__spec{padding:7px 0}.suay-collection-tiles__desc{margin-top:10px;font-size:15px}.suay-collection-tiles__dots{display:flex;justify-content:center;gap:6px;padding-top:16px}.suay-collection-tiles__dot{width:6px;height:4px;background:#fff6;transition:width .3s ease,background-color .3s ease}.suay-collection-tiles__dot.is-active{width:18px;background:var(--suay-color-white, #fff)}.suay-collection-tiles__xl-phone{display:block;padding:20px 18px 0}.suay-collection-tiles__xl-phone .suay-collection-tiles__xl{display:flex;width:100%;min-height:50px}}@media screen and (min-width:750px)and (max-width:989px){.suay-collection-tiles__quiz{display:inline-flex;width:auto;padding:0 32px}}@media(prefers-reduced-motion:reduce){.suay-collection-tiles__image,.suay-collection-tiles__dot{transition:none}.suay-collection-tiles__card:hover .suay-collection-tiles__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/suay-collection-tiles.css.map */