:root{--ink:#111313;--paper:#f4f5f2;--acid:#c9ff43;--muted:#696e6c;--line:#d7d9d4;--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:.95rem;font-weight:800;letter-spacing:-.02em}.mark{width:32px;height:32px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-family:var(--display);font-size:.8rem;font-weight:800}.nav nav{display:flex;gap:36px;font-size:.9rem}.nav nav a{transition:opacity .2s}.nav nav a:hover{opacity:.5}.nav-cta{justify-self:end;padding:12px 18px;border:1px solid var(--ink);border-radius:99px;font-size:.86rem;font-weight:600;transition:.2s}.nav-cta:hover{background:var(--ink);color:white}.nav-cta span{margin-left:10px}.menu{display:none;background:none;border:0;padding:8px}.hero{min-height:calc(100vh - 88px);padding:8vh 4vw 5vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 4px #dfffa0}.hero h1{font-family:var(--display);font-size:clamp(4rem,9.5vw,9rem);line-height:.88;letter-spacing:-.07em;margin:8vh 0 5vh;max-width:1200px;position:relative;z-index:2}.hero h1 em,.cta h2 em,.principles h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px currentColor;-webkit-text-stroke-color:var(--ink)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2}.hero-bottom p{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.45;max-width:540px;margin:0}.circle-link{width:64px;height:64px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:1.5rem;transition:.25s}.circle-link:hover{background:var(--acid);transform:translateY(4px)}.signal{position:absolute;right:-10vw;top:14%;width:50vw;height:55%;opacity:.13;transform:rotate(-10deg)}.signal-line{position:absolute;inset:0;border:2px solid var(--ink);border-radius:50%}.signal-line:nth-child(2){inset:7%}.signal-line:nth-child(3){inset:14%}.signal-line:nth-child(4){inset:21%}.signal-line:nth-child(5){inset:28%}.statement{padding:15vh 4vw;background:var(--ink);color:white}.statement h2{font-family:var(--display);font-size:clamp(2.6rem,5vw,5rem);line-height:1.05;letter-spacing:-.05em;margin:60px 0 40px}.statement h2 span{color:#828886}.statement-copy{max-width:600px;margin-left:auto;font-size:1.15rem;line-height:1.6;color:#b9bdba}.services,.process{padding:13vh 4vw}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.section-head p{margin:0}.section-head>p:last-child{color:var(--muted)}.service-card{min-height:620px;border-radius:4px;padding:42px;display:grid;grid-template-columns:80px 1fr 36%;gap:20px;position:relative;overflow:hidden;margin-bottom:24px}.service-card.dark{background:var(--ink);color:white}.service-card.acid{background:var(--acid);color:var(--ink)}.service-no{font-family:var(--display);font-size:.8rem}.service-card h3{font-family:var(--display);font-size:clamp(3rem,6vw,6rem);line-height:.93;letter-spacing:-.06em;margin:0 0 35px}.service-card p{max-width:530px;line-height:1.6;font-size:1.08rem;opacity:.75}.service-card ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:30px 0 0;margin:0}.service-card li{border:1px solid currentColor;border-radius:99px;padding:8px 13px;font-size:.78rem;opacity:.85}.card-symbol{align-self:center;justify-self:center;width:min(28vw,360px);aspect-ratio:1}.globe{border:1px solid #5c615f;border-radius:50%;position:relative}.globe:before,.globe:after,.globe i{content:"";position:absolute;border:1px solid #5c615f;border-radius:50%}.globe:before{inset:0 32%}.globe:after{inset:32% 0}.globe i:nth-child(1){inset:12% 0}.globe i:nth-child(2){inset:0 12%}.globe i:nth-child(3){inset:23%}.nodes{position:relative}.nodes:before,.nodes:after{content:"";position:absolute;inset:10%;border:1px solid #6c8b1d;transform:rotate(45deg)}.nodes:after{inset:25%}.nodes b{position:absolute;width:18px;height:18px;background:var(--ink);border-radius:50%;z-index:2}.nodes b:nth-child(1){top:7%;left:47%}.nodes b:nth-child(2){right:7%;top:47%}.nodes b:nth-child(3){bottom:7%;left:47%}.nodes b:nth-child(4){left:7%;top:47%}.nodes b:nth-child(5){inset:calc(50% - 9px)}.process{padding-top:7vh}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.steps article{padding:30px 28px 60px 0;border-right:1px solid var(--line);min-height:280px}.steps article:not(:first-child){padding-left:28px}.steps article:last-child{border:0}.steps span,.principle-list span{font-size:.75rem;color:var(--muted)}.steps h3,.principle-list h3{font-family:var(--display);font-size:1.5rem;margin:50px 0 16px}.steps p,.principle-list p{color:var(--muted);line-height:1.6;margin:0}.principles{background:#dee1dc;padding:13vh 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.principles h2{font-family:var(--display);font-size:clamp(3.5rem,6vw,6rem);line-height:.94;letter-spacing:-.06em;margin:50px 0}.principle-list article{display:grid;grid-template-columns:55px 180px 1fr;gap:15px;padding:30px 0;border-top:1px solid #afb3ae}.principle-list h3{font-size:1.05rem;margin:0}.principle-list p{font-size:.93rem}.cta{background:var(--acid);padding:14vh 4vw 0;min-height:720px;text-align:center;position:relative;overflow:hidden}.cta h2{font-family:var(--display);font-size:clamp(4rem,8vw,8rem);line-height:.9;letter-spacing:-.065em;margin:65px 0 35px;position:relative;z-index:2}.cta>p:not(.section-label){font-size:1rem;color:#53621f}.cta button{margin-top:20px;border:0;background:var(--ink);color:white;border-radius:99px;padding:16px 24px;font:600 .9rem var(--sans);opacity:1}.wolf-word{font-family:var(--display);font-weight:800;font-size:31vw;line-height:.6;letter-spacing:-.09em;color:rgba(17,19,19,.07);position:absolute;bottom:-1vw;left:-1vw;white-space:nowrap}footer{background:var(--ink);color:white;padding:45px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:.8rem}footer p{margin:0;color:#8d928f}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}footer .mark{background:var(--acid);color:var(--ink)}
@media(max-width:800px){.nav{height:72px;grid-template-columns:1fr auto}.nav nav,.nav-cta{display:none}.menu{display:block}.menu span{display:block;width:24px;height:1px;background:var(--ink);margin:6px}.nav.open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:30px 4vw;flex-direction:column;border-bottom:1px solid var(--line)}.hero{min-height:760px;padding-top:8vh}.hero h1{font-size:clamp(3.7rem,16vw,6rem)}.hero-bottom{align-items:center}.hero-bottom p{max-width:75%;font-size:1rem}.signal{width:80vw;right:-35vw}.statement{padding:12vh 5vw}.statement h2 br{display:none}.service-card{padding:28px;grid-template-columns:1fr;min-height:720px}.service-no{margin-bottom:20px}.card-symbol{position:absolute;width:210px;right:-35px;bottom:25px}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article{min-height:250px;border-bottom:1px solid var(--line)}.principles{grid-template-columns:1fr}.principle-list article{grid-template-columns:40px 1fr}.principle-list p{grid-column:2}.cta{min-height:650px}.cta h2{font-size:clamp(3.5rem,15vw,6rem)}footer{grid-template-columns:1fr;gap:25px;text-align:left}footer p:nth-child(2),footer p:last-child{text-align:left}}
@media(max-width:500px){.brand{font-size:.84rem}.hero{min-height:680px}.hero h1{font-size:3.55rem}.circle-link{width:48px;height:48px}.section-head{align-items:flex-start;gap:20px}.section-head>p:last-child{text-align:right;font-size:.85rem}.service-card h3{font-size:3.2rem}.steps{grid-template-columns:1fr}.steps article,.steps article:not(:first-child){padding:25px 0}.steps article{border-right:0}.steps h3{margin-top:25px}.principle-list article{grid-template-columns:35px 1fr}.cta h2{font-size:3.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
