.works{display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}.work{border:1px solid rgba(10,15,30,.13);border-radius:26px;background:#ffffffdb;box-shadow:0 1px 2px #0a0f1e0d,0 12px 30px #0a0f1e0d;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}.work:hover{transform:translateY(-4px);border-color:#002bc238;box-shadow:0 26px 60px #002bc224}.work__link{display:grid;grid-template-columns:1.6fr .9fr;align-items:center;gap:clamp(24px,2.6vw,40px);padding:clamp(22px,2.6vw,40px);color:inherit}.work:nth-child(2n) .work__link{grid-template-columns:.9fr 1.6fr}.work:nth-child(2n) .work__art{order:2}.work:nth-child(2n) .work__body{order:1}@media(max-width:900px){.work__link,.work:nth-child(2n) .work__link{grid-template-columns:1fr;gap:26px}.work:nth-child(2n) .work__art,.work:nth-child(2n) .work__body{order:0}}.work__art{perspective:1700px;perspective-origin:50% 45%;padding-inline:2%}.devices{position:relative;display:grid;grid-template-columns:1fr 17%;grid-template-rows:auto auto;column-gap:3%;align-items:end;transform-style:preserve-3d;transform:rotateY(14deg) rotateX(5deg) rotate(1.2deg);transition:transform .8s var(--ease)}.work:nth-child(2n) .devices{transform:rotateY(-14deg) rotateX(5deg) rotate(-1.2deg)}.work:hover .devices{transform:rotateY(5deg) rotateX(2deg) translateY(-6px)}.work:nth-child(2n):hover .devices{transform:rotateY(-5deg) rotateX(2deg) translateY(-6px)}.dev-laptop{grid-column:1;grid-row:1}.dev-laptop__base{grid-column:1;grid-row:2}.dev-phone{grid-column:2;grid-row:1 / span 2}.work:nth-child(2n) .devices{grid-template-columns:17% 1fr}.work:nth-child(2n) .dev-laptop,.work:nth-child(2n) .dev-laptop__base{grid-column:2}.work:nth-child(2n) .dev-phone{grid-column:1}.dev-phone{transform:translateZ(45px)}@media(max-width:900px){.devices,.work:nth-child(2n) .devices{transform:rotateY(0) rotateX(3deg)}.work:hover .devices,.work:nth-child(2n):hover .devices{transform:rotateX(1deg) translateY(-4px)}.dev-phone{transform:translateZ(45px)}}.dev-laptop{position:relative;border-radius:14px 14px 4px 4px;background:linear-gradient(160deg,#2a2f3c,#171a22);padding:10px 10px 0;box-shadow:0 18px 44px #0a0f1e38}.dev-laptop:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#ffffff38}.dev-laptop__screen{border-radius:6px;overflow:hidden;background:#fff;aspect-ratio:1200/750}.dev-laptop__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.dev-laptop__base{position:relative;width:112%;margin-left:-6%;height:13px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#262b36,#171a22);box-shadow:0 12px 26px #0a0f1e33}.dev-laptop__base:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:16%;height:4px;border-radius:0 0 5px 5px;background:#ffffff1f}.dev-phone{position:relative;align-self:end;border-radius:18px;background:linear-gradient(160deg,#2a2f3c,#171a22);padding:5px;box-shadow:0 16px 34px #0a0f1e47}.dev-phone__screen{border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:390/844}.dev-phone__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.dev-phone:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:26%;height:3px;border-radius:2px;background:#ffffff47;z-index:1}.work__body{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.work__type{display:inline-flex;align-items:center;gap:11px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#002bc2}.work__type:before{content:"";width:26px;height:2px;border-radius:2px;background:currentColor;transition:width .4s var(--ease)}.work:hover .work__type:before{width:40px}.work__body h2{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.15;letter-spacing:-.03em;margin:0}.work__title{font-size:1rem;line-height:1.5;color:#3a4252;margin:0 auto;max-width:38ch}.work__btn{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:13px 24px;border-radius:999px;background:#10101a;color:#fff;font-size:.94rem;font-weight:600;box-shadow:0 10px 24px #10101a2e;transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.work__btn svg{transition:transform .3s var(--ease)}.work:hover .work__btn{background:#002bc2;transform:translateY(-2px);box-shadow:0 16px 34px #002bc247}.work:hover .work__btn svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.work,.devices,.work__type:before,.work__btn,.work__btn svg{transition:none}.work:hover,.work:hover .devices{transform:none}}.phero__inner--center{text-align:center;margin-inline:auto}.phero__inner--center .lead{margin-inline:auto}@media(max-width:520px){.work__type{font-size:.75rem;letter-spacing:.05em;gap:8px}.work__type:before{width:18px}}@media(max-width:900px){.dev-laptop{border-radius:8px 8px 3px 3px;padding:5px 5px 0}.dev-laptop:before{width:3px;height:3px;top:2px}.dev-laptop__screen{border-radius:3px}.dev-laptop__base{height:7px;border-radius:0 0 7px 7px}.dev-laptop__base:after{height:2px;border-radius:0 0 3px 3px}.dev-phone{border-radius:9px;padding:2.5px}.dev-phone__screen{border-radius:6px}.dev-phone:before{top:4px;height:1.5px}}