.wk-kicker{margin:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.wk-poster{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.wk-card{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:var(--radius);background:#101010;cursor:url(/assets/cursor/hand.svg) 6 2,pointer;box-shadow:0 14px 34px var(--card-drop);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s,opacity .5s}.wk-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff47}.wk-card:hover{box-shadow:0 18px 42px var(--card-drop2)}button{color:inherit;font:inherit}.wk-arrow{flex:none}.wk-e{display:grid;gap:14px}.wk-e__row{--proj-gap: 16px;--proj-feat-h: clamp(260px, 32vw, 400px);--proj-cat-h: clamp(120px, 12vw, 150px);position:relative;width:100%;height:calc(var(--proj-feat-h) + var(--proj-cat-h) + var(--proj-gap))}@media(max-width:1279px){.wk-e__row{margin-bottom:64px}}.wk-e__stage{height:100%;touch-action:pan-y}.wk-e__stage .wk-poster{position:absolute;inset:0;height:100%;opacity:0;transition:opacity .45s ease}.wk-e__stage .wk-poster.is-on{opacity:1}.wk-e__strip{overscroll-behavior-x:contain;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px}.wk-e__th{flex:0 0 calc((100% - 50px) / 6);min-width:84px;padding:0;border:1px solid var(--glass-12);border-radius:12px;overflow:hidden;opacity:.5;background:none;cursor:url(/assets/cursor/hand.svg) 6 2,pointer;transition:opacity .3s,border-color .3s}.wk-e__th.is-on,.wk-e__th:hover{opacity:1;border-color:var(--glass-55)}.wk-veil{position:fixed;inset:0;z-index:90;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}.wk-veil:before{content:"";position:fixed;inset:0;z-index:-1;background:#060606b8;backdrop-filter:blur(28px) saturate(1.1);-webkit-backdrop-filter:blur(28px) saturate(1.1);animation:wk-in .4s ease both}@keyframes wk-in{0%{opacity:0}}@keyframes wk-up{0%{opacity:0;transform:translateY(18px)}}.wk-stage{--pad: clamp(16px, 3vw, 44px);position:relative;box-sizing:border-box;min-height:100%;padding:var(--pad)}.wk-detail__bar{position:absolute;top:var(--pad);right:var(--pad);z-index:3}.wk-detail__nav{display:flex;align-items:center;gap:8px}.wk-count{margin-right:10px}.wk-detail__nav .wk-arrow{width:40px;height:40px}.wk-detail__main{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,34vw,500px);gap:clamp(24px,3vw,48px);align-items:center;min-height:calc(100svh - 2 * var(--pad))}.wk-gal{width:min(100%,calc((100svh - 2 * var(--pad)) * 1.35 + 60px));justify-self:center;display:flex;align-items:center;gap:16px}.wk-gal__nav{display:grid;justify-items:center;gap:clamp(14px,3svh,28px)}.wk-gal__dots{display:grid;gap:9px}.wk-gal__dots i{width:5px;height:5px;border-radius:50%;background:#ffffff24;transition:background .3s}.wk-gal__dots i.is-on{background:#ffffff80}.wk-gal__view{position:relative;flex:1;min-width:0;aspect-ratio:16 / 10}.wk-slide{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;background:#101010;box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px var(--glass-12);transform:translateY(calc(var(--o) * 14%)) scale(calc(1 - .1 * var(--a)));transform-origin:center;opacity:calc(1 - .3 * var(--a));z-index:calc(5 - var(--a));transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease;cursor:url(/assets/cursor/hand.svg) 6 2,pointer}.wk-slide:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff29}.wk-slide.is-on{cursor:default}.wk-slide:not(.is-on):after{content:"";position:absolute;inset:0;background:#0606064d}.wk-slide[data-far]{opacity:0;pointer-events:none}.wk-slide .wk-poster{height:100%}.wk-ph{height:100%;display:grid;place-content:center;gap:6px;text-align:center;background:radial-gradient(120% 90% at 30% 20%,hsl(var(--h) 30% 24%),hsl(var(--h) 25% 9%));color:#ffffffb3}.wk-ph span{font:600 clamp(1.1rem,2vw,1.6rem)/1.2 var(--font-display, inherit)}.wk-ph i{font:500 .72rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.wk-vnav{position:static;width:44px;height:44px;animation:none}.wk-vnav .proj-nav__glyph{width:34px;height:34px}.wk-vnav--up .proj-nav__glyph{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15l7-7 7 7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15l7-7 7 7'/%3E%3C/svg%3E") center / contain no-repeat}.wk-vnav--down .proj-nav__glyph{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") center / contain no-repeat}.wk-detail__body{align-self:start;padding-top:56px}.wk-detail__body h3{margin:6px 0 16px;font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:0;font-variation-settings:"opsz" 36}.wk-detail__body p{margin:0 0 12px;color:var(--muted);line-height:1.6}.wk-stage dl{display:grid;gap:18px;margin:28px 0 0;align-content:start}.wk-stage dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.wk-stage dd{margin:4px 0 0;color:var(--text-strong)}.wk-stage dd a{color:inherit}.wk-chips{display:flex;flex-wrap:wrap;gap:6px}.wk-chips span{font:500 .76rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9a9a9a;padding:7px 10px;border-radius:5px;background:#ffffff0f}@media(max-width:720px){.wk-e__row{height:auto}.wk-e__stage{height:auto;aspect-ratio:16 / 10}.wk-detail__main{grid-template-columns:1fr;align-items:start}.wk-gal{width:100%}.wk-detail__main{padding-top:56px}.wk-detail__body{padding-top:0}.wk-e__row>.proj-nav{display:none}}@media(prefers-reduced-motion:reduce){.wk-card,.wk-poster,.wk-slide,.wk-veil,.wk-veil:before,.wk-fx,.wk-vnav{transition:none;animation:none!important}}.wk-e{position:relative;z-index:1}.wk-detail__nav .wk-close{transition:background .25s ease,color .25s ease,transform .3s cubic-bezier(.2,.7,.2,1)}.wk-detail__nav .wk-close:hover{color:#ff6b6b;background:linear-gradient(135deg,#ff6e6e42,#ff5a5a14 55%,#ff6e6e24);transform:scale(1.1)}@keyframes wk-fade{0%{opacity:0}}@keyframes wk-out{to{opacity:0}}@keyframes wk-down{to{opacity:0;transform:translateY(14px)}}.wk-fx{animation:wk-up .55s cubic-bezier(.2,.7,.2,1) .12s both}.wk-vnav{animation:wk-fade .4s ease .3s both}.wk-slide:not(.is-on){animation:wk-fade .5s ease .25s backwards}.wk-slide.is-on{animation:wk-fade .4s ease both}.wk-veil.is-closing{pointer-events:none}.wk-veil.is-closing:before{animation:wk-out .36s ease both}.wk-veil.is-closing .wk-fx{animation:wk-down .3s cubic-bezier(.4,0,.8,.4) both}.wk-veil.is-closing .wk-vnav,.wk-veil.is-closing .wk-slide{animation:wk-out .25s ease both}
