:root { --ink: #172d37; --paper: #f2efe8; --red: #e45038; --rust: #cc402f; --lime: #b9d768; --mist: #dce5de; --line: rgba(23,45,55,.24); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Manrope, sans-serif; font-size: 15px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
.site-header { height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 5vw, 74px); border-bottom: 1px solid var(--line); position: relative; z-index: 2; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: "DM Mono", monospace; font-size: 17px; font-weight: 500; letter-spacing: 1px; }
.brand-light { color: var(--red); }.brand-mark { display:block; width:24px; height:24px; }
nav { display: flex; gap: 30px; font-size: 12px; font-weight: 700; }.site-header a:hover, nav a:hover { color: var(--red); }.header-contact { border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 700; padding-bottom: 3px; }.header-contact span { color: var(--red); margin-left: 5px; }
.hero { min-height: 625px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr); padding: clamp(70px, 10vw, 130px) clamp(22px, 10vw, 150px) 65px; }
.hero-grid { position:absolute; inset:0; background-image: linear-gradient(rgba(23,45,55,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(23,45,55,.07) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to right, black 0%, black 42%, transparent 75%); }
.hero-copy { position:relative; z-index:1; }.eyebrow, .section-label { color: var(--red); font-family:"DM Mono",monospace; font-size: 11px; font-weight: 500; letter-spacing: .8px; text-transform: uppercase; }.hero-company { display:flex; align-items:baseline; gap:17px; color:var(--ink); font-family:"DM Mono",monospace; text-transform:uppercase; white-space:nowrap; }.hero-company strong{font-size:16px;line-height:1.08;letter-spacing:.8px;font-weight:500}.hero-company strong span{color:var(--red)}.hero-company-place{font-size:9px;letter-spacing:.4px;color:#617078}.hero h1,.statement h2,.approach h2,.sectors h2,.contact h2 { margin: 19px 0; font-family:"Source Serif 4",serif; font-size: clamp(52px, 6.2vw, 96px); font-weight:600; letter-spacing: 0; line-height:.99; }.hero h1 em, h2 em { color:var(--red); font-weight:600; }.hero-intro { max-width: 430px; margin: 26px 0 32px; font-size: 16px; }.hero-actions { display:flex; align-items:center; gap:26px; }.button { min-height: 47px; display:inline-flex; align-items:center; gap:16px; padding: 0 18px; font-size:12px; font-weight:800; }.button-primary{background:var(--red);color:#fff}.button-primary span{font-size:18px}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:6px;color:var(--red)}
.hero-panel { background:var(--ink); color:var(--paper); align-self:center; height: 350px; position:relative; z-index:1; padding: 19px; box-shadow: 14px 14px 0 var(--lime); }.hero-panel>p{margin:0;font:10px "DM Mono",monospace;letter-spacing:.7px;color:var(--lime)}.contour-graphic{position:relative;height:245px;overflow:hidden}.contour{position:absolute;border:1px solid rgba(185,215,104,.85);border-radius:50%;transform:rotate(-21deg)}.contour-one{width:265px;height:89px;left:-27px;top:48px}.contour-two{width:255px;height:125px;left:-19px;top:29px}.contour-three{width:230px;height:177px;left:6px;top:4px}.contour-four{width:193px;height:215px;left:25px;top:-15px}.node{width:7px;height:7px;background:var(--red);border-radius:50%;position:absolute}.node-a{left:80px;top:122px}.node-b{left:178px;top:66px}.node-c{left:204px;top:177px}.panel-footer{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid rgba(242,239,232,.25);padding-top:12px;font:10px "DM Mono",monospace;color:#b5c2bb}.panel-footer strong{color:var(--lime);font-size:22px;font-weight:400}.panel-footer small{font-size:10px}.hero-index{position:absolute;right:35px;bottom:34px;display:flex;align-items:center;gap:9px;font:10px "DM Mono",monospace}.hero-index i{width:45px;height:1px;background:var(--red)}
.statement{padding:120px clamp(22px,10vw,150px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px}.section-label{margin:0;display:flex;justify-content:space-between;max-width:190px}.section-label span{color:var(--ink)}.statement-content h2{font-size:clamp(38px,4.5vw,66px);margin:0 0 23px}.statement-content>p{max-width:520px;font-size:17px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr)}.capability{min-height:440px;padding:27px clamp(22px,3vw,45px);display:flex;flex-direction:column;position:relative;overflow:hidden}.capability-dark{background:var(--ink);color:var(--paper)}.capability-red{background:var(--red);color:white}.capability-paper{background:var(--mist)}.number{font:11px "DM Mono",monospace}.line-art{height:175px;position:relative;margin:14px -10px 10px}.capability h3{font:600 28px "Source Serif 4",serif;margin:0 0 9px;line-height:1.15}.capability p{font-size:13px;max-width:310px;margin:0}.capability>a{font-size:11px;font-weight:800;margin-top:auto;padding-top:24px}.capability>a span{font-size:17px;margin-left:6px}.soil-art i{position:absolute;border-top:1px solid var(--lime);width:120%;left:-10%;transform:rotate(-6deg)}.soil-art i:nth-child(1){top:68px}.soil-art i:nth-child(2){top:102px;transform:rotate(6deg)}.soil-art i:nth-child(3){top:135px;transform:rotate(-2deg)}.soil-art b{position:absolute;border:1px solid var(--lime);width:115px;height:115px;border-radius:50%;left:35%;top:22px}.frame-art i{position:absolute;display:block;background:white;width:4px;height:145px;bottom:0;left:23%;transform:rotate(16deg)}.frame-art i:nth-child(2){left:51%;transform:rotate(-13deg)}.frame-art i:nth-child(3){left:77%;transform:rotate(10deg)}.frame-art i:nth-child(4){height:3px;width:250px;left:7%;bottom:82px;transform:rotate(-3deg)}.frame-art b{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ink);bottom:0;left:21%}.frame-art b:nth-last-child(2){left:49%}.frame-art b:last-child{left:75%}.code-art{border:1px solid rgba(23,45,55,.6);margin-top:25px;height:135px;padding:20px}.code-art i{font:40px "DM Mono",monospace;font-style:normal;color:var(--red)}.code-art b{position:absolute;height:2px;background:var(--ink);left:95px;right:20px;top:34px}.code-art b:nth-child(3){top:59px;right:75px}.code-art b:nth-child(4){top:84px;right:42px}
.approach{background:var(--ink);color:var(--paper);padding:110px clamp(22px,10vw,150px);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.approach .section-label{color:var(--lime)}.approach h2{font-size:clamp(44px,5vw,72px)}.approach h2 em{color:var(--lime)}.approach-lead{font:600 24px/1.45 "Source Serif 4",serif;margin:0 0 60px;max-width:580px}.principles{border-top:1px solid rgba(242,239,232,.28)}.principles>div{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;padding:21px 0;border-bottom:1px solid rgba(242,239,232,.28)}.principles h3{font-size:14px;margin:0}.principles p{font-size:12px;color:#c4d0c9;margin:0}
.sectors{padding:110px clamp(22px,10vw,150px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.sectors h2{font-size:clamp(40px,4.8vw,70px)}.sectors ul{list-style:none;margin:0;padding:0}.sectors li{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;font:600 clamp(20px,2.1vw,30px) "Source Serif 4",serif}.sectors li:last-child{border-bottom:1px solid var(--line)}.sectors b{font:10px "DM Mono",monospace;color:var(--red);font-weight:400}
.contact{background:var(--lime);padding:85px clamp(22px,10vw,150px) 96px}.contact-top{display:flex;justify-content:space-between;gap:50px}.contact-top p:last-child{max-width:310px;margin:0;font-size:13px}.contact h2{font-size:clamp(48px,6vw,90px);margin:100px 0 40px}.contact h2 em{color:var(--rust)}.email-link{font:700 clamp(18px,2vw,28px) Manrope,sans-serif;border-bottom:2px solid var(--ink);padding-bottom:7px}.email-link span{color:var(--rust);margin-left:8px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(22px,5vw,74px);font-size:11px}footer p{margin:0;color:#617078}.ai-disclosure{font-size:10px}.support-link{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.support-link span{color:var(--red);margin-left:5px}
@media (max-width: 760px){.site-header{height:68px}.site-header nav{display:none}.header-contact{font-size:11px}.hero{min-height:700px;display:block;padding:70px 25px 62px}.hero-company{display:block;white-space:normal}.hero-company strong{font-size:14px}.hero-company-place{display:block;margin-top:8px}.hero h1{font-size:54px}.hero-panel{width:calc(100% - 13px);height:270px;margin:56px 0 0 auto}.contour-graphic{height:170px}.statement,.approach,.sectors{display:block;padding:75px 25px}.statement-content h2{margin-top:45px}.capability-grid{grid-template-columns:1fr}.capability{min-height:370px}.approach h2{margin-top:40px}.approach-lead{font-size:21px;margin-top:45px}.principles>div{grid-template-columns:1fr}.principles p{grid-column:auto}.sectors h2{margin:40px 0 50px}.contact{padding:60px 25px 70px}.contact-top{display:block}.contact-top p:last-child{margin-top:35px}.contact h2{margin-top:80px}footer{padding:24px 25px;gap:15px;flex-wrap:wrap}footer p{order:3;width:100%}}