.colorways{display:grid;grid-template-columns:1fr}.colorway{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;--caption-space: 160px;min-height:62svh;padding:32px var(--gutter) 40px;background-color:var(--c-bg);color:var(--c-text);overflow:hidden;text-align:center}.colorway__media{position:absolute;top:3%;left:8%;right:8%;bottom:var(--caption-space);width:auto;aspect-ratio:auto;padding:0}.colorway__media>img,.colorway__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform var(--dur-slow) var(--ease)}.colorway__media.media--floor:after{content:none}@media(hover:hover){.colorway:hover .colorway__image{transform:scale(1.03)}}.colorway__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px}.colorway__heading{display:block}.colorway__sub{font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text);opacity:.72;max-width:32ch;text-wrap:balance}.colorway__cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media screen and (min-width:750px){.colorways{grid-template-columns:repeat(var(--colorway-count, 2),minmax(0,1fr))}.colorway{--caption-space: 216px;min-height:86svh;padding-bottom:52px}.colorway__media{top:1.5%;left:10%;right:10%}.colorway__sub{font-size:.8125rem}}.colorways{position:relative}.colorways--pair:after{content:"";position:absolute;z-index:3;pointer-events:none;top:50%;left:0;right:0;height:2px;background:var(--silver-2);box-shadow:0 0 16px #e6e8eb42;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent)}.colorways--pair .colorway.color-inverse{box-shadow:0 -34px 44px -30px #0b0b0c4d}@media screen and (min-width:750px){.colorways--pair:after{top:0;bottom:0;left:50%;right:auto;width:2px;height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.colorways--pair .colorway.color-inverse{box-shadow:-34px 0 44px -30px #0b0b0c4d}}@media screen and (max-width:749px){.colorway{min-height:54svh;padding-bottom:32px}.colorway__media{left:12%;right:12%}.colorway__heading{font-size:clamp(2.25rem,13vw,3.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-colorway-split.css.map */