@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--blue:#5559ef;--yellow:#fae767;--pink:#f6c8d3;--ink:#17182a;--cream:#fffdf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:Manrope,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.logo{display:flex;gap:9px;align-items:center;font:11px/1.05 'Space Grotesk',sans-serif}.logo b{font-size:9px;color:#646473}.logo-icon{width:35px;height:35px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;transform:rotate(-7deg)}nav{display:flex;gap:38px;align-items:center;font-size:12px}.contact{background:var(--ink);color:white;padding:11px 17px;border-radius:30px}.contact span{color:var(--yellow);margin-left:12px}.menu-toggle{display:none}.hero{height:650px;min-height:580px;background:var(--blue);color:white;position:relative;padding:90px 11vw;overflow:hidden}.kicker,.section-top,.project-info>span,.city-label,.mock-date{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.kicker{margin:0 0 24px;color:#d7d7ff}.hero h1{font:600 clamp(78px,11vw,148px)/.79 'Space Grotesk',sans-serif;letter-spacing:-.09em;margin:0;position:relative;z-index:2}.hero h1 span{color:var(--yellow)}.hero-foot{position:absolute;left:11vw;bottom:46px;display:flex;align-items:end;gap:45px}.hero-foot p{max-width:270px;font-size:13px;line-height:1.7;margin:0;color:#e5e5ff}.down{font:10px 'DM Mono',monospace;border-bottom:1px solid #aaaaf7;padding-bottom:7px}.hero-sticker{position:absolute;z-index:3;right:14%;top:95px;background:var(--yellow);color:var(--ink);width:116px;height:116px;display:grid;place-content:center;text-align:center;border-radius:42% 58% 53% 47%;font:9px/1.5 'DM Mono',monospace;transform:rotate(11deg)}.hero-sticker span{font-size:19px}.sunflower{position:absolute;right:14%;bottom:76px;width:230px;height:230px;border-radius:50%;background:var(--pink);display:grid;place-items:center;color:var(--yellow);font-size:150px;box-shadow:0 0 0 21px #e4aebc,0 0 0 42px #726ef2;transform:rotate(-9deg)}.sunflower span{filter:drop-shadow(0 7px 0 #d694a9)}.bubble{position:absolute;border-radius:50%;display:grid;place-items:center;font:italic 17px Georgia;color:var(--ink)}.bubble-one{right:31%;top:265px;width:74px;height:74px;background:var(--yellow);transform:rotate(-13deg)}.bubble-two{right:6%;top:350px;width:87px;height:87px;background:#8ee5d2;text-align:center;line-height:1.1}.projects{padding:28px 9vw 100px}.section-top{display:flex;justify-content:space-between;padding:14px 0 24px;color:#737386}.project{min-height:500px;margin-top:22px;padding:65px 7%;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:7%;position:relative;overflow:hidden}.project-lilac{background:#dbd8fc}.project-orange{background:#ffd98f}.project-info{position:relative;z-index:2}.project-info>span{color:#63618c}.project-info h2{font:600 clamp(40px,5vw,66px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:27px 0 17px}.project-info p{max-width:350px;font-size:13px;line-height:1.7;color:#555568}.project-info>a{display:inline-block;margin-top:22px;font:9px 'DM Mono',monospace;text-transform:uppercase;border-bottom:1px solid;padding-bottom:6px}.mock{justify-self:center;width:245px;height:390px;border:8px solid #25253c;border-radius:33px;padding:17px 15px;background:#fffdf7;box-shadow:20px 24px 0 #8782bc;transform:rotate(4deg)}.mock-status{font:8px 'DM Mono',monospace;display:flex;justify-content:space-between}.mock-date{font-size:7px;margin-top:34px;color:#838095}.mock h3{font:600 26px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:13px 0 25px}.habit{display:grid;grid-template-columns:33px 1fr 15px;align-items:center;gap:8px;padding:11px 0;border-top:1px solid #e5e2da;font-size:9px}.habit small{display:block;color:#838095;font-size:7px;margin-top:5px}.habit-icon{width:30px;height:30px;background:#e5dcff;border-radius:10px;display:grid;place-items:center;color:var(--blue)}.habit>b{color:#71b7a4}.progress{height:5px;background:#ece9e2;border-radius:8px;margin-top:20px}.progress i{display:block;width:61%;height:100%;border-radius:8px;background:var(--blue)}.project-spark{position:absolute;right:16%;top:45px;color:#fff;font-size:55px}.city-card{justify-self:center;width:290px;height:365px;background:#fb815e;border-radius:10px 10px 90px 10px;padding:23px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:19px 22px 0 #d8904c}.city-sun{position:absolute;width:220px;height:220px;border:1px solid #a74946;border-radius:50%;right:-69px;top:-81px;box-shadow:0 0 0 18px #fb815e,0 0 0 19px #a74946,0 0 0 38px #fb815e,0 0 0 39px #a74946}.city-label{position:relative;font-size:8px}.city-name{position:relative;font:600 29px/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:55px 0 20px}.city-name i{font-weight:400}.place{position:relative;display:grid;grid-template-columns:22px 1fr 20px;align-items:center;border-top:1px solid #ad5142;padding:10px 0;font-size:9px}.place>span:first-child{font:8px 'DM Mono',monospace}.place small{grid-column:2;color:#713d38;font-size:7px;margin-top:3px}.place-arrow{grid-column:3;grid-row:1/3;font-size:15px}.mapline{position:absolute;bottom:30px;left:30px;width:80px;height:30px;border-bottom:2px dashed #ffe69d;transform:rotate(-15deg)}.services{background:#fbefaf;padding:90px 11vw}.services h2{font:600 clamp(42px,6vw,78px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:38px 0 58px}.services h2 i{font-weight:400;color:var(--blue)}.service-list{border-top:1px solid #b4a861}.service-list>div{display:grid;grid-template-columns:50px 1.1fr 1fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #b4a861}.service-list>div>span{font:11px 'DM Mono',monospace}.service-list b{font:500 20px 'Space Grotesk'}.service-list p{max-width:330px;font-size:11px;line-height:1.6;color:#615d45}.hello{position:relative;overflow:hidden;background:var(--pink);text-align:center;padding:86px 20px 63px}.hello>p{font:italic 19px Georgia}.hello>a{display:inline-block;font:600 clamp(48px,9vw,104px)/1 'Space Grotesk',sans-serif;letter-spacing:-.08em}.hello>a span{color:var(--blue)}.hello small{display:block;font:9px 'DM Mono',monospace;margin-top:28px}.hello-scribble{position:absolute;right:12%;top:40px;font-size:65px;color:var(--blue);transform:rotate(19deg)}footer{padding:20px 7vw;display:flex;justify-content:space-between;font-size:10px;color:#737386}
@media(max-width:760px){.header{padding:0 5vw}nav{display:none;position:absolute;z-index:8;left:0;right:0;top:78px;background:var(--cream);padding:22px;flex-direction:column}.header.menu-open nav{display:flex}.menu-toggle{display:block;border:0;background:none;font-size:20px}.hero{height:760px;padding:74px 8vw}.hero-sticker{right:9%;top:50px}.hero h1{font-size:clamp(74px,18vw,118px)}.sunflower{width:170px;height:170px;font-size:115px;right:16%;bottom:145px}.bubble-one{right:58%;top:auto;bottom:235px}.bubble-two{right:5%;top:auto;bottom:170px}.hero-foot{left:8vw;right:8vw;bottom:28px;display:block}.hero-foot p{margin-bottom:14px}.projects{padding:20px 6vw 65px}.section-top{font-size:8px}.section-top span+span{display:none}.project{grid-template-columns:1fr;gap:35px;padding:40px 8%;}.mock{width:225px;height:355px}.city-card{width:260px}.services{padding:70px 8vw}.service-list>div{grid-template-columns:26px 1fr}.service-list p{grid-column:2;margin:0}.hello-scribble{right:5%;font-size:40px}footer{flex-wrap:wrap;gap:12px}}