[data-work-stage]{--wf-ease:cubic-bezier(.2, .8, .2, 1);flex-direction:column;gap:2.5rem;display:flex}[data-work-stage][data-layout=closed] .wc-region{display:none}.wf-wrap{pointer-events:none;padding-top:3.75rem;position:relative}@media (min-width:64rem){.wf-wrap{padding-top:0}}[data-layout=open] .wf-column{margin-top:-5.5rem}@media (min-width:64rem){[data-layout=open] .wf-column{margin-top:-1.25rem}}.wf-note{top:0;z-index:2;pointer-events:none;transition:opacity .2s var(--wf-ease);position:absolute;inset-inline-end:0}@media (min-width:64rem){.wf-note{top:-12px;inset-inline-start:calc(50% + 170px * var(--k,1.6471) - 28px);inset-inline-end:auto}}[data-expanded] .wf-note{opacity:0}.wf-root{--k:.9647;z-index:1;width:calc(340px * var(--k));height:calc(326px * var(--k));-webkit-tap-highlight-color:transparent;margin-inline:auto;position:relative}@media (min-width:400px){.wf-root{--k:1.0824}}@media (min-width:592px){.wf-root{--k:1.6471}}[data-layout=open] .wf-root{margin-top:calc(-.8 * 54px * var(--k));margin-bottom:calc(-.2 * 326px * var(--k))}.wf-stage{transform-origin:0 0;width:340px;height:272px;transform:translateY(calc(54px * var(--k))) scale(var(--k));position:absolute;top:0;left:0}[data-layout=open] .wf-shell{transform:scale(.8)}.wf-shadow{filter:blur(22px);transform-origin:152px -272px;background:#0000009e;border-radius:40px;height:60px;position:absolute;top:218px;left:18px;right:18px}.wf-back{transform-origin:170px -54px;background:linear-gradient(#2a2a2e 0%,#121214 100%);position:absolute;inset:0;overflow:hidden}.wf-back-sheen{background:linear-gradient(#ffffff1a 0%,#fff0 22%),radial-gradient(120% 80% at 80% 0,#ffffff14,#fff0 60%);position:absolute;inset:0}.wf-rim{pointer-events:none;fill:none;max-width:none;position:absolute;top:0;left:0;overflow:visible}.wf-back-rim{transform-origin:170px -54px;width:340px;height:272px}.wf-back-rim path{stroke:#ffffff29;stroke-width:1px}.wf-files{z-index:5;pointer-events:none;position:absolute;inset:0}.wf-sheet{border-radius:var(--rt) var(--rt) var(--rb) var(--rb) / var(--rtv,var(--rt)) var(--rtv,var(--rt)) var(--rbv,var(--rb)) var(--rbv,var(--rb));transform-origin:50%;transition:translate .45s var(--wf-ease), rotate .45s var(--wf-ease);background:#161618;position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #ffffff24,0 12px 28px -10px #000c}@media (hover:hover){[data-layout=closed]:not([data-busy]) .wf-root:hover .wf-sheet{translate:var(--peek-x) var(--peek-y);rotate:var(--peek-r)}}[data-busy] .wf-sheet,[data-layout=open] .wf-sheet{transition:none}.wf-sheet img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.wf-sheet canvas{width:100%;max-width:none;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.wf-sheet-dim{opacity:0;background:#000;position:absolute;inset:0}[data-layout=open] .wf-sheet{opacity:0}.wf-front{z-index:10;transform-origin:170px -128px;width:340px;height:198px;position:absolute;top:74px;left:0}.wf-glass{--wf-hinge:0deg;-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);transform-origin:50% 100%;transform:perspective(760px) rotateX(var(--wf-hinge));transition:transform .4s var(--wf-ease);position:absolute;inset:0}@media (hover:hover){[data-layout=closed]:not([data-busy]) .wf-root:hover .wf-glass{--wf-hinge:-10deg}}[data-layout=closed]:not([data-busy]) .wf-root:has(.wf-hit:active) .wf-glass{--wf-hinge:-16deg;transition-duration:.12s}.wf-tint{background:linear-gradient(#1212142e 0%,#0e0e109e 46%,#08080af0 100%);position:absolute;inset:0}.wf-spec{mix-blend-mode:screen;opacity:.12;background:radial-gradient(260px 200px at 50% 30%,#ffffff80,#fff0 70%);position:absolute;inset:0}.wf-front-rim{opacity:.55;width:340px;height:198px}.wf-front-rim path{stroke-width:2.4px}.wf-label{pointer-events:none;flex-direction:column;gap:3px;max-width:230px;display:flex;position:absolute;bottom:28px;left:28px}.wf-title{letter-spacing:-.02em;color:var(--text);font-size:19px;font-weight:600;line-height:1.15}.wf-meta{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.3}.wf-hit{z-index:20;cursor:pointer;pointer-events:auto;transform-origin:170px 0;-webkit-tap-highlight-color:transparent;border-radius:22px;width:340px;height:326px;position:absolute;top:-54px;left:0}[data-layout=open] .wf-hit{transform-origin:170px -54px;height:272px;top:0}.wf-hit:focus-visible{outline:none}.wf-root:has(.wf-hit:focus-visible) .wf-back-rim path{stroke:var(--accent);stroke-width:2px}.wf-root:has(.wf-hit:focus-visible) .wf-front-rim path{stroke:var(--accent);stroke-width:4px}.wf-root:has(.wf-hit:focus-visible) .wf-front-rim{opacity:1}.wc-region{outline:none;position:relative}.wc-region:focus-visible [data-slide][data-active] .wc-face{outline:2px solid var(--accent);outline-offset:2px}.wc-track{--wc-card:84vw;isolation:isolate;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px calc((100% - var(--wc-card)) / 2) 8px;gap:12px;display:flex;position:relative;overflow-x:auto}.wc-track::-webkit-scrollbar{display:none}.wc-slide{width:var(--wc-card);scroll-snap-align:center;flex:none;position:relative}@media (min-width:48rem){.wc-track{padding-inline:max(1rem,50% - 480px);scroll-padding-inline:max(1rem,50% - 480px)}.wc-slide{scroll-snap-align:start;width:360px}}[data-busy] .wc-track{overflow-x:hidden}.wc-face{--wc-radius:20px;border-radius:var(--wc-radius);height:100%;position:relative}@media (min-width:48rem){.wc-face{--wc-radius:30px}}[data-slide]:not([data-active]) .wc-face button{visibility:hidden}.wc-dim{border-radius:inherit;opacity:var(--dim,0);pointer-events:none;transition:opacity .4s var(--wf-ease);background:#000;position:absolute;inset:0}[data-mode=coverflow] .wc-track{touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-items:center;padding:8px 0 12px;display:grid;overflow:visible}[data-mode=coverflow] .wc-slide{transform-origin:50%;width:min(640px,78vw);transition:transform .45s var(--wf-ease), opacity .3s var(--wf-ease);cursor:pointer;grid-area:1/1}[data-mode=coverflow] .wc-slide[data-active]{cursor:auto}[data-mode=coverflow][data-dragging] .wc-slide,[data-mode=coverflow][data-dragging] .wc-dim{transition:none}[data-mode=coverflow] .wc-track :is(a,img,video){-webkit-user-drag:none}