.wpi-list{--wpi-num:44px;--wpi-gap:0px;width:100%;background:#dfe1d9;color:#0b0e10;box-sizing:border-box;border-bottom:1px solid rgba(11,14,16,.14)}
.wpi-list *{box-sizing:border-box}
.wpi-item{position:relative;border-top:1px solid rgba(11,14,16,.14);background:transparent;color:#0b0e10;transition:background-color .35s ease,color .35s ease}
.wpi-row{display:flex;align-items:center;gap:var(--wpi-gap);width:100%;padding:14px 10px;color:inherit;text-decoration:none;cursor:pointer;outline:none}
.wpi-number{flex:0 0 var(--wpi-num);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#8b9088;transition:color .35s}
.wpi-title{flex:0 1 46%;max-width:46%;margin:0;font-size:44px;line-height:1;font-weight:600;letter-spacing:-.035em;color:#0b0e10;transition:color .35s}
.wpi-desc{margin:0 0 0 auto;max-width:30%;text-align:right;font-size:12px;line-height:1.4;color:#5d625f;transition:color .35s}
.wpi-item.is-active{background-color:#0b0e10}
.wpi-item.is-active .wpi-title{color:#fff}
.wpi-item.is-active .wpi-number{color:#8a9099}
.wpi-item.is-active .wpi-desc{color:#b9bfc2}
.wpi-thumb{position:absolute;left:56%;top:50%;width:14%;height:100%;transform:translateY(-50%);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}
.wpi-item.is-active .wpi-thumb{opacity:1;visibility:visible}
.wpi-thumb__img{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.wpi-list.is-stacked .wpi-row{flex-wrap:wrap;align-items:flex-start;padding:16px 12px}
.wpi-list.is-stacked .wpi-title{flex:1 1 0;min-width:0;max-width:none;font-size:30px}
.wpi-list.is-stacked .wpi-desc{flex:0 0 100%;max-width:100%;text-align:left;margin:8px 0 0 calc(var(--wpi-num) + var(--wpi-gap))}
.wpi-list.is-stacked .wpi-thumb{position:relative;left:auto;top:auto;width:100%;height:0;transform:none;opacity:1;visibility:visible;transition:height .45s ease}
.wpi-list.is-stacked .wpi-item.is-active .wpi-thumb{height:220px}
@media(prefers-reduced-motion:reduce){.wpi-list *{transition:none!important}}