.col-back{letter-spacing:.2em;text-transform:uppercase;color:#8f8b85;margin-bottom:.6rem;font-size:.55rem;text-decoration:none;display:block}.col-back:hover{color:var(--fg)}.viewer{background:var(--bg);grid-template-columns:1fr 270px;height:100dvh;display:grid;overflow:hidden}.viewer-main{grid-template-rows:1fr;min-width:0;display:grid}.stage{touch-action:none;background:#08090b;position:relative;overflow:hidden}.stage .m{opacity:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;transition:opacity .28s;position:absolute;inset:0}.stage .m.on{opacity:1}.nav{z-index:5;cursor:pointer;width:46px;height:76px;color:var(--fg);opacity:.45;background:0 0;border:0;place-items:center;font-size:1.5rem;transition:opacity .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav:hover,.nav:focus-visible{opacity:1;background:#0a0b0e73}.nav.l{left:0}.nav.r{right:0}.credits{border-top:1px solid #e8e6e31a;padding:.9rem 1.2rem}.credits .clabel{letter-spacing:.2em;text-transform:uppercase;color:#7d7974;margin:0;font-size:.55rem}.credits ul{gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.credits li{font-size:.7rem;line-height:1.35}.credits .crole{letter-spacing:.16em;text-transform:uppercase;color:#6d6963;font-size:.52rem;display:block}.credits a{color:var(--fg-dim);border-bottom:1px solid #e8e6e340;text-decoration:none}.credits a:hover{color:var(--fg)}.col-foot{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0f12d1;border-top:1px solid #e8e6e31a;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.2rem;display:flex;position:sticky;bottom:0}.shot-count{letter-spacing:.2em;color:#a5a19b;margin:0;font-size:.55rem}.note-pill{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#b9b5af;background:#0a0b0ec7;border:1px solid #e8e6e329;border-radius:3px;align-items:center;gap:.6rem;max-width:min(58ch,72%);padding:.45rem .4rem .45rem .9rem;font-size:.68rem;line-height:1.45;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.note-pill[hidden],.viewer.no-notes .note-pill{display:none}.note-hide{all:unset;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:#7d7974;white-space:nowrap;border-left:1px solid #e8e6e32e;padding:.15rem .5rem .15rem .6rem;font-size:.5rem}.note-hide:hover{color:var(--fg)}.note-hide:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.note-chip{all:unset;z-index:6;cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:#7d7974;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b0e99;border:1px solid #e8e6e324;border-radius:2px;padding:.3rem .65rem;font-size:.5rem;display:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.viewer.no-notes .note-chip{display:block}.note-chip:hover{color:var(--fg)}.note-chip:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.proj-info{display:contents}.proj-info .sheet-grab,.info-fab{display:none}.viewer-col{border-left:1px solid #e8e6e31a;overflow-y:auto}.viewer-col::-webkit-scrollbar{width:6px}.viewer-col::-webkit-scrollbar-thumb{background:#e8e6e333}.col-head{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0f12f0;border-bottom:1px solid #e8e6e31a;padding:4.8rem 1.2rem .9rem;position:sticky;top:0}.col-head h1{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.05rem;font-weight:800}.col-head .type{letter-spacing:.2em;text-transform:uppercase;color:#8f8b85;margin:.25rem 0 0;font-size:.58rem}.idblock{border-bottom:1px solid #e8e6e31a;padding:1.1rem 1.2rem 1.2rem}.idblock .desc{color:var(--fg-dim);margin:0;font-size:.74rem;line-height:1.6}.idblock .desc :global(p){margin:0 0 .6rem}.idblock .desc :global(p:last-child){margin-bottom:0}:is(.idblock .desc :global(h1),.idblock .desc :global(h2),.idblock .desc :global(h3)){letter-spacing:.16em;text-transform:uppercase;color:var(--fg);margin:1rem 0 .4rem;font-size:.6rem}.idblock .desc :global(a){color:var(--fg);overflow-wrap:anywhere;border-bottom:1px solid #e8e6e359;text-decoration:none}:is(.idblock .desc :global(ul),.idblock .desc :global(ol)){margin:0 0 .6rem;padding-left:1.1rem}.idblock .tools{letter-spacing:.14em;text-transform:uppercase;color:#7d7974;margin:.85rem 0 0;font-size:.55rem;line-height:1.75}.thumbs{gap:4px;padding:.5rem .5rem 2.6rem;display:grid}.thumb{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:relative}.thumb img,.thumb video{aspect-ratio:16/9;object-fit:cover;opacity:.45;width:100%;transition:opacity .18s;display:block}.thumb:hover img,.thumb:hover video,.thumb:focus-visible img,.thumb:focus-visible video{opacity:.8}.thumb.on img,.thumb.on video{opacity:1;outline:1px solid var(--fg);outline-offset:-1px}.vbadge{color:var(--fg);background:#0a0b0eb3;border-radius:2px;padding:.1rem .25rem;font-size:.5rem;line-height:1;position:absolute;bottom:4px;right:4px}@media (width<=700px) and (orientation:portrait){.viewer{grid-template-columns:1fr;position:relative}.viewer-col{display:contents}.col-head{z-index:5;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#08090bd9 0%,#08090b73 60%,#0000 100%);border-bottom:0;padding:.9rem 7.5rem 2.4rem 1rem;position:absolute;top:0;left:0;right:0}.viewer:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 0%,#08090b8c 35%,#08090beb 100%);height:9.5rem;position:absolute;bottom:0;left:0;right:0}.thumbs{z-index:5;scrollbar-width:none;gap:4px;padding:0 .55rem;display:flex;position:absolute;bottom:1.7rem;left:0;right:0;overflow-x:auto}.thumbs::-webkit-scrollbar{display:none}.thumb{flex:none;width:88px}.col-foot{z-index:5;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:0;justify-content:center;padding:.25rem;position:absolute;bottom:0;left:0;right:0}.note-pill,.note-chip{bottom:6.6rem}.info-fab{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:34px;height:34px;color:var(--fg-dim);cursor:pointer;background:#0a0b0eb3;border:1px solid #e8e6e359;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:.8rem;font-style:italic;display:grid;position:absolute;bottom:7.6rem;right:.8rem}.proj-info{z-index:8;background:#0c0d10fa;border-top:1px solid #e8e6e340;border-radius:14px 14px 0 0;max-height:62%;padding-top:.5rem;transition:transform .28s;display:block;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.viewer.info-open .proj-info{transform:translateY(0)}.proj-info .sheet-grab{background:#e8e6e340;border-radius:2px;width:34px;height:3px;margin:.3rem auto .5rem;display:block}.proj-info .idblock,.proj-info .credits{border-bottom:0}}@media (height<=500px) and (orientation:landscape){.viewer{grid-template-columns:1fr 176px;position:relative}.col-head{padding:.7rem .8rem .55rem}.proj-info{z-index:8;background:#0c0d10fa;border-top:1px solid #e8e6e340;border-radius:14px 14px 0 0;max-height:70%;padding-top:.5rem;transition:transform .28s;display:block;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.viewer.info-open .proj-info{transform:translateY(0)}.proj-info .sheet-grab{background:#e8e6e340;border-radius:2px;width:34px;height:3px;margin:.3rem auto .5rem;display:block}.info-fab{z-index:6;width:30px;height:30px;color:var(--fg-dim);cursor:pointer;background:#0a0b0eb3;border:1px solid #e8e6e359;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:.72rem;font-style:italic;display:grid;position:absolute;top:.7rem;right:.7rem}.thumbs{padding-bottom:2.2rem}}