@layer components{.sc-tile{text-align:left;cursor:pointer;break-inside:avoid;width:100%;margin-bottom:16px;display:block}.sc-pic{border-radius:var(--radius-card);transition:translate var(--spring-ms) var(--ease-spring), box-shadow var(--dur-hover) var(--ease-out);box-shadow:0 0 0 1px #ffffff0d,0 24px 50px -30px #000c}.sc-tile:hover .sc-pic{translate:0 -2px;box-shadow:0 0 0 1px #ffffff17,0 30px 60px -30px #000000e6}.sc-cap{color:var(--color-ink-3);transition:color var(--dur-hover) var(--ease-out);padding:10px 2px 0;font-size:13px;line-height:18px;display:block}.sc-tile:hover .sc-cap{color:var(--color-ink)}.sc-lead{grid-template-columns:1fr;gap:16px;display:grid}.sc-lead>.sc-tile{margin-bottom:0}@media (min-width:768px){.sc-lead{grid-template-columns:15fr 8fr;align-items:start}}.sc-masonry{column-count:1;column-gap:16px}@media (min-width:640px){.sc-masonry{column-count:2}}@media (min-width:1100px){.sc-masonry{column-count:3}}.sc-stage{width:min(100%,1320px,150dvh - 300px)}.sc-stage-pic{border-radius:var(--radius-panel);box-shadow:0 40px 100px -40px #000000f2}.sc-stage-bar{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:0 4px;display:flex}.sc-peek{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sc-peek-card{animation:fade .42s var(--ease-out) both;position:absolute;inset:0}.sc-wall{column-count:1;column-gap:16px}@media (min-width:640px){.sc-wall{column-count:2}}@media (min-width:1024px){.sc-wall{column-count:3}}@media (min-width:1400px){.sc-wall{column-count:4}}.sc-wall-cap{align-items:center;gap:8px;min-width:0;padding:10px 2px 0;display:flex}.sc-wall-cap .sc-swatch{border-radius:6px;flex:none;width:18px;height:18px;position:relative;overflow:hidden}}