:root{--navy:#17243b;--blue:#315d82;--cream:#f7f4ee;--white:#fff;--sand:#e8dfd2;--ink:#202938;--muted:#68717d;--line:#d9d6cf;--rose:#d7a59d;--sky:#c8dbe5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,238,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:11px;font-size:16px}.logo-mark{width:34px;height:34px;background:var(--navy);color:white;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-style:italic}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav>a:not(.header-cta):hover{color:var(--blue)}.header-cta{padding:11px 17px;border:1px solid var(--navy);border-radius:99px}.menu{display:none}.hero{min-height:690px;padding:80px 7vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw}.pill{display:inline-block;border:1px solid #c9c5bc;border-radius:99px;padding:8px 13px;font-size:12px;letter-spacing:.04em}.hero h1,.intro h2,.section-title h2,.about h2,.process h2,.contact h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(58px,6.6vw,105px);line-height:.93;margin:24px 0}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:620px;font-size:20px;line-height:1.6;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.btn{border:0;border-radius:99px;padding:16px 22px;font:inherit;font-weight:600;display:inline-flex;gap:35px;align-items:center;cursor:pointer}.primary{background:var(--navy);color:white}.primary:hover{background:var(--blue)}.text-link{font-weight:600;font-size:14px}.mini-proof{display:flex;align-items:center;gap:13px;margin-top:70px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mini-proof i{width:4px;height:4px;background:var(--blue);border-radius:50%}.hero-visual{height:510px;position:relative;background:var(--sand);border-radius:180px 180px 22px 22px;overflow:hidden}.shape{position:absolute;border-radius:50%}.shape-a{width:350px;height:350px;background:var(--sky);right:-90px;top:-50px}.shape-b{width:250px;height:250px;background:var(--rose);left:-70px;bottom:-60px}.visual-card{position:absolute;background:white;box-shadow:0 20px 60px #2430441a}.card-main{left:12%;top:19%;width:68%;padding:34px}.card-main small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.card-main strong{display:block;font-family:Georgia,serif;font-size:43px;font-weight:400;margin:40px 0 8px}.card-main p{line-height:1.5;color:var(--muted)}.card-main span{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:30px;font-size:12px}.card-note{right:7%;bottom:9%;padding:19px 24px;font-size:14px;line-height:1.5}.intro{padding:120px 10vw;text-align:center}.overline{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:var(--blue)}.intro h2{font-size:clamp(42px,5vw,76px);line-height:1.06;max-width:1050px;margin:24px auto}.intro h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.intro-copy{max-width:620px;margin:30px auto 0;color:var(--muted);font-size:18px;line-height:1.6}.services{border-top:1px solid var(--line);padding:0 7vw}.services article{display:grid;grid-template-columns:80px 1fr;padding:52px 0;border-bottom:1px solid var(--line)}.services article>span{color:var(--blue);font-size:12px}.services h3{font-size:30px;margin:0 0 10px}.services article div{display:grid;grid-template-columns:1fr 1.2fr auto;gap:50px;align-items:center}.services p{color:var(--muted);line-height:1.6;margin:0}.services a{font-size:13px;font-weight:600}.work{background:white;padding:120px 7vw}.section-title{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:end}.section-title h2{font-size:clamp(42px,5vw,70px);line-height:1.05;max-width:780px;margin:18px 0 0}.section-title>p{color:var(--muted);line-height:1.6}.work-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:35px 20px;margin-top:70px}.project-wide{grid-row:span 2}.project-image{height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-wide .project-image{height:690px}.warm{background:#d9c9b4}.blue{background:#b9cedb}.rose{background:#e4c3bd}.mock-logo{font-family:Georgia,serif;font-size:60px;line-height:.8;color:#4c3b30}.mock-box{position:absolute}.warm{position:relative}.mock-box{right:8%;bottom:8%;background:#f8f2e8;padding:25px;font-family:Georgia,serif;font-size:20px}.browser{background:#f8f8f5;width:78%;padding:25px;box-shadow:0 15px 40px #26303b22}.browser h4{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:45px 0}.browser span{font-size:11px}.poster{font-family:"Manrope";font-weight:700;font-size:45px;line-height:.85}.poster i{font-family:Georgia,serif;font-weight:400}.project h3{font-size:19px;margin:16px 0 3px}.project p{margin:0;color:var(--muted);font-size:13px}.demo-note{font-size:11px;color:#8a8f96;margin-top:35px}.about{padding:120px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.about h2{font-size:clamp(45px,5vw,75px);line-height:1.03}.about-body>.lead{font-family:Georgia,serif;font-size:29px;line-height:1.45;margin-top:45px}.people{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.portrait{height:300px;display:grid;place-items:center;background:var(--sand)}.portrait span{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-family:Georgia,serif;font-size:37px}.daniel{background:var(--sky)}.daniel span{background:var(--blue)}.person h3{margin:18px 0 3px}.person p{margin:0;color:var(--blue);font-size:13px;font-weight:600}.person small{display:block;color:var(--muted);line-height:1.5;margin-top:10px}.process{background:var(--navy);color:white;padding:110px 7vw}.process .overline{color:#adc5d5}.process h2{font-size:60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps>div{border-top:1px solid #ffffff45;padding-top:25px}.steps b{color:#adc5d5;font-size:12px}.steps h3{font-size:25px;margin:45px 0 10px}.steps p{color:#c8cdd5;line-height:1.6;max-width:320px}.contact{padding:120px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#ebe6dc}.contact h2{font-size:clamp(48px,5vw,75px);line-height:1.03}.contact-copy>p:not(.overline){font-size:18px;line-height:1.6;color:var(--muted);max-width:430px}.contact-note{border-top:1px solid #c9c4ba;margin-top:45px;padding-top:20px;font-size:13px;color:var(--muted)}form{display:grid;gap:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #c7c2b8;background:#f8f6f1;border-radius:8px;padding:14px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315d8215}textarea{resize:vertical}.contact form .btn{width:max-content}.form-message{margin:0;color:var(--blue);font-size:13px}footer{padding:35px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(max-width:850px){.site-header nav a:not(.header-cta){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:400px}.hero h1{font-size:60px}.services article div{grid-template-columns:1fr;gap:15px}.work-grid,.section-title,.about,.contact{grid-template-columns:1fr}.project-wide{grid-row:auto}.project-wide .project-image,.project-image{height:420px}.about{gap:20px}.steps{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:15px}.mini-proof{flex-wrap:wrap}}