@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5f1;--ink:#20211e;--muted:#686a63;--line:#d8d9d0;--orange:#eb541f;--green:#d6e0d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:112px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:9px;font:800 24px 'Manrope',Arial;letter-spacing:-1px}.brand svg{width:37px;height:37px}.brand-sub{display:block;font:600 8px 'DM Sans';letter-spacing:4.5px;margin-top:1px}nav{display:flex;gap:38px;font-size:14px}nav a{padding:10px 0}nav a.active{border-bottom:1px solid var(--ink)}.contact-link{font-size:14px}.contact-link span{margin-left:25px;font-size:21px}.skip{position:absolute;top:-70px;background:white;padding:15px;z-index:99}.skip:focus{top:0}.wrap{margin:0 5%}.hero{position:relative;padding:67px 0 78px}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;display:flex;gap:10px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}.hero h1,.page-head h1{font-family:Manrope,Arial;font-size:clamp(60px,7.6vw,124px);font-weight:500;line-height:1.04;letter-spacing:-7px;margin:33px 0 35px;max-width:1000px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-bottom{display:flex;align-items:flex-end;gap:70px}.hero-bottom p{font-size:17px;line-height:1.65;max-width:370px;margin:0}.pill{border:0;border-radius:40px;padding:18px 25px;display:inline-flex;justify-content:space-between;align-items:center;gap:40px;background:var(--ink);color:white;font-size:14px;cursor:pointer}.pill.orange{background:var(--orange)}.pill.light{background:var(--paper);color:var(--ink)}.hero-art{position:absolute;right:0;bottom:45px;width:30%;height:310px;pointer-events:none;overflow:hidden}.orbit{position:absolute;top:15px;right:18px;width:230px;height:230px;border:35px solid var(--orange);border-radius:50%;transform:rotate(-30deg) skewY(-14deg);box-shadow:inset 8px 8px 14px #9c2d1038,12px 20px 0 #dbd9cd;animation:float 8s ease-in-out infinite}.orbit:after{content:'';position:absolute;width:75px;height:75px;background:var(--paper);bottom:-42px;right:-45px;transform:rotate(30deg)}.art-caption{position:absolute;bottom:0;right:15px;font-size:9px;letter-spacing:2px}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-bottom:30px;font-size:12px}.section-label .num{color:var(--muted);margin-right:24px}.text-link{border-bottom:1px solid;padding-bottom:4px;font-size:13px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.project{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer;min-width:0}.project:first-child{grid-column:span 2}.project-art{height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:45px;transition:filter .3s}.project:first-child .project-art{height:510px}.project:hover .project-art{filter:brightness(.97)}.project-meta{display:flex;justify-content:space-between;gap:15px;padding:18px 0 0}.project-meta h3{font-weight:500;font-size:21px;margin:0 0 5px;letter-spacing:-.6px}.project-meta p{font-size:12px;color:var(--muted);margin:0}.project-meta>span{font-size:23px}.north{background:#dbe3dd}.terra{background:#dfc6ad}.forma{background:#d9d8ef}.mock-browser{width:88%;max-width:820px;background:#fff;box-shadow:0 25px 50px #16271924;transform:rotate(-3deg);transition:transform .5s;pointer-events:none}.project:hover .mock-browser{transform:rotate(0) translateY(-5px)}.browser-bar{height:19px;background:#eeefea;padding:7px 12px;display:flex;gap:4px}.browser-bar i{height:4px;width:4px;background:#b8bbb5;border-radius:50%}.mock-nav{display:flex;justify-content:space-between;padding:18px 24px;font-size:8px}.mock-logo{font-weight:800;letter-spacing:-.5px;font-size:14px}.mock-nav small{font-size:6px}.mock-hero{padding:20px 25px 0;position:relative;overflow:hidden;min-height:265px}.north .mock-browser{background:#f7f8f3}.mock-hero h4{font:600 clamp(24px,3.5vw,52px)/1.03 'Manrope';letter-spacing:-2px;position:relative;z-index:2;margin:0;max-width:65%}.mock-hero p{font-size:8px;line-height:1.5;max-width:170px}.mini-button{display:inline-block;background:#b8dc4a;padding:9px 14px;font-size:7px;position:relative;z-index:2}.road{position:absolute;right:-12%;bottom:-65px;width:60%;height:270px;background:#2e453c;transform:rotate(-25deg);border-radius:50% 0 0 0}.road:before{content:'';position:absolute;left:45%;top:0;height:100%;border-left:3px dashed #b8dc4a}.truck{position:absolute;right:14%;bottom:55px;width:145px;height:70px;transform:rotate(-3deg);z-index:3;filter:drop-shadow(8px 15px 5px #0003)}.trailer{width:115px;height:53px;background:linear-gradient(110deg,#e8eee9,#a5b4a9);border:2px solid #687b70;border-radius:3px;position:absolute;right:28px;top:0}.cab{position:absolute;right:0;top:16px;width:35px;height:39px;background:#b8dc4a;clip-path:polygon(0 0,65% 0,100% 40%,100% 100%,0 100%)}.wheel{position:absolute;bottom:5px;width:15px;height:15px;background:#20251f;border:3px solid #566158;border-radius:50%}.wheel.a{left:8px}.wheel.b{left:28px}.wheel.c{right:4px}.mock-strip{padding:14px 25px;background:#263b31;color:#f1f4e8;display:flex;justify-content:space-between;font-size:7px}.terra .mock-browser{background:#f7efe3;transform:rotate(4deg)}.terra .mock-hero{min-height:210px;padding-top:15px}.terra .mock-hero h4{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px;max-width:58%;font-size:38px}.arch{position:absolute;right:25px;top:10px;width:110px;height:175px;border-radius:70px 70px 0 0;background:linear-gradient(130deg,#bca08b,#e7d3be 45%,#96775e);border:12px solid #e5cfb8;box-shadow:10px 0 0 #b5987f}.arch:before{content:'';position:absolute;width:65px;height:60px;background:#a27b5f;bottom:0;left:-25px;box-shadow:20px -10px 0 #d6bea4}.terra .mock-strip{background:#ede0ce;color:#644b38}.forma .mock-browser{background:#201e37;color:white;transform:rotate(-4deg)}.forma .mock-hero{min-height:210px}.forma .mock-hero h4{font-size:38px;max-width:62%}.forma .mini-button{background:#c5ff8b;color:#242338}.forma .mock-strip{background:#37324c;color:#dedbea}.sculpture{position:absolute;right:5px;top:15px;width:140px;height:165px;background:repeating-radial-gradient(ellipse at 10% 20%,#cfbafa 0 7px,#7d5bb0 9px 15px);border-radius:35% 55% 35% 65%;transform:rotate(25deg)}.work-note{font-size:12px;color:var(--muted);margin:25px 0 0}.intro-section{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:110px 0 85px}.intro-section h2{font:500 clamp(32px,4.2vw,62px)/1.15 'Manrope';letter-spacing:-2.6px;margin:0}.intro-section p{max-width:550px;line-height:1.8;color:var(--muted);font-size:16px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px 1fr 1fr 30px;gap:20px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.service-row h3{font:500 28px 'Manrope';letter-spacing:-1px;margin:0}.service-row p{font-size:14px;color:var(--muted);line-height:1.7;margin:0;max-width:360px}.service-row small{font-size:11px;color:var(--muted);padding-top:7px}.service-row>span{font-size:25px}.offer{background:#e7e9df;border-radius:4px;margin:90px 0;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.offer h2{font:500 45px/1.1 'Manrope';letter-spacing:-2px;margin:20px 0}.offer p{color:var(--muted);font-size:14px;line-height:1.7}.price{font:500 70px 'Manrope';letter-spacing:-4px}.price small{font:400 13px 'DM Sans';letter-spacing:0}.checks{list-style:none;padding:15px 0;margin:0}.checks li{border-top:1px solid #c7cbbf;padding:12px 0;font-size:13px}.checks li:before{content:'↗';margin-right:15px}.page-head{padding:65px 0}.page-head h1{font-size:clamp(55px,7vw,100px);max-width:1000px}.page-head p{max-width:550px;color:var(--muted);line-height:1.8;font-size:17px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:50px 0 90px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid h3{font-size:23px;font-weight:500}.process-grid p{font-size:14px;line-height:1.7;color:var(--muted)}details{border-top:1px solid var(--line);padding:23px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:17px;cursor:pointer}details p{max-width:780px;line-height:1.8;color:var(--muted);font-size:14px}.faq{margin-bottom:90px}.about-panel{background:#e9e2d7;min-height:350px;display:grid;grid-template-columns:1fr 1fr;padding:55px;gap:60px;align-items:center}.about-panel h2{font:500 52px/1.1 'Manrope';letter-spacing:-2px}.about-panel p{line-height:1.8;color:#5f6057}.contact-section{padding:90px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.contact-section h2{font:500 52px/1.1 'Manrope';letter-spacing:-2px}.contact-section p{color:var(--muted);font-size:14px;line-height:1.8}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:23px}.field label{font-size:13px}.field input,.field select,.field textarea{width:100%;padding:15px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-notice{font-size:12px!important}.form-status{font-size:13px;padding:15px 0}footer{background:#252721;color:var(--paper);padding:65px 5% 25px}.foot-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:65px}.foot-top p{font:400 clamp(30px,4.5vw,66px)/1.15 'Manrope';letter-spacing:-2px;margin:0}.round-link{display:grid;place-items:center;background:var(--orange);border-radius:50%;width:90px;height:90px;font-size:40px}.foot-bottom{border-top:1px solid #50534a;padding-top:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.foot-bottom span{font-size:11px;color:#b9bdb1}.foot-bottom .brand{font-size:20px}.brand small{font-size:8px;letter-spacing:1px}dialog{max-width:900px;width:92%;max-height:90vh;border:0;background:var(--paper);padding:45px;color:var(--ink)}dialog::backdrop{background:#171b17b3;backdrop-filter:blur(5px)}.close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}dialog h2{font:500 45px 'Manrope';letter-spacing:-2px}dialog p{line-height:1.8;color:var(--muted)}dialog .project-art{height:350px;padding:30px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px}.modal-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.modal-details h3{font-size:17px}.modal-details p{font-size:14px}@keyframes float{50%{transform:translateY(-14px) rotate(-24deg) skewY(-14deg)}}@media(min-width:1500px){.wrap,header{max-width:1400px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.hero-art{width:25%;opacity:.9}.orbit{width:170px;height:170px;border-width:27px;right:0;top:90px}.hero h1{letter-spacing:-4px}.hero-bottom{gap:30px}.hero-bottom p{max-width:310px}.intro-section{grid-template-columns:1fr 2fr}.project-art{padding:25px}.mock-browser{width:100%}.contact-section{gap:45px}.offer{padding:35px;gap:30px}}@media(max-width:650px){header{height:90px;margin:0 6%;gap:12px}.brand{font-size:20px}.brand svg{width:29px}.brand-sub{font-size:7px;letter-spacing:3.7px}nav{gap:17px;font-size:12px}.contact-link{display:none}.wrap{margin:0 6%}.hero{padding:43px 0 52px}.hero h1{font-size:57px;letter-spacing:-3.8px;margin:28px 0}.hero-art{display:none}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom p{font-size:15px;max-width:330px}.pill{padding:16px 23px}.eyebrow{font-size:9px;letter-spacing:1.3px}.section-label{font-size:11px}.section-label .num{margin-right:12px}.text-link{font-size:11px}.work-grid{display:block}.project{display:block;width:100%;margin-bottom:30px}.project:first-child .project-art,.project-art{height:285px;padding:24px}.mock-nav{padding:14px 16px}.mock-hero{min-height:185px;padding:12px 16px 0}.mock-hero h4{font-size:29px;letter-spacing:-1px}.mock-hero p{font-size:7px;max-width:130px}.truck{transform:scale(.65);transform-origin:right bottom;bottom:32px;right:5%}.road{height:200px}.mock-strip{font-size:5px;padding:12px 16px}.terra .mock-hero,.forma .mock-hero{min-height:180px}.terra .mock-hero h4,.forma .mock-hero h4{font-size:32px}.arch{width:85px;height:145px;right:12px}.sculpture{width:105px;height:130px}.project-meta h3{font-size:19px}.intro-section{padding:65px 0 40px;display:block}.intro-section>.eyebrow{margin-bottom:25px}.intro-section h2{font-size:37px;letter-spacing:-1.7px}.intro-section p{font-size:15px}.service-row{grid-template-columns:25px 1fr 20px;gap:10px;padding:25px 0}.service-row h3{font-size:25px}.service-row p{grid-column:2;grid-row:2;font-size:13px}.service-row>span{grid-column:3;grid-row:1}.offer{margin:55px 0;padding:28px;display:block}.offer h2{font-size:37px}.price{font-size:60px;margin-top:30px}.page-head{padding:42px 0}.page-head h1{font-size:55px;letter-spacing:-3px}.page-head p{font-size:15px}.process-grid{grid-template-columns:1fr 1fr;gap:22px;margin:30px 0 55px}.process-grid h3{font-size:20px}.about-panel{padding:28px;display:block;min-height:0}.about-panel h2{font-size:38px}.contact-section{padding:55px 0;display:block}.contact-section h2{font-size:42px}.contact-section form{margin-top:30px}.field-pair{display:block}.foot-top{gap:20px;padding-bottom:40px}.foot-top p{font-size:31px;letter-spacing:-1px}.round-link{width:60px;height:60px;flex-shrink:0;font-size:30px}.foot-bottom{align-items:flex-start;flex-direction:column}.foot-bottom span{font-size:10px}footer{padding:45px 6% 25px}dialog{padding:35px 20px}dialog h2{font-size:33px}.modal-details{display:block}dialog .project-art{height:250px;padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
