@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191a18;--paper:#f4f1ea;--lime:#d6f36a;--muted:#73746e;--line:#d8d5cc;--violet:#7455ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:9}.header{height:82px;padding:0 5.3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.12em}.brand-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:800;font-size:13px;letter-spacing:-.08em}.header nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:600}.header nav a:last-child{padding:11px 16px;border:1px solid var(--ink);border-radius:30px}.header nav span{color:var(--violet)}.menu{display:none}.hero{padding:6vw 5.3vw 7vw;display:grid;grid-template-columns:1fr .85fr;gap:6vw;min-height:670px;align-items:center}.eyebrow,.card-label,.art-caption,.art-index,.card-footer,.service-num,.service-arrow,footer{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em}.eyebrow{display:flex;justify-content:space-between;color:var(--muted);margin:0 0 35px}.hero h1{font-size:clamp(60px,8.3vw,122px);line-height:.94;letter-spacing:-.085em;margin:0 0 30px;font-weight:600}.hero h1 em,.approach h2 em{font-family:Georgia,serif;font-weight:400;color:var(--violet);letter-spacing:-.09em}.intro{max-width:430px;font-size:16px;line-height:1.7;color:#555650}.cta{display:inline-flex;gap:35px;align-items:center;margin-top:22px;padding:14px 18px;border-radius:3px;background:var(--ink);color:white;font-size:12px}.cta span{color:var(--lime)}.hero-art{height:500px;position:relative;overflow:hidden;background:#e5e0d5;border-radius:4px}.art-caption{position:absolute;top:24px;left:25px;color:#777}.orbit{position:absolute;border:1px solid rgba(116,85,239,.35);border-radius:50%;width:390px;height:390px;top:54px;left:50%;transform:translateX(-50%)}.orbit-b{width:310px;height:310px;top:94px;border-color:rgba(25,26,24,.3)}.orbit-c{width:230px;height:230px;top:134px;border-color:rgba(25,26,24,.18)}.art-card{position:absolute;top:145px;left:50%;transform:translateX(-50%) rotate(-4deg);width:235px;height:235px;padding:20px;background:var(--lime);box-shadow:0 18px 45px #1e1f1c20;display:flex;flex-direction:column;justify-content:space-between}.card-label{font-size:9px}.art-card strong{font-size:32px;line-height:.98;letter-spacing:-.07em}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px}.card-footer b{font-size:19px;font-weight:400}.art-dot{position:absolute;right:16%;top:18%;width:28px;height:28px;border-radius:50%;background:var(--violet)}.art-index{position:absolute;bottom:24px;right:25px}.statement{border-top:1px solid var(--line);padding:7vw 5.3vw;display:grid;grid-template-columns:.55fr 1fr;gap:7vw}.statement .eyebrow{margin:10px 0}.statement h2{font-size:clamp(34px,5vw,66px);letter-spacing:-.07em;line-height:1.03;margin:0;max-width:760px}.statement div>p{max-width:600px;margin:25px 0 0;color:var(--muted);line-height:1.8;font-size:14px}.services{padding:7vw 5.3vw;background:#e8e5dc}.section-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:45px}.section-top .eyebrow{margin:9px 0}.section-top h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.07em;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c7c4bb}.service-grid article{padding:25px 25px 27px 0;min-height:230px;border-right:1px solid #c7c4bb;position:relative}.service-grid article+article{padding-left:25px}.service-grid article:last-child{border:0}.service-num{color:var(--violet)}.service-grid h3{font-size:22px;letter-spacing:-.05em;margin:48px 0 12px}.service-grid p{font-size:13px;line-height:1.7;color:var(--muted);max-width:300px}.service-arrow{position:absolute;right:22px;top:24px;color:var(--violet);font-size:17px}.approach{padding:8vw 5.3vw;display:grid;grid-template-columns:1fr .8fr;gap:8vw}.approach h2{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.085em;margin:30px 0}.approach ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.approach li{display:grid;grid-template-columns:45px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.approach li>span{font:10px 'DM Mono',monospace;color:var(--violet)}.approach h3{margin:0 0 8px;font-size:18px}.approach li p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.contact{padding:8vw 5.3vw;background:var(--ink);color:var(--paper)}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(54px,9vw,118px);letter-spacing:-.09em;line-height:.9;margin:30px 0 45px}.contact>a{display:inline-flex;gap:50px;border-bottom:1px solid #898a82;padding-bottom:13px;font-size:15px}.contact>a span{color:var(--lime)}footer{padding:22px 5.3vw;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}@media(max-width:760px){.header{height:70px;padding:0 6vw}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:22px 6vw;z-index:5;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.menu{display:flex;gap:16px;align-items:center;border:0;background:transparent;font:inherit}.hero{padding:60px 6vw;grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(60px,15vw,96px)}.hero-art{height:400px}.statement,.approach{grid-template-columns:1fr;gap:28px;padding:65px 6vw}.services{padding:65px 6vw}.section-top{display:block}.section-top h2{margin-top:30px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:20px 0;min-height:unset;border-right:0;border-bottom:1px solid #c7c4bb}.service-grid h3{margin:25px 0 10px}.service-arrow{top:18px;right:5px}.contact{padding:65px 6vw}.contact h2{font-size:clamp(54px,15vw,92px)}footer{padding:20px 6vw;gap:12px;flex-wrap:wrap}footer span:nth-child(2){display:none}}
