:root{font-family:Plus Jakarta Sans,sans-serif;color:#171817;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #171817;outline-offset:4px}.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-150%);padding:12px 16px;background:#fff;border:1px solid #171817}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 64px),1320px);min-height:88px;margin:0 auto;border-bottom:1px solid #deded8}.site-header .brand img{display:block;width:150px;height:auto;filter:brightness(0)}.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,36px);font-size:13px;font-weight:600}.site-header nav>a,.site-header summary{color:#42433f}.site-header details{position:relative}.site-header summary{cursor:pointer;list-style:none}.site-header summary::-webkit-details-marker{display:none}.service-menu{position:absolute;top:30px;left:-20px;display:grid;width:300px;padding:12px;border:1px solid #e1e1dd;border-radius:12px;background:#fff;box-shadow:0 16px 40px #17181712}.service-menu a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:7px;font-size:12px}.service-menu a:hover{background:#f4f4f1}.service-menu a:first-child{justify-content:space-between;border-bottom:1px solid #e7e7e3;border-radius:0;margin-bottom:5px;font-weight:700}.service-menu svg{width:19px;height:19px}.header-cta{padding:12px 17px;border:1px solid #171817;border-radius:999px;font-size:12px;font-weight:700}.header-cta span{margin-left:10px}.mobile-nav{display:none}.breadcrumbs{display:flex;align-items:center;gap:12px;width:min(calc(100% - 64px),1320px);margin:22px auto 0;color:#70716d;font-size:13px}.breadcrumbs span:last-child{color:#171817}.intro{position:relative;isolation:isolate;overflow:hidden;width:min(calc(100% - 64px),1320px);margin:clamp(68px,9vw,130px) auto 92px;padding:clamp(32px,5vw,68px);border-radius:20px}.intro:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fffffff5,#ffffffe6 52%,#ffffff52);content:"";pointer-events:none}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#70716d;font:600 11px/1.3 JetBrains Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#171817}.intro h1{max-width:1000px;margin:0;font:800 clamp(48px,8vw,112px)/.94 Montserrat,sans-serif;letter-spacing:-.075em}.intro>p:not(.eyebrow){max-width:62ch;margin:28px 0 20px;color:#656661;font-size:clamp(16px,1.6vw,20px);line-height:1.7}.intro>a{display:inline-flex;gap:10px;align-items:center;padding-bottom:5px;border-bottom:1px solid #a9aaa5;font:600 12px/1.3 JetBrains Mono,monospace}.projects{width:min(calc(100% - 64px),1320px);margin:0 auto}.project-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:510px;margin-bottom:28px;overflow:hidden;border:1px solid #e1e1dd;border-radius:16px;background:#f8f8f6}.project-card--reverse .project-media{order:2}.project-media{position:relative;min-height:440px;overflow:hidden;background:#e7e7e3}.project-media img{width:100%;height:100%;min-height:440px;object-fit:cover}.project-media>span{position:absolute;right:18px;bottom:18px;padding:9px 11px;border:1px solid #ffffff9c;border-radius:3px;background:#fff;color:#4c4d49;font:500 9px/1.2 JetBrains Mono,monospace;letter-spacing:.04em}.project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,5vw,68px)}.project-category{margin:0 0 26px;color:#70716d;font:600 10px/1.4 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.project-brand{margin:0 0 10px;font:700 clamp(23px,3vw,40px)/1 Montserrat,sans-serif;letter-spacing:-.055em}.project-copy h2{max-width:20ch;margin:0;font:700 clamp(20px,2.3vw,30px)/1.15 Montserrat,sans-serif;letter-spacing:-.045em}.project-description{max-width:54ch;margin:18px 0;color:#656661;font-size:14px;line-height:1.75}.project-copy ul{display:grid;gap:10px;margin:4px 0 24px;padding:0;list-style:none}.project-copy li{display:flex;gap:10px;align-items:baseline;color:#454642;font-size:12px}.project-copy li span{color:#878883}.project-cta{display:flex;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:15px;border-top:1px solid #deded8;font:600 11px/1.4 JetBrains Mono,monospace}.services-cta{display:flex;align-items:end;justify-content:space-between;gap:40px;width:min(calc(100% - 64px),1320px);margin:110px auto 120px;padding:clamp(28px,5vw,64px);border-radius:16px;background:#171817;color:#fff}.services-cta .eyebrow{color:#b9bab5}.services-cta .eyebrow span{background:#fff}.services-cta h2{max-width:24ch;margin:0;font:700 clamp(30px,5vw,58px)/1 Montserrat,sans-serif;letter-spacing:-.065em}.services-cta div>p:last-child{max-width:52ch;margin:18px 0 0;color:#c4c5c0;font-size:14px;line-height:1.6}.services-cta>a{flex:0 0 auto;padding:15px 20px;border-radius:999px;background:#fff;color:#171817;font-size:12px;font-weight:700}.services-cta>a span{margin-left:14px}@media(max-width:760px){.site-header,.breadcrumbs,.intro,.projects,.services-cta{width:calc(100% - 40px)}.site-header{min-height:72px}.site-header .desktop-nav,.header-cta{display:none}.mobile-nav{position:relative;display:block}.mobile-nav>summary{display:grid;width:44px;height:44px;align-content:center;justify-items:center;gap:6px;border:1px solid #deded8;border-radius:50%;cursor:pointer;list-style:none}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary span{width:17px;height:1px;background:#171817}.mobile-nav nav{position:absolute;top:54px;right:0;display:grid;width:min(82vw,320px);max-height:calc(100dvh - 100px);overflow:auto;padding:12px;border:1px solid #e1e1dd;border-radius:12px;background:#fff;box-shadow:0 16px 40px #17181712}.mobile-nav nav a{padding:11px;border-radius:6px;font-size:13px}.mobile-nav nav a:hover{background:#f4f4f1}.intro{margin-top:72px;margin-bottom:56px}.intro h1{font-size:clamp(42px,11vw,68px)}.project-card{grid-template-columns:1fr;min-height:0}.project-card--reverse .project-media{order:0}.project-media,.project-media img{min-height:280px;max-height:440px}.project-copy{padding:28px 24px}.project-category{margin-bottom:20px}.project-copy h2{font-size:24px}.services-cta{flex-direction:column;align-items:flex-start;margin:72px auto 84px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}