:root{--ink:#18251f;--paper:#f5f2ea;--lime:#d8f166;--coral:#ee7659;--line:rgba(24,37,31,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.site-header,footer{max-width:1280px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center}.site-header{position:sticky;top:0;z-index:50;max-width:none;padding:18px max(40px,calc((100% - 1200px)/2));background:rgba(245,242,234,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}a:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.wordmark{color:inherit;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.wordmark svg{display:block;flex:none;width:31px;height:31px}nav{display:flex;align-items:center;gap:28px}nav a{color:inherit;text-decoration:none;font-size:14px}.nav-cta{padding:10px 13px;border:1px solid var(--ink)}.nav-cta span,.button span,.text-link span{margin-left:10px}.hero{min-height:690px;max-width:1280px;margin:auto;padding:132px 40px 90px;position:relative;overflow:hidden}.eyebrow,.project-number{font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.hero h1,.section h2,.contact h2{font:600 clamp(54px,8vw,112px)/.93 "Fraunces",serif;letter-spacing:-.07em;margin:21px 0 27px;max-width:900px}.hero h1 em,.contact h2 em{font-weight:600;color:var(--coral)}.hero-copy{font-size:20px;line-height:1.45;max-width:525px;margin:0 0 35px}.button{display:inline-block;color:var(--ink);text-decoration:none;font-weight:600;padding:16px 20px;background:var(--lime)}.hero-orbit{position:absolute;width:390px;height:390px;border:1px solid var(--line);border-radius:50%;right:63px;top:135px;animation:spin 30s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%}.hero-orbit:before{width:76px;height:76px;background:var(--coral);top:76px;left:69px}.hero-orbit:after{width:20px;height:20px;background:var(--lime);bottom:82px;right:47px}.hero-orbit i{width:7px;height:7px;background:var(--ink);position:absolute;top:90px;right:35px;border-radius:50%}.hero-orbit span{position:absolute;font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.hero-orbit span:nth-child(1){top:15px;left:142px}.hero-orbit span:nth-child(2){bottom:43px;left:15px}.hero-orbit span:nth-child(3){right:-22px;bottom:150px}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:130px max(40px,calc((100% - 1200px)/2))}.section-intro{margin-bottom:57px}.section h2{font-size:clamp(45px,5.5vw,78px);margin-bottom:0}.work{background:#dfe4d5}.project{min-height:540px;display:grid;grid-template-columns:1fr 1fr;margin-top:2px;overflow:hidden}.project-content{padding:62px clamp(32px,6vw,82px);display:flex;flex-direction:column;align-items:flex-start}.project h3{font:600 47px/.95 "Fraunces",serif;letter-spacing:-.055em;margin:29px 0 19px}.project p:not(.project-number){max-width:395px;line-height:1.55;margin:0}.project ul{padding:0;margin:27px 0;list-style:none;font-size:14px;line-height:1.9}.project li:before{content:"+";margin-right:9px}.text-link{color:inherit;font-size:14px;font-weight:600;margin-top:auto;text-decoration:underline;text-underline-offset:5px}.project-markettrace .project-content{background:#1b2936;color:#edf4f5}.project-filecard .project-content{background:#d86f52}.product-visual{margin:0;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px}.market-visual{background:#355261;color:#edf4f5}.filecard-visual{background:#eccb76;color:#1a2d39}.browser-frame{width:min(560px,100%);background:#fff;box-shadow:0 22px 50px rgba(24,37,31,.28)}.browser-bar{height:30px;padding:0 12px;display:flex;align-items:center;gap:5px;background:#eef0e7;color:#1b2936;font:9px "DM Mono",monospace}.browser-bar span{width:6px;height:6px;background:#ee7659;border-radius:50%}.browser-bar span:nth-child(2){background:#d8f166}.browser-bar span:nth-child(3){background:#355261}.browser-bar b{margin-left:auto;font-weight:400}.browser-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10}.product-visual figcaption{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.services{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;background:var(--paper)}.service-list{border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:24px 0;border-bottom:1px solid var(--ink)}.service-list span{font:11px "DM Mono",monospace}.service-list h3{font-size:21px;margin:0 0 8px;letter-spacing:-.03em}.service-list p{font-size:14px;line-height:1.45;margin:0;max-width:410px}.contact{background:var(--ink);color:var(--paper);text-align:center;padding:130px 30px}.contact h2{margin-left:auto;margin-right:auto}.button-light{background:var(--lime)}footer{padding-top:32px;padding-bottom:32px;border-top:1px solid var(--line);font-size:13px}footer p{margin:0}footer>a:last-child{color:inherit}@media(max-width:760px){html{scroll-padding-top:80px}.site-header,footer{padding:20px}.site-header{padding:14px 20px}nav>a:not(.nav-cta){display:none}.hero{min-height:650px;padding:100px 24px 50px}.hero h1{font-size:58px}.hero-orbit{width:270px;height:270px;right:-45px;top:350px}.section{padding:80px 20px}.project{grid-template-columns:1fr}.project-content{min-height:450px;padding:45px 30px}.product-visual{min-height:0;padding:36px 20px}.services{display:block}.services .section-intro{margin-bottom:45px}.contact{padding:90px 20px}.contact h2{font-size:62px}footer{display:grid;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit{animation:none}}
