.work-tile{aspect-ratio:9/16;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 80% at 20% 0,#ffffff0d,#0000 55%),linear-gradient(165deg,#171717 0%,#0e0e0e 70%);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.7rem;width:min(62vw,17.25rem);display:flex}.work-strip{--work-edge:clamp(1.25rem, 2vw, 2.5rem);width:100%;padding:.25rem var(--work-edge) 1.25rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--work-edge);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:clamp(.75rem,1vw,1rem);margin:0;display:flex;overflow-x:auto}.work-strip::-webkit-scrollbar{display:none}.work-tile{aspect-ratio:9/16;border:1px solid var(--line);background:var(--panel);scroll-snap-align:start;width:clamp(11rem,56vw,14.5rem);border-radius:1.3rem;flex:none;scroll-margin-inline-start:var(--work-edge);position:relative;overflow:hidden}.work-tile video{object-fit:cover;width:100%;height:100%;display:block}.work-tile-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0a0a0a8c;border-radius:.65rem;place-items:center;width:1.9rem;height:1.9rem;display:grid;position:absolute;top:.6rem;right:.6rem}.work-tile-badge svg{fill:currentColor;width:1.15rem;height:1.15rem}.work-tile-more{background:var(--panel-2);color:var(--text);text-align:center;letter-spacing:-.01em;align-content:center;place-items:center;gap:.7rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:grid}.work-tile-more:hover{background:#202020}.work-tile-more svg{width:1.25rem;height:1.25rem}@media (min-width:48rem){.work-tile{width:clamp(13rem,27vw,16rem)}}@media (min-width:75rem){.work-tile{width:clamp(14.5rem,18vw,17rem)}}