.pf-head{max-width:1560px;padding:clamp(7rem,16vh,10rem) var(--pad) clamp(2rem,5vh,3rem);margin:0 auto}.pf-head h1{max-width:16ch;font-size:clamp(2.1rem,5.4vw,4.4rem);line-height:1.04}.pf-head p{color:var(--ink-2);max-width:56ch;margin-top:1.1rem}.pf-browse{max-width:1560px;padding:0 var(--pad) clamp(4rem,10vh,7rem);grid-template-columns:minmax(280px,.62fr) 1.38fr;align-items:start;gap:clamp(2rem,4vw,3.5rem);margin:0 auto;display:grid}.pf-list{border-top:1px solid var(--hair)}.pf-row{border-bottom:1px solid var(--hair);cursor:pointer;transition:padding-left .55s var(--ease-out),opacity .45s var(--ease-out);grid-template-columns:1fr auto;align-items:baseline;gap:1.2rem;padding:1.1rem 0;display:grid}.pf-row:hover{padding-left:.85rem}.pf-list.dim .pf-row{opacity:.38}.pf-list.dim .pf-row.act{opacity:1}.pf-row h3{letter-spacing:-.032em;font-size:clamp(1.02rem,1.5vw,1.28rem);font-weight:500;line-height:1.2}.pf-row .tp{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;transition:color .45s var(--ease-out);font-size:.7rem;font-weight:500}.pf-row.act .tp{color:var(--ink)}.pf-stage{position:sticky;top:clamp(5.5rem,12vh,7rem)}.pf-viewer{border:1px solid var(--hair);box-shadow:var(--lift);aspect-ratio:16/9;cursor:pointer;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out);background:#edebe7;border-radius:1.4rem;position:relative;overflow:hidden}.pf-viewer:hover{transform:translateY(-6px);box-shadow:0 74px 140px -52px #0a0b0c73}.pf-viewer .lay{opacity:0;transition:opacity .7s var(--ease-out),transform 1.2s var(--ease-out);background-position:top;background-size:cover;position:absolute;inset:0;transform:scale(1.035)}.pf-viewer .lay.on{opacity:1;transform:none}.pf-viewer .chrome{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #0a0b0c0f;align-items:center;gap:5px;height:34px;padding-inline:14px;display:flex;position:absolute;top:0;left:0;right:0}.pf-viewer .chrome i{background:#0a0b0c29;border-radius:99px;width:8px;height:8px}.pf-viewer .chrome span{color:var(--ink-dim);margin-left:.7rem;font-size:.72rem}.pf-viewer .go{z-index:4;background:var(--ink);color:#fff;opacity:0;transition:opacity .4s var(--ease-out),transform .5s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.84rem;font-weight:500;display:inline-flex;position:absolute;bottom:.9rem;right:.9rem;transform:translateY(8px)}.pf-viewer:hover .go{opacity:1;transform:none}.pf-vmeta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.2rem;display:flex}.pf-vmeta h4{letter-spacing:-.036em;font-size:1.25rem;font-weight:500}.pf-vmeta .sub{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);margin-top:.35rem;font-size:.7rem;font-weight:500}.pf-vmeta .open{border:1px solid var(--hair);cursor:pointer;font:inherit;transition:background .5s var(--ease-out),color .5s var(--ease-out),border-color .5s var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1.15rem;font-size:.85rem;display:inline-flex}.pf-vmeta .open:hover{background:var(--ink);color:#fff;border-color:var(--ink)}@media (max-width:980px){.pf-browse{grid-template-columns:1fr}.pf-stage{order:-1;margin-bottom:2rem;position:static}.pf-list.dim .pf-row{opacity:1}}@media (hover:none){.pf-viewer:hover{box-shadow:var(--lift);transform:none}.pf-viewer .go{opacity:1;transform:none}.pf-row:hover{padding-left:0}}@media (max-width:700px){.pf-head{padding-top:clamp(6.5rem,15vh,8rem)}.pf-head h1{font-size:clamp(1.9rem,7.6vw,2.6rem)}.pf-isl a.back,.pf-vmeta .open{align-items:center;min-height:44px;display:inline-flex}.pf-row{padding:1.15rem 0}.pf-row h3{font-size:1.05rem}.pf-viewer .go{padding:.6rem 1rem;font-size:.8rem;bottom:.7rem;right:.7rem}}.pf-detail{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);background:#0a0b0ceb;place-items:center;padding:clamp(1rem,3vw,2.5rem);display:grid;position:fixed;inset:0}.pf-detail.on{opacity:1;pointer-events:auto}.pf-detail .box{width:min(1120px,100%);height:min(90vh,100%);transition:transform .55s var(--ease-out);background:#fff;border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden;transform:translateY(28px)scale(.98)}.pf-detail.on .box{transform:none}.pf-detail .bar{border-bottom:1px solid var(--hair);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex}.pf-detail .bar b{letter-spacing:-.03em;font-weight:500}.pf-detail .bar .r{align-items:center;gap:.5rem;display:flex}.pf-detail .bar a,.pf-detail .bar button{font:inherit;border:1px solid var(--hair);cursor:pointer;transition:background .45s var(--ease-out),color .45s var(--ease-out),border-color .45s var(--ease-out);background:#fff;border-radius:999px;padding:.42rem 1rem;font-size:.84rem}.pf-detail .bar a:hover,.pf-detail .bar button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.pf-detail .scrollim{background:#edebe7;flex:1;overflow-y:auto}.pf-detail .scrollim img{width:100%;display:block}@media (max-width:700px){.pf-detail .box{border-radius:1.1rem;height:min(92vh,100%)}.pf-detail .bar{flex-wrap:wrap;padding:.85rem 1rem}.pf-detail .bar a,.pf-detail .bar button{align-items:center;min-height:40px;display:inline-flex}}.pf-foot{padding:3rem var(--pad);border-top:1px solid var(--hair);color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:1560px;margin:0 auto;font-size:.85rem;display:flex}.pf-viewer .lay.capa{background-position:50%}.pf-cta{padding:0 var(--pad) clamp(4rem,10vh,7rem)}.pf-cta .in{background:var(--ink);color:#fff;border-radius:1.6rem;max-width:1560px;margin:0 auto;padding:clamp(2.2rem,5vw,3.6rem)}.pf-cta h2{color:#fff;letter-spacing:-.035em;max-width:18ch;font-size:clamp(1.5rem,3.4vw,2.4rem)}.pf-cta p{color:#ffffffa8;max-width:52ch;margin-top:.9rem;font-size:.98rem}.pf-cta .vias{flex-wrap:wrap;align-items:center;gap:1.1rem;margin-top:1.8rem;display:flex}.pf-cta .vias a{color:var(--ink);transition:transform .5s var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:.8rem 1.5rem;font-size:.94rem;font-weight:500;display:inline-flex}.pf-cta .vias a:hover{transform:translateY(-2px)}.pf-cta .vias a.alt{color:#ffffffb8;text-underline-offset:3px;transition:color .4s var(--ease-out);background:0 0;padding:0;font-weight:400;text-decoration:underline}.pf-cta .vias a.alt:hover{color:#fff;transform:none}.pf-head,.pf-browse,.pf-cta,.pf-foot{z-index:2;position:relative}
