.work-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.work-grid{grid-template-columns:1fr;gap:1rem}}.work-card{background:var(--charcoal);min-height:460px;color:var(--white);transition:background .4s var(--ease-smooth);flex-direction:column;justify-content:space-between;padding:2.5rem 2rem 7rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-card:hover{background:var(--graphite)}.work-card-top{z-index:2;flex-direction:column;gap:.75rem;display:flex;position:relative}.work-card-category{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.6875rem;font-weight:500}.work-card-tags{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.work-card-tag{letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;border:1px solid #ffffff26;padding:.25rem .625rem;font-size:.625rem;font-weight:500;line-height:1}.work-card-title{color:#ffffffe6;font-size:1.25rem;font-weight:400;line-height:1.4}.work-card-metric{z-index:2;margin-top:auto;position:relative}.work-card-number{letter-spacing:-.03em;color:var(--white);font-size:clamp(3.5rem,5vw,4.5rem);font-weight:300;line-height:1}.work-card-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray);margin-top:.5rem;font-size:.75rem;font-weight:400}.work-card-link{letter-spacing:.1em;text-transform:uppercase;color:#fff9;z-index:2;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.75rem;font-weight:500;transition:color .25s;display:inline-flex;position:relative}.work-card:hover .work-card-link,.work-card:hover .work-card-link:hover{color:var(--white)}.work-card:hover .work-card-link .btn-arrow{transform:translate(4px)}.work-card-illustration{pointer-events:none;z-index:0;position:absolute}.work-card-illustration svg{width:100%;height:100%}.work-card-illustration .draw{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.work-card-illustration .draw-fill{fill:var(--accent);stroke:none}.work-card-top,.work-card-metric,.work-card-link{z-index:2;position:relative}.work-card.animated .truck-scene .truck-group{animation:6s linear .3s infinite truck-drive}.work-card.animated .truck-scene .smoke{animation:3s ease-out .5s infinite smoke-puff}.work-card.animated .truck-scene .wheel-spin{animation:.5s linear infinite wheel-rotate}.work-card.animated .bag-scene .bag-group{animation:1s cubic-bezier(.34,1.56,.64,1) .4s forwards bag-drop,3s ease-in-out 1.5s infinite bag-sway}.work-card.animated .planner-scene .planner-cover{animation:4s ease-in-out .4s infinite planner-flip}.work-card.animated .planner-scene .page-content{animation:4s ease-in-out .4s infinite page-pulse}.work-card.animated .planner-scene .checkmark{animation:4s ease-in-out .4s infinite check-pulse}.work-card.animated .lobster-scene .lobster-group{animation:.8s cubic-bezier(.16,1,.3,1) .4s forwards lobster-enter,3s ease-in-out 1.4s infinite lobster-bob}.work-card.animated .lobster-scene .antenna-left{animation:2.5s ease-in-out 1.4s infinite antenna-sway-l}.work-card.animated .lobster-scene .antenna-right{animation:2.5s ease-in-out 1.6s infinite antenna-sway-r}.work-card.animated .fan-scene .fan-s1{animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards fan-unfold}.work-card.animated .fan-scene .fan-s2{animation:.6s cubic-bezier(.16,1,.3,1) .5s forwards fan-unfold}.work-card.animated .fan-scene .fan-s3{animation:.6s cubic-bezier(.16,1,.3,1) .6s forwards fan-unfold}.work-card.animated .fan-scene .fan-s4{animation:.6s cubic-bezier(.16,1,.3,1) .7s forwards fan-unfold}.work-card.animated .fan-scene .fan-s5{animation:.6s cubic-bezier(.16,1,.3,1) .8s forwards fan-unfold}.work-card.animated .fan-scene .fan-s6{animation:.6s cubic-bezier(.16,1,.3,1) .9s forwards fan-unfold}.work-card.animated .fan-scene .fan-s7{animation:.6s cubic-bezier(.16,1,.3,1) 1s forwards fan-unfold}.work-card.animated .fan-scene .fan-group{animation:4s ease-in-out 1.6s infinite fan-sway}.work-card.animated .fan-scene .fan-rivet{animation:.4s ease-out 1.1s forwards fan-unfold-rivet}.work-card.animated .tile-scene .tile-1{animation:.5s cubic-bezier(.16,1,.3,1) .4s forwards tile-stack}.work-card.animated .tile-scene .tile-2{animation:.5s cubic-bezier(.16,1,.3,1) .6s forwards tile-stack}.work-card.animated .tile-scene .tile-3{animation:.5s cubic-bezier(.16,1,.3,1) .8s forwards tile-stack}.work-card.animated .tile-scene .trowel-group{animation:.6s cubic-bezier(.16,1,.3,1) 1.1s forwards trowel-slide,3s ease-in-out 2s infinite trowel-idle}.work-card.animated .hitch-scene .hitch-ball{animation:.7s cubic-bezier(.34,1.56,.64,1) .4s forwards hitch-drop}.work-card.animated .hitch-scene .coupler-group{animation:.6s cubic-bezier(.16,1,.3,1) .9s forwards coupler-rise}.work-card.animated .hitch-scene .chain{animation:.4s ease-out 1.3s forwards chain-appear,2.5s ease-in-out 1.8s infinite chain-sway}.work-card.animated .bike-scene .rack-bar{animation:.5s cubic-bezier(.16,1,.3,1) .3s forwards rack-appear}.work-card.animated .bike-scene .bike-group{animation:.8s cubic-bezier(.16,1,.3,1) .6s forwards bike-slide,2.5s ease-in-out 1.6s infinite bike-settle}.work-card.animated .bike-scene .wheel-spin{animation:.8s linear .6s 2 bike-wheel-spin}@media (width<=768px){.work-card img{aspect-ratio:16/10}.work-card-overlay{opacity:1}}.work-card-illustration{pointer-events:none;position:absolute}.truck-scene .truck-group{transition:none;transform:translate(-200px)}.truck-scene .road{stroke:var(--accent);stroke-width:1px;opacity:.3}.truck-scene .smoke{opacity:0}.truck-scene .wheel-spin{transform-origin:50%}.bag-scene .bag-group{opacity:0;transform:translateY(-250px)scale(.8)}.planner-scene .planner-cover{transform-origin:0;transform:rotateY(0)}.planner-scene .page-content,.planner-scene .checkmark{opacity:0}.lobster-scene{width:160px;height:140px;bottom:0;right:1rem}.lobster-scene .lobster-group{opacity:0;transform:translate(180px)}@keyframes lobster-enter{0%{opacity:0;transform:translate(180px)}60%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes lobster-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lobster-scene .antenna{transform-origin:bottom}@keyframes antenna-sway-l{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes antenna-sway-r{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.fan-scene{width:160px;height:140px;bottom:0;right:1.5rem}.fan-scene .fan-segment{transform-origin:80px 130px;opacity:0}@keyframes fan-unfold{0%{opacity:0;transform:rotate(0)}to{opacity:1;transform:rotate(var(--fan-angle))}}.fan-scene .fan-group{transform-origin:80px 130px}@keyframes fan-sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.fan-scene .fan-rivet{opacity:0}@keyframes fan-unfold-rivet{0%{opacity:0}to{opacity:1}}.tile-scene{width:180px;height:160px;bottom:0;right:1rem}.tile-scene .tile{opacity:0;transform:translateY(40px)}@keyframes tile-stack{0%{opacity:0;transform:translateY(40px)}70%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.tile-scene .trowel-group{opacity:0;transform:translate(60px)}@keyframes trowel-slide{0%{opacity:0;transform:translate(60px)rotate(5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes trowel-idle{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)translateY(-2px)}}.hitch-scene{width:160px;height:140px;bottom:0;right:1.5rem}.hitch-scene .hitch-ball{opacity:0;transform:translateY(-80px)}@keyframes hitch-drop{0%{opacity:0;transform:translateY(-80px)}40%{opacity:1}70%{opacity:1;transform:translateY(4px)}85%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.hitch-scene .coupler-group{opacity:0;transform:translateY(50px)}@keyframes coupler-rise{0%{opacity:0;transform:translateY(50px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.hitch-scene .chain{opacity:0}@keyframes chain-appear{0%{opacity:0}to{opacity:1}}@keyframes chain-sway{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.bike-scene{width:180px;height:140px;bottom:0;right:1rem}.bike-scene .rack-bar{opacity:0}@keyframes rack-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bike-scene .bike-group{opacity:0;transform:translate(200px)}@keyframes bike-slide{0%{opacity:0;transform:translate(200px)}30%{opacity:1}80%{transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes bike-settle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bike-scene .wheel-spin{transform-origin:50%}@keyframes bike-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.truck-scene{height:80px}.bag-scene{width:120px;height:120px}.planner-scene{width:130px;height:130px}.lobster-scene,.fan-scene{width:120px;height:105px}.tile-scene{width:130px;height:120px}.hitch-scene{width:120px;height:105px}.bike-scene{width:130px;height:105px}}.truck-scene{height:100px;bottom:0;left:0;right:0;overflow:hidden}.bag-scene{width:160px;height:160px;bottom:0;right:1.5rem}.planner-scene{width:180px;height:180px;bottom:0;right:1rem}