.page-work{--wk-ground: #f6f7f4;--wk-ink: #282828;--wk-mute: #c2c2c2;--wk-tag: #e0e0e0;--wk-tag-ink: #9a9a9a;--wk-u: min(100vw / 1440, 100svh / 1024);--wk-col: 45.833vw;--wk-focus: 33.125vw;--wk-gap: 2.917vw;background:var(--wk-ground);color:#000;color-scheme:light}.wk{position:relative;min-height:100svh}.wk-gl{position:fixed;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.wk-title{position:fixed;top:0;left:var(--gutter);z-index:6;margin:0;font-size:max(30px,calc(50 * var(--wk-u)));font-weight:800;line-height:1;letter-spacing:-.021em;text-transform:uppercase;color:var(--wk-title-c, var(--wk-ink));pointer-events:none;will-change:transform;transition:color .32s var(--ease-out)}.wk-title__mask{display:grid}.wk-title__text{grid-area:1 / 1;white-space:nowrap}.wk-title__word{display:inline-block;will-change:filter,opacity}body.page-work{height:100svh;overflow:hidden}.wk-list{position:fixed;z-index:2;top:0;left:48.542vw;width:var(--wk-col);height:100svh;touch-action:none}.wk-cover{position:absolute;top:0;left:0;width:100%;display:block;aspect-ratio:660 / 438;will-change:transform}.wk-cover img{position:absolute;inset:0}.wk-cover img,.wk-shot img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.has-gl .wk-cover img,.has-gl .wk-shot img{opacity:0}.wk-cover__name{display:none}.is-detail .wk-list{pointer-events:none}.wk-detail{position:fixed;inset:0;z-index:4;visibility:hidden;pointer-events:none}.is-detail .wk-detail{visibility:visible;pointer-events:auto}.wk-stage{position:absolute;left:0;right:0;top:calc(293 * var(--wk-u));height:calc(438 * var(--wk-u));touch-action:pan-y;cursor:grab}.wk-stage.is-dragging{cursor:grabbing}.wk-focus{position:absolute;top:0;bottom:0;left:var(--wk-focus);width:52.083vw;pointer-events:none}.wk-track{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wk-shot{position:absolute;top:0;left:0;margin:0;will-change:transform}.wk-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(731 * var(--wk-u));bottom:0;visibility:hidden}.wk-lead{width:calc(var(--wk-focus) - var(--gutter) - var(--wk-gap));font-size:max(16px,calc(22 * var(--wk-u)));font-weight:650;line-height:1.25;letter-spacing:-.012em}.wk-cols{display:grid;grid-template-columns:calc(var(--wk-focus) - var(--gutter) - var(--wk-gap)) min(43.06vw,calc(100vw - var(--wk-focus) - var(--gutter)));column-gap:var(--wk-gap);margin-top:calc(34 * var(--wk-u));font-size:max(15px,calc(20 * var(--wk-u)));line-height:1.25;letter-spacing:-.012em}.wk-tags{position:absolute;left:0;bottom:calc(46 * var(--wk-u));display:flex;flex-wrap:wrap;gap:max(10px,calc(16 * var(--wk-u)))}.wk-tag{background:var(--wk-tag);color:var(--wk-tag-ink);font-size:max(12px,calc(16 * var(--wk-u)));font-weight:500;line-height:1;padding:.22em .5em .24em}.wk-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:0 14px;font-size:max(15px,calc(20 * var(--wk-u)));font-weight:500;line-height:1;color:var(--wk-ink);transition:color .42s var(--ease-out)}.wk-btn:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--wk-ink);transform:scaleY(0);transform-origin:50% 100%;transition:transform .62s var(--ease-out)}.wk-btn:hover,.wk-btn:focus-visible{color:var(--wk-ground)}.wk-btn:hover:after,.wk-btn:focus-visible:after{transform:scaleY(1)}.wk-btn svg{flex:none;width:.9em;height:.9em;transition:transform .52s var(--ease-out)}.wk-btn--next:hover svg,.wk-btn--next:focus-visible svg{transform:translate(.25em)}.wk-btn--back:hover svg,.wk-btn--back:focus-visible svg{transform:translate(-.25em)}.wk-btn--back{display:none}.wk-btn--next{position:absolute;right:0;top:calc(58 * var(--wk-u));min-width:max(150px,calc(173 * var(--wk-u)));height:max(48px,calc(63 * var(--wk-u)))}.wk-btn--next{opacity:0;visibility:hidden;filter:blur(6px);translate:0 8px;transition:color .42s var(--ease-out),opacity .5s var(--ease-out),filter .5s var(--ease-out),translate .6s var(--ease-out),visibility 0s linear .5s}.is-last .wk-btn--next{opacity:1;visibility:visible;filter:blur(0);translate:0 0;transition:color .42s var(--ease-out),opacity .5s var(--ease-out),filter .5s var(--ease-out),translate .6s var(--ease-out),visibility 0s}@media(max-width:767px){.page-work{--wk-col: calc(100vw - 2 * var(--gutter));--wk-frame-h: calc((100vw - 2 * var(--gutter)) * 400 / 334)}.wk-title{font-size:32px}.wk:not(.is-detail) .wk-title{visibility:hidden}.wk-list{left:12.564vw;width:74.872vw}.wk-cover{aspect-ratio:292 / 366}.wk:before,.wk:after{content:"";position:fixed;left:0;right:0;z-index:3;pointer-events:none}.wk:before{top:0;height:120px;background:linear-gradient(to bottom,#fffc,#fff0)}.wk:after{bottom:0;height:120px;background:linear-gradient(to top,#fffc,#fff0)}.wk:not(.has-gl) .wk-cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(to bottom,#0000 16%,#000000e6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 70%);mask-image:linear-gradient(to bottom,transparent,#000 70%)}.wk:not(.has-gl) .wk-cover__name{display:block;position:absolute;z-index:1;left:18px;right:38%;bottom:22px;color:#fff;font-size:26px;font-weight:800;line-height:28px;letter-spacing:-.021em;text-transform:uppercase}.wk-detail{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.wk-detail::-webkit-scrollbar{display:none}.wk-stage{top:179px;height:var(--wk-frame-h)}.wk-focus{left:0;width:calc(100vw - var(--gutter))}.wk-copy{top:calc(179px + var(--wk-frame-h) + 36px);bottom:auto;padding-bottom:48px}.wk-lead{width:auto;font-size:19px;line-height:1.25}.wk-cols{grid-template-columns:1fr;row-gap:18px;margin-top:20px;font-size:18px;line-height:23px}.wk-tags{position:static;margin-top:28px;gap:8px}.wk-tag{font-size:13px}.wk-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:44px}.wk-btn{height:46px;font-size:16px;gap:12px}.wk-btn--back{display:inline-flex;padding-left:4px}.wk-btn--next{position:static;min-width:0;height:46px}.wk-btn__more{display:none}}