.shipment-case-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:clamp(28px,5vw,78px);min-height:490px;margin:0 0 11vh;padding:clamp(30px,4.5vw,70px);overflow:hidden;background:#090909;color:var(--paper);border:2px solid #090909;box-shadow:inset 0 7px 0 var(--acid);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.shipment-case-card:before{content:'';position:absolute;inset:auto -8% -16% auto;width:40%;aspect-ratio:1;border:2px solid #b7ff1935;border-radius:50%;box-shadow:0 0 0 45px #b7ff1909,0 0 0 90px #b7ff1907}
.shipment-card-head{position:absolute;z-index:3;left:clamp(30px,4.5vw,70px);right:clamp(30px,4.5vw,70px);top:clamp(24px,3vw,42px);display:flex;justify-content:space-between;align-items:flex-start;font:700 8px/1.1 monospace;letter-spacing:.13em}
.shipment-card-head p{display:flex;align-items:center;gap:12px;margin:0}.shipment-card-head span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--acid);border-radius:50%;color:var(--acid)}.shipment-card-head i{color:var(--acid);font-style:normal;text-align:right;transform:rotate(5deg)}
.shipment-card-copy{position:relative;z-index:2;align-self:end}.shipment-card-copy h3{margin:70px 0 30px;font:800 clamp(50px,6vw,94px)/.82 Oswald;letter-spacing:-.06em}.shipment-card-copy h3 em{font-style:normal;color:var(--acid)}.shipment-card-copy p{max-width:48ch;margin:0 0 32px;color:#b7b7b1;font-size:13px;line-height:1.6}.shipment-card-copy>b{display:inline-block;padding-bottom:7px;border-bottom:1px solid var(--acid);color:var(--acid);font:700 9px monospace;text-transform:uppercase}
.shipment-card-flow{position:relative;z-index:2;align-self:center;min-height:330px;padding:48px 38px 32px;border:1px solid #ffffff28;background:linear-gradient(145deg,#141414,#070707);box-shadow:12px 12px 0 var(--acid);transform:rotate(1deg);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.shipment-message{width:58%;padding:18px;background:var(--paper);color:var(--black);clip-path:polygon(0 0,100% 0,100% 84%,18% 84%,10% 100%,10% 84%,0 84%);display:grid;gap:7px}.shipment-message small{font:700 8px monospace}.shipment-message strong{font:800 clamp(24px,3vw,42px)/1 Oswald}.shipment-message span{font:700 9px monospace;color:#536d18}
.shipment-route{position:absolute;left:18%;right:10%;top:53%;height:3px;background:#ffffff25}.shipment-route:before{content:'';position:absolute;inset:0;background:var(--acid);transform:scaleX(.2);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1)}.shipment-route i{position:absolute;top:50%;width:11px;height:11px;background:#090909;border:2px solid var(--acid);border-radius:50%;transform:translate(-50%,-50%)}.shipment-route i:nth-child(1){left:0}.shipment-route i:nth-child(2){left:34%}.shipment-route i:nth-child(3){left:68%}.shipment-route i:nth-child(4){left:100%}
.shipment-status{position:absolute;left:8%;right:7%;bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shipment-status span{padding-top:12px;border-top:1px solid #ffffff2d;color:#8d8d86;font:700 7px/1.3 monospace;text-align:center}.shipment-case-card:hover,.shipment-case-card:focus-visible{transform:translateY(-4px);outline:none}.shipment-case-card:hover .shipment-card-flow,.shipment-case-card:focus-visible .shipment-card-flow{transform:rotate(0)}.shipment-case-card:hover .shipment-route:before,.shipment-case-card:focus-visible .shipment-route:before{transform:scaleX(1)}
@media(max-width:900px){.shipment-case-card{grid-template-columns:1fr}.shipment-card-flow{width:100%}}
@media(max-width:760px){.shipment-case-card{gap:34px;min-height:0;padding:26px 18px 24px}.shipment-card-head{position:relative;left:auto;right:auto;top:auto}.shipment-card-copy h3{margin-top:32px;font-size:14vw}.shipment-card-copy p{font-size:13px}.shipment-card-flow{min-height:280px;padding:35px 20px 24px;box-shadow:7px 7px 0 var(--acid);transform:none}.shipment-message{width:72%}.shipment-status{left:5%;right:5%;bottom:24px;gap:3px}.shipment-status span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.shipment-case-card,.shipment-card-flow,.shipment-route:before{transition:none}}