.ShowcaseWall-module__1uoOSW__wall{--p:38vw;--gap:12px;height:clamp(520px,80svh,680px);position:relative;overflow:clip;-webkit-mask-image:linear-gradient(#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 7% 93%,#0000 100%)}@media (min-width:640px){.ShowcaseWall-module__1uoOSW__wall{--p:26vw;--gap:16px;height:clamp(600px,84svh,820px)}}@media (min-width:768px){.ShowcaseWall-module__1uoOSW__wall{--p:22vw}}@media (min-width:1024px){.ShowcaseWall-module__1uoOSW__wall{--p:16vw;--gap:20px;height:clamp(640px,94svh,960px)}}@media (min-width:1280px){.ShowcaseWall-module__1uoOSW__wall{--gap:24px}}@media (min-width:1750px){.ShowcaseWall-module__1uoOSW__wall{--p:280px}}.ShowcaseWall-module__1uoOSW__row{justify-content:center;align-items:center;gap:var(--gap);display:flex;position:absolute;inset:0}.ShowcaseWall-module__1uoOSW__column{gap:var(--gap);transform:translateY(var(--shift,0px));flex-direction:column;flex-shrink:0;display:flex}.ShowcaseWall-module__1uoOSW__desktop{width:calc(var(--p) * 2);--drift:calc(var(--p) * .9)}.ShowcaseWall-module__1uoOSW__phone{width:var(--p);--drift:calc(var(--p) * -1)}.ShowcaseWall-module__1uoOSW__column:first-child{--shift:calc(var(--p) * .45)}.ShowcaseWall-module__1uoOSW__column:nth-child(2){--shift:calc(var(--p) * .6)}.ShowcaseWall-module__1uoOSW__column:nth-child(5){--shift:calc(var(--p) * -.66)}.ShowcaseWall-module__1uoOSW__column:nth-child(6){--shift:calc(var(--p) * -.5)}.ShowcaseWall-module__1uoOSW__column:nth-child(7){--shift:calc(var(--p) * .3)}.ShowcaseWall-module__1uoOSW__column:first-child,.ShowcaseWall-module__1uoOSW__column:nth-child(2),.ShowcaseWall-module__1uoOSW__column:nth-child(6),.ShowcaseWall-module__1uoOSW__column:nth-child(7){display:none}@media (min-width:1024px){.ShowcaseWall-module__1uoOSW__column:nth-child(2),.ShowcaseWall-module__1uoOSW__column:nth-child(6){display:flex}}@media (min-width:2300px){.ShowcaseWall-module__1uoOSW__column:first-child,.ShowcaseWall-module__1uoOSW__column:nth-child(7){display:flex}}@media (prefers-reduced-motion:no-preference){.ShowcaseWall-module__1uoOSW__column{transform:translateY(calc(var(--shift,0px) + var(--drift) * (1 - 2 * var(--wall-p,.5))));will-change:transform}@supports (animation-timeline:view()){.ShowcaseWall-module__1uoOSW__wall{view-timeline:--showcase-wall block}.ShowcaseWall-module__1uoOSW__column{animation:linear both ShowcaseWall-module__1uoOSW__drift;animation-timeline:--showcase-wall}}}@keyframes ShowcaseWall-module__1uoOSW__drift{0%{transform:translateY(calc(var(--shift,0px) + var(--drift)))}to{transform:translateY(calc(var(--shift,0px) - var(--drift)))}}.ShowcaseWall-module__1uoOSW__tile{background-color:#ececf1;transition:opacity .5s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1a1a2e0f,0 32px 64px -36px #1a1a2e66}.ShowcaseWall-module__1uoOSW__desktop .ShowcaseWall-module__1uoOSW__tile{aspect-ratio:16/10;border-radius:calc(var(--p) * .055)}.ShowcaseWall-module__1uoOSW__phone .ShowcaseWall-module__1uoOSW__tile{aspect-ratio:1170/2532;border-radius:calc(var(--p) * .12)}.ShowcaseWall-module__1uoOSW__tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.ShowcaseWall-module__1uoOSW__image{object-fit:cover;object-position:top;opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1)}.ShowcaseWall-module__1uoOSW__image[data-loaded]{opacity:1}.ShowcaseWall-module__1uoOSW__label{z-index:1;color:#fff;white-space:nowrap;opacity:0;background-color:#1a1a2eeb;border-radius:9999px;align-items:center;gap:6px;max-width:calc(100% - 20px);height:34px;padding:0 12px 0 14px;font-size:13px;font-weight:600;line-height:1;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;bottom:10px;left:10px;transform:translateY(6px);box-shadow:0 12px 28px -12px #0009}.ShowcaseWall-module__1uoOSW__label span{text-overflow:ellipsis;overflow:hidden}.ShowcaseWall-module__1uoOSW__label svg{opacity:.7;flex-shrink:0;width:15px;height:15px}.ShowcaseWall-module__1uoOSW__tile:focus-visible .ShowcaseWall-module__1uoOSW__label{opacity:1;transform:none}@media (hover:hover){.ShowcaseWall-module__1uoOSW__tile:hover .ShowcaseWall-module__1uoOSW__label{opacity:1;transform:none}.ShowcaseWall-module__1uoOSW__tile:hover .ShowcaseWall-module__1uoOSW__image{transform:scale(1.035)}.ShowcaseWall-module__1uoOSW__wall:has(.ShowcaseWall-module__1uoOSW__tile:hover) .ShowcaseWall-module__1uoOSW__tile:not(:hover){opacity:.6}}
