.leo-pf{position:relative;background:var(--leo-ink);color:#fff;font-family:var(--leo-font);height:calc(100vh + var(--leo-pf-count) * var(--leo-pf-step))}.leo-pf__sticky{position:sticky;top:0;height:100vh;min-height:76rem;overflow:hidden;display:flex;align-items:center}.leo-pf__wall{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.leo-pf__wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--leo-ink) 0%,var(--leo-ink) 38%,rgba(10,10,11,.55) 62%,rgba(10,10,11,.35) 100%),linear-gradient(180deg,var(--leo-ink) 0%,transparent 18%,transparent 80%,var(--leo-ink) 100%)}.leo-pf__plane{position:absolute;left:30%;top:-4%;display:flex;gap:2.8rem;transform:perspective(2200px) rotateX(48deg) rotate(-38deg);transform-origin:0 0}.leo-pf__col{display:flex;flex-direction:column;gap:2.8rem;animation:leo-pf-drift 26s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -3s)}.leo-pf__col:nth-child(2n){animation-direction:alternate-reverse;margin-top:-14rem}.leo-pf__card{position:relative;width:40rem;aspect-ratio:400/272;border-radius:1.4rem;overflow:hidden;background:var(--leo-card);box-shadow:inset 0 0 0 1px #ffffff14,0 3rem 5rem #00000073}.leo-pf__card i{position:absolute;left:0;right:0;top:0;height:2.2rem;background:var(--leo-chrome)}.leo-pf__card img{position:absolute;left:0;right:0;bottom:0;top:2.2rem;width:100%;height:calc(100% - 2.2rem);object-fit:cover;object-position:top}@keyframes leo-pf-drift{0%{transform:translateY(-6%)}to{transform:translateY(6%)}}.leo-pf__inner{display:grid;grid-template-columns:54rem 1fr;gap:6rem;align-items:end;z-index:1}.leo-pf__left{display:grid;gap:2rem}.leo-pf__lead{max-width:44rem}.leo-pf__list{list-style:none;margin:1.6rem 0 0;padding:0;border-top:1px solid rgba(255,255,255,.1)}.leo-pf__row{border-bottom:1px solid rgba(255,255,255,.1)}.leo-pf__rowlink{display:flex;align-items:center;gap:1.4rem;height:5.6rem;color:#fff;text-decoration:none}.leo-pf__num{font-size:1.3rem;color:#ffffff59;width:2.4rem;transition:color .3s}.leo-pf__thumb{width:4.6rem;height:3rem;border-radius:.6rem;object-fit:cover;object-position:top;opacity:.55;transition:opacity .3s,box-shadow .3s}.leo-pf__name{font-size:2rem;font-weight:500;letter-spacing:-.01em;opacity:.45;flex:1;transition:opacity .3s,transform .4s var(--leo-ease)}.leo-pf__meta{font-size:1.1rem;color:#ffffff4d}.leo-pf__row.is-on .leo-pf__num{color:var(--leo-lime)}.leo-pf__row.is-on .leo-pf__thumb{opacity:1;box-shadow:0 0 0 1.5px var(--leo-lime)}.leo-pf__row.is-on .leo-pf__name{opacity:1;transform:translate(.4rem)}.leo-pf__row.is-on .leo-pf__meta{color:#fff9}.leo-pf__foot{display:flex;justify-content:space-between;align-items:center;gap:2rem}.leo-pf__ticks{display:flex;gap:.4rem}.leo-pf__ticks span{width:1.4rem;height:.3rem;border-radius:2px;background:#fff3;transition:width .4s var(--leo-ease),background .3s}.leo-pf__ticks span.is-on{width:2.8rem;background:var(--leo-lime)}.leo-pf__ask{margin:0;font-size:1.4rem;color:#fff9;display:flex;gap:.8rem;align-items:center}.leo-pf__ask .leo-link{font-size:1.5rem}.leo-pf__preview{border-radius:2.6rem;padding:1.4rem 1.4rem 2.8rem;background:#141416e0;box-shadow:0 4rem 9rem #0000008c;justify-self:end;width:min(58rem,100%)}.leo-pf__browser{border-radius:1.6rem;overflow:hidden;background:var(--leo-chrome)}.leo-pf__chrome{position:relative;height:2.4rem;display:flex;align-items:center;gap:.5rem;padding:0 1.2rem}.leo-pf__chrome i{width:.7rem;height:.7rem;border-radius:50%;background:#ffffff38}.leo-pf__chrome span{position:absolute;left:50%;transform:translate(-50%);font-size:1rem;color:#ffffff8c;padding:.3rem 1.2rem;border-radius:.7rem;background:#ffffff12}.leo-pf__shot{aspect-ratio:16/10;overflow:hidden}.leo-pf__shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .35s,transform .8s var(--leo-ease)}.leo-pf__preview.is-swap .leo-pf__shot img{opacity:0;transform:scale(1.03)}.leo-pf__body{display:grid;gap:1.2rem;padding:1.8rem 1.4rem 0}.leo-pf__top{display:flex;align-items:center;gap:.8rem}.leo-pf__count{font-size:1.1rem;color:var(--leo-lime);margin-right:auto}.leo-pf__chips{display:flex;gap:.6rem}.leo-pf__chips .leo-chip{font-size:1rem;padding:.5rem .9rem}.leo-pf__summary{color:#ffffff9e}.leo-pf__bottom{display:flex;align-items:center;gap:1.6rem;padding-top:.6rem}.leo-pf__kpis{display:flex;gap:1.6rem;margin-right:auto}.leo-pf__kpis b{font-size:2.2rem;font-weight:600}.leo-pf__kpis em{font-style:normal;font-size:1rem;color:#ffffff80}.leo-pf__open{height:4.8rem;padding:0 2.2rem}.leo-pf__body>*{transition:opacity .3s}.leo-pf__preview.is-swap .leo-pf__body>*{opacity:.15}.leo-pf__mobile{display:none}@media(max-width:989px){.leo-pf{height:auto;padding:6.4rem 0}.leo-pf__sticky{position:relative;height:auto;min-height:0;display:block}.leo-pf__wall,.leo-pf__preview,.leo-pf__list,.leo-pf__ticks{display:none}.leo-pf__inner{display:block;width:calc(100% - 4rem)}.leo-pf__left{gap:1.6rem}.leo-pf__foot{order:9}.leo-pf__mobile{display:block}.leo-pf__rail{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2.4rem 2rem 1.6rem;scrollbar-width:none}.leo-pf__rail::-webkit-scrollbar{display:none}.leo-pf__mcard{flex:0 0 30rem;scroll-snap-align:start;display:grid;gap:.8rem;padding:1rem 1rem 2rem;border-radius:2.2rem;background:var(--leo-card);box-shadow:inset 0 0 0 1px #ffffff1a;color:#fff;text-decoration:none}.leo-pf__mshot{position:relative;display:block;aspect-ratio:280/193;border-radius:1.4rem;overflow:hidden;background:var(--leo-chrome)}.leo-pf__mshot i{position:absolute;left:0;right:0;top:0;height:1.8rem;background:var(--leo-chrome);z-index:1}.leo-pf__mshot img{position:absolute;top:1.8rem;left:0;width:100%;height:calc(100% - 1.8rem);object-fit:cover;object-position:top}.leo-pf__mtop{display:flex;gap:.6rem;align-items:center;padding:.6rem .8rem 0;font-size:1rem;color:var(--leo-lime)}.leo-pf__mtop .leo-chip{font-size:.9rem;padding:.3rem .7rem}.leo-pf__mname{font-size:2.2rem;font-weight:600;letter-spacing:-.02em;padding:0 .8rem}.leo-pf__msum{font-size:1.4rem;line-height:2rem;color:#fff9;padding:0 .8rem}.leo-pf__mcard .leo-link{padding:.6rem .8rem 0;font-size:1.5rem}.leo-pf__dots{display:flex;gap:.5rem;padding:0 2rem}.leo-pf__dots span{width:1rem;height:.3rem;border-radius:2px;background:#fff3;transition:width .3s}.leo-pf__dots span.is-on{width:2.4rem;background:var(--leo-lime)}.leo-pf__foot{width:calc(100% - 4rem);margin:2.4rem auto 0}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/leo-portfolio.css.map */