.df.df-cjobs{position:relative;overflow:hidden}.df-cjobs .eyebrow sup{font-size:.6em;vertical-align:super;line-height:0}.df-cjobs .cj-head,.df-cjobs .cj-how__head{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);margin-bottom:clamp(36px,4.6vw,64px)}.df-cjobs .cj-head__title{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}.df-cjobs .shead__h{font-size:clamp(32px,4.4vw,64px)}.df-cjobs .cj-how__h{font-size:clamp(26px,3.2vw,46px);max-width:18ch}@media(min-width:990px){.df-cjobs .cj-head,.df-cjobs .cj-how__head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:clamp(40px,6vw,96px)}}.df-cjobs .cj-jobs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cj-count, 4),minmax(0,1fr));border-top:1px solid var(--line-strong);border-left:1px solid var(--line)}.df-cjobs .cj-job{position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.4vw,34px) clamp(20px,2vw,30px) clamp(28px,3vw,40px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%);transition:background-color .4s ease}.df-cjobs .cj-job:hover{background-color:#ffffff08}.df-cjobs .cj-job__vis{aspect-ratio:16 / 10;margin:0 0 clamp(20px,2.4vw,32px);display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:radial-gradient(closest-side,rgba(255,255,255,.05),transparent)}.df-cjobs .cj-job__vis svg{width:82%;height:auto;overflow:visible}.df-cjobs .cj-job__vis svg *{stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.df-cjobs .cj-job__num{font-family:var(--f-head);font-weight:400;font-size:11px;letter-spacing:.2em;color:var(--faint)}.df-cjobs .cj-job__title{margin:12px 0 0;font-family:var(--f-head);font-weight:700;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.015em;line-height:1.2;color:#fff;text-wrap:balance}.df-cjobs .cj-job__text{margin:12px 0 0;font-family:var(--f-body);font-size:15px;line-height:1.65;color:var(--dim)}.df-cjobs .cj-fiber{opacity:.45}.df-cjobs .cj-fiber--2{opacity:.25}.df-cjobs .cj-o{fill:#ffffff1f;transform-box:fill-box;transform-origin:center;animation:cj-odor 4.2s cubic-bezier(.22,.7,.2,1) infinite}.df-cjobs .cj-o1{--dx: 0px;--dy: -6px}.df-cjobs .cj-o2{--dx: 34px;--dy: -14px}.df-cjobs .cj-o3{--dx: -34px;--dy: -16px}.df-cjobs .cj-o4{--dx: -40px;--dy: 10px}.df-cjobs .cj-o5{--dx: 40px;--dy: 8px}.df-cjobs .cj-o6{--dx: 6px;--dy: -28px}@keyframes cj-odor{0%,12%{transform:translate(0) scale(1);opacity:1}50%,72%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}73%{transform:translate(0) scale(.6);opacity:0}92%,to{transform:translate(0) scale(1);opacity:1}}.df-cjobs .cj-crease{transform-box:view-box;transform-origin:50% 50%;animation:cj-flatten 4.2s cubic-bezier(.22,.7,.2,1) infinite}.df-cjobs .cj-smooth{animation:cj-appear 4.2s ease infinite}@keyframes cj-flatten{0%,12%{transform:scaleY(1);opacity:1}48%,74%{transform:scaleY(.02);opacity:0}92%,to{transform:scaleY(1);opacity:1}}@keyframes cj-appear{0%,28%{opacity:0}48%,74%{opacity:1}88%,to{opacity:0}}.df-cjobs .cj-fall{animation:cj-appear 4.2s ease infinite}.df-cjobs .cj-cling{animation:cj-fade 4.2s ease infinite}.df-cjobs .cj-sparks{animation:cj-fade 4.2s ease infinite,cj-buzz .18s steps(2) infinite}.df-cjobs .cj-sparks path{stroke-width:1}@keyframes cj-fade{0%,18%{opacity:1}44%,74%{opacity:0}92%,to{opacity:1}}@keyframes cj-buzz{50%{transform:translate(1px,-1px)}}.df-cjobs .cj-drop{fill:#fff;stroke:none!important;animation:cj-land 4.2s cubic-bezier(.3,1.4,.5,1) infinite}.df-cjobs .cj-d2{animation-delay:.25s}.df-cjobs .cj-d3{animation-delay:.5s}.df-cjobs .cj-d4{animation-delay:.75s}@keyframes cj-land{0%{transform:translateY(-46px);opacity:0}10%{opacity:1}22%,76%{transform:translateY(0);opacity:1}90%,to{transform:translateY(0);opacity:0}}.df-cjobs .cj-how{margin-top:clamp(80px,10vw,150px)}.df-cjobs .cj-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}.df-cjobs .cj-agent{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(22px,2.6vw,40px);align-items:center;padding:clamp(28px,3.4vw,52px);border:1px solid var(--line);background:linear-gradient(135deg,#ffffff0d,#fff0 55%)}.df-cjobs .cj-agent:before{content:"";position:absolute;top:0;height:1px;width:100%;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.df-cjobs .cj-agent__ring{position:relative;width:clamp(92px,9vw,132px);aspect-ratio:1;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center}.df-cjobs .cj-agent__ring:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px dashed rgba(255,255,255,.16);animation:cj-spin 40s linear infinite}.df-cjobs .cj-agent--pos .cj-agent__ring:before{animation-direction:reverse}@keyframes cj-spin{to{transform:rotate(360deg)}}.df-cjobs .cj-agent__sign{font-family:var(--f-head);font-weight:200;font-size:clamp(56px,5.6vw,84px);line-height:1;color:#fff;transform:translateY(-.04em)}.df-cjobs .cj-agent__label{margin:0;font-family:var(--f-head);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.df-cjobs .cj-agent__title{margin:10px 0 0;font-family:var(--f-head);font-weight:700;font-size:clamp(22px,2vw,30px);letter-spacing:-.02em;line-height:1.15;color:#fff}.df-cjobs .cj-agent__text{margin:14px 0 0;font-family:var(--f-body);font-size:15px;line-height:1.7;color:var(--dim);max-width:46ch}.df-cjobs .cj-dual{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(12px,1.4vw,20px);padding:clamp(26px,3vw,40px) clamp(28px,3.4vw,52px);border:1px solid var(--line)}.df-cjobs .cj-strip{position:relative;height:44px}.df-cjobs .cj-strip__fiber{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-strong)}.df-cjobs .cj-p{position:absolute;top:50%;left:var(--x);width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:300;font-size:15px;line-height:1;color:#fff;background:#000;border:1px solid rgba(255,255,255,.5)}.df-cjobs .cj-p--pos{background:#fff;color:#000;border-color:#fff}.df-cjobs .cj-p--neg{animation:cj-in-l 4.6s calc(var(--i) * .06s) cubic-bezier(.22,.7,.2,1) infinite}.df-cjobs .cj-p--pos{animation:cj-in-r 4.6s calc(var(--i) * .06s) cubic-bezier(.22,.7,.2,1) infinite}@keyframes cj-in-l{0%{left:-4%;opacity:0}30%,80%{left:var(--x);opacity:1}96%,to{left:var(--x);opacity:0}}@keyframes cj-in-r{0%{left:104%;opacity:0}30%,80%{left:var(--x);opacity:1}96%,to{left:var(--x);opacity:0}}.df-cjobs .cj-dual__line{margin:0;font-family:var(--f-head);font-weight:300;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.01em;line-height:1.35;color:#fff;text-wrap:balance}@media(max-width:989px){.df-cjobs .cj-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.df-cjobs .cj-agents,.df-cjobs .cj-dual{grid-template-columns:minmax(0,1fr)}}@media(max-width:599px){.df-cjobs .cj-jobs{grid-template-columns:minmax(0,1fr)}.df-cjobs .cj-job{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:18px;align-items:start}.df-cjobs .cj-job__vis{grid-row:1 / span 3;margin:0}.df-cjobs .cj-job__title{margin-top:6px}.df-cjobs .cj-agent{grid-template-columns:minmax(0,1fr)}.df-cjobs .cj-agent__ring{width:80px}.df-cjobs .cj-p{width:20px;height:20px;margin:-10px 0 0 -10px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-df-complex-jobs.css.map */