.reel [data-marquee]{padding-block:6px}.reel .marquee-track{gap:12px}.reel [data-marquee][data-marquee-on] .marquee-track{padding-right:12px;animation-duration:80s}.reel [data-marquee]:not([data-marquee-on]){padding-inline:20px}.feature-tile{position:relative;display:flex;align-items:flex-end;min-height:300px;overflow:hidden;border:1px solid var(--glass-line);border-radius:var(--radius-panel);background:var(--color-ink-800);cursor:pointer}.feature-tile:hover{box-shadow:0 0 0 1px #f0614a59,0 0 40px -8px #f0614a40}.feature-caption{position:relative;width:100%;margin:12px;padding:16px 18px;border:1px solid var(--glass-line);border-radius:var(--radius-card);color:var(--color-fg-muted);background:linear-gradient(180deg,var(--glass-shine),transparent 70%),var(--glass-bg-popup);box-shadow:inset 0 1px 0 var(--glass-shine);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}@media(min-width:1024px){.feature-tile.lg\:row-span-2{min-height:620px}.feature-tile.lg\:row-span-2 .feature-caption{margin:20px;padding:24px 26px;max-width:560px}}.work-bar{display:block;width:100%;padding:12px 0;text-align:left;cursor:pointer}.work-meter{display:block;height:6px;margin-top:10px;overflow:hidden;border-radius:9999px;background:var(--glass-card-2)}.work-meter>span{display:block;height:100%;border-radius:inherit;background-image:linear-gradient(90deg,#f7c948,#f0614a 55%,#a81e5a);transition:filter .18s var(--ease-soft)}.work-bar:hover .work-meter>span{filter:brightness(1.15)}.work-list{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.work-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1700px){.work-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.work-card{display:flex;flex-direction:column;height:100%;overflow:hidden}.work-media{position:relative;display:block;flex:none;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-ink-800)}.work-go{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--glass-line);border-radius:9999px;color:var(--color-fg);background:var(--glass-bg-popup);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(4px);transition:opacity .18s var(--ease-soft),transform .18s var(--ease-soft)}.work-card:hover .work-go,.work-card:focus-visible .work-go{opacity:1;transform:none}.work-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:20px}.work-head{display:block}.work-desc{display:none}.work-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.work-link{display:none;align-items:center;gap:6px;white-space:nowrap}.work-list[data-view=list]{grid-template-columns:minmax(0,1fr);gap:10px}.work-list[data-view=list] .work-card{flex-direction:row;align-items:stretch}.work-list[data-view=list] .work-media{width:34%;max-width:220px;aspect-ratio:16 / 10}.work-list[data-view=list] .work-go{display:none}.work-list[data-view=list] .work-body{justify-content:center;gap:8px;padding:14px 18px}.work-list[data-view=list] .work-tags{margin-top:0}@media(min-width:1024px){.work-list[data-view=list] .work-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1fr) auto;align-items:center;gap:28px;padding:16px 28px}.work-list[data-view=list] .work-desc{display:block}.work-list[data-view=list] .work-link{display:inline-flex}}.work-rail .need-chip{scroll-margin-inline:12px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-work.css.map */