.pf{--pf-top:84px;--pf-card-width:300px;width:100%}.pf-shell{height:calc(100svh - var(--pf-top));min-height:740px;padding:30px var(--gutter) 22px;grid-template-rows:auto minmax(0,1fr) auto;gap:28px;display:grid}.pf-head{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.pf-head>div>p{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:600}.pf-head h2{letter-spacing:-.035em;margin:0;font-size:clamp(38px,3.62vw,52px);font-weight:700;line-height:1.02}.pf-head>p{max-width:300px;color:var(--muted);text-align:right;font-size:15px;line-height:1.5}.pf-mobile-intro{display:none}.pf-body{min-width:0;min-height:0}.pf-index{grid-template-columns:minmax(0,1fr) 540px;gap:56px;height:100%;display:grid}.pf-preview-area{align-items:center;min-width:0;padding:18px;display:flex}.pf-preview{width:100%;display:block;transform:rotate(-2.5deg)}.pf-preview-cover,.pf-cover{background:#11101d;border-radius:6px;overflow:hidden;box-shadow:0 32px 65px #0007,0 0 0 1px #ffffff20}.pf-browser{height:32px;color:var(--muted);background:#15131e;border-bottom:1px solid #ffffff21;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:flex}.pf-browser i{background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px}.pf-browser>span{text-align:center;flex:1;padding-right:36px}.pf-preview-screen{aspect-ratio:1.6;position:relative}.pf-preview-screen img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.pf-preview-screen img.is-current{opacity:1}.pf-rows{border-top:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.pf-row{border-bottom:1px solid var(--line);border-left:2px solid #0000;flex:1;grid-template-rows:auto;grid-template-columns:28px minmax(0,1fr) 132px 20px;align-content:center;align-items:center;gap:0 12px;min-height:0;padding:8px;display:grid;position:relative}.pf-number{color:var(--muted);font-size:12px}.pf-row-name{font-size:16px;font-weight:600;line-height:1.3}.pf-row-kind{color:var(--muted);text-transform:uppercase;letter-spacing:.055em;font-size:12px;line-height:1.5}.pf-row>svg{width:16px;height:16px;color:var(--muted)}.pf-row-details{color:var(--muted);grid-column:2/4;margin-top:5px;font-size:13px;line-height:1.45;display:none}.pf-row.is-current{border-left-color:var(--project-color);background:var(--row-color);flex:1.65}.pf-row.is-current .pf-row-name{letter-spacing:-.025em;font-size:22px;font-weight:700}.pf-row.is-current .pf-number,.pf-row.is-current .pf-row-kind,.pf-row.is-current>svg{color:var(--project-color)}.pf-row.is-current .pf-row-details{display:block}.pf-row:hover{background:#ffffff0b}.pf-row.is-current:hover{background:var(--row-color)}.pf-window{display:none}.pf-foot{justify-content:space-between;align-items:center;gap:20px;display:flex}.pf-hint{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.pf-hint i{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.pf-controls{display:none}.pf-more{color:var(--muted);font-size:12px}.pf-more a{text-underline-offset:4px;text-decoration:underline}@media (width>=801px) and (width<=1200px){.pf-index{grid-template-columns:minmax(0,1fr) 50%;gap:24px}.pf-row{grid-template-columns:22px minmax(0,1fr) 102px 16px;gap:0 8px}.pf-row-name{font-size:14px}.pf-row-kind{font-size:10px}.pf-row.is-current .pf-row-name{font-size:19px}.pf-preview-area{padding:10px}.pf-head h2{font-size:42px}.pf-row-details{font-size:12px}}@media (width<=800px){.pf{--pf-card-width:min(480px, calc(100vw - 90px))}.pf-shell{height:calc(100svh - var(--pf-top));gap:24px;min-height:740px;padding:28px 24px 16px}.pf-head{display:block}.pf-head>div>p{margin-bottom:8px;font-size:11px}.pf-head h2{font-size:34px;line-height:1.05}.pf-desktop-intro{display:none}.pf-mobile-intro{display:block}.pf-head>p{text-align:left;max-width:100%;margin-top:14px;font-size:14px;line-height:1.5}.pf-index{display:none}.pf-window{scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% + 48px);height:100%;margin-left:-24px;scroll-padding-inline:24px;display:block;overflow:auto hidden}.pf-window::-webkit-scrollbar{display:none}.pf-track{width:max-content;padding:8px calc(100vw - var(--pf-card-width) - 24px) 0 24px;gap:14px;display:flex}.pf-card{flex-direction:column;flex:0 0 var(--pf-card-width);width:var(--pf-card-width);scroll-snap-align:start;scroll-snap-stop:always;gap:14px;min-width:0;display:flex}.pf-browser{gap:5px;height:28px;padding:0 10px;font-size:10px}.pf-browser i{width:7px;height:7px}.pf-card-screen{aspect-ratio:1.45;background:#11101d;position:relative}.pf-card-screen img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pf-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--project-color);font-size:11px;font-weight:600}.pf-copy h3{letter-spacing:-.02em;margin:4px 0;font-size:22px;font-weight:700;line-height:1.25}.pf-summary{color:var(--muted);font-size:14px;line-height:1.45}.pf-time{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.45}.pf-foot{display:block}.pf-hint{display:none}.pf.is-enhanced .pf-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-dots{align-items:center;display:flex}.pf-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:44px;padding:0;display:grid}.pf-dots button>span{background:#d9c9f580;border-radius:8px;width:6px;height:6px;transition:transform .2s,background .2s}.pf-dots button[aria-pressed=true]>span{background:#d9c9f5;transform:scaleX(3)}.pf-counter{white-space:nowrap;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.pf-more{margin-top:6px;font-size:12px}}@media (width<=360px){.pf-dots button{width:25px}.pf-head h2{font-size:30px}.pf-row-name{font-size:14px}}.pf.is-reduced .pf-preview{transform:none!important}.pf.is-reduced .pf-preview-screen img{transition:none}@media (width<=800px){.pf.is-reduced .pf-shell{height:auto;min-height:0}.pf.is-reduced .pf-window,.pf.is-reduced .pf-controls{display:none}.pf.is-reduced .pf-index{flex-direction:column;gap:24px;display:flex}.pf.is-reduced .pf-preview-area{padding:0}.pf.is-reduced .pf-rows{min-height:540px}.pf.is-reduced .pf-row{grid-template-columns:24px minmax(0,1fr) 100px 16px;gap:0 6px}.pf.is-reduced .pf-row-kind{font-size:9px}.pf.is-reduced .pf-row-name{font-size:14px}.pf.is-reduced .pf-row.is-current .pf-row-name{font-size:19px}.pf.is-reduced .pf-row-details{font-size:12px}}@media (prefers-reduced-motion:reduce){.pf *{transition:none!important}}.pf-card-screen img{object-fit:contain}@media (width<=800px){.pf.is-enhanced .pf-card-screen img{opacity:.55;transition:opacity .25s}.pf.is-enhanced .pf-card.is-current .pf-card-screen img{opacity:1}}