@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap');
:root{--sand:#e8e4d8;--paper:#f2efe6;--ink:#171915;--moss:#315c48;--lime:#d8ff5f;--line:rgba(23,25,21,.17);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--sand);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 3.2vw;font:500 11px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.brand{display:flex;align-items:center;gap:10px;font:500 17px/1 Manrope,sans-serif;letter-spacing:.19em}.brand-mark{width:19px;height:19px;border:1px solid;border-radius:50% 50% 45% 55%;display:block;transform:rotate(-18deg);position:relative}.brand-mark:after{content:"";position:absolute;left:3px;right:3px;top:9px;border-top:1px solid;transform:rotate(16deg)}nav{display:flex;gap:34px}nav a,.note-grid a{position:relative}nav a:after,.note-grid a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;border-bottom:1px solid;transition:width .3s}nav a:hover:after,.note-grid a:hover:after{width:100%}.coordinates{text-align:right}
.hero{height:100svh;min-height:700px;position:relative;display:flex;align-items:center;padding:120px 7vw 80px;overflow:hidden;border-bottom:1px solid var(--line)}#dune-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.98}.hero-copy{position:relative;z-index:2;width:min(900px,86vw)}.kicker,.section-label{font:400 10px/1.4 DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em}.hero h1{font-weight:300;font-size:clamp(68px,10.7vw,174px);line-height:.8;letter-spacing:-.068em;margin:40px 0 45px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-intro{font-size:clamp(16px,1.35vw,21px);line-height:1.55;max-width:520px;margin-left:36vw}.hero-foot{position:absolute;bottom:27px;left:3.2vw;right:3.2vw;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;font:400 9px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.wind-line{height:1px;background:var(--ink);opacity:.45}.reveal{opacity:0;transform:translateY(22px);animation:rise .9s cubic-bezier(.22,1,.36,1) forwards}.reveal:nth-child(2){animation-delay:.1s}.reveal:nth-child(3),.hero-foot{animation-delay:.25s}@keyframes rise{to{opacity:1;transform:none}}
.section-pad{padding:140px 6vw}.manifesto{display:grid;grid-template-columns:1fr 2.3fr .7fr;gap:5vw;background:var(--paper);border-bottom:1px solid var(--line)}.manifesto h2,.section-heading h2{font-size:clamp(43px,6.2vw,96px);line-height:.98;letter-spacing:-.055em;font-weight:300;margin:0 0 52px}.manifesto>div>p{max-width:610px;font-size:19px;line-height:1.7;margin:0 0 0 15%}.manifesto aside{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;justify-content:flex-end}.manifesto aside span{font:400 9px DM Mono;margin-bottom:25px;text-transform:uppercase}.manifesto aside strong{font:400 14px/1.8 DM Mono}
.work{background:var(--ink);color:var(--sand)}.section-heading{display:grid;grid-template-columns:1fr 1.45fr .7fr;gap:5vw;align-items:end;margin-bottom:100px}.section-heading h2{margin:0}.section-heading>p:last-child{font-size:14px;line-height:1.6;opacity:.7}.project-list{border-top:1px solid rgba(232,228,216,.25)}.project{display:grid;grid-template-columns:70px 1fr auto 60px;gap:25px;align-items:center;min-height:130px;border-bottom:1px solid rgba(232,228,216,.25);position:relative;isolation:isolate;transition:color .4s;padding:0 10px}.project:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.22,1,.36,1);z-index:-1}.project:hover:before{transform:scaleY(1)}.project:hover{color:var(--ink)}.project-index{font:300 10px DM Mono;opacity:.65}.project h3{font-weight:300;font-size:clamp(27px,3.3vw,51px);letter-spacing:-.04em;margin:0}.project-meta{text-align:right}.project-meta span{display:block;font:400 9px/1.8 DM Mono;text-transform:uppercase;letter-spacing:.1em}.project-meta span:last-child{opacity:.55}.project-arrow{font-size:26px;transition:transform .35s}.project:hover .project-arrow{transform:translate(5px,-5px)}
.principles{background:var(--lime)}.principles>h2{font:300 clamp(54px,8vw,125px)/.9 Manrope;letter-spacing:-.07em;margin:75px 0 110px}.principles>h2 em{font-family:Georgia,serif;font-weight:400}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,25,21,.35)}.principle-grid article{padding:28px 30px 0 0;border-right:1px solid rgba(23,25,21,.35);min-height:210px}.principle-grid article+article{padding-left:30px}.principle-grid article:last-child{border:0}.principle-grid span{font:400 9px DM Mono}.principle-grid h3{font:400 clamp(22px,2.2vw,33px)/1.15 Manrope;letter-spacing:-.035em;margin:40px 0 16px}.principle-grid p{font-size:13px;opacity:.65}
.notes{background:var(--paper)}.section-heading.compact{grid-template-columns:1fr 2.2fr}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.note-grid article{min-height:340px;padding:28px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column}.note-grid article:last-child{border:0}.note-grid p,.note-grid a{font:400 9px DM Mono;text-transform:uppercase;letter-spacing:.1em}.note-grid h3{font:300 clamp(24px,2.2vw,35px)/1.2 Manrope;margin:55px 0 auto;letter-spacing:-.035em}.note-grid a{display:flex;justify-content:space-between}.all-news{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px;margin-top:48px;font:400 10px DM Mono;text-transform:uppercase;letter-spacing:.1em}
footer{background:var(--moss);color:var(--paper);padding:80px 6vw 30px;display:grid;grid-template-columns:1fr auto;min-height:430px}.footer-brand{font-size:30px}.footer-brand .brand-mark{width:32px;height:32px}.footer-brand .brand-mark:after{top:15px}.footer-brand+p{opacity:.65;margin-top:20px}.hello{font-size:clamp(28px,4vw,62px);font-weight:300;letter-spacing:-.04em}.hello span{font-size:.5em}.footer-meta{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;font:400 9px DM Mono;text-transform:uppercase;letter-spacing:.09em;border-top:1px solid rgba(242,239,230,.3);padding-top:25px}
.console-dialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#0d100e;color:#e8eee9}.console-dialog::backdrop{background:#0d100e}.console-shell{min-height:100%;font-family:DM Mono,monospace}.console-top{height:70px;border-bottom:1px solid #29312c;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;font-size:11px;letter-spacing:.1em;position:sticky;top:0;background:#0d100e;z-index:3}.console-top button{color:inherit;background:none;border:0;font:inherit;cursor:pointer}.live-dot{display:inline-block;width:7px;height:7px;background:#8dff82;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #8dff82}.console-lock{width:min(500px,88vw);margin:14vh auto}.console-lock p,.dash-head p{color:#839086;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.console-lock h2,.dash-head h2{font:300 clamp(36px,5vw,72px) Manrope;margin:14px 0 70px;letter-spacing:-.05em}.console-lock label{display:block;border-bottom:1px solid #55615a;padding-bottom:12px}.console-lock label span{display:block;font-size:9px;color:#839086;margin-bottom:12px;text-transform:uppercase}.console-lock input{width:100%;border:0;outline:0;background:transparent;color:#e8eee9;font:300 25px DM Mono}.console-lock>button{margin-top:35px;width:100%;display:flex;justify-content:space-between;padding:18px;border:0;background:#d8ff5f;font:500 11px DM Mono;cursor:pointer}.console-lock small{display:block;color:#68736b;font-size:9px;margin-top:18px}.console-dashboard{padding:6vh 5vw 12vh;max-width:1180px;margin:auto}.dash-head{display:flex;align-items:end;justify-content:space-between}.dash-head h2{margin:10px 0 35px}.dash-tools{display:flex;align-items:center;gap:22px;margin-bottom:42px;color:#839086;font-size:9px;text-transform:uppercase}.dash-tools label{display:flex;align-items:center;gap:10px}.dash-tools select{background:#151915;color:#e8eee9;border:1px solid #354039;padding:10px 32px 10px 12px;font:10px DM Mono}.dashboard-content{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #29312c}.metric-grid article{padding:24px;border-right:1px solid #29312c}.metric-grid article:last-child{border:0}.metric-grid span,.metric-grid small{font-size:9px;color:#839086;text-transform:uppercase}.metric-grid strong{display:block;font:300 clamp(30px,4vw,58px) Manrope;margin:22px 0}.metric-grid small{color:#8dff82}.panel{border:1px solid #29312c;border-radius:16px;background:#121512;padding:28px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:28px}.panel h3{font:400 21px Georgia,serif;margin:0}.panel-head span{color:#657168;font-size:9px}.funnel-row{display:grid;grid-template-columns:minmax(170px,.8fr) 2fr 58px;gap:20px;align-items:center;margin:15px 0}.funnel-label{font:11px/1.4 Manrope;color:#a6ada8}.funnel-label small{display:block;color:#5e6861;margin-top:4px}.bar{height:8px;border-radius:8px;background:#202620;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:#92d9c2}.funnel-value{text-align:right;font-size:10px}.daily-chart{height:180px;display:flex;align-items:end;gap:4px;border-bottom:1px solid #29312c;padding-top:15px}.daily-chart i{flex:1;min-width:6px;background:#92d9c2;border-radius:2px 2px 0 0}.chart-labels{display:flex;justify-content:space-between;color:#59635c;font-size:9px;margin-top:12px}.panel-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty-state{color:#657168;font:13px Manrope;padding:22px 0}.loading-state{padding:80px;text-align:center;color:#839086;font-size:10px}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;padding:24px}.coordinates{display:none}nav{gap:18px}.hero{padding:110px 24px 70px}.hero h1{font-size:clamp(62px,18vw,100px)}.hero-intro{margin-left:20%;max-width:75%}.hero-foot{left:24px;right:24px}.manifesto{grid-template-columns:1fr;padding:95px 24px}.manifesto>div>p{margin:0}.manifesto aside{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.section-pad{padding:95px 24px}.section-heading,.section-heading.compact{grid-template-columns:1fr}.section-heading{margin-bottom:60px}.project{grid-template-columns:35px 1fr 25px;min-height:108px;gap:12px}.project-meta{display:none}.principles>h2{margin:55px 0 70px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid rgba(23,25,21,.35);min-height:170px}.note-grid{grid-template-columns:1fr}.note-grid article{min-height:260px;border-right:0;border-bottom:1px solid var(--line);padding:26px 0}.note-grid h3{margin:38px 0 auto}footer{grid-template-columns:1fr;gap:65px}.footer-meta{gap:20px}.console-dashboard{padding:35px 18px 80px}.dash-head{align-items:start;flex-direction:column}.dash-head h2{margin-bottom:28px}.dash-tools{width:100%;justify-content:space-between;margin-bottom:25px}.metric-grid{grid-template-columns:1fr}.metric-grid article{border-right:0;border-bottom:1px solid #29312c}.panel{padding:20px 16px;border-radius:12px}.funnel-row{grid-template-columns:1fr 42px;gap:10px}.funnel-row .bar{grid-column:1/-1;grid-row:2}.funnel-value{grid-column:2;grid-row:1}.panel-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none;opacity:1;transform:none}*{transition:none!important}}
.console-lock label{padding-top:18px}.console-lock input{font-size:20px}.dash-tools button{border:0;background:transparent;color:#839086;font:9px DM Mono;text-transform:uppercase;cursor:pointer}