.journey{border:1px solid #c9d9c2;border-radius:18px;overflow:hidden;background:#e7f1da;margin:0 0 28px;box-shadow:0 5px 0 #dce4d1}.journey-heading{display:flex;align-items:center;gap:9px;background:#fff9e9;padding:11px 16px;border-bottom:1px solid #d7dfca;font-size:10px;color:#587653}.journey-heading>span{font-size:8px;letter-spacing:1px;background:#32684d;color:#fff4c5;border-radius:5px;padding:5px 7px}.journey-heading strong{font-weight:650}.journey-scene{height:228px;position:relative;overflow:hidden;background:linear-gradient(#bce0dd 0,#e8edcc 58%,#a7bd83 58%,#a7bd83 71%,#7b8878 71%,#7b8878 100%)}.journey-scene:before{content:"";position:absolute;width:31px;height:31px;left:9%;top:22px;border-radius:50%;background:#ffedb3;box-shadow:0 0 0 9px #fff6be33}.road-clouds{position:absolute;left:20%;top:26px;width:58px;height:12px;background:#fff9;border-radius:50px;box-shadow:210px 12px 0 4px #fff8,450px -5px 0 2px #fff7}.road-trees{position:absolute;inset:25px 0 65px;background:radial-gradient(ellipse at 16% 60%,#729d7144 0, #729d7144 35px,transparent 36px),radial-gradient(ellipse at 91% 65%,#628c6655 0,#628c6655 45px,transparent 46px)}.road-lane{position:absolute;bottom:28px;left:-100%;width:300%;height:3px;background:repeating-linear-gradient(90deg,#f8edc7 0,#f8edc7 34px,transparent 34px,transparent 70px)}.road-houses{position:absolute;inset:0}.house{position:absolute;left:65%;bottom:78px;width:108px;height:80px;background:#f2d8a5;border:2px solid #c6a677;border-radius:4px;box-shadow:inset -9px 0 #c7a97633,4px 5px 0 #35593016}.house:before{content:"";position:absolute;left:-13px;top:-39px;border-left:65px solid transparent;border-right:65px solid transparent;border-bottom:39px solid #bc7968;filter:drop-shadow(0 -3px #a46a5b)}.house-window{position:absolute;left:13px;top:15px;width:24px;height:24px;background:linear-gradient(90deg,transparent 45%,#e8e1b6 45%,#e8e1b6 55%,transparent 55%),linear-gradient(transparent 45%,#e8e1b6 45%,#e8e1b6 55%,transparent 55%),#8bbbbb;border:3px solid #f9ebc6;box-shadow:0 2px 0 #bbaa7e}.house-door{position:absolute;right:18px;bottom:0;width:26px;height:46px;border:3px solid #e4c38c;background:#597c67;border-bottom:0;border-radius:4px 4px 0 0}.house-door:after{content:"";position:absolute;right:3px;top:23px;width:3px;height:3px;background:#f4db8b;border-radius:50%}.house-number{position:absolute;right:14px;top:9px;font-size:7px;color:#886b47;background:#fff0c5;padding:2px 4px;border-radius:2px}.house.side-house{left:10%;transform:scale(.72);transform-origin:bottom;background:#e0b7a0;opacity:.7;bottom:80px}.house.side-house:before{border-bottom-color:#71918b}.road-van{position:absolute;left:28%;bottom:33px;width:102px;height:63px;filter:drop-shadow(0 5px 2px #293e332a)}.van-box{position:absolute;left:0;top:3px;width:62px;height:45px;background:linear-gradient(#ffdc79,#efbe5c);border:2px solid #d0a04d;border-radius:7px 4px 3px 5px}.van-box:after{content:"CEP";position:absolute;left:14px;top:12px;color:#6b7850;font-size:11px;letter-spacing:1px;font-weight:850}.van-front{position:absolute;right:0;top:15px;width:43px;height:34px;background:#e7b455;border:2px solid #c49345;border-radius:5px 15px 4px 0}.van-front:before{content:"";position:absolute;left:6px;top:3px;width:21px;height:13px;border-radius:2px 7px 1px 1px;background:#527b70;box-shadow:inset 0 2px #a1beb1}.van-front:after{content:"";position:absolute;right:0;bottom:8px;width:5px;height:5px;background:#fff0b2}.van-wheel{position:absolute;bottom:3px;width:19px;height:19px;background:#344e42;border:4px solid #263e33;border-radius:50%;box-shadow:inset 0 0 0 2px #9bac90}.van-wheel.a{left:12px}.van-wheel.b{right:9px}.road-parcel{position:absolute;left:76%;bottom:79px;width:19px;height:19px;background:linear-gradient(90deg,transparent 38%,#ffedb8 38%,#ffedb8 58%,transparent 58%),#c8945e;border:1px solid #a77b50;border-radius:2px;box-shadow:1px 2px #54684622}.porch{position:absolute;left:66%;bottom:79px;display:flex;gap:3px;max-width:36%;flex-wrap:wrap}.porch-box{display:grid;place-items:center;width:15px;height:15px;background:#ce9f63;border:1px solid #a87e4c;color:#ffefb6;font-size:9px;border-radius:2px}.journey.parked .house-door{background:#7f9d70;box-shadow:0 0 10px #fff4b0aa}.moving .road-lane{animation:road-scroll .6s linear infinite}.cruising .road-lane{animation:road-scroll 1.8s linear infinite}.moving .road-van{animation:van-bob .18s ease-in-out infinite alternate}.cruising .road-van{animation:van-bob .35s ease-in-out infinite alternate}.moving .road-clouds{animation:cloud-drift 6s linear infinite}.cruising .road-clouds{animation:cloud-drift 14s linear infinite}@keyframes road-scroll{to{transform:translateX(-70px)}}@keyframes van-bob{to{margin-bottom:1.5px;rotate:-.5deg}}@keyframes cloud-drift{to{translate:-60px 0}}@media(max-width:720px){.journey{margin-bottom:23px}.journey-scene{height:196px}.house{left:64%;transform:scale(.8);transform-origin:bottom left;bottom:68px}.house.side-house{left:6%;transform:scale(.62);bottom:70px}.road-parcel,.porch{bottom:69px}.road-van{left:23%;bottom:29px;scale:.9}.road-lane{bottom:24px}.journey-heading{font-size:9px;padding:10px 11px;gap:7px}.journey-heading>span{font-size:7px}}@media(prefers-reduced-motion:reduce){.journey *{animation:none!important;transition:none!important}}

.cruising .road-houses{animation:neighborhood-scroll 8s linear infinite}.moving .road-houses{animation:house-arrival 1.1s ease-out}.moving .van-wheel,.cruising .van-wheel{animation:wheel-roll .5s linear infinite}@keyframes neighborhood-scroll{from{transform:translateX(80%)}to{transform:translateX(-100%)}}@keyframes house-arrival{from{transform:translateX(120px)}to{transform:translateX(0)}}@keyframes wheel-roll{to{rotate:360deg}}@media(max-width:720px){.journey{position:sticky;top:6px;z-index:8}}@media(prefers-reduced-motion:reduce){.journey *{animation:none!important}}


.road-parcel{left:calc(65% + 68px)}.porch{left:calc(65% + 39px)}@media(max-width:720px){.road-parcel{left:calc(64% + 52px)}.porch{left:calc(64% + 29px)}}