*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ee;color:#151515;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ddd9d0;background:#f5f3ee;position:sticky;top:0;z-index:20}.logo{font-family:'Space Grotesk';font-weight:700;font-size:21px;display:flex;align-items:center;gap:10px}.logo span{display:grid;place-items:center;width:34px;height:34px;background:#151515;color:#fff;font-size:12px;border-radius:9px}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav nav a:hover{opacity:.6}.nav-cta{padding:12px 18px;background:#151515;color:#fff;border-radius:100px}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:700px;padding:90px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#68655f;margin-bottom:22px}.hero h1,.page-hero h1{font:700 clamp(52px,6.5vw,94px)/.95 'Space Grotesk';letter-spacing:-4px;margin:0 0 28px;max-width:850px}.hero h1 em,.page-hero h1 em,h2 em{font-style:normal;color:#a64d2e}.hero p,.page-hero p{font-size:18px;line-height:1.7;color:#65625c;max-width:590px}.actions{display:flex;gap:28px;align-items:center;margin:35px 0}.btn{display:inline-block;padding:16px 23px;border-radius:100px;font-weight:700;font-size:14px;border:0;cursor:pointer}.primary{background:#a64d2e;color:#fff}.light{background:#f5f3ee;color:#151515}.text-link{font-weight:700;font-size:14px}.trust{font-size:12px;color:#777}.trust span{letter-spacing:3px;color:#a64d2e;margin-right:10px}.hero-art{height:510px;position:relative}.orb{width:420px;height:420px;background:#c8bca7;border-radius:50%;position:absolute;right:0;top:20px}.browser{position:absolute;width:88%;height:410px;right:6%;top:55px;background:#252525;color:#fff;border-radius:16px;padding:18px;box-shadow:0 35px 70px #0002;transform:rotate(3deg)}.dots{font-size:9px;letter-spacing:3px;color:#aaa}.mock-nav{display:flex;justify-content:space-between;margin-top:30px;font:600 13px 'Space Grotesk'}.mock-nav span{color:#d58b6d}.mock-title{font:600 47px/1 'Space Grotesk';margin:75px 0 0}.mock-title i{color:#d58b6d;font-style:normal}.mock-card{position:absolute;right:25px;bottom:25px;background:#d8c7ae;color:#151515;padding:15px;width:150px}.mock-card small{font-size:8px}.mock-card strong{display:block;font:600 19px 'Space Grotesk';margin-top:10px}.logos{border-block:1px solid #d8d4ca;padding:28px 6vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#888;font:700 12px 'Space Grotesk';letter-spacing:1px}.section{padding:120px 7vw}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:60px}.section h2,.process h2,.cta h2{font:700 clamp(45px,5vw,72px)/.95 'Space Grotesk';letter-spacing:-3px;margin:0}.section-head p{font-size:17px;line-height:1.7;color:#6b6862;max-width:500px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5d1c8}.service{padding:28px 20px 30px;border-right:1px solid #d5d1c8;border-bottom:1px solid #d5d1c8;min-height:265px;transition:.25s}.service:hover{background:#e9e5dc;transform:translateY(-4px)}.service b{font-size:11px;color:#999}.service h3{font:600 25px 'Space Grotesk';margin:55px 0 12px}.service p{font-size:13px;line-height:1.6;color:#6b6862}.service span{font-size:12px;font-weight:700}.featured{background:#171717;color:#fff}.featured p{color:#aaa}.featured:hover{background:#171717}.work{background:#e8e4db}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project{height:420px;padding:35px;display:flex;align-items:end;border-radius:3px;overflow:hidden;position:relative}.project:before,.case:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#222,#777);z-index:0}.p1:before{background:linear-gradient(135deg,#c7a77e,#4b463c)}.p2:before{background:linear-gradient(135deg,#343f51,#9babb6)}.p3:before{background:linear-gradient(135deg,#111,#9b6f56)}.p4:before{background:linear-gradient(135deg,#d8d0c0,#645c50)}.project div,.case div{position:relative;z-index:1;color:#fff}.project small,.case small{font-size:10px;letter-spacing:1.5px}.project h3{font:600 45px/1 'Space Grotesk';margin:12px 0}.project span{font-size:12px}.process{padding:120px 7vw;background:#151515;color:#fff}.process .eyebrow{color:#aaa}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #444}.steps>div{padding:30px 25px;border-right:1px solid #444}.steps b{color:#d58b6d}.steps h3{font:600 25px 'Space Grotesk';margin-top:60px}.steps p{color:#aaa;line-height:1.6;font-size:14px}.cta{padding:130px 7vw;background:#a64d2e;color:#fff}.cta .eyebrow{color:#ead0c3}.cta h2{margin-bottom:40px}.cta h2 em{color:#ffd9c8}footer{padding:55px 7vw 35px;background:#111;color:#aaa;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer .logo{color:#fff}footer>div:nth-of-type(2){display:flex;gap:25px;justify-content:flex-end;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid #333;padding-top:25px}.page-hero{padding:120px 7vw 100px;border-bottom:1px solid #d8d4ca}.service-list{padding:0 7vw}.detail{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:75px 0;border-bottom:1px solid #d8d4ca}.detail>span{font:600 13px 'Space Grotesk';color:#999}.detail h2{font:600 52px 'Space Grotesk';margin:0 0 20px}.detail p{max-width:700px;color:#666;line-height:1.8}.detail ul{display:flex;gap:15px;flex-wrap:wrap;padding:0;list-style:none}.detail li{border:1px solid #ccc6bb;padding:9px 13px;border-radius:100px;font-size:12px}.portfolio-grid{padding:0 7vw 120px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.case{height:470px;position:relative;padding:35px;display:flex;align-items:end;overflow:hidden}.case h2{font:600 43px 'Space Grotesk';margin:12px 0}.case p{color:#eee}.about-copy{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-copy h2{font:600 60px/1 'Space Grotesk';margin:0}.about-copy p{font-size:18px;line-height:1.8;color:#666}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #d5d1c8;margin-bottom:120px}.stats div{padding:45px 6vw;border-right:1px solid #d5d1c8}.stats strong{display:block;font:600 50px 'Space Grotesk'}.stats span{font-size:12px;color:#777}.contact{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h1{font:700 clamp(52px,6vw,80px)/.95 'Space Grotesk';letter-spacing:-4px;margin:0 0 25px}.contact h1 em{font-style:normal;color:#a64d2e}.contact-intro>p{max-width:500px;line-height:1.8;color:#666}.contact-info{margin-top:50px;display:flex;flex-direction:column;gap:10px;font-size:14px}.contact-info a{font-weight:700}.contact-info span{color:#888}form{display:flex;flex-direction:column;gap:22px}label{font-size:12px;font-weight:700}input,select,textarea{width:100%;margin-top:8px;padding:15px;border:1px solid #ccc6bb;background:#fff;font:inherit;border-radius:4px;outline:none}input:focus,textarea:focus,select:focus{border-color:#a64d2e}.form-note{font-size:13px;color:#a64d2e}
@media(max-width:850px){.nav{height:70px}.nav nav{display:none;position:absolute;left:0;right:0;top:70px;background:#f5f3ee;padding:20px 7vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:390px}.orb{width:300px;height:300px}.browser{height:310px}.mock-title{font-size:35px;margin-top:50px}.logos{justify-content:center}.section-head,.about-copy,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.projects,.portfolio-grid{grid-template-columns:1fr}.steps,.stats{grid-template-columns:1fr 1fr}.stats div{border-bottom:1px solid #d5d1c8}.detail{grid-template-columns:45px 1fr}.detail h2{font-size:40px}footer{grid-template-columns:1fr}footer>div:nth-of-type(2){justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}}
@media(max-width:520px){.hero h1,.page-hero h1{letter-spacing:-2px}.service-grid{grid-template-columns:1fr}.steps,.stats{grid-template-columns:1fr}.project,.case{height:360px}.section,.process,.cta{padding-top:80px;padding-bottom:80px}.detail{padding:50px 0}.contact{padding:80px 7vw}.about-copy{padding:80px 7vw}.about-copy h2{font-size:45px}}