:root{--ink:#20333a;--muted:#789096;--cream:#fffaf2;--orange:#f26745;--yellow:#f9cd60;--mint:#d7eee2;--line:#e7ece8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:78px;background:#fffdf9;display:flex;align-items:center;padding:0 max(4vw,32px);border-bottom:1px solid #f1eee8;gap:70px}.brand{font-family:Fraunces,serif;color:var(--ink);font-size:25px;font-weight:700;text-decoration:none;letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--orange);border-radius:10px 10px 10px 3px;font-family:DM Sans;font-size:17px;margin-right:7px}nav{display:flex;gap:34px;align-self:stretch}nav a{display:grid;place-items:center;text-decoration:none;color:#748288;font-size:14px;font-weight:600;border-bottom:2px solid transparent}nav a.active{color:var(--ink);border-color:var(--orange)}.profile{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.bell{border:0;background:transparent;font-size:21px;color:var(--ink);position:relative;margin-right:13px}.bell i{width:7px;height:7px;position:absolute;background:var(--orange);border-radius:50%;top:1px;right:0}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:11px;color:#fff;background:#5b8695}.avatar.small{width:30px;height:30px}.chev{color:#92a1a5}.hero{min-height:515px;display:grid;grid-template-columns:.8fr 1.2fr;padding:70px max(6.5vw,48px) 58px;gap:20px;overflow:hidden}.intro{padding:38px 0 0 4vw;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#e27654;margin:0 0 12px}.intro h1,h2{font-family:Fraunces,serif;letter-spacing:-1.5px;line-height:1.04;margin:0}.intro h1{font-size:clamp(40px,4.2vw,64px);max-width:520px}.sub{color:var(--muted);line-height:1.6;font-size:15px;max-width:410px;margin:22px 0 27px}.actions{display:flex;gap:12px}.primary{border:0;background:var(--orange);color:white;border-radius:10px;padding:14px 19px;font-weight:700;font-size:14px;box-shadow:0 8px 16px #f2674531;cursor:pointer}.primary span,.customize span{font-size:19px;margin-left:12px;vertical-align:-1px}.round{border:1px solid #f2cdbf;color:var(--orange);background:#fff9f3;width:48px;border-radius:10px;font-size:20px;cursor:pointer}.map-wrap{height:410px;position:relative;perspective:900px}.map-label{position:absolute;z-index:3;top:0;left:37%;background:white;padding:10px 15px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 7px 18px #49625b1c}.pin{color:var(--orange);font-size:17px;margin-right:5px}.sun{position:absolute;width:90px;height:90px;background:#ffe29a;border-radius:50%;right:11%;top:10px;filter:blur(1px);opacity:.65}.cloud{position:absolute;background:white;width:66px;height:17px;border-radius:20px;opacity:.8}.cloud:after,.cloud:before{content:'';position:absolute;background:white;border-radius:50%}.cloud:before{width:24px;height:24px;left:10px;bottom:5px}.cloud:after{width:31px;height:31px;right:9px;bottom:5px}.c1{right:22%;top:61px}.c2{left:6%;top:64px;transform:scale(.65)}.island{position:absolute;inset:74px 0 0 0;border-radius:48% 52% 45% 50%;background:#b9ddc6;transform:rotateX(52deg) rotateZ(-8deg);box-shadow:0 26px 1px #8cc1a4,0 30px 28px #87aa9c55;overflow:hidden}.road{position:absolute;background:#fff7df;border:10px solid #f4d591;opacity:.95}.r1{width:130%;height:58px;left:-10%;top:45%;transform:rotate(17deg)}.r2{width:55px;height:120%;left:47%;top:-12%;transform:rotate(9deg)}.r3{width:50%;height:44px;right:-11%;top:22%;transform:rotate(-42deg)}.r4{width:50%;height:44px;left:-8%;bottom:9%;transform:rotate(-31deg)}.park{position:absolute;width:28%;height:30%;left:36%;top:29%;border-radius:50%;background:#83bd83;text-align:center;padding-top:24px;font-size:8px;letter-spacing:1px;font-weight:700;color:#47794f}.tree{position:absolute;width:18px;height:18px;border-radius:50%;background:#378159;box-shadow:5px 4px 0 #2e704d}.t1{left:13px;top:14px}.t2{right:12px;top:32px}.t3{left:44%;bottom:9px}.lot{position:absolute;left:var(--x);top:var(--y);border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%) rotate(8deg);z-index:3;padding:10px}.lot em{display:block;background:#fff;color:#3e595c;font-style:normal;font-size:9px;font-weight:700;padding:3px 7px;border-radius:8px;white-space:nowrap;opacity:0;transition:.2s}.lot:hover em,.lot.selected em{opacity:1}.house{display:block;width:53px;height:37px;background:#5f9ec0;border-radius:3px 3px 7px 7px;position:relative;box-shadow:0 7px 0 #417895}.house:before{content:'';position:absolute;top:-24px;left:-4px;border-left:31px solid transparent;border-right:31px solid transparent;border-bottom:26px solid #375a70}.house i{position:absolute;background:#ffe59a;width:10px;height:13px;bottom:7px;left:22px;border-radius:2px}.house.peach{background:#e98768;box-shadow:0 7px 0 #b85c52}.house.peach:before{border-bottom-color:#a84c48}.house.green{background:#82aa77;box-shadow:0 7px 0 #587e5b}.house.green:before{border-bottom-color:#3c634a}.shop{display:grid;place-items:center;width:45px;height:42px;border-radius:9px;background:#fff0be;color:#dd7954;font-size:22px;box-shadow:0 6px #e5bd76}.car{position:absolute;color:#e66850;font-size:31px;z-index:2}.car-one{left:59%;top:59%;transform:rotate(24deg)}.car-two{left:16%;top:42%;color:#527f9c;transform:rotate(20deg)}.person{position:absolute;color:#f16748;font-size:17px;z-index:4}.p1{left:61%;top:39%}.p2{left:32%;top:66%;color:#5d8b96}.zoom{position:absolute;z-index:4;right:2%;bottom:30px;display:grid;box-shadow:0 3px 12px #45625b28}.zoom button{width:36px;height:32px;border:0;background:white;font-size:18px;color:#567}.zoom button+button{border-top:1px solid #eee}.map-card{position:absolute;z-index:4;left:3%;bottom:7px;background:#fff;border-radius:13px;padding:9px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 7px 17px #45625b25;font-size:10px}.mini-avatar{width:27px;height:27px;background:#e78b67;font-size:9px}.map-card b,.map-card span{display:block}.map-card span{color:#89999b;margin-top:2px}.map-card button{border:0;background:none;color:var(--orange);font-size:19px;margin-left:10px}.dashboard{background:#f5f8f4;padding:52px max(7vw,48px) 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;max-width:1200px;margin:auto auto 26px}.section-heading h2{font-size:30px}.section-heading a{color:var(--orange);font-weight:700;font-size:13px;text-decoration:none}.section-heading a span{font-size:18px;margin-left:7px}.cards{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr .9fr;gap:20px}.post-card,.event-card,.home-card{background:white;border-radius:15px;overflow:hidden}.post-card{padding:19px 19px 11px}.card-top{display:flex;align-items:center;gap:9px}.card-top>div:not(:first-child){flex:1}.card-top b,.card-top span{display:block}.card-top b{font-size:13px}.card-top span{color:#94a2a4;font-size:10px;margin-top:3px}.coral{background:#e8896d;width:31px;height:31px}.card-top button{margin-left:auto;border:0;background:none;color:#8da0a0}.post-card>p{font-size:13px;line-height:1.45;margin:16px 0}.post-photo{height:107px;border-radius:9px;position:relative;overflow:hidden}.bread{background:linear-gradient(120deg,#b16a39,#f1b063);display:grid;place-items:center;color:#fcd58b;font-size:73px}.bread:after{content:'';position:absolute;width:180%;height:43px;background:#7042232a;bottom:-25px;transform:rotate(-10deg)}.bread small{position:absolute;bottom:9px;left:11px;color:#fff;font-size:7px;letter-spacing:1px;font-weight:bold;z-index:1}.post-actions{display:flex;gap:18px;margin-top:11px}.post-actions button{padding:0;border:0;background:none;color:#809093;font-size:16px}.post-actions span{font-size:11px;margin-left:3px}.event-card{display:flex;flex-direction:column}.event-art{height:143px;background:#305a6e;position:relative;overflow:hidden;color:white;font-size:31px;display:flex;justify-content:space-around;align-items:center;padding-top:44px}.event-art:after{content:'';position:absolute;width:150%;height:45px;background:#1c404c;bottom:-25px;transform:rotate(3deg)}.sunset{position:absolute;width:100px;height:100px;border-radius:50%;background:#f89971;top:22px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 12px #e8896d55}.event-art span{z-index:1}.event-info{padding:17px}.event-info h3,.home-card h3{font-family:Fraunces,serif;margin:0;font-size:21px;letter-spacing:-.5px}.event-info>p:not(.eyebrow){font-size:11px;color:#819093;margin:6px 0 14px}.event-info>div{display:flex;justify-content:space-between;align-items:center}.attendees{display:flex}.attendees i{width:21px;height:21px;border-radius:50%;background:#f0bb77;border:2px solid #fff;display:grid;place-items:center;font-size:7px;font-style:normal;color:#fff;margin-right:-4px}.attendees i:nth-child(2){background:#dc806d}.attendees i:nth-child(3){background:#65949b}.attendees i:nth-child(4){background:#819a87}.join{border:1px solid #f1c7ba;color:#e86c4c;background:#fff8f4;border-radius:7px;padding:7px 11px;font-weight:700;font-size:11px;cursor:pointer}.home-card{padding:20px 20px 0;display:flex;flex-direction:column}.home-card .card-top{align-items:start}.home-card h3{max-width:150px}.dots{padding:0}.room{height:127px;margin:12px -20px 0;background:#f8d7a8;position:relative;overflow:hidden}.window{position:absolute;width:69px;height:57px;left:41%;top:10px;background:#b9e3e9;border:6px solid #fff5df;box-shadow:inset 0 0 0 2px #e89a77}.sofa{position:absolute;width:115px;height:39px;bottom:13px;left:22%;background:#829f97;border-radius:13px 13px 3px 3px;box-shadow:0 9px #607c78}.rug{position:absolute;width:140px;height:35px;bottom:-11px;right:2%;border-radius:50%;background:#e89072}.plant{position:absolute;right:15%;bottom:28px;color:#58875a;font-size:52px;line-height:.7;transform:rotate(-10deg)}.lamp{position:absolute;left:9%;bottom:28px;color:#e3ae59;font-size:33px}.customize{margin:14px 0;border:0;background:transparent;color:var(--orange);font-size:12px;font-weight:700;text-align:left;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 12px 35px #263f3a2b;display:flex;align-items:center;gap:10px;z-index:20;transition:.3s}.toast.hide{opacity:0;transform:translateY(12px);pointer-events:none}.toast>span{width:30px;height:30px;display:grid;place-items:center;background:#fff1d6;border-radius:9px;color:#df8b45}.toast b{font-size:12px}.toast p{font-size:10px;color:#819295;margin:3px 0 0}.toast button,.modal-close{border:0;background:none;font-size:18px;color:#829192;cursor:pointer}.modal{position:fixed;inset:0;background:#20333a82;display:grid;place-items:center;z-index:30;opacity:0;pointer-events:none;transition:.2s}.modal.open{opacity:1;pointer-events:auto}.modal-box{background:#fffdf9;width:min(410px,90vw);border-radius:18px;padding:29px;position:relative;transform:translateY(8px);transition:.2s}.modal.open .modal-box{transform:none}.modal-box h2{font-size:32px}.modal-box>p:not(.eyebrow){color:#71868b;font-size:14px}.modal-close{position:absolute;right:15px;top:12px}.swatches{display:flex;gap:12px;margin:22px 0}.swatch{width:39px;height:39px;border-radius:50%;border:3px solid white;outline:1px solid #dfe4e1;cursor:pointer}.swatch.selected{outline:3px solid var(--ink)}.sky{background:#5f9ec0}.peach{background:#e98768}.leaf{background:#82aa77}.lilac{background:#9c8bbb}@media(max-width:850px){.topbar{gap:20px}.hero{grid-template-columns:1fr;padding:32px 30px}.intro{padding:0}.map-wrap{height:390px}.cards{grid-template-columns:1fr}.dashboard{padding:40px 30px}nav{display:none}}@media(max-width:480px){.profile span:not(.chev){display:none}.topbar{padding:0 20px}.hero{padding:28px 20px}.dashboard{padding:35px 20px}.map-wrap{transform:scale(.9);transform-origin:left top;width:111%}.section-heading h2{font-size:25px}}
.house.lilac{background:#9c8bbb;box-shadow:0 7px 0 #766777}.house.lilac:before{border-bottom-color:#625263}