.vf .ph{position:absolute;left:-6%;top:-6%;width:112%;height:112%;max-width:none;object-fit:cover;will-change:transform}
.vf .grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,15,18,.45),transparent 28%,transparent 68%,rgba(13,15,18,.6));pointer-events:none}
.vf .scene{transform-origin:calc(var(--fx,.7)*100%) calc(var(--fy,.35)*100%)}
.vf .trk{width:calc(13% * var(--z))}
.vf.portrait .bar{transition:width .5s cubic-bezier(.2,.75,.2,1)}.vf.portrait .bar.l{width:calc((var(--cx,.5) - .176)*100%)}.vf.portrait .bar.r{width:calc((.824 - var(--cx,.5))*100%)}
.cats2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat2{position:relative;display:block;aspect-ratio:4/5.4;overflow:hidden;border-radius:12px;color:#fff;text-decoration:none;background:#0D0F12;isolation:isolate;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s;will-change:transform}
.cat2:hover{box-shadow:0 30px 80px -30px rgba(255,79,18,.55)}
.cat2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.75,.2,1),filter .6s;filter:saturate(.85) brightness(.8)}
.cat2:hover img{transform:scale(1.07);filter:saturate(1.05) brightness(1)}
.cat2::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,15,18,.6) 0%,transparent 32%,transparent 42%,rgba(13,15,18,.94) 100%)}
.cat2 .num{position:absolute;top:20px;left:22px;z-index:2;color:var(--signal)}
.cat2 .cv{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2}
.cat2 h3{font-size:26px;margin:0 0 6px;font-weight:600;letter-spacing:-.02em;transition:transform .5s cubic-bezier(.2,.75,.2,1)}.cat2:hover h3{transform:translateY(-4px)}
.cat2 p{margin:0;color:#C9CBD0;font-size:14px;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.75,.2,1),opacity .5s}.cat2:hover p,.cat2:focus-visible p{max-height:90px;opacity:1}
.cat2 .go{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:11px}.cat2 .go span:last-child{transition:transform .4s}.cat2:hover .go span:last-child{transform:translateX(8px);color:var(--signal)}
.cat2 .ln2{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--signal);z-index:3;transition:width .7s cubic-bezier(.7,0,.2,1)}.cat2:hover .ln2{width:100%}
@media(hover:none){.cat2 p{max-height:none;opacity:1}}@media(max-width:1000px){.cats2{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cats2{grid-template-columns:1fr}.cat2{aspect-ratio:4/4.4}}
.lens{position:relative;background:#000;color:#EDEAE2;overflow:hidden;min-height:560px;display:flex;align-items:center}
.lens .lph{position:absolute;right:0;top:50%;height:118%;width:auto;max-width:none;transform:translateY(calc(-50% + var(--ly,0px))) scale(var(--ls,1));transform-origin:82% 50%;will-change:transform}
.lens .wrap{position:relative;z-index:1;width:100%}.lens .lx{max-width:520px;padding:96px 0}
.lens .mono{color:var(--signal)}.lens h2{font-size:clamp(40px,5.6vw,82px);line-height:.95;letter-spacing:-.04em;margin:14px 0 26px;font-weight:600}
.lens ul{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:14px;color:#8C9199;font-size:11px}.lens li b{color:#fff;font:600 18px var(--sans);letter-spacing:-.01em;text-transform:none;margin-right:10px}
.lens .btn-ghost{color:#EDEAE2;border-color:#4A5059}.lens .btn-ghost:hover{background:#EDEAE2;color:var(--ink)}
@media(max-width:860px){.lens .lph{height:auto;width:170%;right:-55%;opacity:.55}.lens{min-height:auto}}
.pagehead.dk{position:relative;color:#EDEAE2;background:#0D0F12;border-radius:14px;padding:84px 40px 40px;margin-top:24px;overflow:hidden;border:0}.pagehead.dk::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0D0F12 32%,rgba(13,15,18,.55) 62%,rgba(13,15,18,.15)),var(--bg) right 30%/cover no-repeat}.pagehead.dk>*{position:relative;z-index:1}.pagehead.dk p{color:#A9ADB4}.pagehead.dk .mono{color:var(--signal)}.pagehead.dk .chips a{border-color:#4A5059;color:#EDEAE2}.pagehead.dk .chips a.on,.pagehead.dk .chips a:hover{background:#EDEAE2;color:var(--ink);border-color:#EDEAE2}@media(max-width:640px){.pagehead.dk{padding:64px 20px 28px}}
@media(prefers-reduced-motion:reduce){.cat2,.cat2 img,.lens .lph{transition:none!important;transform:none!important}}