:root{--void:#08090c;--surface:#161a21;--surface2:#1d222b;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#f4f6f8;--muted:#9aa3b0;--faint:#6b7280;--accent:#4cc9ff;--accent2:#7ad9ff;--glow:rgba(76,201,255,.28);--radius:16px;--max:1280px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(1100px 600px at 78% -8%,rgba(76,201,255,.13),transparent 60%),radial-gradient(900px 500px at 0 0,rgba(76,201,255,.05),transparent 55%),var(--void);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.wrap{width:100%;max-width:var(--max);margin:auto;padding-inline:clamp(18px,5vw,48px)}
.hero{padding:20px 0 clamp(50px,8vw,92px)}.topbar,.header-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar{margin-bottom:clamp(55px,9vw,105px)}.site-header{padding:18px clamp(18px,5vw,48px);border-bottom:1px solid var(--line);background:rgba(8,9,12,.82);backdrop-filter:blur(12px)}.brand,.logo{font:700 14px/1 'Space Mono',monospace;letter-spacing:.22em;color:var(--accent2)}.search{width:min(390px,50vw);display:flex;align-items:center;gap:10px;background:rgba(22,26,33,.78);border:1px solid var(--line2);border-radius:999px;padding:10px 16px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(76,201,255,.1)}.search svg{width:17px;fill:none;stroke:var(--muted);stroke-width:2}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:14px Inter}.header-spacer{display:none}.btn{color:var(--accent2);font:12px 'Space Mono',monospace;text-transform:uppercase}.eyebrow,.index,.count{font-family:'Space Mono',monospace;text-transform:uppercase}.eyebrow{font-size:12px;letter-spacing:.32em;color:var(--accent2);margin-bottom:18px}.wordmark{font:700 clamp(58px,12vw,112px)/.82 'Space Grotesk',sans-serif;letter-spacing:-.055em}.wordmark span{color:var(--accent);filter:drop-shadow(0 0 22px var(--glow))}.lede{max-width:55ch;margin-top:28px;color:var(--muted);font-size:clamp(15px,2vw,18px)}
.main-content{padding-bottom:70px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.section-head h2{font:700 clamp(26px,4vw,38px)/1 'Space Grotesk',sans-serif;letter-spacing:-.03em}.index{display:block;color:var(--accent2);font-size:11px;letter-spacing:.18em;margin-bottom:9px}.count{font-size:11px;letter-spacing:.12em;color:var(--faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,22px)}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 24px 50px -28px #000}.thumb{position:relative;aspect-ratio:4/5;background:#050607;overflow:hidden}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.type-tag,.duration{position:absolute;z-index:2;font:10px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.12em;background:rgba(8,9,12,.75);border:1px solid var(--line2);backdrop-filter:blur(4px);border-radius:6px}.type-tag{left:10px;top:10px;padding:4px 8px}.duration{right:10px;bottom:10px;padding:4px 7px}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.18);opacity:0;transition:opacity .2s}.card:hover .play-overlay{opacity:1}.circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 10px 30px var(--glow)}.card-body{padding:14px}.card-title{font-size:14px;font-weight:500}.card-meta{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.tag{font:10px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);border:1px solid rgba(76,201,255,.25);background:rgba(76,201,255,.08);border-radius:999px;padding:3px 8px}.empty{grid-column:1/-1;text-align:center;padding:80px 0;color:var(--muted)}
.player-wrap{max-width:1150px;margin:auto;padding:32px clamp(18px,5vw,48px) 80px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.back-link:hover{color:var(--accent)}.player{aspect-ratio:16/9;background:#000;border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 90px -45px var(--glow)}.player video{width:100%;height:100%}.player-title{font:700 clamp(25px,4vw,42px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin-top:24px}.player-meta{display:flex;gap:8px;margin-top:12px}.up-next-title{font:700 28px 'Space Grotesk',sans-serif;border-bottom:1px solid var(--line);padding-bottom:14px;margin:64px 0 22px}.site-footer,footer{border-top:1px solid var(--line);padding:30px 20px;color:var(--faint);font-size:13px;text-align:center}footer .wrap{display:flex;justify-content:space-between;gap:15px}footer code{font-family:'Space Mono',monospace;color:var(--muted)}
.nav-note{margin-left:auto;color:var(--faint);font:10px 'Space Mono',monospace;letter-spacing:.13em;white-space:nowrap}.hero-cta{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding-bottom:5px;border-bottom:1px solid var(--accent);color:var(--text);font:600 12px 'Space Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.hero-cta span{color:var(--accent);transition:transform .2s}.hero-cta:hover span{transform:translateY(3px)}#collection{scroll-margin-top:24px}
@media(max-width:600px){.topbar{align-items:flex-start}.nav-note{display:none}.search{width:48px;padding:12px 14px}.search input{display:none}.wordmark{font-size:clamp(52px,20vw,80px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:11px}.card-title{font-size:12px}.tag{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.process{margin-bottom:clamp(65px,9vw,110px);scroll-margin-top:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{min-height:230px;padding:24px;background:linear-gradient(155deg,var(--surface),rgba(15,18,23,.7));border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}.step:hover{border-color:rgba(76,201,255,.35);transform:translateY(-3px)}.step>span{font:700 12px 'Space Mono',monospace;color:var(--accent2);letter-spacing:.15em}.step h3{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin-bottom:8px}.step p{color:var(--muted);font-size:14px;max-width:32ch}.mini-action{display:inline-block;margin-top:16px;color:var(--accent2);font:600 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.join{padding-top:clamp(65px,9vw,110px);scroll-margin-top:24px}.join-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:clamp(30px,6vw,80px);align-items:center;padding:clamp(26px,5vw,52px);background:linear-gradient(145deg,var(--surface),#0e1116);border:1px solid var(--line2);border-radius:22px;box-shadow:0 35px 100px -65px var(--accent)}.join-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(76,201,255,.04),transparent)}.join-copy,.handle-form{position:relative}.join-copy h2{font:700 clamp(28px,4vw,42px)/1 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:10px 0 14px}.join-copy p{color:var(--muted);font-size:14px}.handle-form label{display:block;margin-bottom:10px;color:var(--faint);font:10px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.15em}.field-row{display:flex;gap:10px}.input-shell{flex:1;display:flex;align-items:center;min-width:0;padding:6px 8px 6px 15px;background:var(--void);border:1px solid var(--line2);border-radius:999px}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(76,201,255,.1)}.input-shell span{color:var(--accent2);font:700 15px 'Space Mono',monospace}.input-shell input{min-width:0;width:100%;padding:11px 8px;border:0;outline:0;background:transparent;color:var(--text);font:15px 'Space Mono',monospace}.input-shell input[aria-invalid="true"]{color:#ff7683}.field-row button{border:0;border-radius:999px;padding:0 24px;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#042430;font-weight:700;white-space:nowrap;box-shadow:0 12px 28px -15px var(--accent)}.form-note{margin:10px 0 0;color:var(--faint);font-size:11px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 17px;background:var(--text);color:var(--void);border-radius:999px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:.25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.steps{grid-template-columns:1fr}.step{min-height:180px}.join-card{grid-template-columns:1fr}.field-row{flex-direction:column}.field-row button{min-height:52px}}
.keywords{display:flex;flex-direction:column;gap:7px}.keywords button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;text-align:left;background:var(--void);color:var(--text);border:1px solid var(--line2);border-radius:9px;font-size:12px;cursor:pointer;transition:border-color .18s,background .18s}.keywords button:hover{border-color:var(--accent);background:var(--surface2)}.keywords button b{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font:9px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.keywords button.is-copied{border-color:#38e0a0;background:rgba(56,224,160,.08)}.keywords button.is-copied b{color:#38e0a0}.title-library{margin-bottom:clamp(65px,9vw,110px);scroll-margin-top:24px}.keyword-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.keyword-group{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.set-number{color:var(--accent2);font:10px 'Space Mono',monospace;letter-spacing:.14em}.keyword-group h3{margin:7px 0 15px;font:700 21px 'Space Grotesk',sans-serif}.x-main-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;padding:16px;background:var(--accent);color:#042430;border-radius:12px;font-weight:700}.x-main-action:hover{background:var(--accent2)}@media(max-width:650px){.keyword-groups{grid-template-columns:1fr}.keyword-group{padding:18px}}