.pj-eyebrow-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1400px;padding:0 var(--page-pad-x);margin:0 auto}.pj-site-link{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);padding:6px 14px;border-radius:100px;transition:background .2s,color .2s}.pj-site-link:hover{background:var(--accent);color:var(--accent-ink)}.pj-tags{display:flex;gap:8px;flex-wrap:wrap;max-width:1400px;padding:0 var(--page-pad-x);margin:0 auto}.pj-tag{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;background:var(--paper-2);color:var(--mute);border:1px solid var(--line);padding:5px 12px;border-radius:100px}.pj-cover-img{margin:0 var(--page-pad-x) 24px;border-radius:var(--radius-lg);overflow:hidden;background:var(--pj-bg, var(--paper-2));display:flex;justify-content:center;align-items:center;padding:48px 48px 0;max-height:680px}.pj-cover-img img{max-width:860px;width:100%;height:auto;display:block;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -8px 60px #0000001a;object-fit:contain}@media(max-width:1023px){.pj-cover-img{padding:32px 32px 0;margin:0 12px 16px}}@media(max-width:639px){.pj-cover-img{padding:24px 20px 0;margin:0 0 12px;border-radius:var(--radius-md)}}.pj-reel-section{padding:0 var(--page-pad-x);margin-bottom:80px}.pj-reel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.pj-reel-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}.pj-reel-controls{display:flex;align-items:center;gap:14px}.pj-ctrl{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:background .2s,border-color .2s,color .2s}.pj-ctrl:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pj-ctrl:disabled{opacity:.3;pointer-events:none}.pj-ctrl-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mute);min-width:52px;text-align:center;user-select:none}.pj-reel{display:flex;gap:16px;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;cursor:grab}.pj-reel::-webkit-scrollbar{display:none}.pj-reel.dragging{cursor:grabbing;scroll-behavior:auto}.pj-reel-slide{flex-shrink:0;scroll-snap-align:start;border-radius:var(--radius-lg);overflow:hidden;position:relative}.pj-reel-photo{width:440px;height:500px;background:var(--paper-2)}.pj-reel-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease-out)}.pj-reel-photo:hover img{transform:scale(1.03)}.pj-reel-device{background:linear-gradient(155deg,#f6f2eb,#eae3d6);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;overflow:visible}.pj-reel-laptop-slide{width:660px;height:500px;padding:48px 56px 28px}.pj-reel-phone-slide{width:320px;height:500px;padding:48px 60px 28px}.pj-reel-caption{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);flex-shrink:0}.cs-laptop{width:100%;filter:drop-shadow(0 16px 40px rgba(0,0,0,.16))}.cs-lid{background:#1d1d1f;border-radius:10px 10px 0 0;padding:7px 7px 0}.cs-cam{width:5px;height:5px;border-radius:50%;background:#3a3a3c;margin:0 auto 4px}.cs-screen{aspect-ratio:16/10;border-radius:3px 3px 0 0;background-color:#f7f4ef;background-size:100% auto;background-position:top center;background-repeat:no-repeat}.cs-base{background:linear-gradient(180deg,#2c2c2e,#1a1a1c);height:18px;border-radius:0 0 8px 8px;display:flex;justify-content:center;align-items:center}.cs-notch{width:70px;height:4px;background:#3a3a3c;border-radius:0 0 3px 3px}.cs-phone{filter:drop-shadow(0 12px 28px rgba(0,0,0,.2))}.cs-phone-body{background:#1d1d1f;border-radius:30px;padding:10px 8px;position:relative;border:1px solid rgba(255,255,255,.07);width:190px}.cs-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:44px;height:10px;background:#000;border-radius:100px;z-index:2}.cs-phone-screen{background-color:#f7f4ef;background-size:100% auto;background-position:top center;background-repeat:no-repeat;border-radius:22px;aspect-ratio:9/19.5;overflow:hidden}.pj-photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 var(--page-pad-x);margin-bottom:80px}.pj-photo-strip-item{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}.pj-photo-strip-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out)}.pj-photo-strip-item:hover img{transform:scale(1.04)}.pj-result-num{font-family:var(--font-display);font-weight:600;font-size:clamp(18px,2.2vw,30px);letter-spacing:-.02em;color:var(--accent);line-height:1.2;margin-bottom:10px}@media(max-width:1023px){.pj-meta{grid-template-columns:repeat(2,1fr)}.pj-section-grid{grid-template-columns:1fr;gap:32px}.pj-results{grid-template-columns:1fr}.pj-eyebrow-row,.pj-tags,.pj-reel-section{padding:0 24px}.pj-reel-laptop-slide{width:500px;height:420px;padding:36px 40px 22px}.pj-reel-phone-slide{width:260px;height:420px;padding:36px 44px 22px}.pj-reel-photo{width:340px;height:420px}.pj-photo-strip{grid-template-columns:repeat(2,1fr);padding:0 24px}}@media(max-width:639px){.pj-meta{grid-template-columns:1fr}.pj-next{padding:60px 24px;margin:0 12px 12px}.pj-title{white-space:pre-line}.pj-reel-section{padding:0 16px}.pj-reel-laptop-slide{width:300px;height:340px;padding:28px 24px 18px}.pj-reel-phone-slide{width:220px;height:340px;padding:28px 32px 18px}.pj-reel-photo{width:260px;height:340px}.pj-photo-strip{grid-template-columns:1fr}.pj-cover-img{padding:24px 16px 0}}