.wd{padding:clamp(40px, 8vh, 90px) var(--gutter) clamp(60px, 10vh, 120px)}.wd__title{font-family:var(--display);text-align:center;margin:0 auto clamp(36px,7vh,72px);font-size:clamp(48px,6vw,104px);font-weight:700;line-height:.95}.wd__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,52px) clamp(14px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.wd__tile{width:100%;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;gap:14px;padding:0;display:grid}.wd__art{aspect-ratio:4/5;background:var(--paper);border-radius:16px;transition:transform .5s cubic-bezier(.2,1,.3,1),border-radius .4s;display:block;overflow:hidden}.wd__art svg{width:100%;height:100%}.wd__tile:hover .wd__art,.wd__tile:focus-visible .wd__art{border-radius:26px;transform:translateY(-6px)rotate(-1deg)}.wd__name{font-family:var(--display);font-size:clamp(26px,2.2vw,38px);font-weight:700;line-height:1}.wd__sheet{left:0;right:0;top:var(--hd-h,114px);z-index:50;pointer-events:none;position:fixed;bottom:0}.wd__sheet[data-open=true]{pointer-events:auto}.wd__sheet[data-open=true]:after{content:"";z-index:1;background:var(--paper);pointer-events:none;height:68px;position:absolute;top:0;left:0;right:12px}.wd__arrow,.wd__close{z-index:2}.wd__panel{padding:84px var(--gutter) 48px;overscroll-behavior:contain;background:var(--paper);opacity:0;visibility:hidden;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""info";align-content:start;justify-items:center;gap:28px;transition:opacity .35s,transform .5s cubic-bezier(.2,1,.3,1),visibility 0s .5s;display:grid;position:absolute;inset:0;overflow-y:auto;transform:translateY(24px)}.wd__sheet[data-open=true] .wd__panel{opacity:1;visibility:visible;transition:opacity .35s,transform .5s cubic-bezier(.2,1,.3,1);transform:none}.wd__stage{--sw:min(calc(100vw - 2 * var(--gutter)), 46vh, 420px);width:var(--sw);height:calc(var(--sw) * 1.25);border-radius:20px;grid-area:stage;animation:.7s cubic-bezier(.2,1.3,.4,1) both wd-pop;overflow:hidden}.wd__info{grid-area:info;justify-items:start;gap:6px;width:min(100%,560px);min-width:0;animation:.6s cubic-bezier(.2,1,.3,1) both wd-in;display:grid}@media (min-width:1200px) and (min-height:700px){.wd__panel{grid-template-columns:minmax(0,1fr) min(44vw,64vh);grid-template-areas:"info stage";align-content:center;justify-items:stretch;column-gap:clamp(40px,5vw,96px);padding:40px clamp(80px,8vw,128px);overflow-y:auto}.wd__stage{--sw:min(44vw, 64vh)}.wd__info{justify-self:end;width:100%;max-width:560px}}.wd__stage svg{width:100%;height:100%}@keyframes wd-in{0%{opacity:0;transform:translateY(20px)}}@keyframes wd-pop{0%{opacity:0;transform:scale(.92)rotate(2deg)}}.wd__big{max-width:100%;font-family:var(--display);overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(40px,4.2vw,80px);font-weight:700;line-height:.92}.wd__info dl{margin:0}.wd__info dt,.wd__pickL{letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin:14px 0 2px;font-size:11px;font-weight:600}.wd__info dd{margin:0;font-size:16px;line-height:1.45}.wd__bio{margin:14px 0 0;font-size:15px;line-height:1.6}.wd__pick{margin:0 0 10px;font-size:15px;font-weight:600}.wd__arrow{top:calc(var(--hd-h,114px) + 12px);border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .2s,color .2s;display:grid;position:fixed}.wd__arrow:hover{background:var(--ink);color:var(--paper)}.wd__arrow--l{left:var(--gutter)}.wd__arrow--r{left:calc(var(--gutter) + 54px)}.wd__close{top:calc(var(--hd-h,114px) + 12px);right:var(--gutter);min-height:44px;font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:600;position:fixed}.wd__close:hover{text-decoration:underline}@media (min-width:1200px) and (min-height:700px){.wd__arrow{margin-top:-22px;position:absolute;top:50%}.wd__arrow--l{left:clamp(16px,2vw,32px)}.wd__arrow--r{left:auto;right:clamp(16px,2vw,32px)}.wd__close{position:absolute;top:14px}.wd__sheet[data-open=true]:after{display:none}}@media (max-width:900px){.wd__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.wd__info,.wd__stage{animation:none}}.wd__panel:focus{outline:none}
