.workidx{width:100%;padding:clamp(6rem, 14vh, 9rem) var(--gutter) clamp(4rem, 9vw, 7rem)}.workidx-head{border-bottom:1px solid var(--line);margin-bottom:clamp(1.75rem,4vw,2.75rem);padding-bottom:1.75rem}.workidx-h2{font:500 var(--fs-d3) / var(--lh-display) var(--display);letter-spacing:var(--tr-display);text-transform:uppercase;color:var(--fg);margin:0}.workidx h1{text-transform:uppercase;color:var(--fg);margin:0;font-size:40px}@media (min-width:640px){.workidx h1{font-size:64px}}@media (min-width:1024px){.workidx h1{font-size:88px}}.workidx-lede{max-width:56ch;color:var(--dim);margin:.9rem 0 0;font-size:1rem;line-height:1.65}.workidx-head2{margin-top:clamp(3.5rem,9vw,6rem)}.workidx-list,.wc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.wc{min-width:0}.wc-link{color:inherit;text-decoration:none;display:block}.wc-link:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.wc-thumb{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-card);max-width:100%;position:relative;overflow:hidden}.wc-img{object-fit:contain;filter:grayscale(.25);transition:transform .52s cubic-bezier(.2,.7,.2,1),filter .32s}.wc-link:hover .wc-img{filter:none;transform:scale(1.03)}.wc-thumb{background:#fff}.wc-link{transition:transform .36s cubic-bezier(.2,.7,.2,1)}.wc-link:hover,.wc-link:focus-visible{transform:translateY(-4px)}.wc-corner{z-index:3;border-color:var(--accent);opacity:0;pointer-events:none;border-style:solid;border-width:0;width:18px;height:18px;transition:opacity .2s,transform .36s cubic-bezier(.2,.7,.2,1);position:absolute}.wc-corner-tl{border-top-width:2px;border-left-width:2px;top:8px;left:8px;transform:translate(-8px,-8px)}.wc-corner-tr{border-top-width:2px;border-right-width:2px;top:8px;right:8px;transform:translate(8px,-8px)}.wc-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:8px;left:8px;transform:translate(-8px,8px)}.wc-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:8px;right:8px;transform:translate(8px,8px)}.wc-link:hover .wc-corner,.wc-link:focus-visible .wc-corner{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.wc-link,.wc-corner{transition:none}.wc-link:hover,.wc-link:focus-visible{transform:none}}.wc-pill{border-radius:var(--r-pill);z-index:2;font:700 .6875rem/1.4 var(--display);letter-spacing:var(--tr-label);text-transform:uppercase;color:#101013;background:var(--acid);padding:.38rem .75rem .32rem;position:absolute;bottom:.9rem;left:.9rem}.wc-foot{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.4rem 0 1rem;transition:border-color .2s;display:flex}.wc-link:hover .wc-foot{border-bottom-color:var(--accent)}.wc-title{font:600 clamp(1.05rem, 1.5vw, 1.4rem) / 1.05 var(--display);letter-spacing:var(--tr-display);text-transform:uppercase;color:var(--fg);text-wrap:balance;margin:0}.wc-visit{font:600 .75rem/1.6 var(--display);letter-spacing:.42em;text-transform:uppercase;color:var(--dim3);white-space:nowrap;flex:none}.wc-visit i{font-style:normal;transition:transform .2s;display:inline-block}.wc-link:hover .wc-visit{color:var(--accent)}.wc-link:hover .wc-visit i{transform:translate(2px,-2px)}.wc-meta{max-width:54ch;color:var(--dim);margin:.7rem 0 0;font-size:.875rem;line-height:1.65}.wc-plate{background:#14161a;flex-direction:column;padding:clamp(1.1rem,3.2vw,1.85rem) clamp(1.1rem,3.2vw,1.85rem) calc(clamp(1.1rem,3.2vw,1.85rem) + 2.3rem);transition:transform .52s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.wc-link:hover .wc-plate{transform:scale(1.02)}.wc-plate-rule{background:#b8873b;width:44px;height:2px;margin-bottom:1rem;display:block}.wc-plate-label{font:500 .625rem/1.6 var(--font-plex-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#a8aeb5;margin:0 0 auto}.wc-plate-head{font:400 clamp(1.25rem, 2vw, 1.75rem)/1.12 var(--font-bodoni,Didot, "Times New Roman", serif);color:#fbfaf7;margin:0 0 1.25rem}.wc-plate-meters{gap:.5rem;display:grid}.wc-plate-meter{grid-template-columns:4.25rem 1fr;align-items:center;gap:.6rem;display:grid}.wc-plate-mk{font:600 .5625rem/1.6 var(--font-bricolage,system-ui, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#d9a84e}.wc-plate-mt{background:#3a4048;height:2px;display:block}.wc-plate-mt i{height:100%;display:block}.wc-plate-mt i.ok{background:#5fb79a}.wc-plate-mt i.warn{background:#e8a951}@media (prefers-reduced-motion:reduce){.wc-img,.wc-plate,.wc-visit i{transition:none}.wc-link:hover .wc-img,.wc-link:hover .wc-plate{transform:none}}@media (max-width:1100px){.workidx-list,.wc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.workidx-list,.wc-grid{grid-template-columns:1fr}.wc-title{font-size:1.35rem}}.workidx .wc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.6vw,2.25rem)}.workidx .wc-thumb{aspect-ratio:auto;height:clamp(200px,17vw,270px)}.workidx .wc:first-child{grid-area:span 2/span 2;display:flex}.workidx .wc:first-child .wc-link{flex-direction:column;width:100%;display:flex}.workidx .wc:first-child .wc-thumb{flex:auto;height:auto;min-height:clamp(320px,34vw,560px)}@media (max-width:1100px){.workidx .wc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workidx .wc:first-child{grid-row:auto}.workidx .wc:first-child .wc-thumb{flex:none;height:clamp(240px,40vw,380px);min-height:0}.workidx .wc-thumb{height:clamp(200px,28vw,300px)}}@media (max-width:700px){.workidx .wc-grid{grid-template-columns:1fr}.workidx .wc:first-child{grid-column:auto}.workidx .wc-thumb,.workidx .wc:first-child .wc-thumb{aspect-ratio:4/3;height:auto}}.wc-img-wide{display:none}.workidx .wc:nth-child(4):last-child{grid-column:1/-1}.workidx .wc:nth-child(4):last-child .wc-thumb{aspect-ratio:3030/720;height:auto}.workidx .wc:nth-child(4):last-child .wc-img-wide{display:block}.workidx .wc:nth-child(4):last-child .wc-img:not(.wc-img-wide){display:none}@media (max-width:700px){.workidx .wc:nth-child(4):last-child .wc-thumb{aspect-ratio:4/3}.workidx .wc:nth-child(4):last-child .wc-img-wide{display:none}.workidx .wc:nth-child(4):last-child .wc-img:not(.wc-img-wide){display:block}}
