.portfolio-shortlist{background:#fffdf8;padding-block:76px 86px}
.shortlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shortlist-card{display:flex;flex-direction:column;overflow:hidden;border:1.5px solid #302c48;border-radius:18px;background:#fffaf2;box-shadow:5px 6px 0 #302c48;transition:transform .2s,box-shadow .2s}
.shortlist-card:hover,.shortlist-card:focus-visible{transform:translate(-2px,-3px);box-shadow:7px 9px 0 #302c48}
.shortlist-picture{display:block;height:190px;overflow:hidden;background:#eae5f6}
.shortlist-card:nth-child(2) .shortlist-picture{background:#181943}
.shortlist-card:nth-child(3) .shortlist-picture{background:#e2f3e7}
.shortlist-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.shortlist-card:nth-child(2) .shortlist-picture img{object-position:center 38%}
.shortlist-content{display:flex;flex:1;flex-direction:column;gap:10px;padding:23px}
.shortlist-content small,.task-route-grid a>span,.scale-grid article>span{color:#7464bd;font-size:10px;font-weight:900;letter-spacing:.12em}
.shortlist-content strong{font-family:Nunito,Manrope,Arial,sans-serif;font-size:28px;line-height:1.12;letter-spacing:-.04em}
.shortlist-content>span{color:#686577;font-size:12px;line-height:1.65}
.shortlist-content b{margin-top:auto;padding-top:16px;color:#5b4abc;font-size:11px}
.task-routes{background:#f2edfb}
.task-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.task-route-grid a{display:grid;grid-template-columns:1fr auto;gap:9px 24px;min-height:180px;padding:25px 29px;border:1.5px solid #39334c;border-radius:18px;background:#fffdf9;box-shadow:5px 6px 0 #39334c;transition:transform .2s,box-shadow .2s}
.task-route-grid a:nth-child(2){background:#f8edff}.task-route-grid a:nth-child(3){background:#eaf8eb}.task-route-grid a:nth-child(4){background:#fff3e9}
.task-route-grid a:hover,.task-route-grid a:focus-visible{transform:translate(-2px,-3px);box-shadow:7px 9px 0 #39334c}
.task-route-grid strong{grid-column:1/-1;font-family:Nunito,Manrope,Arial,sans-serif;font-size:24px;line-height:1.15;letter-spacing:-.035em}
.task-route-grid small{color:#6f6a78;font-size:12px;line-height:1.5}
.task-route-grid b{grid-column:1/-1;align-self:end;color:#6151ba;font-size:11px}
.about-aside{max-width:420px;color:#787283;font-size:12px;line-height:1.75}
.project-scale{background:#fffdf8}
.scale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.scale-grid article{display:flex;flex-direction:column;min-height:250px;padding:25px;border:1.5px solid #302c48;border-radius:17px;background:#fff3e9;box-shadow:5px 6px 0 #302c48}
.scale-grid article:nth-child(2){background:#eee8ff}.scale-grid article:nth-child(3){background:#e9f6eb}
.scale-grid h3{margin:22px 0 10px;font-family:Nunito,Manrope,Arial,sans-serif;font-size:25px;line-height:1.13}
.scale-grid p{margin:0 0 20px;color:#696576;font-size:12px;line-height:1.65}
.scale-grid article>strong{margin-top:auto;color:#5141aa;font-size:11px}
.handoff-note{display:flex;gap:19px;max-width:900px;margin-top:35px;padding:24px 28px;border:1px solid #cfc5e7;border-radius:17px;background:#f5f0ff}
.handoff-note>span{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:10px;background:#ded5fb;color:#6757cf;font-size:23px}
.handoff-note strong{font-family:Nunito,Manrope,Arial,sans-serif;font-size:18px}
.handoff-note p{margin:6px 0 0;color:#686577;font-size:12px;line-height:1.7}
.featured-task{display:block;margin-top:10px;color:#756b81;font-size:11px;font-weight:800;line-height:1.55}
@media(max-width:900px){.shortlist-grid,.scale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortlist-card:last-child,.scale-grid article:last-child{grid-column:1/-1}}
@media(max-width:600px){.portfolio-shortlist{padding-block:64px}.shortlist-grid,.task-route-grid,.scale-grid{grid-template-columns:1fr}.shortlist-card:last-child,.scale-grid article:last-child{grid-column:auto}.shortlist-picture{height:185px}.task-route-grid a{min-height:170px;padding:22px}.task-route-grid b{grid-column:1/-1}.scale-grid article{min-height:205px}.handoff-note{padding:19px}}