.work{padding:clamp(3rem, 6vw, 5rem) var(--field-inset);border-top:var(--hairline) solid var(--rule)}.work .field__rule,.work .crosshair{animation-play-state:paused}.work[data-visible] .field__rule,.work[data-visible] .crosshair{animation-play-state:running}.work__head{grid-template-columns:1fr auto;align-items:end;gap:1rem;max-width:84rem;margin-bottom:clamp(2rem,4vw,3rem);margin-left:auto;margin-right:auto;display:grid}.work__label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);grid-column:1/-1;font-size:.625rem}.work__title{font-family:var(--display);font-variation-settings:"wdth" 112;letter-spacing:-.015em;color:var(--ink);margin:.6rem 0 0;font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:500;line-height:1}.work__count{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.625rem}.plate{max-width:84rem;height:clamp(20rem,42vw,34rem);margin:clamp(2rem,3vw,3rem) auto clamp(2.5rem,5vw,4rem);position:relative}.plate__dim{align-items:center;gap:.6rem;display:flex;position:absolute;top:-1.6rem;left:0;right:0}.plate__rule{height:var(--hairline);background:var(--rule-strong);transform-origin:0;animation:field-across .6s .3s var(--ease-draft) both;flex:1;animation-play-state:paused;position:relative}.work[data-visible] .plate__rule{animation-play-state:running}.plate__rule:before,.plate__rule:after{content:"";width:0;height:0;animation:fade-in .2s .85s var(--ease-draft) both;border-block:3px solid #0000;animation-play-state:paused;position:absolute;top:50%;translate:0 -50%}.work[data-visible] .plate__rule:before,.work[data-visible] .plate__rule:after{animation-play-state:running}.plate__rule:before{border-right:5px solid var(--rule-strong);left:0}.plate__rule:after{border-left:5px solid var(--rule-strong);right:0}.plate__count{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-variant-numeric:tabular-nums;animation:fade-in .3s .9s var(--ease-draft) both;font-size:.5625rem;animation-play-state:paused}.work[data-visible] .plate__count{animation-play-state:running}.plate__reg{border:0 solid var(--rule-strong);width:10px;height:10px;animation:reg-in .3s var(--ease-draft) both;animation-play-state:paused;position:absolute}.work[data-visible] .plate__reg{animation-play-state:running}.plate__reg--tl{border-top-width:var(--hairline);border-left-width:var(--hairline);animation-delay:50ms;top:0;left:0}.plate__reg--tr{border-top-width:var(--hairline);border-right-width:var(--hairline);animation-delay:.1s;top:0;right:0}.plate__reg--bl{border-bottom-width:var(--hairline);border-left-width:var(--hairline);animation-delay:.1s;bottom:0;left:0}.plate__reg--br{border-bottom-width:var(--hairline);border-right-width:var(--hairline);animation-delay:.15s;bottom:0;right:0}.plate__item{margin:0;position:absolute}.plate__hit{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.plate__frame{aspect-ratio:16/10;border:var(--hairline) solid var(--rule-strong);transition:border-color .2s var(--ease-draft);animation:plate-wipe .4s var(--ease-draft) both;animation-play-state:paused;display:block;overflow:hidden}.work[data-visible] .plate__frame{animation-play-state:running}.plate__item[data-has-image=true] .plate__frame{aspect-ratio:auto;border:0;overflow:visible}.plate__frame img{filter:grayscale()contrast(1.03);opacity:.85;width:100%;height:auto;transition:filter .28s var(--ease-draft), opacity .28s var(--ease-draft);display:block}.plate__item:hover .plate__frame img,.plate__item:focus-within .plate__frame img{filter:none;opacity:1}.plate__pending{background:repeating-linear-gradient(45deg, transparent 0 6px, var(--grid-mark) 6px 7px);width:100%;height:100%;display:block}.plate__cap{animation:rise .4s var(--ease-draft) both;margin-top:.4rem;animation-play-state:paused;display:block}.work[data-visible] .plate__cap{animation-play-state:running}.plate__num{letter-spacing:.1em;color:var(--ink-muted);font-variant-numeric:tabular-nums;transition:color .2s var(--ease-draft);font-size:.625rem;display:block}.plate__reveal{opacity:0;pointer-events:none;transition:opacity .18s var(--ease-draft), translate .18s var(--ease-draft);margin-top:.25rem;position:absolute;left:0;right:0;translate:0 -.2rem}.plate__name{font-family:var(--display);font-variation-settings:"wdth" 106;color:var(--ink);font-size:.9375rem;font-weight:500;line-height:1.1;display:block}.plate__line{font-family:var(--prose);font-variation-settings:"wdth" 100;color:var(--ink-soft);margin-top:.15rem;font-size:.6875rem;line-height:1.4;display:block}.plate__item:hover .plate__frame,.plate__item:focus-within .plate__frame{border-color:var(--ink)}.plate__item:hover .plate__num,.plate__item:focus-within .plate__num{color:var(--ink)}.plate__item:hover .plate__reveal,.plate__item:focus-within .plate__reveal{opacity:1;translate:0}.plate__item:hover,.plate__item:focus-within{z-index:1}@media (max-width:900px){.plate{flex-direction:column;gap:2rem;height:auto;display:flex}.plate__dim,.plate__reg{display:none}.plate__item{position:static;width:auto!important;top:auto!important;left:auto!important}.plate__reveal{opacity:1;position:static;translate:none}}@keyframes plate-wipe{0%{clip-path:inset(0 100% 0 0)}}@keyframes reg-in{0%{opacity:0;scale:.4}}.ovl{z-index:50;grid-template-rows:minmax(0,1fr);place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}.ovl__scrim{background:color-mix(in srgb, var(--paper) 72%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;animation:ovl-fade .25s var(--ease-draft) both;border:0;padding:0;position:absolute;inset:0}.ovl__sheet{border:var(--hairline) solid var(--ink);background:var(--paper);clip-path:polygon(1.5rem 0,100% 0,100% 100%,0 100%,0 1.5rem);width:min(64rem,100%);max-height:min(46rem,100%);animation:ovl-rise .3s var(--ease-draft) both;flex-direction:column;display:flex;position:relative}.ovl__bar{background:var(--ink);color:var(--paper);align-items:center;gap:clamp(.75rem,2vw,1.5rem);padding:.7rem .85rem .7rem clamp(1.5rem,3vw,2rem);display:flex}.ovl__num{letter-spacing:.12em;opacity:.55;font-variant-numeric:tabular-nums;font-size:.625rem}.ovl__title{font-family:var(--display);font-variation-settings:"wdth" 110;letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:clamp(1rem,1.9vw,1.5rem);font-weight:500;line-height:1}.ovl__stack{flex-wrap:wrap;gap:.3rem;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.ovl__stack li{border:var(--hairline) solid #ffffff52;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.2rem .45rem;font-size:.5625rem}.ovl__close{border:var(--hairline) solid #ffffff59;width:1.75rem;height:1.75rem;color:var(--paper);cursor:pointer;transition:background .18s var(--ease-draft), color .18s var(--ease-draft);background:0 0;flex:none;font-size:.75rem;line-height:1}.ovl__close:hover{background:var(--paper);color:var(--ink)}.ovl__close:focus-visible{outline:var(--hairline) solid var(--paper);outline-offset:3px}.ovl__media{background:var(--paper-sunk);flex:1;min-height:0;overflow-y:auto}.ovl__media img,.ovl__media video{border-bottom:var(--hairline) solid var(--rule);width:100%;display:block}.ovl__pending{margin:0;padding:clamp(1.25rem,3vw,2rem)}.ovl__pending div{aspect-ratio:16/9;border:var(--hairline) solid var(--rule-strong);background:repeating-linear-gradient(45deg, transparent 0 6px, var(--grid-mark) 6px 7px)}.ovl__pending figcaption{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-top:.5rem;font-size:.625rem}.ovl__foot{border-top:var(--hairline) solid var(--ink);align-items:end;gap:clamp(1rem,3vw,2.5rem);padding:clamp(.9rem,2vw,1.25rem) clamp(1.5rem,3vw,2rem);display:flex}.ovl__about{max-width:62ch;font-family:var(--prose);font-variation-settings:"wdth" 100;color:var(--ink-soft);margin:0;font-size:.8125rem;line-height:1.6}.ovl__links{gap:.4rem;margin-left:auto;display:flex}.ovl__links a{border:var(--hairline) solid var(--rule-strong);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink);transition:background .18s var(--ease-draft), color .18s var(--ease-draft);padding:.3rem .6rem;font-size:.5625rem;text-decoration:none}.ovl__links a:hover{background:var(--ink);color:var(--paper)}@keyframes ovl-fade{0%{opacity:0}}@keyframes ovl-rise{0%{opacity:0;translate:0 .75rem}}@media (max-width:760px){.ovl__bar{flex-wrap:wrap}.ovl__stack{display:none}.ovl__foot{flex-direction:column;align-items:stretch;gap:.9rem}.ovl__links{margin-left:0}}
