.work{min-height:104svh;padding-block:calc(var(--art-gap) * .6);color:var(--color-ink);--w-card:31.25vw;--w-arc:.885;--w-radius:calc(var(--w-arc) * 100vw);align-content:center;gap:0;display:grid;position:relative;overflow:clip}.work__head{font-size:var(--body-size);text-transform:uppercase;justify-content:space-between;display:flex}.work .work__head{padding-inline-end:calc(var(--page-margin) + (100% - 2 * var(--page-margin)) * 118 / 1408)}@media (max-width:599px){.work .work__head{padding-inline-end:var(--page-margin)}}.work__eyebrow,.work__count{color:color-mix(in srgb, var(--color-ink) 78%, var(--color-ground));margin:0}.work__wheel{height:calc(var(--w-card) * 4 / 3 + var(--w-radius) * .09);touch-action:pan-y;cursor:grab;position:relative}.work__wheel:active{cursor:grabbing}.work__wheel:focus-visible{outline-offset:calc(var(--art-gap) * .5);outline:1px solid}.work__card{width:var(--w-card);translate:calc(-50% + var(--x,0) * 1px) calc(var(--y,0) * 1px);scale:var(--scale,1);position:absolute;top:0;left:50%}:is(.work__card:not(:has(+*)),.work__card){cursor:pointer}.work__plate{--art:calc(1 - clamp(0, var(--away,0), 2) * .3);--art-zoom:.06;--art-spin:var(--spin,0);aspect-ratio:3/4;width:100%;transition:--art-zoom 1.5s cubic-bezier(.22,1,.36,1),--art .42s ease-out;display:block}@media (hover:hover){.work__card:hover .work__plate{--art:1;--art-zoom:.18}}.work__name{--name-scale:1;--arrive:1;bottom:calc(100% - var(--w-card) * 4 / 3);left:calc(50% - var(--w-card) / 2);writing-mode:vertical-rl;font-size:calc(var(--menu-size) * var(--name-scale));text-transform:uppercase;margin:0;font-weight:400;line-height:1;position:absolute;translate:calc(-100% - .3em) .06em;rotate:180deg}.work__read{--reveal:0;margin:0;max-width:calc(var(--w-card) * .86);min-height:calc(var(--body-size) * 2.9);color:color-mix(in srgb, var(--color-ink) 78%, var(--color-ground));font-size:var(--body-size);text-transform:uppercase;text-wrap:pretty;margin-block-start:calc(var(--w-radius) * -.09 + var(--body-size) * .9);margin-inline-start:calc(50% - var(--w-card) / 2);line-height:1.4;transition:--reveal 1s cubic-bezier(.33,1,.68,1)}.work__wheel:hover~.work__read{--reveal:1}.work{--pc-hint-ground:var(--color-ground);--pc-hint-ink:var(--color-ink);background:var(--color-ground)}body:has(.backdrop__canvas[data-ready=true]) .work{background:0 0}@media (max-width:1023px){.work{--w-card:52vw;--w-arc:1.4;min-height:92svh}.work__read{max-width:none;margin-inline-start:var(--art-gap)}.work__name{left:var(--art-gap);translate:0 -.06em}}@media (hover:none),(pointer:coarse){.work__read{--reveal:1;transition:none}}@media (prefers-reduced-motion:reduce){.work__plate{transition:none}.work__name,.work__read{--reveal:1;--arrive:1;transition:none;animation:none}}