:root{--ink:#0B1020;--paper:#F5F3EE;--peri:#7C8CFF;--cyan:#67E8F9;--muted:#9DA8B8;--line:rgba(157,168,184,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.dark{background:var(--ink);color:var(--paper)}.light{background:var(--paper);color:var(--ink)}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;color:var(--paper);mix-blend-mode:difference}.brand{font:700 19px "Manrope";letter-spacing:-.04em}.brand span{font-weight:500}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a:hover{opacity:.65}.private-link{border-bottom:1px solid currentColor;padding-bottom:3px}.menu{display:none;background:none;border:0;color:inherit}
section{padding:120px 6vw}.section-tag{font-size:11px;letter-spacing:.18em;font-weight:600;margin-bottom:70px;opacity:.65}
.hero{min-height:100vh;padding-top:140px;position:relative;overflow:hidden}.hero-grid{position:relative;z-index:2}.eyebrow{font-size:14px;display:flex;gap:28px}.eyebrow span{color:var(--muted)}.hero h1{font:600 clamp(58px,9vw,148px)/.91 "Manrope";letter-spacing:-.07em;margin:9vh 0 8vh;max-width:1250px}.hero h1 em,.practice h2 em,.story h2 em{font-style:normal;color:var(--peri)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;max-width:950px}.hero-bottom p{max-width:560px;font-size:20px;line-height:1.5;color:#c6ced9}.round-link{width:64px;height:64px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:25px}
.system-field{position:absolute;right:-3vw;top:20%;width:38vw;height:60%;opacity:.35}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--peri);box-shadow:0 0 24px var(--peri)}.n1{left:10%;top:20%}.n2{left:65%;top:10%}.n3{left:38%;top:67%}.n4{left:85%;top:80%}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--peri),transparent);transform-origin:left}.l1{width:60%;left:11%;top:21%;transform:rotate(-8deg)}.l2{width:55%;left:39%;top:68%;transform:rotate(16deg)}.l3{width:58%;left:12%;top:21%;transform:rotate(51deg)}
.section-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}.section-copy h2,.work h2,.thinking h2,.about h2{font:600 clamp(45px,6vw,92px)/.98 "Manrope";letter-spacing:-.06em}.section-copy p,.work-head>p,.thinking-head>p{font-size:19px;line-height:1.65;max-width:580px}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid #cbc8c1}.problem-grid article{padding:28px 26px 20px 0;border-right:1px solid #cbc8c1;min-height:230px}.problem-grid article+article{padding-left:26px}.problem-grid span{font-size:11px;opacity:.5}.problem-grid h3{font:600 25px/1.1 "Manrope";margin-top:55px}.problem-grid p{font-size:14px;line-height:1.5;opacity:.7}
.practice h2{font:600 clamp(60px,10vw,150px)/.85 "Manrope";letter-spacing:-.07em;margin-bottom:100px}.practice-list{border-top:1px solid var(--line)}.practice-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.practice-list b{font-size:12px;color:var(--peri)}.practice-list h3{font:600 30px "Manrope"}.practice-list p{color:#b5bfcd;line-height:1.6;max-width:520px}
.work-head,.thinking-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:90px}.project-visual{height:480px;padding:28px;position:relative;overflow:hidden;background:#e4e0d8}.project-visual>span{font-size:11px;letter-spacing:.15em}.visual-a{background:#d9ddff}.visual-b{background:#d8edf0}.mock-ui{position:absolute;left:15%;top:25%;width:70%;height:58%;background:var(--ink);border-radius:10px;padding:24px}.mock-ui i{display:block;height:18%;margin-bottom:20px;border:1px solid rgba(124,140,255,.5);border-radius:4px}.orbit{position:absolute;width:280px;height:280px;border:1px solid #61707d;border-radius:50%;left:50%;top:55%;transform:translate(-50%,-50%)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #61707d;border-radius:50%;inset:45px}.orbit:after{inset:90px;background:var(--ink)}.orbit i{position:absolute;width:10px;height:10px;background:var(--peri);border-radius:50%;z-index:2}.orbit i:nth-child(1){top:-5px;left:50%}.orbit i:nth-child(2){bottom:15%;left:6%}.orbit i:nth-child(3){right:0;top:50%}.project-meta{padding:25px 2px 50px}.project-meta span{font-size:11px;letter-spacing:.15em;opacity:.55}.project-meta h3{font:600 27px "Manrope";margin:13px 0 8px}.project-meta p{opacity:.65}.text-link{display:inline-block;margin-top:45px;border-bottom:1px solid;padding-bottom:5px}
.story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.story h2{font:600 clamp(65px,9vw,135px)/.87 "Manrope";letter-spacing:-.07em}.story-copy{font-size:19px;line-height:1.65;color:#b9c2cf;padding-top:15px}.story-copy strong{color:var(--paper)}.story-copy .welcome{font-size:27px;color:var(--paper);margin-top:45px}.est{font:600 clamp(35px,6vw,80px) "Manrope";letter-spacing:-.05em;margin-top:100px;border-top:1px solid var(--line);padding-top:30px}.est span{color:var(--peri)}
.fct>h2{font:600 clamp(65px,10vw,145px)/.86 "Manrope";letter-spacing:-.07em}.fct-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid #cbc8c1}.fct-grid article{padding:30px 45px 20px 0;min-height:240px}.fct-grid b{font:600 55px "Manrope";color:var(--peri)}.fct-grid h3{font:600 25px "Manrope";margin:25px 0 10px}.fct-grid p{max-width:330px;line-height:1.55;opacity:.65}
.thoughts{margin-top:80px;border-top:1px solid var(--line)}.thoughts article{display:grid;grid-template-columns:.4fr 1.4fr .2fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center}.thoughts span,.thoughts b{font-size:10px;letter-spacing:.13em;color:var(--muted)}.thoughts h3{font:500 25px "Manrope";margin:0}
.about-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.portrait-placeholder{height:620px;background:#e4e0d8;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;font:600 60px "Manrope";letter-spacing:-.06em}.portrait-placeholder small{font:400 11px "DM Sans";letter-spacing:.12em;opacity:.5;margin-top:5px}.about-copy .lead{font:500 25px/1.5 "Manrope"}.about-copy p:not(.lead){font-size:17px;line-height:1.7;max-width:650px;opacity:.72}
.contact{text-align:center;padding-top:150px;padding-bottom:150px}.contact h2{font:600 clamp(60px,9vw,135px)/.9 "Manrope";letter-spacing:-.07em}.contact p{font-size:28px;color:var(--peri)}.contact>a{display:inline-flex;gap:60px;border-bottom:1px solid var(--paper);padding:15px 0;font-size:20px;margin-top:35px}
footer{background:#080c18;color:#9da8b8;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:12px;border-top:1px solid var(--line)}footer div{display:flex;flex-direction:column;gap:8px}footer strong{color:var(--paper);font:600 18px "Manrope"}.footer-end{text-align:right}.footer-end a{color:var(--paper)}
.private-page{min-height:100vh;background:var(--ink);display:grid;place-items:center;padding:30px}.private-box{width:min(600px,100%);text-align:center}.private-box .brand{display:inline-block;margin-bottom:70px}.lock{font-size:12px;letter-spacing:.18em;color:var(--peri)}.private-box h1{font:600 clamp(45px,7vw,78px)/.95 "Manrope";letter-spacing:-.06em;margin:25px 0}.private-box p{color:#aeb7c4;line-height:1.6}.access-form{display:flex;margin-top:40px;border:1px solid var(--line);padding:8px}.access-form input{flex:1;background:transparent;border:0;color:white;padding:14px;font:inherit;outline:none}.access-form button{background:var(--peri);border:0;color:var(--ink);font-weight:600;padding:0 20px;cursor:pointer}.private-note{font-size:11px!important;margin-top:20px}
@media(max-width:800px){.site-header{height:64px;padding:0 22px}.site-header nav{display:none;position:absolute;top:64px;left:0;width:100%;background:var(--ink);padding:30px 22px;flex-direction:column}.site-header.open nav{display:flex}.menu{display:block;font:500 12px "DM Sans"}section{padding:85px 24px}.hero{padding-top:115px}.eyebrow{flex-direction:column;gap:6px}.hero h1{font-size:16vw;margin:13vh 0 9vh}.hero-bottom{align-items:center}.hero-bottom p{font-size:16px;max-width:75%}.system-field{width:70vw;right:-25vw}.section-tag{margin-bottom:45px}.section-copy,.work-head,.thinking-head,.story-layout,.about-layout{grid-template-columns:1fr}.section-copy h2,.work h2,.thinking h2,.about h2{font-size:13vw}.problem-grid{grid-template-columns:1fr;margin-top:60px}.problem-grid article,.problem-grid article+article{padding:25px 0;border-right:0;border-bottom:1px solid #cbc8c1;min-height:0}.problem-grid h3{margin-top:25px}.practice h2{font-size:17vw}.practice-list article{grid-template-columns:40px 1fr}.practice-list p{grid-column:2}.project-grid{grid-template-columns:1fr}.project-visual{height:340px}.story h2{font-size:16vw}.story-copy{margin-top:25px}.fct>h2{font-size:16vw}.fct-grid{grid-template-columns:1fr}.fct-grid article{border-bottom:1px solid #cbc8c1}.thoughts article{grid-template-columns:1fr}.thoughts h3{font-size:21px}.portrait-placeholder{height:420px}.about-copy{margin-top:20px}.contact h2{font-size:15vw}footer{grid-template-columns:1fr;gap:35px}.footer-end{text-align:left}}