.dwk{color:var(--d-ink);background:#fff}.dwk-feat{padding:150px 0 120px;overflow:hidden}.dwk-feat-in{grid-template:"h.""k s""k l""k b"1fr/minmax(0,425px) minmax(0,575px);width:min(1000px,100% - 48px);margin-inline:auto;display:grid}.dwk-side,.dwk-main{display:contents}.dwk-h1{max-width:340px;font:400 18px/1.4 var(--sans);letter-spacing:.01em;color:var(--d-ink);grid-area:h;margin:0 0 40px}.dwk-kicker{font:400 13px/1.3 var(--d-ui);letter-spacing:.02em;color:var(--d-mute);margin-bottom:8px;display:block}.dwk-kinds{flex-direction:column;grid-area:k;align-items:flex-start;display:flex}.dwk-kind{font:400 48px/57.6px var(--sans);letter-spacing:-.01em;color:#0d0d0d4d;cursor:pointer;transition:color .2s ease-out;display:block}.dwk-kind:hover{color:#0d0d0d99}.dwk-in:checked+.dwk-kind{color:var(--d-ink)}.dwk-in:focus-visible+.dwk-kind{outline-offset:2px;border-radius:4px;outline:2px solid #0065ff}.dwk-stacks{grid-area:s;height:380px;position:relative}.dwk-stack{opacity:0;visibility:hidden;transition:opacity .45s ease-out,visibility 0s linear .45s;position:absolute;inset:0}.dwk-stack .c-work{border-radius:12px;height:330px;position:absolute;top:18px;box-shadow:0 24px 60px #0d0d0d29,0 2px 8px #0d0d0d14}.dwk-stack .c-work-media{width:auto;height:100%}.dwk-stack--3 .c-work:first-child{top:30px;left:44%;rotate:8deg}.dwk-stack--3 .c-work:nth-child(2){top:10px;left:22%;rotate:2deg}.dwk-stack--3 .c-work:nth-child(3),.dwk-stack--2 .c-work:nth-child(2){left:2%;rotate:-5deg}.dwk-stack--2 .c-work:first-child{top:28px;left:28%;rotate:6deg}.dwk-stack--1 .c-work{height:300px;top:40px;left:2%;rotate:-3deg}:is(.dwk:has(#dwk-k0:checked) .dwk-stack[data-k="0"],.dwk:has(#dwk-k1:checked) .dwk-stack[data-k="1"],.dwk:has(#dwk-k2:checked) .dwk-stack[data-k="2"],.dwk:has(#dwk-k3:checked) .dwk-stack[data-k="3"]){opacity:1;visibility:visible;transition-delay:0s}@supports not selector(:has(*)){.dwk-stack[data-k="0"]{opacity:1;visibility:visible}.dwk-kinds{pointer-events:none}}.dwk-lead{grid-area:l;max-width:340px;margin:40px 0 0}.dwk-btns{flex-wrap:wrap;grid-area:b;align-self:start;gap:8px;margin-top:24px;display:flex}.dwk-index{padding:0 0 40px}.dwk-index-head{font:400 48px/55.68px var(--sans);letter-spacing:-.01em;text-align:center;margin:0}.dwk-grid{columns:4;column-gap:24px;width:calc(100% - 48px);margin:72px auto 0}.dwk-grid .c-work{break-inside:avoid;background:#e6e6e6;border-radius:12px;margin:0 0 24px;display:block}.dwk-grid .c-work:after{box-shadow:inset 0 0 0 1px #0d0d0d14}.dwk-last{padding:200px 0}.dwk-last-line{color:#454545;max-width:560px;margin-top:16px}.dwk-last .dbtn{margin-top:32px}@media (max-width:1099.98px){.dwk-grid{columns:3}}@media (max-width:809.98px){.dwk-feat{padding:120px 0 96px}.dwk-feat-in{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"h""s""k""l""b"}.dwk-h1{margin-bottom:24px}.dwk-stacks{height:290px}.dwk-stack .c-work{height:240px;top:14px}.dwk-stack--1 .c-work{height:190px;top:40px}.dwk-kinds{margin-top:24px}.dwk-kind{font-size:32px;line-height:44px}.dwk-lead{margin-top:28px}.dwk-index-head{font-size:32px;line-height:40px}.dwk-grid{columns:2;column-gap:10px;width:calc(100% - 32px);margin-top:40px}.dwk-grid .c-work{border-radius:8px;margin-bottom:10px}.dwk-last{padding:120px 0 140px}}@media (prefers-reduced-motion:reduce){.dwk-stack{transition:none}}html[data-motion=off] .dwk-stack{transition:none}
