.pin{height:320vh}.hero{--tile: min(58px, 5.6vh);position:sticky;top:var(--nav);height:calc(100vh - var(--nav));height:calc(100svh - var(--nav));max-width:1600px;margin:0 auto;padding:3.5vh 48px 3vh;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;grid-template-areas:"head head" "copy screen" "board screen";column-gap:72px;row-gap:2.6vh;align-content:center}html:not(.js) .pin{height:auto}html:not(.js) .hero{position:static;height:auto}.hero-head{grid-area:head}.copy{grid-area:copy}.board-wrap{grid-area:board}.screen{grid-area:screen;align-self:start}.facts{margin:0 0 20px;font-size:16px;color:var(--kiln-text-muted)}.facts strong{color:var(--kiln-text);font-weight:600}h1{margin:0;font:var(--kiln-display-weight) clamp(3.4rem,min(6.3vw,12.5vh),8.4rem)/.95 var(--kiln-font-display);letter-spacing:var(--kiln-m-display-track);white-space:nowrap}h1 .lit{color:var(--kiln-accent)}.lead{margin:0 0 26px;max-width:36ch;font-size:var(--kiln-m-lead);line-height:var(--kiln-m-lead-lh);color:var(--kiln-text-muted)}.ctas{display:flex;flex-wrap:wrap;gap:14px}.counter{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap}.counter div{min-width:0}.counter b{display:block;font:600 clamp(1.8rem,2.4vw,2.6rem)/1 var(--kiln-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.counter b.on{color:var(--kiln-accent)}.counter span{font-size:15px;color:var(--kiln-text-muted)}.board{display:grid;grid-template-columns:repeat(8,var(--tile));gap:8px}.tile{position:relative;width:var(--tile);height:var(--tile);padding:0;border:0;border-radius:var(--kiln-radius);background:var(--kiln-surface-raised);cursor:pointer;transition:background-color .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s cubic-bezier(.2,.7,.2,1),transform .2s}.tile:after{content:"";position:absolute;inset:30% 28% 24%;border-radius:999px 999px 1px 1px;background:var(--kiln-ink);opacity:0;transform:translateY(4px);transition:opacity .3s .12s,transform .3s .12s}.tile:hover{transform:translateY(-2px)}.tile.filmed:before{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--kiln-text-muted);opacity:.7}.tile[aria-pressed=true]{background:var(--kiln-accent);box-shadow:0 0 0 1px #ff8a5a inset,0 0 36px -8px #ff5a1fbf}.tile[aria-pressed=true]:after{opacity:.32;transform:none}.tile[aria-pressed=true].filmed:before{background:var(--kiln-ink)}.screen{margin:0;background:#1b1c1f;border:1px solid var(--kiln-line);border-radius:var(--kiln-radius-lg);overflow:hidden}.stage{position:relative;aspect-ratio:16 / 9;max-height:calc(100svh - var(--nav) - 340px);background:#1b1c1f}.pp{position:absolute;right:12px;bottom:12px;min-height:36px;padding:0 12px;border:1px solid var(--kiln-line);border-radius:var(--kiln-radius);background:#0f1114c7;color:var(--kiln-text);font:500 13px var(--kiln-font-mono);cursor:pointer}.pp:hover{border-color:var(--kiln-text-muted)}.stage.idle .pp,.stage.is-card .pp{display:none}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s linear}.stage video.on{opacity:1}.stage.idle video.on{opacity:.45}.card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 9%;opacity:0;transition:opacity .2s linear;pointer-events:none}.card b{font:600 clamp(1.8rem,2.6vw,2.8rem)/1.08 var(--kiln-font-display);letter-spacing:-.02em;max-width:20ch}.card p{margin:0;max-width:46ch;font-size:17px;color:var(--kiln-text-muted)}.card span{font:500 14px var(--kiln-font-mono);color:var(--kiln-accent)}.stage.is-card video{opacity:0}.stage.is-card .card{opacity:1}.caption{display:flex;align-items:center;gap:18px;height:80px;padding:0 20px;border-top:1px solid var(--kiln-line);font-size:15px;line-height:1.5;color:var(--kiln-text-muted)}.caption .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.caption strong{color:var(--kiln-text);font-weight:600}.caption .meta{margin-left:auto;flex:none;font:500 13px var(--kiln-font-mono);color:var(--kiln-text-muted)}.caption a{color:var(--kiln-text-muted)}.caption a:hover{color:var(--kiln-text)}.loads{max-width:1600px;margin:0 auto;padding:14vh 48px 16vh;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);grid-template-areas:"shot copy";column-gap:72px;align-items:start}.loads .shot{grid-area:shot;margin:0;position:sticky;top:calc(var(--nav) + 40px)}.loads .shot img{display:block;width:100%;height:auto;border:1px solid var(--kiln-line);border-radius:var(--kiln-radius-lg)}.loads .shot figcaption{margin-top:12px;font:500 13px var(--kiln-font-mono);color:var(--kiln-text-muted)}.loads .copy{grid-area:copy}.loads h2{margin:0 0 18px;font:600 clamp(2rem,2.9vw,3.2rem)/1.05 var(--kiln-font-display);letter-spacing:-.02em}.loads .lead{margin:0 0 36px;max-width:38ch;font-size:var(--kiln-m-lead);line-height:var(--kiln-m-lead-lh);color:var(--kiln-text-muted)}.ledger{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--kiln-line)}.ledger>li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:8px;padding:20px 0;border-top:1px solid var(--kiln-line)}.ledger .setup{font-size:16px;color:var(--kiln-text)}.ledger .setup small{display:block;margin-top:4px;font-size:14px;color:var(--kiln-text-muted)}.ledger .bytes{grid-row:span 2;align-self:start;min-width:9ch;font:600 clamp(1.6rem,2vw,2.2rem)/1 var(--kiln-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right}.ledger .bytes.zero{color:var(--kiln-accent)}.ledger .files{margin:0;padding:0;list-style:none;font:500 13px/1.7 var(--kiln-font-mono);color:var(--kiln-text-muted)}.loads .note{margin:18px 0 0;max-width:52ch;font-size:14px;color:var(--kiln-text-muted)}.top{max-width:1600px;margin:0 auto;padding:0 48px 16vh}.top-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:28px}.top h2{margin:0;max-width:24ch;font:600 clamp(2rem,2.9vw,3.2rem)/1.05 var(--kiln-font-display);letter-spacing:-.02em}.top-head p{margin:0;max-width:44ch;font:500 13px/1.6 var(--kiln-font-mono);color:var(--kiln-text-muted);text-align:right}.top-stage{position:relative;width:100%;aspect-ratio:16 / 7;max-height:max(320px,calc(100svh - var(--nav) - 370px));background:#1b1c1f;border:1px solid var(--kiln-line);border-radius:var(--kiln-radius-lg);overflow:hidden}.top-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s linear}.top-stage video.on{opacity:1}.top-stage.idle .pp{display:none}.index{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px}.index li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:18px}.index .bar{position:absolute;left:0;right:0;top:0;height:2px;background:var(--kiln-line);overflow:hidden}.index .bar i{position:absolute;inset:0;background:var(--kiln-accent);transform:scaleX(0);transform-origin:left}.index button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"glyph rank" "votes votes" "name name";align-items:center;column-gap:12px;row-gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.index .rank{grid-area:rank;font:500 13px var(--kiln-font-mono);color:var(--kiln-text-muted)}.index .votes{grid-area:votes;font:600 clamp(1.5rem,1.8vw,2rem)/1 var(--kiln-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.index .votes small{margin-left:6px;font:400 15px var(--kiln-font-text);letter-spacing:0;color:var(--kiln-text-muted)}.index .name{grid-area:name;font-size:16px;line-height:1.4;color:var(--kiln-text-muted);transition:color .2s}.index button:hover .name,.index button[aria-current=true] .name{color:var(--kiln-text)}.index .idea{font:500 13px/1.5 var(--kiln-font-mono);color:var(--kiln-text-muted)}.index .idea:hover{color:var(--kiln-text)}.glyph{grid-area:glyph;position:relative;width:24px;height:24px;border-radius:5px;background:var(--kiln-surface-raised);transition:background-color .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s cubic-bezier(.2,.7,.2,1)}.glyph:after{content:"";position:absolute;inset:30% 28% 24%;border-radius:999px 999px 1px 1px;background:var(--kiln-ink);opacity:0;transform:translateY(2px);transition:opacity .3s .12s,transform .3s .12s}[aria-current=true]>.glyph{background:var(--kiln-accent);box-shadow:0 0 0 1px #ff8a5a inset,0 0 18px -4px #ff5a1fbf}[aria-current=true]>.glyph:after{opacity:.32;transform:none}@media(max-width:1100px){.pin{height:auto}.hero{position:static;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "copy" "screen" "board";row-gap:32px;padding:40px 20px}.stage{max-height:none}.pp{min-height:44px}h1{white-space:normal;font-size:clamp(3rem,13vw,5rem)}.board{grid-template-columns:repeat(6,minmax(0,1fr))}.tile{width:auto;height:auto;aspect-ratio:1;min-height:44px}.caption{height:auto;min-height:64px;padding:14px 20px;flex-wrap:wrap;row-gap:6px}.caption .text{display:block}.caption .meta{margin-left:0}.card b{font-size:1.5rem}.card p{font-size:15px}.loads{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "shot";row-gap:40px;padding:72px 20px 96px}.loads .shot{position:static}.top{padding:0 20px 96px}.top-head{display:block;margin-bottom:24px}.top-head p{margin-top:12px;text-align:left}.top-stage{aspect-ratio:16 / 9;max-height:none}.index{grid-template-columns:minmax(0,1fr);margin-top:12px}.index li{gap:8px;padding:18px 0 16px}.index button{min-height:44px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"glyph rank votes" "name name name";row-gap:8px}.index .votes{font-size:1.4rem;justify-self:end}}@media(min-width:1101px)and (max-height:740px){.pin{height:auto}.hero{position:static;height:auto}.stage,.top-stage{max-height:none}}