.archive{background:#bcbbb6;position:relative}.archive:before{content:"";pointer-events:none;background:linear-gradient(#0e0e0e12 1px,#0000 1px) 0 0/100% 80px,linear-gradient(90deg,#0e0e0e12 1px,#0000 1px) 0 0/80px 100%;position:absolute;inset:0}.archive__pin{height:100svh;min-height:640px;padding:calc(var(--hud-h) + 10px) 0 22px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:clip}.archive__head{padding:0 var(--gutter);z-index:6;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:relative}.archive__title{gap:10px;display:grid}.archive__title .label__jp{color:var(--red)}.archive__h1{align-items:flex-start;font-size:clamp(80px,13vw,210px);display:flex}.archive__word{display:inline-block}.archive__h1 sup{font:500 clamp(14px, 1.4vw, 20px)/1 var(--f-mono);color:var(--red);letter-spacing:.08em;margin:.5em 0 0 .4em}.archive__ctrl{align-items:center;gap:10px;padding-bottom:12px;display:flex}.mode{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.45;align-items:center;gap:8px;padding:8px 0;transition:opacity .3s,color .3s;display:inline-flex}.mode [data-icon]{font-size:16px}.mode[aria-pressed=true]{opacity:1;color:var(--red)}.mode:hover{opacity:1}.mode__track{width:44px;height:14px;box-shadow:inset 0 0 0 1px var(--ink);border-radius:99px;position:relative}.mode__knob{background:var(--red);width:10px;height:10px;transition:transform .5s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.film.is-linear~* .mode__knob,.archive__ctrl.is-linear .mode__knob{transform:translate(30px)}.film{align-items:center;min-width:0;display:flex;position:relative}.film__axis{z-index:5;background:var(--ink);pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:1px;display:flex;position:absolute;top:6%;bottom:6%;left:50%}.film__axis em{font:500 9px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;background:#bcbbb6;padding:6px 4px;font-style:normal}.film__track{will-change:transform;align-items:center;padding:0 38vw;display:flex}.film__item{aspect-ratio:16/10;flex:none;width:24vw;min-width:220px;transition:box-shadow .4s;display:block;position:relative}.film__item img{object-fit:cover;object-position:top;filter:grayscale()contrast(1.1)brightness(.82);width:100%;height:100%;transition:filter .5s;box-shadow:0 24px 40px -24px #000000a6}.film__no{font:500 10px/1 var(--f-mono);color:var(--paper);background:var(--ink);letter-spacing:.1em;padding:4px 6px;position:absolute;top:8px;left:8px}.film__item.is-active{z-index:4}.film__item.is-active img{filter:none}.film__item.is-active .film__no{background:var(--red)}.film__item:hover img,.film__item:focus-visible img{filter:grayscale(.2)}.film.is-random .film__item{transform:translateY(calc(var(--ry) * 17vh)) scale(var(--rs)) rotate(calc(var(--ry) * 3deg));margin-left:-6vw}.film.is-random .film__item:first-child{margin-left:0}.film.is-linear .film__item{width:20vw;margin-left:2vw;transform:none}.film.is-linear .film__item:first-child{margin-left:0}.archive__foot{padding:0 var(--gutter);z-index:6;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;display:grid;position:relative}.now{text-align:center;grid-column:2;justify-items:center;gap:6px;display:grid}.now__no{font:500 11px/1 var(--f-mono);color:var(--red);letter-spacing:.2em}.now__jp{font:700 12px/1 var(--f-jp);letter-spacing:.3em}.now__name{font-size:clamp(40px,5.6vw,92px);overflow:clip}.now__tag{font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;grid-area:1/1}.archive__hint{font:500 10px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.6;text-align:right;grid-area:1/3;justify-self:end;max-width:24ch}@media (width<=860px){.archive__head{flex-direction:column;align-items:flex-start}.film__item{width:62vw}.film.is-linear .film__item{width:56vw;margin-left:4vw}.film__track{padding:0 19vw}.archive__foot{grid-template-columns:1fr;justify-items:center}.now,.now__tag{grid-area:auto/1}.archive__hint{display:none}}.index{padding:130px var(--gutter) 80px}.index__head{gap:22px;margin-bottom:50px;display:grid}.index__head .label__jp{color:var(--red)}.index__title{max-width:14ch;font-size:clamp(46px,7vw,118px)}.index__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:40px;display:grid}.ix{border-top:1px solid var(--ink)}.ix__row{border-bottom:1px solid var(--line);overflow:clip}.ix__link{isolation:isolate;grid-template-columns:44px minmax(0,1fr) 70px minmax(0,190px) 50px 26px;align-items:center;gap:14px;padding:18px 6px;display:grid;position:relative}.ix__link:before{content:"";z-index:-1;background:var(--ink);transform-origin:bottom;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.ix__link:hover:before,.ix__link:focus-visible:before,.ix__link.is-on:before{transform:scaleY(1)}.ix__link:hover,.ix__link:focus-visible,.ix__link.is-on{color:var(--paper)}.ix__no{font:500 11px/1 var(--f-mono);color:var(--red)}.ix__name{font:400 clamp(28px, 3.2vw, 52px)/.95 var(--f-display);text-transform:uppercase;overflow:clip}.ix__name-in{transition:transform .5s var(--ease);display:inline-block}.ix__link:hover .ix__name-in,.ix__link.is-on .ix__name-in{transform:translate(14px)}.ix__jp{font:700 13px/1 var(--f-jp);letter-spacing:.1em;opacity:.7}.ix__tag,.ix__year{font:500 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.ix__go{transition:transform .4s var(--ease), color .3s;font-size:22px}.ix__link:hover .ix__go,.ix__link.is-on .ix__go{color:var(--red);transform:rotate(45deg)}.monitor{top:calc(var(--hud-h) + 30px);gap:0;display:grid;position:sticky}.monitor__screen{aspect-ratio:4/3;box-shadow:0 0 0 10px var(--ink), 0 0 0 11px var(--ink-3), 0 40px 60px -30px #0009;background:#0b0b0b;border-radius:18px;position:relative;overflow:hidden}.monitor__img{object-fit:cover;object-position:top;filter:contrast(1.05)saturate(.9);width:100%;height:100%;position:absolute;inset:0}.monitor__noise,.monitor__sweep,.monitor__scan,.monitor__ch,.monitor__rec{z-index:5}.monitor__sweep{pointer-events:none;opacity:0;background:linear-gradient(#0000 calc(100% - 26px),#ffffff47 calc(100% - 3px),#ffffffe6 calc(100% - 1px),#0000 100%);height:100%;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.monitor__noise{opacity:0;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:-50%}.monitor__scan{pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.monitor__scan:after{content:"";background:radial-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.monitor__ch{font:400 28px/1 var(--f-display);color:#fff;text-shadow:2px 0 var(--red);letter-spacing:.04em;position:absolute;top:14px;right:16px}.monitor__rec{font:500 10px/1 var(--f-mono);color:#fff;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px}.monitor__rec i{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1s steps(2,jump-none) infinite blink}.monitor__base{background:var(--ink);color:var(--paper);font:400 20px/1 var(--f-display);text-transform:uppercase;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);justify-content:space-between;align-items:center;margin-top:22px;padding:12px 14px;display:flex}.monitor__base .barcode{width:90px;height:18px;color:var(--paper)}@media (width<=960px){.index__grid{grid-template-columns:1fr}.monitor{display:none}}@media (width<=640px){.ix__link{grid-template-columns:30px minmax(0,1fr) 26px;row-gap:6px}.ix__jp,.ix__year{display:none}.ix__tag{grid-area:2/2}.ix__go{grid-area:1/3}}