@layer components{.pjh{padding:clamp(130px,12vw,180px) 0 0;position:relative}.pjh:after{content:"";z-index:0;pointer-events:none;opacity:.35;background:url(/brand/noise.png) 0 0/200px 200px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 260px),#0000);mask-image:linear-gradient(#000 calc(100% - 260px),#0000)}.pjh>.wrap{z-index:1;position:relative}.pjh-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:clamp(32px,5vw,96px);display:grid}.pjh-copy{flex-direction:column;justify-content:space-between;gap:48px;display:flex}.pjh-back{color:var(--color-neutral-400);transition:color var(--transition-base);align-self:flex-start;align-items:center;gap:10px;font-size:14px;display:inline-flex}.pjh-back svg{transition:transform .4s var(--ease-out)}.pjh-back:hover{color:var(--color-white)}.pjh-back:hover svg{transform:translate(-4px)}.pjh-head{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.pjh-head .sub{margin-bottom:-10px}.pjh-title{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(52px,7.4vw,124px);font-weight:400;line-height:.98}.pjh-summary{max-width:520px;color:var(--color-neutral-300);text-wrap:pretty;font-size:clamp(16px,1.35vw,20px);line-height:1.5}.pjh-tags{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.pjh-tags li{border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);color:var(--color-neutral-100);padding:7px 14px;font-size:13px}.pjh-media{aspect-ratio:4/5;border-radius:var(--radius-sm);background:var(--color-neutral-900);justify-self:end;width:min(100%,80svh - 208px);min-width:300px;overflow:hidden}.pjh-media img{object-fit:cover;will-change:transform;width:100%;height:100%}.pjh-snap{border-top:1px solid var(--color-neutral-800);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px 32px;margin-top:clamp(56px,6vw,96px);padding-top:28px;display:grid}.pjh-snap dt{letter-spacing:2px;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:8px;font-size:11px;font-weight:600}.pjh-snap dd{color:var(--color-neutral-100);font-size:16px;line-height:1.45}.pjh-snap dd a{transition:color var(--transition-base)}.pjh-snap dd a:hover{color:var(--color-lime)}.pjh-live{align-items:center;gap:6px;display:inline-flex}.pjh-live svg{width:15px;height:15px;color:var(--color-lime)}.pjh>.pjh-stats{margin-top:clamp(32px,3vw,48px)}.pjh-stats-title{z-index:1;letter-spacing:-.04em;color:var(--color-white);margin-top:clamp(56px,6vw,88px);font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.1;position:relative}.pjh-stats-title em{color:var(--color-lime);font-style:normal}.pjh>.pjh-stats-title+.pjh-stats{margin-top:clamp(20px,2vw,28px)}@media (width<=900px){.pjh-grid{grid-template-columns:minmax(0,1fr)}.pjh-copy{gap:40px}.pjh-media{justify-self:stretch;width:100%;min-width:0}.pjh-snap{grid-template-columns:1fr 1fr}}@media (width<=640px){.pjh-snap .is-wide{grid-column:1/-1}}.pjs-rows{flex-direction:column;gap:clamp(88px,10vw,160px);display:flex}.pjs-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(40px,6vw,112px);padding-top:clamp(28px,3vw,40px);display:grid;position:relative}.pjs-rule{background:var(--color-neutral-800);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.pjs-label>.heading-stack{position:sticky;top:120px}.pjs-title{letter-spacing:-.035em;font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.05}.pjs-body{flex-direction:column;gap:22px;max-width:760px;display:flex}.pjs-body p{color:var(--color-neutral-300);text-wrap:pretty;font-size:clamp(16px,1.25vw,18px);line-height:1.65}.pjs-body .pjs-lead{letter-spacing:-.025em;color:var(--color-neutral-100);margin-bottom:8px;font-size:clamp(22px,2.1vw,32px);line-height:1.3}@media (width<=900px){.pjs-row{grid-template-columns:minmax(0,1fr)}.pjs-label>.heading-stack{position:static}}.rhythm>.pjs:has(+.pjr){padding-bottom:clamp(88px,10vw,160px)}.pjr-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(40px,6vw,112px);margin-bottom:clamp(48px,6vw,96px);padding-top:clamp(28px,3vw,40px);display:grid;position:relative}.pjr-rule{background:var(--color-neutral-800);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.pjr-title{letter-spacing:-.035em;font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.05}.pjr-lead{height:230svh;position:relative}.pjr-lead-stick{height:100svh;position:sticky;top:0;overflow:hidden}.pjr-lead-frame{will-change:clip-path;height:100%;position:relative}.pjr-lead-frame .rmedia{aspect-ratio:auto;border-radius:0;height:100%}.pjr-lead-frame .rmedia>*{will-change:transform}.pjr-lead-cap{left:var(--container-pad);border-radius:var(--radius-full);backdrop-filter:blur(10px);color:var(--color-neutral-100);background:#16161699;padding:8px 14px;font-size:13px;position:absolute;bottom:28px}.pjr-rest{flex-direction:column;gap:clamp(64px,8vw,128px);margin-top:clamp(64px,8vw,128px);display:flex}.pjr-rest figcaption{color:var(--color-neutral-400);margin-top:14px;font-size:14px}.pjr-wide .rmedia{will-change:clip-path}.pjr-reels{--gap:clamp(16px, 2vw, 32px);justify-content:center;gap:var(--gap);flex-wrap:wrap;padding:4% 0;list-style:none;display:flex}.pjr-reel{width:min(var(--w,330px), calc((100% - (var(--n) - 1) * var(--gap)) / var(--n)));will-change:transform;flex:none}.pjr-photos{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(12px,2vw,32px);display:grid}.pjr-photos.is-2{grid-template-columns:repeat(2,minmax(0,1fr));display:none}.pjr-photos.is-single{grid-template-columns:minmax(0,680px);justify-content:center}.pjr-col{flex-direction:column;gap:clamp(12px,2vw,32px);display:flex}.pjr-col[data-pjr-col="1"]{margin-top:22%}.pjr-col[data-pjr-col="2"]{margin-top:8%}.pjr-col .rmedia{will-change:clip-path}.pjr-hs{margin-top:clamp(64px,8vw,128px);position:relative}.pjr-hs-stick{flex-direction:column;justify-content:center;gap:32px;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.pjr-hs-track{width:max-content;padding:0 var(--container-pad);will-change:transform;gap:clamp(12px,1.6vw,24px);list-style:none;display:flex}.pjr-hs-item .rmedia{width:auto;height:min(66svh,680px)}.pjr-hs-item figcaption{color:var(--color-neutral-400);margin-top:12px;font-size:14px}.pjr-hs-bar{margin:0 var(--container-pad);background:var(--color-neutral-800);height:1px}.pjr-hs-bar span{background:var(--color-lime);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (width<=900px){.pjr-head{grid-template-columns:minmax(0,1fr)}.pjr-lead{height:auto;padding:0 var(--container-pad)}.pjr-lead-stick{height:auto;position:static;overflow:visible}.pjr-lead-frame{height:auto}.pjr-lead-frame .rmedia{height:auto;aspect-ratio:var(--ar);border-radius:var(--radius-sm)}.pjr-lead-cap{backdrop-filter:none;color:var(--color-neutral-400);background:0 0;margin-top:14px;padding:0;font-size:14px;display:block;position:static}.pjr-reels{scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;display:flex;overflow-x:auto}.pjr-reels::-webkit-scrollbar{display:none}.pjr-reel{scroll-snap-align:start;flex:none;width:min(64vw,300px)}.pjr-photos.is-3{display:none}.pjr-photos.is-2{display:grid}.pjr-photos.is-2 .pjr-col[data-pjr-col="1"]{margin-top:18%}}@media (width<=640px){.pjr-lead{padding:0 16px}.pjr-reels{margin:0 -16px;padding:0 16px;scroll-padding:0 16px}.pjr-hs-track{padding:0 16px}.pjr-hs-item .rmedia{height:56svh}.pjr-hs-bar{margin:0 16px}}@media (prefers-reduced-motion:reduce){.pjr-lead{height:auto;padding:0 var(--container-pad)}.pjr-lead-stick{height:auto;position:static;overflow:visible}.pjr-lead-frame{height:auto}.pjr-lead-frame .rmedia{height:auto;aspect-ratio:var(--ar);border-radius:var(--radius-sm)}.pjr-lead-cap{backdrop-filter:none;background:0 0;margin-top:14px;padding:0;display:block;position:static}.pjr-hs{height:auto!important}.pjr-hs-stick{height:auto;position:static;overflow-x:auto}.pjr-hs-bar{display:none}}.dev{background:var(--color-neutral-950);position:relative;overflow:hidden}.dev-browser{border:1px solid var(--color-neutral-700);border-radius:8px}.dev-bar{border-bottom:1px solid var(--color-neutral-800);background:var(--color-neutral-900);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.dev-bar i{background:var(--color-neutral-700);border-radius:50%;width:9px;height:9px}.dev-bar span{background:var(--color-neutral-950);white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;max-width:min(60%,340px);color:var(--color-neutral-400);border-radius:99px;flex:0 auto;margin:0 auto;padding:3px 12px;font-size:11px;line-height:1.5;overflow:hidden}.dev-browser .dev-screen{aspect-ratio:16/10;overflow:hidden}.dev-phone{border:1px solid var(--color-neutral-700);border-radius:34px;padding:8px}.dev-phone .dev-screen{aspect-ratio:9/19.5;border-radius:26px;overflow:hidden}.dev-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.dev.is-long.is-cut .dev-screen{-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.dev.is-scroll .dev-screen img{object-fit:initial;will-change:transform;height:auto}.rstrip{position:relative}.rstrip-stick{flex-direction:column;justify-content:center;gap:32px;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.rstrip-track{width:max-content;padding:0 var(--container-pad);will-change:transform;align-items:flex-start;gap:clamp(16px,2vw,32px);list-style:none;display:flex}.rstrip-bar{margin:0 var(--container-pad);background:var(--color-neutral-800);height:1px}.rstrip-bar span{background:var(--color-lime);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (width<=640px){.rstrip-stick{scroll-snap-type:x mandatory;scrollbar-width:none;height:auto;position:static;overflow-x:auto}.rstrip-stick::-webkit-scrollbar{display:none}.rstrip-track{padding:0 16px}.rstrip-track>*{scroll-snap-align:start}.rstrip-bar{display:none}}@media (prefers-reduced-motion:reduce){.rstrip-stick{height:auto;position:static;overflow-x:auto}.rstrip-bar{display:none}}.rhythm>.pjs:has(+.pjc){padding-bottom:clamp(88px,10vw,160px)}.pjc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:clamp(32px,4vw,64px);padding-top:clamp(28px,3vw,40px);display:flex;position:relative}.pjc-rule{background:var(--color-neutral-800);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.pjc-title{letter-spacing:-.035em;font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.05}.pjc-chips{flex-wrap:wrap;gap:8px;display:flex}.pjc-chip{border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);height:42px;color:var(--color-neutral-100);transition:background .35s var(--ease-out), border-color .35s var(--ease-out), color .35s var(--ease-out);align-items:center;gap:10px;padding:0 18px;font-size:14px;display:inline-flex}.pjc-chip span{letter-spacing:1px;color:var(--color-neutral-500);transition:color .35s var(--ease-out);font-size:11px}.pjc-chip:hover{border-color:var(--color-neutral-400)}.pjc-chip[aria-current]{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-black)}.pjc-chip[aria-current] span{color:#16161699}.pjc-part{padding-top:clamp(48px,6vw,96px)}.pjc-part+.pjc-part{border-top:1px solid var(--color-neutral-900);margin-top:clamp(48px,6vw,96px)}.pjc-part-head{grid-template-columns:auto minmax(0,4fr) minmax(0,5fr);align-items:start;gap:16px clamp(20px,3vw,48px);margin-bottom:clamp(40px,5vw,72px);display:grid}.pjc-num{letter-spacing:3px;color:var(--color-lime);padding-top:.5em;font-size:13px;font-weight:600}.pjc-part-title{letter-spacing:-.035em;font-size:clamp(28px,2.8vw,42px);font-weight:400;line-height:1.05}.pjc-part-side{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.pjc-intro{max-width:52ch;color:var(--color-neutral-300);font-size:16px;line-height:1.6}.pjc-cap{color:var(--color-neutral-400);margin-top:14px;font-size:14px}.pjc-row{justify-content:center;align-items:flex-start;gap:clamp(16px,2vw,32px);padding:2% 0;list-style:none;display:flex}.pjc-row-item{will-change:transform;flex:none;width:min(270px,25% - 24px)}.pjc-row-item .rmedia{aspect-ratio:9/16}.pjc-row+*{margin-top:clamp(48px,6vw,96px)}.pjc-web{flex-direction:column;gap:clamp(72px,9vw,160px);display:flex}.pjc-pair{grid-template-columns:minmax(0,7fr) minmax(0,2.2fr);align-items:end;gap:clamp(20px,3vw,56px);display:grid}.pjc-pair.is-flip{grid-template-columns:minmax(0,2.2fr) minmax(0,7fr);align-items:start}.pjc-pair.is-flip .pjc-pair-phone{order:-1}.pjc-pair-phone{will-change:transform;margin-bottom:-6%}.pjc-pair.is-flip .pjc-pair-phone{margin:-6% 0 0}.pjc-long{grid-template-columns:minmax(0,1fr) minmax(0,.62fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,48px);display:grid}.pjc-long.has-1{grid-template-columns:minmax(0,1fr) minmax(0,.62fr)}.pjc-long-page,.pjc-long-phones{will-change:transform}.pjc-long-phones{flex-direction:column;gap:clamp(28px,3vw,48px);padding:0 6%;display:flex}.dev.is-long .dev-screen{aspect-ratio:auto}.dev.is-long .dev-screen img{object-fit:initial;height:auto}.pjc-spread{--spread-w:min(70vw, 980px)}.pjc-spread .rmedia{height:calc(var(--spread-w) / 1.414);width:auto}.pjc-ph.is-spread{width:var(--spread-w)}.pjc-part .rstrip{margin-top:clamp(24px,3vw,48px)}.pjc-grid{gap:clamp(12px,1.6vw,24px);margin-top:clamp(48px,6vw,96px);list-style:none;display:grid}.pjc-part-head+.pjc-grid,.wrap:has(>.pjc-part-head)+.wrap>.pjc-grid{margin-top:0}.pjc-grid.is-posts{grid-template-columns:repeat(4,minmax(0,1fr))}.pjc-grid.is-posts .rmedia{aspect-ratio:4/5}.pjc-grid.is-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.pjc-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.pjc-ph{border:1px dashed var(--color-neutral-600);border-radius:var(--radius-sm);text-align:center;color:var(--color-neutral-300);background:repeating-linear-gradient(135deg,#ffffff04 0 12px,#0000 12px 24px);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.pjc-ph svg{width:26px;height:26px;color:var(--color-lime)}.pjc-ph b{font-size:14px;font-weight:500}.pjc-ph small{letter-spacing:1px;text-transform:uppercase;color:var(--color-neutral-500);font-size:11px}.pjc-ph.is-phone{aspect-ratio:9/19.5;border-radius:30px}.pjc-ph.is-reel{aspect-ratio:9/16}.pjc-ph.is-post{aspect-ratio:4/5}.pjc-ph.is-page{aspect-ratio:16/10.6}.pjc-ph.is-spread{aspect-ratio:1.414}.pjc-ph.is-photo{aspect-ratio:3/2}.pjc-ph.is-long{aspect-ratio:1/2.6}@media (width<=900px){.pjc-part-head{grid-template-columns:auto minmax(0,1fr)}.pjc-part-side{grid-column:1/-1}.pjc-row{scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad);scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.pjc-row::-webkit-scrollbar{display:none}.pjc-row-item{scroll-snap-align:start;width:min(58vw,250px)}.pjc-grid.is-posts,.pjc-grid.is-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.pjc-web{gap:clamp(56px,12vw,96px)}.pjc-pair,.pjc-pair.is-flip{padding-bottom:18%;display:block;position:relative}.pjc-pair-desk .pjc-cap{width:60%}.pjc-pair-phone,.pjc-pair.is-flip .pjc-pair-phone{width:34%;margin:0;position:absolute;bottom:0;right:-4px}.pjc-pair-phone .pjc-cap{display:none}.pjc-long,.pjc-long.has-1{scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad);scroll-padding-inline:var(--container-pad);scrollbar-width:none;align-items:flex-start;gap:12px;display:flex;overflow-x:auto}.pjc-long::-webkit-scrollbar{display:none}.pjc-long-page{scroll-snap-align:start;flex:none;width:min(80vw,420px)}.pjc-long.has-1 .pjc-long-page{width:100%}.pjc-long-phones{display:none}.dev.is-long .dev-screen{max-height:min(110vw,560px);-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.pjc-spread{--spread-w:86vw}}@media (width<=640px){.pjc-row,.pjc-long,.pjc-long.has-1{margin:0 -16px;padding:0 16px}.pjc-long{scroll-padding-inline:16px}.pjc-grid.is-two{grid-template-columns:minmax(0,1fr)}}.pjq-inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(28px,3vw,44px);display:flex}.pjq-top{flex-direction:column;align-items:center;gap:12px;display:flex}.pjq-stars{letter-spacing:4px;color:var(--color-lime);font-size:18px}.pjq-text{letter-spacing:-.03em;max-width:1080px;color:var(--color-neutral-100);text-wrap:balance;font-size:clamp(26px,3vw,46px);font-weight:400;line-height:1.22}.pjq-foot{text-align:left;align-items:center;gap:20px;display:flex}.pjq-logo{width:auto;height:calc(36px * var(--s,1));object-fit:contain;opacity:.9;max-width:160px}.pjq-foot .pjq-logo+span{border-left:1px solid var(--color-neutral-700);padding-left:20px}.pjq-name{letter-spacing:-.02em;color:var(--color-white);font-size:17px;display:block}.pjq-role{color:var(--color-neutral-400);margin-top:2px;font-size:14px;display:block}@media (width<=640px){.pjq-foot{text-align:center;flex-direction:column;gap:16px}.pjq-foot .pjq-logo+span{border-left:0;border-top:1px solid var(--color-neutral-700);padding:16px 0 0}}.pjn-link{justify-content:space-between;align-items:flex-end;gap:32px;padding-top:clamp(32px,3vw,48px);display:flex;position:relative}.pjn-rule{background:var(--color-neutral-800);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.pjn-copy{flex-direction:column;align-items:flex-start;gap:18px;min-width:0;display:flex}.pjn-name{letter-spacing:-.045em;text-wrap:balance;transition:color .5s var(--ease-out);font-size:clamp(48px,8vw,132px);font-weight:400;line-height:.98}.pjn-cat{color:var(--color-neutral-400);align-items:center;gap:12px;font-size:15px;display:inline-flex}.pjn-arrow{border-radius:var(--radius-full);background:var(--color-lime);width:44px;height:44px;color:var(--color-black);transition:transform .6s var(--ease-in-out-strong);place-items:center;display:grid}.pjn-arrow svg{stroke-width:1.9px;width:18px;height:18px}.pjn-media{aspect-ratio:4/5;border-radius:var(--radius-sm);background:var(--color-neutral-900);flex:none;width:clamp(200px,21vw,300px);overflow:hidden}.pjn-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out)}.pjn-link:hover .pjn-name{color:var(--color-lime)}.pjn-link:hover .pjn-arrow{transform:rotate(45deg)}.pjn-link:hover .pjn-media img{transform:scale(1.06)}@media (width<=640px){.pjn-link{flex-direction:column-reverse;align-items:stretch}.pjn-media{width:55%}}}