:root{--field: #0c0c0c;--ink: #fff;--dim: #8d8d8d;--gap: 10px;--row: calc(var(--gap) + 2.4em + 1.77em)}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--field);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,.83vw,20px);line-height:1.2}.feed{display:flex;flex-direction:column;gap:var(--row);padding:60px var(--gap) 88px}.case{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap);align-items:start}.case{transition:filter .25s ease}@media(hover:hover){.feed:has(.case:hover) .case:not(:hover){filter:brightness(.25)}}@keyframes case-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.case{animation:case-in .36s ease backwards;animation-delay:calc(var(--i, 0) * 70ms)}@media(prefers-reduced-motion:reduce){.case{transition:none;animation:none}}.tile{margin:0;margin-top:calc(var(--dy, 0) / (var(--s) * 194.2857 + (var(--s) - 1) * 10) * 100%);margin-left:calc(var(--dx, 0) / (var(--s) * 194.2857 + (var(--s) - 1) * 10) * 100%);margin-right:calc(-1 * var(--dx, 0) / (var(--s) * 194.2857 + (var(--s) - 1) * 10) * 100%);position:relative;grid-row:1;grid-column:var(--c) / span var(--s);aspect-ratio:var(--ar)}.tile img,.tile video{display:block;width:100%;height:100%;object-fit:cover}.num{position:absolute;top:calc(100% + var(--gap));right:0;line-height:1}.cap{position:absolute;top:calc(100% + var(--gap));left:0;white-space:nowrap}.cap b{display:block;font-weight:400;color:var(--dim);text-transform:uppercase}@media(max-width:760px){.case{grid-template-columns:repeat(2,1fr);row-gap:var(--row)}.tile{grid-row:auto;grid-column:auto / span var(--sm, 2);margin-top:0;margin-left:0}}.case[hidden]{display:none}.bar{position:fixed;top:10px;left:var(--gap);right:var(--gap);z-index:1;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.bar>*{pointer-events:auto;background:#000}.year{color:gray}.dock{position:fixed;left:var(--gap);right:var(--gap);bottom:18px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--gap);pointer-events:none}.dock>*{pointer-events:auto}.filters{display:flex;gap:2px}.filters button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0 .9em;min-width:3.6em;height:3.6em;border:1px solid #808080;border-radius:1.8em;background:var(--field);font:inherit;color:gray;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.filters button.on{color:var(--ink);border-color:#f3d216}.contact{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;height:3.6em;margin:0;padding:0 1.6em;border:1px solid var(--ink);background:var(--field);font:inherit;color:var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.filters button:focus-visible,.contact:focus-visible{outline:none;background:#f3d216;border-color:#f3d216;color:#0c0c0c}@media(hover:hover){.filters button:hover,.contact:hover{background:#f3d216;border-color:#f3d216;color:#0c0c0c}}.contact[data-unread]:after{content:attr(data-unread);position:absolute;top:-.6em;right:-.6em;min-width:1.6em;height:1.6em;padding:0 .4em;border-radius:.8em;background:#f3d216;color:#0c0c0c;line-height:1.6em;text-align:center}.lap{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1;background:#f3d216;transform-origin:0 0;transform:scaleX(0);pointer-events:none}@media(max-width:760px){.bar,.dock{font-size:15px}.lap{top:auto;bottom:0}}.beta{font-size:.645em;vertical-align:super;color:#f3d216;font-weight:700}body.chat .feed{filter:brightness(.25)}.feed{transition:filter .25s ease}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;cursor:pointer}.cue{position:fixed;top:0;left:0;transform-origin:0 0;pointer-events:none;visibility:hidden}.cue.on{visibility:visible}.cue-in{display:block;padding:.3em .7em;background:#f3d216;color:#0c0c0c;white-space:nowrap;transform-origin:-18px -18px}.sheet{position:fixed;top:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;width:min(420px,100%);background:#000}.sheet[hidden]{display:none}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap);padding:max(16px,1.3em) 16px 32px}.sheet-title b{display:block;font-weight:400}.sheet-state{color:gray}.sheet-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex:none;width:3.4em;height:3.4em;margin:-.5em 0 0;padding:0;border:0;border-radius:50%;background:none;font:inherit;color:var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease}.sheet-x svg{width:1.8em;height:1.8em;margin:auto;transition:transform .2s cubic-bezier(.2,.75,.15,1)}.sheet-x:focus-visible{outline:none;background:#f3d216;color:#0c0c0c}@media(hover:hover){.sheet-x:hover{background:#f3d216;color:#0c0c0c}.sheet-x:hover svg{transform:rotate(90deg)}}.sheet-log{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px;overflow-y:auto;overscroll-behavior:contain}.msg{max-width:84%;padding:.55em .9em;border-radius:1.2em;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.3}.msg.v{align-self:flex-end;border-bottom-right-radius:.35em;background:#f3d216;color:#0c0c0c}.msg.m{align-self:flex-start;border:1px solid #808080;border-bottom-left-radius:.35em}.sheet-form{display:flex;align-items:stretch;gap:0;padding:16px 16px 0}.sheet-form textarea{flex:1;min-height:3.6em;max-height:160px;margin:0;padding:1.1em;border:1px solid #808080;border-radius:0;background:var(--field);font:inherit;line-height:1.3;color:var(--ink);resize:none;transition:border-color .12s ease;scrollbar-width:none}.sheet-form textarea::-webkit-scrollbar{display:none}.sheet-form textarea:focus{border-color:var(--ink);outline:none}.sheet-form textarea::placeholder{color:gray}@media(hover:hover){.sheet-form textarea:hover{border-color:var(--ink)}}.sheet-send{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;align-self:flex-end;display:flex;width:3.6em;height:3.6em;margin:0;padding:0;border:0;border-radius:50%;background:#f3d216;font:inherit;color:#0c0c0c;cursor:pointer;transition:background .12s ease,color .12s ease}.sheet-send svg{width:2.2em;height:2.2em;margin:auto;transition:transform .2s cubic-bezier(.2,.75,.15,1)}.sheet-send:disabled{background:gray;cursor:default}.sheet-send:focus-visible{outline:none;background:var(--ink)}@media(hover:hover){.sheet-send:hover:enabled{background:var(--ink)}.sheet-send:hover:enabled svg{transform:translate(.2em)}}.sheet-note{min-height:1.3em;padding:6px 16px 10px;color:#f3d216}@media(max-width:760px){.dock,.filters{gap:0}.contact{flex:1;justify-content:center}.sheet{font-size:15px;top:auto;left:0;width:100%;height:78vh;border-radius:1.2em 1.2em 0 0}}.wall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--field);overflow:hidden;touch-action:none}.wall-grid{display:grid;height:100%;gap:2px;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr))}.wall-grid img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;opacity:0}.wall-brand{position:absolute;top:10px;left:var(--gap);background:#000}.wall-cnt{position:absolute;top:10px;right:var(--gap);color:#f3d216;background:#000}@media(max-width:760px){.wall-brand,.wall-cnt{font-size:15px}}
