.ph{--pin-length: 220vh;position:relative;height:var(--pin-length);background:#000}.ph-viewport{position:sticky;top:0;height:100vh;overflow:hidden;color:#fff}.ph-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ph-layer img{width:100%;height:100%;object-fit:cover;display:block}.ph-bg{z-index:10}.ph-fg{z-index:20}.ph-content{position:relative;z-index:30;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.ph-card{padding:0 1rem}.ph-avatar-wrap{position:relative;display:flex;justify-content:center;margin-bottom:18px}.ph-card{padding:0 1rem;transform-origin:center center;will-change:transform,opacity}.ph-avatar-wrap:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 #ffffff73;animation:ph-pulse 2.4s ease-out infinite;z-index:-1}@keyframes ph-pulse{0%{box-shadow:0 0 #ffffff73}70%{box-shadow:0 0 0 22px #fff0}to{box-shadow:0 0 #fff0}}.ph-avatar{width:180px;height:180px;border-radius:50%;border:6px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #0000008c;object-fit:cover}.ph-title{font-size:48px;font-weight:800;margin:8px 0 6px}.ph-subtitle{font-size:18px;opacity:.95;margin-bottom:18px}.ph-actions .btn{min-width:160px;border-radius:10px}.ph-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:35vh;background:linear-gradient(to bottom,#0000,#000 80%,#000);z-index:15;pointer-events:none}.ph-actions .btn{pointer-events:auto;position:relative;z-index:40}@media (max-width: 640px){.ph{--pin-length: 180vh}.ph-title{font-size:34px}.ph-avatar{width:140px;height:140px}}:root{--lb-max-w: min(70vw, 1000px);--lb-max-h: 90vh}.ppx-section{--pin-length: 300vh;--cave-clearance: 120px;--arrow-gap: 28px;--card-w: min(700px, 88vw);position:relative;width:100vw;height:var(--pin-length);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#000;isolation:isolate;-webkit-user-select:none;user-select:none}.ppx-viewport{position:sticky;top:0;height:100vh;overflow:hidden;color:#fff}.ppx-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ppx-layer img{width:100%;height:100%;object-fit:cover;display:block}.ppx-back{z-index:1}.ppx-cave-right{z-index:8;transform-origin:right center;right:-15vw;left:auto;width:100vw;height:100vh}.ppx-cave-right img{object-position:right center;object-fit:cover}.ppx-cave-left{z-index:6;transform-origin:left center;left:-20vw;right:auto;width:100vw;height:100vh}.ppx-cave-left img{object-position:left center;object-fit:cover}.ppx-content{position:relative;z-index:5;height:100%;width:100%;transform-origin:center center;will-change:transform,opacity}.ppx-content .ppx-stage{grid-column:1 / -1;width:min(1300px,calc(100vw - (2 * var(--cave-clearance))));margin-inline:auto}.ppx-middle{height:100%;width:100%;display:grid;grid-template-columns:minmax(190px,260px) 1fr;align-items:center;gap:10px;padding:12px clamp(16px,3vw,40px)}.ppx-tabs{position:relative;z-index:10;transform:translate(-3vw);display:flex;flex-direction:column;gap:10px}.ppx-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:10px 14px;background:#ffffff24;color:#fff;font-weight:600;letter-spacing:.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;text-align:left;box-shadow:0 2px 8px #00000040 inset,0 2px 8px #00000026;position:relative}.ppx-tabs-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;align-items:center;padding:12px clamp(16px,3vw,40px)}.ppx-tabs-wrap .ppx-tabs{pointer-events:auto;width:min(260px,40vw);max-width:260px}.ppx-tab{width:100%}.ppx-tab:hover{transform:translate(4px)}.ppx-tab.active{background:#ffffff47;box-shadow:0 4px 16px #00000040}.ppx-stage{position:relative;z-index:20;height:min(72vh,720px);display:grid;grid-template-columns:auto var(--card-w) auto;align-items:center;gap:var(--arrow-gap);perspective:1000px;justify-items:center;padding-top:80px;padding-left:120px}.ppx-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:56px;height:56px;border-radius:999px;background:#ffffff40;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;z-index:7}.ppx-arrow:hover{transform:scale(1.05);background:#ffffff59}.ppx-arrow:active{transform:scale(.98)}.ppx-card{position:relative;z-index:3;width:100%;height:100%;margin-inline:auto;border-radius:24px;background:linear-gradient(180deg,#ffffff26,#ffffff0d);border:1px solid rgba(255,255,255,.25);overflow:hidden;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff26;transform-style:preserve-3d;transition:transform .15s ease;cursor:pointer}.ppx-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateZ(30px) scale(1.02)}.ppx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center}.ppx-modal-close{position:absolute;top:16px;right:16px;font-size:2rem;color:#fff;cursor:pointer;z-index:10000}.ppx-card-meta{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;background:linear-gradient(180deg,#0000,#0000008c 65%,#000000bf);color:#fff;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.ppx-card:hover .ppx-card-meta{opacity:1;transform:translateY(0)}.ppx-card-title{font-size:clamp(18px,2.2vw,22px);font-weight:700}.ppx-card-caption{opacity:.9;font-size:.95rem}.ppx-lightbox{padding-top:10px;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:12000;animation:ppx-fade-in .18s ease}.ppx-lightbox-img{max-width:var(--lb-max-w);max-height:var(--lb-max-h);border-radius:14px;box-shadow:0 20px 60px #00000080;transform:scale(.96);animation:ppx-zoom-in .18s ease forwards}.ppx-lightbox-close{position:fixed;top:clamp(10px,2vw,18px);right:clamp(10px,2vw,18px);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#fff3;color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:20px;line-height:40px;text-align:center;box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar{z-index:900}.lightbox-open header,.lightbox-open .navbar{pointer-events:none;display:none}@keyframes ppx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ppx-zoom-in{to{transform:scale(1)}}.ppx-tabs,.ppx-arrow,.ppx-card{pointer-events:auto;position:relative}@keyframes ppx-full-spin{to{transform:rotateY(360deg)}}.ppx-spin{animation:ppx-full-spin .6s ease}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-out-left{animation:slideOutLeft .4s ease forwards}.slide-in-right{animation:slideInRight .4s ease forwards}.slide-out-right{animation:slideOutRight .4s ease forwards}.slide-in-left{animation:slideInLeft .4s ease forwards}.section-transition{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;line-height:0;margin-top:-1px}.section-transition img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover;object-position:top center;pointer-events:none;position:relative;z-index:1}.section-transition:before{content:"";position:absolute;left:0;right:0;top:-1px;height:clamp(80px,9vw,180px);background:linear-gradient(to bottom,#000,#0000);pointer-events:none;z-index:2}.ppx-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:clamp(80px,8vw,170px);background:linear-gradient(to bottom,#0000,#000);pointer-events:none;z-index:15}.ppx-tabs-header{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.4)}@media (max-width: 992px){:root{--lb-max-w: 85vw;--lb-max-h: 65vh}.ppx-section{--pin-length: 250vh}.ppx-viewport{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.ppx-tabs-wrap{position:relative;inset:unset;z-index:10;pointer-events:auto;display:block;align-items:unset;padding:0;width:100%;max-width:400px;margin-bottom:20px}.ppx-tabs-wrap .ppx-tabs{pointer-events:auto;width:100%;max-width:none;transform:none;display:flex;flex-direction:column;gap:12px;align-items:center}.ppx-tabs-header{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.4);text-align:center}.ppx-tabs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:350px}.ppx-tab{width:100%;padding:12px 16px;font-size:.9rem;text-align:center;transform:none;transition:all .2s ease;min-height:50px;display:flex;align-items:center;justify-content:center}.ppx-tab:hover{transform:translateY(-2px);background:#fff3}.ppx-tab.active{background:#ffffff59;box-shadow:0 4px 16px #00000040;transform:translateY(-1px)}.ppx-middle{display:none}.ppx-mobile-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.ppx-stage{grid-template-columns:44px 1fr 44px;height:min(50vh,400px);width:100%;max-width:350px;column-gap:16px;padding:0;justify-items:center}.ppx-arrow{width:44px;height:44px;flex-shrink:0}.ppx-card{width:100%;height:100%;max-width:280px}.ppx-card-title{font-size:1.1rem;line-height:1.3}.ppx-card-caption{font-size:.85rem;line-height:1.4}.ppx-card-meta{padding:14px 18px}}@media (prefers-reduced-motion: reduce){.ppx-section{--pin-length: 120vh}}