:root{--ink:#152022;--paper:#f2f1eb;--gold:#bd9e71;--muted:#7c8581}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1480px;margin:auto;padding:0 6%}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#f5f3ed;position:relative;z-index:10}.brand{display:inline-flex;flex-direction:column;line-height:.85;letter-spacing:.06em}.brand strong{font-size:24px;letter-spacing:-.04em}.brand span{font-size:8px;margin-top:6px;letter-spacing:.22em}.nav nav{display:flex;gap:38px;font-size:12px;font-weight:600}.nav-cta{font-size:12px;font-weight:bold;border-bottom:1px solid;padding:9px 0}.nav-cta span{margin-left:24px}.menu{display:none}.hero{height:min(790px,calc(100vh - 86px));min-height:620px;position:relative;background:#1b2726;color:white;overflow:hidden}.hero-img,.hero-shade{position:absolute;inset:0}.hero-img{background:url('assets/wadi.jpg') center 58%/cover}.hero-shade{background:linear-gradient(90deg,rgba(13,24,24,.85),rgba(13,24,24,.26) 70%),linear-gradient(0deg,rgba(13,24,24,.65),transparent 35%)}.hero-body{position:absolute;left:6%;top:20%;max-width:800px}.eyebrow,.section-tag{font-size:10px;font-weight:bold;letter-spacing:.16em}.eyebrow span{color:var(--gold);padding:0 8px}.hero h1,h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(60px,7.5vw,112px);line-height:.99;margin:35px 0 26px}.hero h1 em,h2 em{font-weight:normal;color:var(--gold)}.hero p{font-size:17px;line-height:1.6;max-width:470px;color:#e2e4dd}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 20px;font-size:11px;font-weight:bold;letter-spacing:.03em;margin-top:25px}.light-button{background:#f1efe7;color:var(--ink)}.dark-button{background:var(--ink);color:white}.hero-foot{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.visual-note{position:absolute;right:6%;bottom:60px;font-size:9px;color:#e0e0db}.intro,.projects,.contact{padding-top:110px;padding-bottom:120px}.section-tag{display:flex;justify-content:space-between;border-top:1px solid #bdc1b9;padding-top:17px;color:#747d78}.light-tag{border-color:#4d5b55;color:#b4bdb6}.intro-grid,.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-top:90px}.intro h2,.contact h2,.project-heading h2,.section-heading h2,.approach h2{font-size:clamp(48px,5vw,75px);line-height:1.05}.intro p,.contact p,.approach p{line-height:1.75;color:#65716a;font-size:15px}.lead{font-size:21px!important;color:var(--ink)!important;line-height:1.5!important}.text-link{display:inline-flex;gap:48px;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:12px;font-weight:bold;padding:15px 0;margin-top:15px}.expertise,.approach{background:#172321;color:#f4f2ea;padding:100px 0 110px}.section-heading{padding-top:85px;display:flex;justify-content:space-between;align-items:end}.section-heading p{max-width:290px;color:#b2beb5;line-height:1.6}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:90px}.services article{border-top:1px solid #56625d;padding-top:22px}.num,.steps span{color:var(--gold);font-size:11px}.services h3{font-size:24px;font-weight:normal;line-height:1.2;margin:35px 0 20px}.services p{font-size:14px;line-height:1.7;color:#b7c2ba;max-width:330px;min-height:75px}.services small{font-size:9px;letter-spacing:.08em;color:#85938a}.project-heading{display:flex;align-items:end;justify-content:space-between;padding-top:80px}.project-heading p{color:#768079}.filters{display:flex;gap:26px;margin:60px 0 25px;border-bottom:1px solid #c6cbc2}.filters button{border:0;border-bottom:2px solid transparent;padding:0 0 14px;background:none;color:#808a83;font-size:11px;cursor:pointer}.filters button.active{border-color:var(--ink);color:var(--ink);font-weight:bold}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 24px}.project-card img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block;transition:transform .5s}.project-card .image{overflow:hidden;background:#d6d5cd}.project-card:hover img{transform:scale(1.035)}.project-card .meta{display:flex;justify-content:space-between;align-items:start;padding-top:17px;border-top:1px solid #aeb6ac;margin-top:14px}.project-card h3{font-family:Georgia,serif;font-weight:normal;font-size:25px;margin:0}.project-card p{font-size:11px;color:#7b8580;margin:8px 0}.project-card .count{color:#8a968d;font-size:11px}.disclosure{font-size:11px;color:#78837a;margin-top:50px;line-height:1.6}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:85px}.approach-grid>div>p{color:#b7c2ba;max-width:440px;margin-top:30px}.steps>div{display:grid;grid-template-columns:35px 1fr 1.5fr;gap:15px;align-items:baseline;border-bottom:1px solid #4d5b55;padding:22px 0}.steps h3{font-size:17px;font-weight:normal}.steps p{font-size:13px;color:#abb9af;margin:0}.contact-grid{padding-top:85px}.contact p{max-width:430px}footer{background:#172321;color:#f2f1eb}.foot{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px}.foot p,.foot span,.foot>a:last-child{font-size:9px;letter-spacing:.12em;color:#a5b1a9}@media(max-width:760px){.nav{height:70px}.nav nav,.nav-cta{display:none}.menu{display:block;border:0;background:none;font-size:12px}.nav.open nav{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#f5f3ed;padding:28px 6%;gap:25px}.hero{height:700px;min-height:0}.hero-body{top:18%;right:6%}.hero h1{font-size:60px}.hero-foot span:nth-child(2){display:none}.intro,.projects,.contact{padding-top:75px;padding-bottom:80px}.intro-grid,.contact-grid,.approach-grid{grid-template-columns:1fr;gap:35px;padding-top:60px}.section-heading{display:block;padding-top:60px}.section-heading p{margin-top:24px}.services{grid-template-columns:1fr;gap:30px;margin-top:60px}.services h3{margin:20px 0 10px}.services p{min-height:0}.project-heading{display:block;padding-top:60px}.project-grid{grid-template-columns:1fr;gap:35px}.project-heading .text-link{margin-top:20px}.filters{gap:20px}.approach{padding:75px 0}.steps>div{grid-template-columns:25px 1fr 1.5fr}.foot{flex-wrap:wrap;padding-top:35px;padding-bottom:35px}.foot p{display:none}.visual-note{bottom:65px}}

/* project pages */
.project-card{display:block}.project-card .view{display:inline-block;font-size:11px;font-weight:bold;border-bottom:1px solid var(--ink);padding-bottom:4px;margin-top:6px}.project-card:focus-visible,.project-pager a:focus-visible,.back-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.project-hero{height:min(640px,calc(100vh - 86px));min-height:520px}.project-hero .hero-img{background-position:center;background-size:cover}.project-hero .hero-body{top:auto;bottom:95px;right:6%;max-width:1000px}.project-hero h1{font-size:clamp(44px,6vw,92px);margin:22px 0 0;text-wrap:balance}.back-link{display:inline-block;font-size:11px;font-weight:bold;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:6px;margin-bottom:34px}
.project-facts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 30px;margin:0;padding:38px 0 0}.project-facts dl>div{border-top:1px solid #bdc1b9;padding:16px 0 26px}.project-facts dt{font-size:10px;font-weight:bold;letter-spacing:.16em;color:#747d78;text-transform:uppercase}.project-facts dd{margin:12px 0 0;font-size:17px;line-height:1.4}
.project-body{padding-top:70px;padding-bottom:110px}.project-body h2{font-size:clamp(40px,4.4vw,66px);line-height:1.05;text-wrap:balance}.project-body .intro-grid{padding-top:70px}
.discipline-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:start;margin-top:80px}.discipline-grid .services{grid-template-columns:1fr 1fr;margin-top:0}.discipline-grid .services p{min-height:0;max-width:none}.discipline-grid figure{margin:0}.discipline-grid img{width:100%;height:auto;display:block}.discipline-grid figcaption{font-size:9px;letter-spacing:.08em;color:#85938a;margin-top:10px}
.project-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding-top:60px;padding-bottom:60px;border-bottom:1px solid #c6cbc2}.project-pager a{display:flex;flex-direction:column;gap:10px}.project-pager span,.pager-all{font-size:10px;font-weight:bold;letter-spacing:.14em;color:#747d78}.project-pager strong{font-family:Georgia,serif;font-weight:normal;font-size:24px}.pager-next{text-align:right;align-items:flex-end}
.project-cta{padding-top:100px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}.project-cta h2{font-size:clamp(40px,4.4vw,66px);line-height:1.05}.project-disclosure{padding-bottom:90px;margin-top:30px}
@media(max-width:760px){.project-hero{height:560px}.project-hero .hero-body{bottom:80px}.project-hero h1{font-size:42px}.project-body{padding-top:40px;padding-bottom:70px}.project-body .intro-grid{padding-top:45px}.discipline-grid{grid-template-columns:1fr;gap:45px;margin-top:55px}.discipline-grid .services{grid-template-columns:1fr}.project-pager{grid-template-columns:1fr 1fr;padding-top:40px;padding-bottom:40px}.project-pager .pager-all{display:none}.project-pager strong{font-size:18px}.project-cta{padding-top:70px}}

/* contact + software */
.contact-list{margin:26px 0 6px;max-width:430px}.contact-list>div{display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:baseline;border-top:1px solid #bdc1b9;padding:16px 0}.contact-list dt{font-size:10px;font-weight:bold;letter-spacing:.16em;color:#747d78;text-transform:uppercase}.contact-list dd{margin:0;font-size:17px;overflow-wrap:anywhere}.contact-list a{border-bottom:1px solid var(--ink)}.foot p a{color:inherit}
.light-link{border-color:#f4f2ea;margin-top:55px}.nav nav a[aria-current=page]{border-bottom:1px solid var(--ink);padding-bottom:4px}
.software-intro{padding-top:80px;padding-bottom:110px}.software-intro h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.045em;margin:0;font-size:clamp(48px,6vw,92px);line-height:1.02}.software-intro h1 em{font-weight:normal;color:var(--gold)}.software-intro p{line-height:1.75;color:#65716a;font-size:15px}
.tool-list{list-style:none;margin:0;padding:0}.tool-list li{border-bottom:1px solid #3b4843;padding:14px 0;font-size:17px;color:#f4f2ea}.software-end{height:90px}
.samples{padding-top:110px;padding-bottom:30px}.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 24px;margin-top:70px}.sample-grid figure{margin:0}.sample-grid img{width:100%;height:auto;display:block;border:1px solid #c6cbc2;background:#fff}.sample-grid figcaption{font-size:12px;color:#65716a;margin-top:12px;line-height:1.5}.sample-grid figcaption strong{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}
@media(max-width:760px){.software-intro{padding-top:55px;padding-bottom:70px}.sample-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.samples{padding-top:70px}.light-link{margin-top:40px}}

/* logo */
.brand img{display:block;height:44px;width:auto}footer .brand img{height:50px}@media(max-width:760px){.brand img{height:38px}}
