@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Syne+Mono&display=swap";:root{--bg:#0a0a0a;--fg:#fff;--muted:#ffffff5c;--border:#ffffff1a;--nav-h:67px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;cursor:none;font-family:Syne,sans-serif;overflow-x:hidden}#cur{pointer-events:none;z-index:9999;background:#fff;border-radius:50%;width:9px;height:9px;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cur.big{background:#ffffff26;border:1px solid #fff6;width:52px;height:52px}.card{cursor:none;color:inherit;text-decoration:none;transition:box-shadow .2s;display:block;position:relative;overflow:hidden}.card:hover{box-shadow:0 0 0 1px #ffffff40}.card-img{aspect-ratio:3/4;background:#111;width:100%;position:relative;overflow:hidden}.card-fill{transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.card:hover .card-fill{transform:scale(1.05)}.card-img:after{content:"";z-index:1;background:linear-gradient(#0000 35%,#000000bf 100%);position:absolute;inset:0}.card-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 14px 0;display:flex;position:absolute;top:0;left:0;right:0}.card-client{letter-spacing:.12em;text-transform:uppercase;color:#f2efe86b;white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:700}.card-name{letter-spacing:.08em;text-transform:uppercase;color:#f2efe861;text-align:right;font-size:9px;font-weight:500;line-height:1.4;transition:color .2s}.card:hover .card-name{color:#fff}.card-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:8px;padding:0 14px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-tags{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.card-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--fg);white-space:nowrap;background:#0000004d;border:1px solid #f2efe859;border-radius:99px;padding:3px 10px;font-size:8px;font-weight:700}.card-year{color:var(--muted);white-space:nowrap;flex-shrink:0;font-family:Syne Mono,monospace;font-size:9px}.f1{background:#6b1a1a}.f2{background:#1a2b4a}.f3{background:#1a3a2a}.f4{background:#3a1a4a}.f5{background:#4a3a1a}.f6{background:#1a3a3a}.f7{background:#2a1a1a}.f8{background:#1a1a3a}.f9{background:#3a2a1a}.f10{background:#1a2a1a}.f11{background:#4a1a2a}.f12{background:#2a3a1a}#left-dim{top:var(--nav-h);width:50%;height:calc(100vh - var(--nav-h));pointer-events:none;z-index:490;background:0 0;transition:background .3s;position:fixed;left:0}body.panel-open #left-dim{pointer-events:all;background:#0000008c}#probe-panel{top:var(--nav-h);width:50%;height:calc(100vh - var(--nav-h));z-index:500;scrollbar-width:none;background:#0e0e0e;flex-direction:column;transition:transform .3s;display:flex;position:fixed;right:0;overflow-y:scroll;transform:translate(100%)}#probe-panel::-webkit-scrollbar{display:none}#probe-panel.open{transform:translate(0)}body.panel-open{overflow:hidden!important}#probe-panel-inner{color:#fff;background:#0e0e0e;flex-direction:column;flex-shrink:0;width:100%;min-height:100%;display:flex}.pp-hero{flex-shrink:0;height:220px;position:relative;overflow:hidden}.pp-hero.f1{background:linear-gradient(135deg,#6b1a1a,#1a0808)}.pp-hero.f2{background:linear-gradient(135deg,#1a2b4a,#080d1a)}.pp-hero.f3{background:linear-gradient(135deg,#1a3a2a,#081a0d)}.pp-hero.f4{background:linear-gradient(135deg,#3a1a4a,#0d081a)}.pp-hero.f5{background:linear-gradient(135deg,#4a3a1a,#1a1208)}.pp-hero.f6{background:linear-gradient(135deg,#1a3a3a,#081a1a)}.pp-hero.f7{background:linear-gradient(135deg,#2a1a1a,#0d0808)}.pp-hero.f8{background:linear-gradient(135deg,#1a1a3a,#08081a)}.pp-hero.f9{background:linear-gradient(135deg,#3a2a1a,#120d08)}.pp-hero.f10{background:linear-gradient(135deg,#1a2a1a,#080d08)}.pp-hero.f11{background:linear-gradient(135deg,#4a1a2a,#1a0810)}.pp-hero.f12{background:linear-gradient(135deg,#2a3a1a,#0d1208)}.pp-close{color:#f2efe8b3;cursor:pointer;z-index:2;background:#0000004d;border:1px solid #f2efe840;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:300;line-height:1;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.pp-close:hover{color:#0e0c14;background:#fff;border-color:#fff}.pp-body{scrollbar-width:none;flex-direction:column;flex:1;padding:0 28px 100px;display:flex}.pp-body::-webkit-scrollbar{display:none}.pp-probe-title{letter-spacing:-.02em;color:#f2efe8;font-size:clamp(26px,2.9vw,38px);font-weight:800;line-height:1.1}.pp-section{padding:20px 0}.pp-section:not(:last-of-type){border-bottom:1px solid #f2efe814}.pp-section-label{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:10px;font-size:13px;font-weight:700}.pp-actions{border-top:1px solid #f2efe814;flex-direction:column;gap:10px;padding:20px 0 0;display:flex}.pp-btn{text-align:center;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:14px 20px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:block}.pp-btn-primary{background:var(--fg);color:var(--bg);border:1px solid var(--fg)}.pp-btn-primary:hover{color:#120030;background:#35d0f2;border-color:#35d0f2}.pp-btn-secondary{color:#0a0a0a;background:#fff;border:1px solid #fff}.pp-btn-secondary:hover{color:#0a0a0a;background:#ffffffd1;border-color:#ffffffd1}.pp-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.pp-builder{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}.pp-builder strong{color:#f2efe8a6;font-weight:600}.pp-tags{flex-wrap:wrap;gap:4px;display:flex}.pp-tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:8px;font-weight:700}.pp-year{color:var(--muted);font-family:Syne Mono,monospace;font-size:10px}@media (width<=768px){#probe-panel{width:100%;height:100vh;top:0}.pp-hero{height:160px}}