.pf-hero{padding:140px 0 0}.pf-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:880px;margin:0 auto}.pf-hero-eyebrow{font-size:13px;font-weight:510;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);margin-bottom:24px}.pf-hero h1{font-size:clamp(36px,5vw,72px);font-weight:500;letter-spacing:-.04em;line-height:1.05;color:var(--text-1);margin-bottom:28px}.pf-hero-sub{font-size:17px;color:var(--text-3);line-height:1.75;max-width:640px}.pf-bar{position:sticky;top:60px;z-index:50;margin-top:72px;display:flex;justify-content:center;pointer-events:none}.pf-intro{padding:112px 0 64px}.pf-themes{padding-bottom:128px}.pf-acc{display:flex;gap:12px;height:560px}.pf-panel{position:relative;overflow:hidden;flex:0 0 72px;min-width:0;border:0;padding:0;margin:0;cursor:pointer;border-radius:28px;background:var(--bg-surface);scroll-margin-top:140px;transition:flex-grow .7s cubic-bezier(.65,0,.35,1),flex-basis .7s cubic-bezier(.65,0,.35,1),background .4s ease}.pf-panel.is-open{flex:1 1 0;cursor:default}.pf-panel:not(.is-open):hover{background:color-mix(in srgb,var(--text-1) 7%,var(--bg-surface))}.pf-panel-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-4)}.pf-panel-ph i{font-size:32px;--ti-stroke-width: 1;opacity:0;transition:opacity .4s ease}.pf-panel.is-open .pf-panel-ph i{opacity:1;transition-delay:.3s}.pf-panel-label{position:absolute;top:24px;left:28px;font-size:15px;font-weight:500;color:var(--text-1);white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.pf-panel.is-open .pf-panel-label{opacity:1;transform:none;transition-delay:.35s}.pf-panel-vlabel{position:absolute;left:50%;top:24px;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg);font-size:15px;font-weight:500;color:var(--text-2);white-space:nowrap;transition:opacity .3s ease}.pf-panel.is-open .pf-panel-vlabel{opacity:0}.pf-panel:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pf-panel-subs{position:absolute;left:20px;bottom:20px;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 40px);opacity:0;transform:translateY(6px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.pf-panel.is-open .pf-panel-subs{opacity:1;transform:none;visibility:visible;transition:opacity .35s ease .4s,transform .35s ease .4s,visibility 0s}.pf-panel-subs a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 14px;border-radius:10px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;color:var(--text-2);text-decoration:none;transition:color .15s,background .15s}.pf-panel-subs a:hover{color:var(--text-1);background:#fff}.pf-panel-subs a i{font-size:13px;opacity:0;width:0;transition:opacity .15s,width .15s}.pf-panel-subs a:hover i{opacity:1;width:13px}@media(max-width:768px){.pf-acc{flex-direction:column;height:auto}.pf-panel{flex:0 0 56px;border-radius:20px;transition:flex-basis .6s cubic-bezier(.65,0,.35,1)}.pf-panel.is-open{flex:0 0 320px}.pf-panel-vlabel{display:none}.pf-panel-label{top:18px;left:22px;opacity:1;transform:none}.pf-panel-subs{left:14px;bottom:14px}}.pf-marquee{width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.pf-marquee::-webkit-scrollbar{display:none}.pf-marquee-track{display:flex;gap:12px;width:max-content;padding:4px 0}.pf-vig{position:relative;flex:0 0 280px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--text-2)}.pf-vig img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;background:var(--bg-surface);transition:transform .4s ease}.pf-vig-fx{position:absolute;top:0;left:0;z-index:1;width:100%;aspect-ratio:4 / 3;border-radius:14px;pointer-events:none;opacity:0;will-change:opacity;transition:opacity .4s ease}.pf-vig:hover .pf-vig-fx,.pf-vig:focus-visible .pf-vig-fx{opacity:1}.pf-vig-pillbox{position:absolute;top:0;left:0;z-index:3;width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;pointer-events:none}.pf-vig .pf-vig-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#1a1614;background:#fff;border-radius:10px;padding:9px 16px;box-shadow:0 6px 20px #1a16142e;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.pf-vig:hover .pf-vig-pill,.pf-vig:focus-visible .pf-vig-pill{opacity:1;transform:none;transition-delay:.08s}.pf-vig .pf-vig-pill svg{width:13px;height:13px}.pf-vig>span:last-child{font-size:15px;transition:color .15s}.pf-vig:hover>span:last-child{color:var(--text-1)}@media(max-width:640px){.pf-hero{padding-top:110px}.pf-bar{margin-top:48px}.pf-intro{padding:72px 0 40px}}
