.wk{--gap:clamp(16px, 2vw, 32px)}.wk-top{align-items:end;gap:var(--gap) clamp(32px, 5vw, 96px);padding:calc(var(--sec) * .9) var(--pad) clamp(56px, 6vw, 112px);grid-template-columns:1.3fr 1fr;display:grid}.wk-title{font-size:var(--t-display);letter-spacing:-.052em;margin:0;font-weight:500;line-height:.94}.wk-title sup{letter-spacing:-.02em;vertical-align:2.6em;color:var(--ink-2);margin-left:.08em;font-size:.2em}.wk-lead{max-width:20em;font-size:var(--t-heading);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.12}.wk-grid{column-gap:var(--gap);padding:0 var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(72px,8vw,160px);display:grid}.wk-grid>.card:first-child{grid-column:1/-1}.wk-grid>.card:first-child .card-media{aspect-ratio:16/9}.wk-grid>.card:nth-child(4n+2){grid-column:1/span 7}.wk-grid>.card:nth-child(4n+3){grid-column:9/span 4;margin-top:clamp(96px,15vw,280px)}.wk-grid>.card:nth-child(4n+4){grid-column:1/span 4}.wk-grid>.card:nth-child(4n+5){grid-column:6/span 7;margin-top:clamp(96px,15vw,280px)}.wk-grid>.card:nth-child(4n+3) .card-media,.wk-grid>.card:nth-child(4n+4) .card-media{aspect-ratio:4/3}.wk-more{padding:var(--sec) var(--pad)}.wk-more-note{max-width:22em;color:var(--ink-2);margin:clamp(16px,1.6vw,24px) 0 0;font-size:17px}.wk-filter{gap:8px;display:flex}.wk-filter[hidden]{display:none}.wk-filter button{border:1px solid var(--line);height:44px;color:var(--ink);font:inherit;cursor:pointer;transition:background-color .5s var(--ease), border-color .5s var(--ease), color .5s var(--ease);background:0 0;border-radius:999px;padding:0 20px;font-size:15px;font-weight:500}.wk-filter button:hover{border-color:var(--ink)}.wk-filter button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.wk-filter sup{opacity:.6;margin-left:2px;font-size:.7em}.wk-list{--ghost:#0c0d0d2e;letter-spacing:-.035em;flex-wrap:wrap;margin:0;padding:0;font-size:clamp(22px,3.4vw,60px);font-weight:500;line-height:1.12;list-style:none;display:flex}.wk-list .mask>span:after{content:"/" / "";color:var(--ghost);margin:0 .4em}.wk-list li:last-child .mask>span:after{content:none}.wk-list b{font-weight:inherit;transition:color .5s var(--ease)}.wk-list[data-only=shop] li:where(:not([data-shop])) b{color:var(--ghost)}.wk-list:has(a:hover,.is-peek) b{color:var(--ghost)}.wk-list li:is(.is-peek,:hover,:focus-within) b{color:var(--ink)}.wk-peek{z-index:4;aspect-ratio:16/10;border-radius:var(--radius);clip-path:inset(100% 0% 0%);pointer-events:none;background:#dcdcda;width:clamp(240px,21vw,400px);position:fixed;top:0;left:0;overflow:hidden}.wk-peek img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0}@media (width<=900px){.wk-top{grid-template-columns:1fr}.wk-grid{grid-template-columns:1fr 1fr}.wk-grid>.card:nth-child(n){grid-column:auto;margin-top:0}.wk-grid>.card:first-child{grid-column:1/-1}.wk-grid>.card:nth-child(n+2) .card-media{aspect-ratio:4/3}.wk-grid>.card:nth-child(odd):not(:first-child){margin-top:clamp(48px,10vw,96px)}}@media (width<=640px){.wk-grid{grid-template-columns:1fr}.wk-grid>.card:nth-child(odd):not(:first-child){margin-top:0}.wk-grid>.card:first-child .card-media{aspect-ratio:4/3}.wk-filter{flex-wrap:wrap}}
