.pkd{--g:#D2AB67;--g1:#F4DCA6;--g2:#B98A43;position:relative;background:#100f0d;color:#fff;font-family:"Montserrat",sans-serif;padding:110px 0;overflow:hidden}
.pkd *{box-sizing:border-box}
.pkd:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(210,171,103,.45),transparent)}
.pkd-w{max-width:1320px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:70px;align-items:center}
.pkd-k{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-family:"Advent Pro",sans-serif;font-size:14px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--g)}
.pkd-k:after{content:"";width:60px;height:1px;background:linear-gradient(90deg,var(--g),transparent)}
.pkd h2{margin:0;font-family:"Advent Pro",sans-serif;font-size:52px;font-weight:600;line-height:1.02;letter-spacing:.02em;text-transform:uppercase}
.pkd h2 .pkd-t{display:block;font-size:.62em;font-weight:200;letter-spacing:.08em}
.pkd h2 b{font-weight:600;background:linear-gradient(180deg,var(--g1),var(--g) 55%,var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pkd-x p{margin:24px 0 30px;max-width:420px;font-size:15px;font-weight:300;line-height:1.8;color:rgba(255,255,255,.72)}
.pkd-a{display:inline-flex;align-items:center;gap:14px;font-family:"Advent Pro",sans-serif;font-size:15px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--g1)!important;text-decoration:none!important;background:none!important}
.pkd-a i{display:block;width:44px;height:1px;background:var(--g);transition:width .4s}
.pkd-a:hover{color:#fff!important}.pkd-a:hover i{width:72px}
.pkd-g{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-left:1px solid rgba(210,171,103,.18)}
.pkd-g li{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:34px 14px;border-right:1px solid rgba(210,171,103,.18);text-align:center;opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.pkd-g li:nth-child(2){transition-delay:.12s}.pkd-g li:nth-child(3){transition-delay:.24s}.pkd-g li:nth-child(4){transition-delay:.36s}
.pkd.is-in .pkd-g li{opacity:1;transform:none}
.pkd-i{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:1px solid rgba(210,171,103,.3);transition:border-color .5s,transform .6s cubic-bezier(.2,.7,.2,1)}
.pkd-i:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(210,171,103,.22);animation:pkd-rot 30s linear infinite}
@keyframes pkd-rot{to{transform:rotate(360deg)}}
.pkd-i svg{width:42px;height:42px;color:var(--g1);overflow:visible}
.pkd-i svg *{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1)}
.pkd.is-in .pkd-i svg *{stroke-dashoffset:0}
.pkd-g li:nth-child(2) .pkd-i svg *{transition-delay:.15s}.pkd-g li:nth-child(3) .pkd-i svg *{transition-delay:.3s}.pkd-g li:nth-child(4) .pkd-i svg *{transition-delay:.45s}
.pkd-g li:hover .pkd-i{border-color:var(--g);transform:translateY(-6px)}

.pkd-i:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle at 50% 0,#F4DCA6 0 2.5px,rgba(244,220,166,.35) 3.5px,transparent 6px);animation:pkd-rot 7s linear infinite;pointer-events:none}
.pkd-g li:nth-child(2) .pkd-i:before{animation-duration:8.5s;animation-direction:reverse}
.pkd-g li:nth-child(3) .pkd-i:before{animation-duration:7.5s}
.pkd-g li:nth-child(4) .pkd-i:before{animation-duration:9s;animation-direction:reverse}
.pkd-i svg g{transform-box:fill-box}
.pkd.is-in .a-face{transform-origin:50% 100%;animation:pkd-bob 2.6s ease-in-out infinite 1.6s}
.pkd.is-in .a-hat{transform-origin:50% 100%;animation:pkd-hat 2.6s ease-in-out infinite 1.6s}
.pkd.is-in .a-eye{transform-origin:50% 50%;animation:pkd-blink 4.2s infinite 2s}
.pkd.is-in .b-top{transform-origin:50% 100%;animation:pkd-jump 2.2s cubic-bezier(.3,0,.3,1) infinite 1.8s}
.pkd.is-in .s-sw{transform-origin:50% 0;animation:pkd-swing 2.8s ease-in-out infinite 2s}
.pkd.is-in .p-1{transform-origin:50% 100%;animation:pkd-float 3.4s ease-in-out infinite 2s}
.pkd.is-in .p-2{transform-origin:50% 100%;animation:pkd-float 3.4s ease-in-out infinite .3s}
@keyframes pkd-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-4deg)}}
@keyframes pkd-hat{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes pkd-blink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
@keyframes pkd-jump{0%,55%,100%{transform:translateY(0) rotate(0) scaleY(1)}20%{transform:translateY(-7px) rotate(-8deg)}38%{transform:translateY(0) rotate(0) scaleY(.88)}46%{transform:translateY(-2px) scaleY(1.04)}}
@keyframes pkd-swing{0%,100%{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}
@keyframes pkd-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(5deg)}}
.pkd-g li:hover .a-face,.pkd-g li:hover .a-hat,.pkd-g li:hover .b-top,.pkd-g li:hover .s-sw,.pkd-g li:hover .p-1,.pkd-g li:hover .p-2{animation-duration:1.1s}
.pkd-g h3{margin:0;font-family:"Advent Pro",sans-serif;font-size:17px;font-weight:500;line-height:1.25;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);transition:color .4s}
.pkd-g h3 b{display:block;font-weight:600;color:#fff}
.pkd-g li:hover h3,.pkd-g li:hover h3 b{color:var(--g1)}
@media (max-width:1024px){
  .pkd{padding:90px 0}
  .pkd-w{grid-template-columns:1fr;gap:44px;padding:0 32px}
  .pkd h2{font-size:44px}
}
@media (max-width:767px){
  .pkd{padding:70px 0}
  .pkd-w{padding:0 18px;gap:36px}
  .pkd-k{font-size:12px;letter-spacing:.32em;margin-bottom:16px}
  .pkd h2{font-size:34px}
  .pkd-x p{font-size:14px;margin:18px 0 24px}
  .pkd-g{grid-template-columns:repeat(2,1fr);border-left:0;border-top:1px solid rgba(210,171,103,.18)}
  .pkd-g li{padding:28px 10px;gap:16px;border-bottom:1px solid rgba(210,171,103,.18)}
  .pkd-g li:nth-child(2n){border-right:0}
  .pkd-i{width:76px;height:76px}.pkd-i svg{width:36px;height:36px}
  .pkd-g h3{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.pkd-g li{opacity:1;transform:none;transition:none}.pkd-i svg *{stroke-dashoffset:0;transition:none}.pkd-i:after,.pkd-i:before,.pkd .pkd-i svg g{animation:none!important}}