:root{--acc:#67e8f9;--acc-dim:#67e8f924;--acc-glow:#67e8f959}.pj-page{overflow-x:hidden}.pj-hero{background:radial-gradient(ellipse 60% 45% at 50% 0%, #67e8f912, transparent 70%), var(--bg);height:100dvh;position:relative;overflow:hidden}.pj-hero__grid{pointer-events:none;background-image:linear-gradient(#f4f4f20b 1px,#0000 1px),linear-gradient(90deg,#f4f4f20b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 75%)}.pj-hero__stage{place-items:center;display:grid;position:absolute;inset:0}.pj-hero__media{border-radius:var(--r-lg);z-index:2;background:#000;border:1px solid #67e8f940;width:360px;max-width:94vw;height:230px;max-height:82vh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 60px #67e8f91f,0 30px 80px #0009}.pj-hero__media iframe,.pj-hero__media img{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%;display:block}.pj-hero__media-dim{pointer-events:none;transition:opacity .2s var(--ease);background:#00000059;position:absolute;inset:0}.pj-hero__media:before,.pj-hero__media:after{content:"";z-index:3;pointer-events:none;width:26px;height:26px;position:absolute}.pj-hero__media:before{border-top:2px solid var(--acc);border-left:2px solid var(--acc);top:10px;left:10px}.pj-hero__media:after{border-bottom:2px solid var(--acc);border-right:2px solid var(--acc);bottom:10px;right:10px}.pj-hero__titles{z-index:3;mix-blend-difference:normal;mix-blend-mode:difference;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.pj-hero__titles h1{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:#fff;white-space:nowrap;font-size:clamp(52px,9vw,130px);font-weight:700;line-height:.98}.pj-hero__kicker{z-index:3;font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--acc);pointer-events:none;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%)}.pj-hero__kicker:before,.pj-hero__kicker:after{content:"";background:var(--acc);opacity:.5;width:34px;height:1px}.pj-hero__cue{z-index:4;align-items:center;gap:var(--sp-2);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:var(--r-full);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:border-color var(--t-fast) var(--ease), opacity .3s var(--ease);padding:10px 20px;font-size:11.5px;display:inline-flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.pj-hero__cue:hover{border-color:var(--acc)}.pj-hero__cue i{color:var(--acc);animation:1.6s infinite pj-bounce}@keyframes pj-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.pj-hero__featured{z-index:3;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;font-size:11px;position:absolute;bottom:30px;left:34px}.pj-hero.is-expanded .pj-hero__featured{opacity:1}.pj-hero__featured strong{color:var(--acc);margin-top:4px;font-weight:500;display:block}.pj-body{background:var(--bg);border-top:1px solid var(--line);position:relative}.pj-inner{max-width:1280px;padding:var(--sp-16) var(--sp-6) var(--sp-12);margin:0 auto}.pj-stats{gap:var(--sp-4);margin-bottom:var(--sp-12);grid-template-columns:repeat(4,1fr);display:grid}.pj-stat{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-6);background:var(--bg-raise)}.pj-stat b{font-family:var(--font-display);color:var(--fg);font-size:34px;font-weight:700;line-height:1.1;display:block}.pj-stat span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);font-size:10.5px}@media (max-width:800px){.pj-stats{grid-template-columns:repeat(2,1fr)}}.pj-filters{gap:var(--sp-2);margin-bottom:var(--sp-8);flex-wrap:wrap;display:flex}.pj-filter{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-full);cursor:pointer;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);align-items:center;gap:8px;padding:10px 18px;font-size:12px;display:inline-flex}.pj-filter em{color:var(--fg-faint);font-size:10px;font-style:normal}.pj-filter:hover{color:var(--fg);border-color:var(--fg-faint)}.pj-filter.is-active{color:var(--acc);border-color:var(--acc);box-shadow:0 0 18px var(--acc-dim), inset 0 0 12px #67e8f90f}.pj-filter.is-active em{color:var(--acc);opacity:.7}.pj-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1100px){.pj-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.pj-grid{grid-template-columns:1fr}}.pj-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);transition:transform var(--t-med) var(--ease), border-color var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease), opacity .4s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.pj-card:hover{box-shadow:0 24px 60px #00000080, 0 0 30px var(--acc-dim);border-color:#67e8f966;transform:translateY(-6px)}.pj-card.is-hidden{display:none}.pj-card__media{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.pj-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease), opacity .3s var(--ease);display:block}.pj-card:hover .pj-card__media img{transform:scale(1.05)}.pj-card__media iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.pj-play{cursor:pointer;z-index:2;background:linear-gradient(#0000 45%,#0000008c 100%);border:none;place-items:center;display:grid;position:absolute;inset:0}.pj-play__btn{width:62px;height:62px;color:var(--acc);-webkit-backdrop-filter:blur(8px);transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);background:#0a0a0aa6;border:1px solid #67e8f980;border-radius:50%;place-items:center;font-size:18px;display:grid}.pj-play:hover .pj-play__btn{box-shadow:0 0 30px var(--acc-glow);transform:scale(1.12)}.pj-play__btn i{margin-left:3px}.pj-card__index{z-index:3;font-family:var(--mono);letter-spacing:.1em;color:#f4f4f2d9;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#0a0a0a8c;border:1px solid #ffffff29;border-radius:4px;padding:4px 9px;font-size:11px;position:absolute;top:12px;right:14px}.pj-card__body{padding:var(--sp-4) var(--sp-6) var(--sp-6);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.pj-card__tags{flex-wrap:wrap;gap:6px;display:flex}.pj-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);background:#67e8f90f;border:1px solid #67e8f94d;border-radius:4px;padding:3px 9px;font-size:9.5px}.pj-card__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);font-size:19px;font-weight:600}.pj-card__desc{color:var(--fg-dim);flex:1;font-size:13px;line-height:1.6}.pj-card__links{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.pj-link{color:var(--fg);border:1px solid var(--line);border-radius:var(--r-full);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.pj-link:hover{background:var(--fg);color:var(--bg-card);border-color:var(--fg)}.pj-link--acc{color:var(--acc);border-color:#67e8f966}.pj-link--acc:hover{background:var(--acc);color:#06232b;border-color:var(--acc)}.pj-card{cursor:pointer}.pj-card:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.pj-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);padding:var(--sp-6);opacity:0;transition:opacity .22s var(--ease);background:#030506c7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.pj-modal-overlay.is-open{display:flex}.pj-modal-overlay.is-visible{opacity:1}.pj-modal{background:var(--bg-card);border-radius:var(--r-lg);width:min(1040px,100%);max-height:90vh;box-shadow:0 40px 120px #000000a6, 0 0 60px var(--acc-dim);transition:transform .26s var(--ease);border:1px solid #67e8f940;position:relative;overflow-y:auto;transform:scale(.94)translateY(14px)}.pj-modal-overlay.is-visible .pj-modal{transform:scale(1)translateY(0)}.pj-modal__close{z-index:5;border:1px solid var(--glass-line);background:var(--glass-bg);width:40px;height:40px;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:16px;right:16px}.pj-modal__close:hover{border-color:var(--acc);transform:scale(1.08)}.pj-modal__media{aspect-ratio:16/9;border-radius:var(--r-lg) var(--r-lg) 0 0;background:#000;position:relative;overflow:hidden}.pj-modal__media:before,.pj-modal__media:after{content:"";z-index:2;pointer-events:none;width:22px;height:22px;position:absolute}.pj-modal__media:before{border-top:2px solid var(--acc);border-left:2px solid var(--acc);top:10px;left:10px}.pj-modal__media:after{border-bottom:2px solid var(--acc);border-right:2px solid var(--acc);bottom:10px;right:10px}.pj-modal__media iframe,.pj-modal__media img{object-fit:cover;border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pj-modal__body{padding:var(--sp-8)}.pj-modal__index{font-family:var(--mono);letter-spacing:.16em;color:var(--acc);margin-bottom:var(--sp-2);font-size:11px}.pj-modal__title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);margin-bottom:var(--sp-3);font-size:clamp(24px,3vw,34px);font-weight:600}.pj-modal__tags{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:6px;display:flex}.pj-modal__desc{color:var(--fg-dim);max-width:68ch;margin-bottom:var(--sp-6);font-size:15.5px;line-height:1.75}.pj-modal__links{gap:var(--sp-3);flex-wrap:wrap;display:flex}.pj-modal__links .pj-link{padding:10px 20px;font-size:13.5px}@media (max-width:640px){.pj-modal-overlay{align-items:flex-end;padding:0}.pj-modal{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:94vh}.pj-modal__body{padding:var(--sp-6)}}@media (prefers-reduced-motion:reduce){.pj-hero__cue i{animation:none}.pj-card,.pj-card__media img,.pj-play__btn,.pj-modal,.pj-modal-overlay{transition:none}}