.dwm-work{overflow:clip;padding-bottom:clamp(1.25rem,.75rem + .8vw,1.5rem)}.dwm-work__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--dwm-space-6) var(--dwm-space-8)}.dwm-work__head .dwm-section-heading{max-width:44rem}.dwm-work__controls{display:flex;align-items:center;gap:var(--dwm-space-3)}.dwm-work__controls[hidden]{display:none}.dwm-work__counter{margin:0 var(--dwm-space-2) 0 0;color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small);font-variant-numeric:tabular-nums;letter-spacing:.04em}.dwm-work__counter [data-slider-current]{color:rgb(var(--dwm-fg-rgb));font-weight:var(--dwm-weight-ui)}.dwm-work__nav{display:inline-grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid var(--dwm-border-strong-color);border-radius:var(--dwm-radius-pill);background:transparent;color:rgb(var(--dwm-fg-rgb));cursor:pointer;transition:border-color var(--dwm-duration-fast) var(--dwm-ease),background-color var(--dwm-duration-fast) var(--dwm-ease),opacity var(--dwm-duration-fast) var(--dwm-ease)}.dwm-work__nav:hover{border-color:rgb(var(--dwm-fg-rgb) / .6);background-color:rgb(var(--dwm-fg-rgb) / .06)}.dwm-work__nav[aria-disabled=true]{opacity:.35;cursor:default}.dwm-work__nav-icon--prev{rotate:180deg}.dwm-work__track{--dwm-work-inset: calc((100% - min(100% - 2 * var(--dwm-gutter), var(--dwm-container-wide)))/2) ;--dwm-work-slide: 86%;display:flex;gap:clamp(1rem,.6rem + 1.6vw,2.5rem);margin:var(--dwm-heading-gap-strip) 0 0;padding:0 var(--dwm-work-inset) var(--dwm-space-4);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--dwm-work-inset);scrollbar-width:none}.dwm-work__track::-webkit-scrollbar{display:none}.dwm-work__slide{display:flex;flex:0 0 var(--dwm-work-slide);flex-direction:column;gap:clamp(1.25rem,1rem + 1vw,1.75rem);min-width:0;scroll-snap-align:start;transition:opacity .5s var(--dwm-ease)}.dwm-work__visual{transition:translate .5s var(--dwm-ease)}.dwm-work__frame .dwm-browser__viewport{aspect-ratio:3 / 2}.dwm-work__frame .dwm-browser__viewport{background-color:var(--dwm-work-fill, rgb(var(--dwm-white-rgb)))}.dwm-work__frame .dwm-browser__image{object-fit:var(--dwm-work-fit, cover);object-position:var(--dwm-work-x, center) var(--dwm-work-position, top)}.dwm-work__slider.is-ready .dwm-work__slide:not(.is-active){opacity:.45}.dwm-work__slider.is-ready .dwm-work__slide:not(.is-active){cursor:pointer}.dwm-work__meta{display:grid;gap:var(--dwm-space-3)}.dwm-work__meta-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dwm-space-3) var(--dwm-space-4)}.dwm-work__name{margin:0;font-family:var(--dwm-font-heading);font-size:clamp(1.375rem,1.15rem + .8vw,1.875rem);font-weight:var(--dwm-weight-heading);letter-spacing:-.02em;line-height:1.15}.dwm-work__tags{display:flex;flex-wrap:wrap;gap:var(--dwm-space-2);margin:0;padding:0;list-style:none}.dwm-work__text{max-width:44rem;margin:0;color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-body);line-height:1.6;transition:color var(--dwm-duration-normal) var(--dwm-ease)}@media(hover:hover)and (pointer:fine){.dwm-work__slide:hover .dwm-work__visual{translate:0 -4px}.dwm-work__slide:hover .dwm-work__text{color:rgb(var(--dwm-fg-rgb))}.dwm-work__slider.is-ready .dwm-work__slide:not(.is-active):hover{opacity:.7}}.dwm-work__foot{margin-top:clamp(2rem,1.5rem + 2vw,3rem)}@media screen and (min-width:700px){.dwm-work__track{--dwm-work-slide: 80%}.dwm-work__frame .dwm-browser__viewport{aspect-ratio:2 / 1}}@media screen and (min-width:1000px){.dwm-work__track{--dwm-work-slide: min(74%, 1040px)}.dwm-work__meta{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;column-gap:clamp(2rem,0rem + 4vw,4rem)}.dwm-work__meta-head{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.dwm-work__slide,.dwm-work__visual,.dwm-work__text{transition:none}.dwm-work__slide:hover .dwm-work__visual{translate:none}}.dwm-work--screen .dwm-work__frame .dwm-browser__viewport{aspect-ratio:15 / 8}
/*# sourceMappingURL=/cdn/shop/t/51/assets/dwm-work.css.map */