.np{--tx:0;--ty:0;--ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;color:#fff;perspective:1600px;background:#05050f;align-items:center;gap:2rem;min-height:clamp(30rem,78vh,46rem);padding:clamp(2rem,6vw,5.5rem) clamp(1.25rem,4.2vw,4.5rem);text-decoration:none;display:grid;position:relative;overflow:hidden}@media (min-width:900px){.np{grid-template-columns:1fr 1fr auto;gap:clamp(2rem,4vw,4rem)}}.np-bg{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform 1.6s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.np-shade{z-index:-1;background:linear-gradient(90deg,#05050fe0 0%,#05050f99 40%,#05050f26 75%),linear-gradient(#05050f40,#0000 30%,#05050f66);position:absolute;inset:0}.np-copy{align-content:center;gap:1rem;display:grid}.np-label{letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:.6875rem;font-weight:500}.np-name{letter-spacing:-.05em;font-size:clamp(3rem,7vw,7rem);font-weight:600;line-height:.92}.np-meta{opacity:.75}.np-card{transform:rotateY(calc(-12deg + var(--tx) * 8deg)) rotateX(calc(4deg - var(--ty) * 5deg));transition:transform .9s var(--ease);border-radius:24px;display:block;overflow:hidden;box-shadow:0 50px 80px -30px #000000bf,inset 0 0 0 1px #ffffff1f}.np-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.np-arrow{aspect-ratio:1;color:#fff;width:clamp(5rem,8vw,7.5rem);transition:background-color .4s, transform .6s var(--ease);background:#6d6dff;border-radius:24px;place-items:center;font-size:clamp(1.8rem,3vw,2.6rem);display:grid}.np-arrow svg{width:1em;height:1em}@media (max-width:899px){.np-arrow{border-radius:18px;justify-self:start;width:4.5rem}}@media (hover:hover){.np:hover .np-bg{transform:scale(1)}.np:hover .np-card{transform:rotateY(calc(var(--tx) * 6deg)) rotateX(calc(var(--ty) * -4deg))}.np:hover .np-arrow{background:#1f1fe8;transform:translate(6px)}}.np:not(.is-in) :is(.np-copy>*,.np-card,.np-arrow){opacity:0}.np.is-in .np-copy>*{animation:np-up .9s var(--ease) both}.np.is-in .np-copy>:nth-child(2){animation-delay:80ms}.np.is-in .np-copy>:nth-child(3){animation-delay:.16s}.np.is-in .np-card{animation:np-card 1.2s var(--ease) .15s both}.np.is-in .np-arrow{animation:np-box .9s var(--ease) .4s both}@keyframes np-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes np-card{0%{opacity:0;transform:rotateY(-40deg)translate(80px)}}@keyframes np-box{0%{clip-path:inset(100% 0 0 round 24px);opacity:1}to{clip-path:inset(0 round 24px);opacity:1}}html.font-studio .np .np-name{letter-spacing:-.05em!important;text-transform:none!important;font-size:clamp(3rem,7vw,7rem)!important;font-weight:600!important;line-height:.92!important}@media (prefers-reduced-motion:reduce){.np *,.np.is-in *{opacity:1!important;animation:none!important}}
.pf{--ease:cubic-bezier(.22, 1, .36, 1);z-index:1;color:#fff;gap:clamp(1.25rem,2.5vw,2rem);display:grid;position:relative}.pf-sentence{letter-spacing:-.02em;color:#ffffffd9;max-width:54rem;margin:0;font-size:clamp(1.15rem,2.3vw,1.85rem);font-weight:300;line-height:1.45}.pf-key{--do-c:#fff;font-weight:500}.pf-bar{-webkit-backdrop-filter:blur(20px)saturate(150%);background:#0a0a0f80;border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.1rem 1.5rem;padding:clamp(1rem,2vw,1.4rem) clamp(1rem,2vw,1.4rem) clamp(1rem,2vw,1.4rem) clamp(1.2rem,2.4vw,1.8rem);display:grid;box-shadow:inset 0 0 0 1px #ffffff24,0 30px 60px -30px #000c}@media (min-width:1000px){.pf-bar{grid-template-columns:auto auto auto 1fr auto;gap:0 clamp(1.5rem,3vw,3rem)}}.pf-num{align-self:end;gap:.35rem;display:grid}.pf-n{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:.35rem;font-size:clamp(2.4rem,4.6vw,4rem);font-style:italic;font-weight:200;line-height:.9;display:flex}.pf-n small{letter-spacing:0;opacity:.75;font-size:.32em;font-style:normal;font-weight:400}.pf-l{letter-spacing:.16em;text-transform:uppercase;opacity:.65;font-size:.625rem;font-weight:500}.pf-scope{grid-column:1/-1;gap:.55rem;display:grid}@media (min-width:1000px){.pf-scope{grid-column:auto;justify-self:end}}.pf-pills{flex-wrap:wrap;gap:.35rem;display:flex}.pf-pills i{background:#ffffff14;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.85rem;font-style:normal;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.pf-pills b{border-radius:50%;width:.5rem;height:.5rem}.pf-cta{color:#fff;background:#1f1fe8;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;gap:.55rem;padding:.9rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .3s,transform .3s;display:inline-flex}.pf-cta svg{width:.8em;height:.8em;transition:transform .4s var(--ease)}@media (min-width:1000px){.pf-cta{grid-column:auto;justify-self:end}}@media (hover:hover){.pf-cta:hover{background:#6d6dff}.pf-cta:hover svg{transform:translate(2px,-2px)}}@media (max-width:999px){.pf-cta{justify-content:center;justify-self:stretch}}.pf:not(.is-in) .pf-sentence,.pf:not(.is-in) .pf-bar{opacity:0}.pf.is-in .pf-sentence>span{animation:pf-blur .9s var(--ease) both}.pf.is-in .pf-sentence>span:nth-child(2){animation-delay:80ms}.pf.is-in .pf-sentence>span:nth-child(3){animation-delay:.16s}.pf.is-in .pf-sentence>span:nth-child(4){animation-delay:.24s}.pf.is-in .pf-sentence>span:nth-child(n+5){animation-delay:.32s}.pf.is-in .pf-key{animation:pf-blur .9s var(--ease) both, do-sheen 6s cubic-bezier(.6, 0, .3, 1) 1s infinite}@keyframes pf-blur{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}.pf.is-in .pf-bar{animation:pf-bar 1.1s var(--ease) .35s both}@keyframes pf-bar{0%{opacity:0;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:none;transform:none}}.pf.is-in .pf-num{animation:pf-up 1s var(--ease) both;animation-delay:calc(.55s + var(--i) * .1s)}@keyframes pf-up{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.pf.is-in .pf-pills i{animation:.8s cubic-bezier(.34,1.56,.64,1) both pf-drop;animation-delay:calc(.9s + var(--j) * 90ms)}@keyframes pf-drop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}.pf.is-in .pf-cta{animation:pf-up .9s var(--ease) 1.1s both}@media (prefers-reduced-motion:reduce){.pf *,.pf.is-in *{opacity:1!important;animation:none!important}.pf:not(.is-in) .pf-sentence,.pf:not(.is-in) .pf-bar{opacity:1}}.pf-band{isolation:isolate;background:#05050f;border-radius:32px;margin:0 clamp(.75rem,2.5vw,2.5rem) clamp(2rem,4vw,3rem);padding:clamp(1.5rem,4vw,3.5rem);position:relative;overflow:hidden}.pf-band-bg{z-index:-1;filter:blur(30px)saturate(.7)brightness(.45);position:absolute;inset:0;transform:scale(1.2)}.pf-band-bg:after{content:"";background:linear-gradient(110deg,#05050fd9,#1f1fe840);position:absolute;inset:0}.pf-loc{-webkit-backdrop-filter:blur(14px);color:#fff;background:#ffffff1a;border-radius:999px;justify-self:start;align-items:center;gap:.45rem;margin:0;padding:.45rem .95rem .45rem .75rem;font-size:.875rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.pf-loc svg{color:#6d6dff;width:1rem;height:1rem}.pf:not(.is-in) .pf-loc{opacity:0}.pf.is-in .pf-loc{animation:.8s cubic-bezier(.34,1.56,.64,1) both pf-drop}
