.works[data-astro-cid-ftkqi5hh]{background:var(--color-ink);--p:1;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.works-tv[data-astro-cid-ftkqi5hh]{z-index:3;width:calc(var(--dpx) * 1223);aspect-ratio:1223/687;padding:calc(var(--dpx) * 11);border-radius:calc(var(--dpx) * 5);box-shadow:0 0 calc(var(--dpx) * 3) #ffffff0d;background:linear-gradient(#131313,#484848);transition:background .5s,box-shadow .5s;position:relative}.works-screen[data-astro-cid-ftkqi5hh]{border-radius:calc(var(--dpx) * 2);background:#000;width:100%;height:100%;position:relative;overflow:hidden}.screen[data-astro-cid-ftkqi5hh]{position:absolute;inset:0}.screen-blank[data-astro-cid-ftkqi5hh]{z-index:1;background:#000}.screen-warm[data-astro-cid-ftkqi5hh]{z-index:2;background:radial-gradient(120% 90% at 50% 45%,#151515 0%,#000 68%)}.screen-card[data-astro-cid-ftkqi5hh]{z-index:3;justify-content:center;align-items:center;gap:calc(var(--dpx) * 14);padding:calc(var(--dpx) * 40);text-align:center;color:#fff;font-family:var(--font-jakarta);background:#000;flex-direction:column;font-weight:700;display:flex}.card-approve[data-astro-cid-ftkqi5hh]{font-size:calc(var(--dpx) * 26);letter-spacing:.01em;margin:0}.card-approve[data-astro-cid-ftkqi5hh] .lg[data-astro-cid-ftkqi5hh]{font-size:calc(var(--dpx) * 30)}.card-feature[data-astro-cid-ftkqi5hh]{font-size:calc(var(--dpx) * 42);letter-spacing:.01em;margin:0}.card-board[data-astro-cid-ftkqi5hh]{font-size:calc(var(--dpx) * 26);letter-spacing:.01em;margin:0}.card-rating[data-astro-cid-ftkqi5hh]{width:calc(var(--dpx) * 571);height:auto;margin:calc(var(--dpx) * 8) 0;display:block}.card-links[data-astro-cid-ftkqi5hh]{gap:calc(var(--dpx) * 200);font-size:calc(var(--dpx) * 26);display:flex}.card-link[data-astro-cid-ftkqi5hh]{color:#fff;align-items:center;min-height:24px;text-decoration:none;display:inline-flex}.card-link--i[data-astro-cid-ftkqi5hh]{font-style:italic}.screen-select[data-astro-cid-ftkqi5hh]{z-index:4;color:#fff;font-family:var(--font-jakarta);background:#1d28fc;font-weight:700}.select-center[data-astro-cid-ftkqi5hh]{font-size:calc(var(--dpx) * 26);letter-spacing:.01em;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.select-source[data-astro-cid-ftkqi5hh]{left:calc(var(--dpx) * 40);bottom:calc(var(--dpx) * 36);font-size:calc(var(--dpx) * 26);margin:0;line-height:1.4;position:absolute}.works-beam[data-astro-cid-ftkqi5hh]{left:50%;bottom:calc(var(--dpx) * -30);z-index:1;width:calc(var(--dpx) * 1100);pointer-events:none;animation:5.5s ease-in-out infinite beam-breathe;position:absolute;transform:translate(-50%)}.works-beam[data-astro-cid-ftkqi5hh] svg[data-astro-cid-ftkqi5hh]{width:100%;height:auto;display:block}@keyframes beam-breathe{0%,to{filter:brightness()}35%{filter:brightness(.96)}60%{filter:brightness(1.04)}85%{filter:brightness(.98)}}.works-drawer[data-astro-cid-ftkqi5hh]{z-index:10;height:100dvh;transform:translateY(var(--drawer-y,0));background:var(--color-ink);border-radius:calc(var(--dpx) * 130) calc(var(--dpx) * 130) 0 0;box-shadow:inset 0 calc(var(--dpx) * 2) calc(var(--dpx) * 5) #ffffff29;pointer-events:none;overscroll-behavior:none;will-change:transform;position:fixed;inset:0 0 auto}.drawer-tab[data-astro-cid-ftkqi5hh]{z-index:2;width:calc(var(--dpx) * 260);height:calc(var(--dpx) * 59);transform:translate(-50%, calc(-100% + clamp(0, (var(--p) - .8) * 5, 1) * 100%));cursor:grab;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;filter:brightness();background:0 0;border:0;margin:0;padding:0;transition:filter .5s;position:absolute;top:0;left:50%}.drawer-tab[data-astro-cid-ftkqi5hh]:active{cursor:grabbing}.drawer-tab-bg[data-astro-cid-ftkqi5hh]{width:100%;height:100%;opacity:calc((1 - var(--p)) * 5);display:block;position:absolute;inset:0}.drawer-tab-bg[data-astro-cid-ftkqi5hh] rect[data-astro-cid-ftkqi5hh]{fill:var(--color-ink)}.drawer-chevron[data-astro-cid-ftkqi5hh]{width:calc(var(--dpx) * 30);transform-origin:50%;height:auto;transition:transform .35s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.works-drawer[data-astro-cid-ftkqi5hh].is-open .drawer-chevron[data-astro-cid-ftkqi5hh]{transform:translate(-50%,-50%)rotate(180deg)}.drawer-header[data-astro-cid-ftkqi5hh]{left:0;right:0;top:calc(var(--dpx) * 214);text-align:center;font-family:var(--font-sans);font-weight:200;font-size:calc(var(--dpx) * 26);letter-spacing:.01em;color:#fff;margin:0;position:absolute}.drawer-cats[data-astro-cid-ftkqi5hh]{left:50%;top:calc(var(--dpx) * 152);gap:calc(var(--dpx) * 22);font-family:var(--font-sans);font-weight:400;font-size:calc(var(--dpx) * 16);letter-spacing:.1em;white-space:nowrap;color:#fff;margin:0;display:flex;position:absolute;transform:translate(-50%)}.drawer-title[data-astro-cid-ftkqi5hh]{left:0;right:0;top:calc(var(--dpx) * 40);text-align:center;font-family:var(--font-jakarta);font-weight:700;font-size:calc(var(--dpx) * 68);letter-spacing:-.01em;color:#fff;margin:0;position:absolute}.tape-scroll[data-astro-cid-ftkqi5hh]{left:50%;top:calc(var(--dpx) * 286);width:calc(var(--dpx) * 1080);overscroll-behavior:contain;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:92vw;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(var(--dpx) * 72), #000 calc(100% - var(--dpx) * 40), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 calc(var(--dpx) * 72), #000 calc(100% - var(--dpx) * 40), transparent 100%);position:absolute;bottom:0;overflow-y:auto;transform:translate(-50%)}.tape-scroll[data-astro-cid-ftkqi5hh]::-webkit-scrollbar{display:none}.tape-list[data-astro-cid-ftkqi5hh]{padding:0 0 calc(var(--dpx) * 40);gap:calc(var(--dpx) * 16);flex-direction:column;margin:0;list-style:none;display:flex}.tape-list[data-astro-cid-ftkqi5hh] li[data-astro-cid-ftkqi5hh]{list-style:none}.tape-row[data-astro-cid-ftkqi5hh]{cursor:default;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;margin:0;padding:0;line-height:0;display:block;position:relative}.tape-row[data-astro-cid-ftkqi5hh].is-playable{cursor:pointer}.tape-img[data-astro-cid-ftkqi5hh]{width:100%;height:auto;transition:opacity .18s;display:block}.tape-img--pressed[data-astro-cid-ftkqi5hh]{opacity:0;position:absolute;inset:0}.tape-row[data-astro-cid-ftkqi5hh].is-pressed .tape-img--default[data-astro-cid-ftkqi5hh]{opacity:0}.tape-row[data-astro-cid-ftkqi5hh].is-pressed .tape-img--pressed[data-astro-cid-ftkqi5hh]{opacity:1}.tape-row[data-astro-cid-ftkqi5hh]:not(.is-playable) .tape-img[data-astro-cid-ftkqi5hh]{filter:grayscale()brightness(.62);opacity:.55}.tape-wip[data-astro-cid-ftkqi5hh]{pointer-events:none;width:auto;height:100%;position:absolute;top:0;left:2.4%}.works-player[data-astro-cid-ftkqi5hh]{z-index:5;opacity:0;visibility:hidden;background:#000;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0}.works-player[data-astro-cid-ftkqi5hh].is-open{opacity:1;visibility:visible}.player-glitch[data-astro-cid-ftkqi5hh]{object-fit:cover;z-index:3;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.works-player[data-astro-cid-ftkqi5hh].is-glitching .player-glitch[data-astro-cid-ftkqi5hh]{opacity:1}.player-stage[data-astro-cid-ftkqi5hh]{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.player-demo[data-astro-cid-ftkqi5hh]{object-fit:contain;width:auto;max-width:100%;height:100%;transition:filter .5s;display:block}.works-player[data-astro-cid-ftkqi5hh].is-desktop .player-demo[data-astro-cid-ftkqi5hh]{object-fit:cover;width:100%;height:100%}.works-player[data-astro-cid-ftkqi5hh].show-ui .player-demo[data-astro-cid-ftkqi5hh]{filter:blur(calc(var(--dpx) * 9)) brightness(.62)}.player-learn[data-astro-cid-ftkqi5hh],.player-controls[data-astro-cid-ftkqi5hh]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}.works-player[data-astro-cid-ftkqi5hh].show-ui .player-learn[data-astro-cid-ftkqi5hh],.works-player[data-astro-cid-ftkqi5hh].show-ui .player-controls[data-astro-cid-ftkqi5hh]{opacity:1;visibility:visible;pointer-events:auto}.player-learn[data-astro-cid-ftkqi5hh]{z-index:4;padding:calc(var(--dpx) * 12) calc(var(--dpx) * 26);border-radius:calc(var(--dpx) * 30);font-family:var(--font-jakarta);font-weight:500;font-size:calc(var(--dpx) * 24);color:#fff;white-space:nowrap;border:1px solid #ffffffbf;line-height:1;text-decoration:none;transition:opacity .35s,visibility .35s,background-color .25s,color .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-learn[data-astro-cid-ftkqi5hh]:hover{color:#111;background:#fff}.player-controls[data-astro-cid-ftkqi5hh]{left:50%;bottom:calc(var(--dpx) * 40);z-index:4;width:calc(var(--dpx) * 938);max-width:calc(100% - var(--dpx) * 72);position:absolute;transform:translate(-50%)}.pc-svg[data-astro-cid-ftkqi5hh]{width:100%;height:auto;display:block}.card-approve[data-astro-cid-ftkqi5hh],.card-feature[data-astro-cid-ftkqi5hh],.card-board[data-astro-cid-ftkqi5hh],.card-links[data-astro-cid-ftkqi5hh],.card-rating[data-astro-cid-ftkqi5hh],.select-center[data-astro-cid-ftkqi5hh],.select-source[data-astro-cid-ftkqi5hh]{filter:blur(calc(var(--dpx) * .5))}.card-approve[data-astro-cid-ftkqi5hh],.card-feature[data-astro-cid-ftkqi5hh],.card-board[data-astro-cid-ftkqi5hh],.card-links[data-astro-cid-ftkqi5hh],.select-center[data-astro-cid-ftkqi5hh],.select-source[data-astro-cid-ftkqi5hh]{text-shadow:0 0 calc(var(--dpx) * 5) #ffffff47}.screen-grain[data-astro-cid-ftkqi5hh]{inset:calc(var(--dpx) * -30);z-index:6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:calc(var(--dpx) * 150) calc(var(--dpx) * 150);mix-blend-mode:soft-light;opacity:.6;animation:.5s step-end infinite grain-shift;position:absolute}@keyframes grain-shift{0%{background-position:0 0}20%{background-position:-24px 14px}40%{background-position:18px -20px}60%{background-position:-14px -12px}80%{background-position:24px 18px}to{background-position:0 0}}html.js .works-beam[data-astro-cid-ftkqi5hh],html.js .screen-warm[data-astro-cid-ftkqi5hh],html.js .screen-card[data-astro-cid-ftkqi5hh],html.js .screen-select[data-astro-cid-ftkqi5hh]{opacity:0}html.js .works-tv[data-astro-cid-ftkqi5hh]:not(.is-on){box-shadow:none;background:linear-gradient(#080808,#141414)}html.js .works[data-astro-cid-ftkqi5hh]{--drawer-y:100dvh;--p:0}html.js .works-drawer[data-astro-cid-ftkqi5hh]:not(.is-lit) .drawer-tab[data-astro-cid-ftkqi5hh]{filter:brightness(.42)}@media (width<=767px){.works-tv[data-astro-cid-ftkqi5hh]{width:92vw}.select-center[data-astro-cid-ftkqi5hh],.select-source[data-astro-cid-ftkqi5hh]{font-size:clamp(.6rem,3vw,.95rem)}.card-approve[data-astro-cid-ftkqi5hh],.card-board[data-astro-cid-ftkqi5hh],.card-links[data-astro-cid-ftkqi5hh]{font-size:clamp(.45rem,2.2vw,.72rem)}.card-approve[data-astro-cid-ftkqi5hh] .lg[data-astro-cid-ftkqi5hh]{font-size:clamp(.55rem,2.7vw,.85rem)}.card-feature[data-astro-cid-ftkqi5hh]{font-size:clamp(.7rem,3.4vw,1.1rem)}.card-rating[data-astro-cid-ftkqi5hh]{width:52%}.card-links[data-astro-cid-ftkqi5hh]{gap:clamp(1rem,8vw,3rem)}.works-beam[data-astro-cid-ftkqi5hh]{transform-origin:50% 100%;width:145vw;transform:translate(-50%)scaleY(3.6)}.drawer-tab[data-astro-cid-ftkqi5hh]{width:58vw;height:13vw}.drawer-chevron[data-astro-cid-ftkqi5hh]{width:7vw}.drawer-title[data-astro-cid-ftkqi5hh]{font-size:clamp(1.6rem,8.5vw,2.4rem);top:4vh}.drawer-cats[data-astro-cid-ftkqi5hh]{font-size:clamp(.7rem,3.4vw,1rem);top:14vh}.drawer-header[data-astro-cid-ftkqi5hh]{font-size:clamp(.85rem,4vw,1.2rem);top:20vh}.drawer-arced[data-astro-cid-ftkqi5hh]{width:55vw}.tape-scroll[data-astro-cid-ftkqi5hh]{--spine-h:68vh;--spine-w:calc(var(--spine-h) / 10.7);height:var(--spine-h);width:100%;max-width:none;top:26vh;bottom:auto;left:0;overflow:auto hidden;transform:none;mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%)}.tape-list[data-astro-cid-ftkqi5hh]{flex-direction:row;align-items:center;gap:.6rem;width:max-content;padding:0 1.25rem}.tape-list[data-astro-cid-ftkqi5hh] li[data-astro-cid-ftkqi5hh]{width:var(--spine-w);height:var(--spine-h);flex:none;position:relative}.tape-row[data-astro-cid-ftkqi5hh]{width:var(--spine-h);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.player-learn[data-astro-cid-ftkqi5hh]{border-radius:999px;min-height:44px;padding:.85rem 1.75rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.works-tv[data-astro-cid-ftkqi5hh]{transition:none}.works-beam[data-astro-cid-ftkqi5hh],.screen-grain[data-astro-cid-ftkqi5hh]{animation:none}.drawer-chevron[data-astro-cid-ftkqi5hh]{transition:none}}.case[data-astro-cid-ddfdftvl]{z-index:60;visibility:hidden;pointer-events:none;position:fixed;inset:0}.case[data-astro-cid-ddfdftvl].is-open{visibility:visible;pointer-events:auto}.case-veil[data-astro-cid-ddfdftvl]{background:rgba(74, 74, 74, calc(var(--k,0) * .55));backdrop-filter:blur(calc(var(--k,0) * var(--dpx) * 30));position:absolute;inset:0}.case-doc[data-astro-cid-ddfdftvl]{display:none;position:absolute;inset:0}.case-doc[data-astro-cid-ddfdftvl].is-active{display:flex}.case-panel[data-astro-cid-ddfdftvl]{z-index:2;width:calc(var(--dpx) * 905);height:100%;padding:calc(var(--dpx) * 95) calc(var(--dpx) * 40) calc(var(--dpx) * 82) calc(var(--dpx) * 90);color:#fff;background:#000;flex-direction:column;flex:none;display:flex;position:relative}.case-head[data-astro-cid-ddfdftvl]{flex:none}.case-title[data-astro-cid-ddfdftvl]{font-family:var(--font-jakarta);font-weight:700;font-size:calc(var(--dpx) * 68);letter-spacing:-.03em;margin:0;line-height:1}.case-sub[data-astro-cid-ddfdftvl]{margin:calc(var(--dpx) * 2) 0 0;font-family:var(--font-jakarta);font-weight:300;font-size:calc(var(--dpx) * 16);line-height:1}.case-meta[data-astro-cid-ddfdftvl]{top:calc(var(--dpx) * 118);right:calc(var(--dpx) * 40);align-items:flex-end;gap:calc(var(--dpx) * 2);font-family:var(--font-sans);font-weight:300;font-size:calc(var(--dpx) * 16);flex-direction:column;margin:0;line-height:1.15;display:flex;position:absolute}.case-body[data-astro-cid-ddfdftvl]{min-height:0;margin-top:calc(var(--dpx) * 60);padding:calc(var(--dpx) * 44) 0;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(var(--dpx) * 44), #000 calc(100% - var(--dpx) * 44), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 calc(var(--dpx) * 44), #000 calc(100% - var(--dpx) * 44), transparent 100%);flex:auto;overflow-y:auto}.case-body[data-astro-cid-ddfdftvl]::-webkit-scrollbar{display:none}.case-sec[data-astro-cid-ddfdftvl]+.case-sec[data-astro-cid-ddfdftvl]{margin-top:calc(var(--dpx) * 116)}.sec-head[data-astro-cid-ddfdftvl]{align-items:center;gap:calc(var(--dpx) * 34);width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:flex}.sec-label[data-astro-cid-ddfdftvl]{font-family:var(--font-jakarta);font-weight:800;font-size:calc(var(--dpx) * 26);letter-spacing:-.03em;flex:none;line-height:1}.sec-aside[data-astro-cid-ddfdftvl]{font-family:var(--font-jakarta);font-weight:300;font-size:calc(var(--dpx) * 16);flex:none;line-height:1}.sec-bar[data-astro-cid-ddfdftvl]{height:calc(var(--dpx) * 20);flex:auto;position:relative}.sec-bar[data-astro-cid-ddfdftvl]:before{content:"";background:#fff;height:1px;position:absolute;top:50%;left:0;right:0}.sec-knob[data-astro-cid-ddfdftvl]{width:calc(var(--dpx) * 20);height:calc(var(--dpx) * 20);background:#fff;border-radius:50%;position:absolute;top:50%;left:55.58%;transform:translate(-50%,-50%)}.sec-knob[data-astro-cid-ddfdftvl]:before,.sec-knob[data-astro-cid-ddfdftvl]:after{content:"";width:1px;height:calc(var(--dpx) * 10);background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sec-knob[data-astro-cid-ddfdftvl]:after,.sec-head[data-astro-cid-ddfdftvl][aria-expanded=true] .sec-knob[data-astro-cid-ddfdftvl]:before{transform:translate(-50%,-50%)rotate(90deg)}.sec-knob[data-astro-cid-ddfdftvl]:before{transition:transform .45s cubic-bezier(.45,0,.55,1)}.sec-panel[data-astro-cid-ddfdftvl]{height:0;overflow:hidden}.sec-inner[data-astro-cid-ddfdftvl]{padding-top:calc(var(--dpx) * 44)}.brand-font[data-astro-cid-ddfdftvl]+.brand-font[data-astro-cid-ddfdftvl]{margin-top:calc(var(--dpx) * 22)}.brand-role[data-astro-cid-ddfdftvl]{font-family:var(--font-jakarta);font-weight:300;font-size:calc(var(--dpx) * 16);margin:0;line-height:1}.brand-name[data-astro-cid-ddfdftvl]{margin:calc(var(--dpx) * 6) 0 0;font-weight:400;font-size:calc(var(--dpx) * 68);line-height:1.1}.brand-swatches[data-astro-cid-ddfdftvl]{gap:calc(var(--dpx) * 45);margin:calc(var(--dpx) * 46) 0 0;padding:0;list-style:none;display:flex}.swatch[data-astro-cid-ddfdftvl]{width:calc(var(--dpx) * 90);height:calc(var(--dpx) * 90);border-radius:calc(var(--dpx) * 12);font-family:var(--font-jakarta);font-weight:300;font-size:calc(var(--dpx) * 12);color:#1a1a1a;justify-content:center;align-items:center;line-height:1;display:flex}.prose-block[data-astro-cid-ddfdftvl]+.prose-block[data-astro-cid-ddfdftvl]{margin-top:calc(var(--dpx) * 32)}.prose-label[data-astro-cid-ddfdftvl]{margin:0 0 calc(var(--dpx) * 14);font-family:var(--font-sans);font-weight:300;font-size:calc(var(--dpx) * 14);letter-spacing:.04em;line-height:1}.prose-para[data-astro-cid-ddfdftvl]{max-width:calc(var(--dpx) * 745);font-family:var(--font-jakarta);font-weight:300;font-size:calc(var(--dpx) * 21);margin:0;line-height:1.55}.prose-para[data-astro-cid-ddfdftvl]+.prose-para[data-astro-cid-ddfdftvl]{margin-top:calc(var(--dpx) * 24)}.case-foot[data-astro-cid-ddfdftvl]{align-items:flex-end;gap:calc(var(--dpx) * 24);padding-top:calc(var(--dpx) * 30);flex:none;display:flex;position:relative}.case-copy[data-astro-cid-ddfdftvl]{font-family:var(--font-sans);font-weight:300;font-size:calc(var(--dpx) * 16);color:#fff;line-height:1}.case-close[data-astro-cid-ddfdftvl]{top:calc(var(--dpx) * 107);right:calc(var(--dpx) * 40);z-index:3;width:calc(var(--dpx) * 44);height:calc(var(--dpx) * 44);color:#ffffffd9;filter:drop-shadow(0 0 calc(var(--dpx) * 6) #000000e6);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:color .25s,background-color .25s;display:flex;position:absolute}.case-close[data-astro-cid-ddfdftvl]:hover{color:#111;background:#fff}.case-close[data-astro-cid-ddfdftvl] svg[data-astro-cid-ddfdftvl]{width:42%;height:42%}.case-nav[data-astro-cid-ddfdftvl]{margin-left:auto;margin-right:calc(var(--dpx) * 44);border:1px solid #ffffff8c;display:flex}.nav-btn[data-astro-cid-ddfdftvl]{width:calc(var(--dpx) * 50);height:calc(var(--dpx) * 50);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .25s;display:flex}.nav-btn[data-astro-cid-ddfdftvl]+.nav-btn[data-astro-cid-ddfdftvl]{border-left:1px solid #ffffff8c}.nav-btn[data-astro-cid-ddfdftvl]:hover{background:#ffffff14}.nav-btn[data-astro-cid-ddfdftvl]:active{background:#ffffff29;transition:transform 70ms ease-out,background-color 70ms ease-out;transform:scale(.86)}.nav-btn[data-astro-cid-ddfdftvl] svg[data-astro-cid-ddfdftvl]{width:calc(var(--dpx) * 22);height:calc(var(--dpx) * 22)}.case-film[data-astro-cid-ddfdftvl]{z-index:2;touch-action:none;flex:auto;height:100%;display:flex;position:relative;overflow:hidden}.film-edge[data-astro-cid-ddfdftvl]{width:calc(var(--dpx) * 140);background-repeat:repeat-y;background-size:100% calc(var(--dpx) * 1112);flex:none}.film-edge--l[data-astro-cid-ddfdftvl]{background-image:url(/works/case/filmroll-left.svg)}.film-edge--r[data-astro-cid-ddfdftvl]{background-image:url(/works/case/filmroll-right.svg)}.film-strip[data-astro-cid-ddfdftvl]{background:#000;flex:auto;min-width:0;overflow:hidden}.film-frames[data-astro-cid-ddfdftvl]{padding:0 calc(var(--dpx) * 6);will-change:transform;flex-direction:column;margin:0;list-style:none;display:flex}.film-frame[data-astro-cid-ddfdftvl]{height:calc(var(--dpx) * 345);margin-bottom:calc(var(--dpx) * 32);background:#fff;flex:none;justify-content:center;align-items:stretch;display:flex;overflow:hidden}.film-frame--video[data-astro-cid-ddfdftvl]{height:calc(var(--dpx) * 405);padding:0}.film-frame--video[data-astro-cid-ddfdftvl].is-portrait{height:calc(var(--dpx) * 600)}.film-video[data-astro-cid-ddfdftvl]{object-fit:cover;width:100%;height:100%;display:block}.film-frame--video[data-astro-cid-ddfdftvl].is-portrait .film-video[data-astro-cid-ddfdftvl]{object-fit:contain;width:auto}.film-frame--shots[data-astro-cid-ddfdftvl]{height:auto;aspect-ratio:calc(var(--cols,3) * var(--shot-w,1320)) / var(--shot-h,2868)}.film-shot[data-astro-cid-ddfdftvl]{object-fit:cover;flex:1 1 0;width:100%;min-width:0;height:100%;display:block}html.js .case-in[data-astro-cid-ddfdftvl]{opacity:0}@media (width<=767px){.case-doc[data-astro-cid-ddfdftvl].is-active{flex-direction:column}.case-film[data-astro-cid-ddfdftvl]{flex:none;order:-1;width:100%;height:55%}.case-panel[data-astro-cid-ddfdftvl]{flex:auto;width:100%;height:auto;min-height:0;padding:1.1rem 1.15rem 1.15rem}.case-title[data-astro-cid-ddfdftvl]{font-size:1.6rem}.case-sub[data-astro-cid-ddfdftvl]{margin-top:.15rem;font-size:.75rem}.case-meta[data-astro-cid-ddfdftvl]{gap:.1rem;font-size:.7rem;top:1.1rem;right:1.15rem}.case-body[data-astro-cid-ddfdftvl]{margin-top:.85rem;padding:.9rem 0;mask-image:linear-gradient(#0000 0,#000 .9rem calc(100% - .9rem),#0000 100%)}.case-sec[data-astro-cid-ddfdftvl]+.case-sec[data-astro-cid-ddfdftvl]{margin-top:1.6rem}.sec-head[data-astro-cid-ddfdftvl]{gap:.75rem}.sec-label[data-astro-cid-ddfdftvl]{font-size:1rem}.sec-aside[data-astro-cid-ddfdftvl],.brand-role[data-astro-cid-ddfdftvl]{font-size:.72rem}.brand-name[data-astro-cid-ddfdftvl]{font-size:1.5rem}.swatch[data-astro-cid-ddfdftvl]{font-size:.6rem}.prose-label[data-astro-cid-ddfdftvl]{font-size:.68rem}.prose-para[data-astro-cid-ddfdftvl]{max-width:none;font-size:.9rem}.sec-inner[data-astro-cid-ddfdftvl]{padding-top:1.15rem}.prose-label[data-astro-cid-ddfdftvl]{margin-bottom:.55rem}.prose-para[data-astro-cid-ddfdftvl]+.prose-para[data-astro-cid-ddfdftvl]{margin-top:.8rem}.prose-block[data-astro-cid-ddfdftvl]+.prose-block[data-astro-cid-ddfdftvl]{margin-top:1.35rem}.case-copy[data-astro-cid-ddfdftvl]{font-size:.72rem}.case-foot[data-astro-cid-ddfdftvl]{gap:.75rem;padding-top:.8rem}.case-close[data-astro-cid-ddfdftvl]{width:40px;height:40px;top:.75rem;right:.75rem}.case-nav[data-astro-cid-ddfdftvl]{margin-right:0}.nav-btn[data-astro-cid-ddfdftvl]{width:40px;height:40px}.nav-btn[data-astro-cid-ddfdftvl] svg[data-astro-cid-ddfdftvl]{width:16px;height:16px}.film-edge[data-astro-cid-ddfdftvl]{background-size:100% 238px;width:30px}.film-frames[data-astro-cid-ddfdftvl]{padding:0 .25rem}.film-frame[data-astro-cid-ddfdftvl]{height:30vh;margin-bottom:.55rem}}@media (prefers-reduced-motion:reduce){.sec-knob[data-astro-cid-ddfdftvl]:before,.case-close[data-astro-cid-ddfdftvl],.nav-btn[data-astro-cid-ddfdftvl]{transition:none}}html:has(body.works-page){scrollbar-gutter:auto;overflow:hidden}body.works-page{background-color:var(--color-ink);overflow:hidden}