@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#1646ff;--ink:#111318;--muted:#62646d;--line:#dce0e8;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{height:92px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;gap:13px;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1px}.logo>span{font-size:14px;font-weight:600;letter-spacing:0}.logo:first-letter{color:var(--blue)}nav{display:flex;gap:32px;font-size:14px;align-items:center}.nav-cta{border:1px solid var(--ink);padding:10px 20px}nav a:hover,.text-link:hover{color:var(--blue)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(34px,4.5vw,62px);font-weight:600}h3{font-size:25px;letter-spacing:-.025em}em{font-style:normal;color:var(--blue)}p{font-size:17px}p+p{margin-top:20px}.blue{color:var(--blue)}.hero{padding:34px 5% 0;max-width:1440px;margin:auto}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;font-weight:600}.hero h1{font-size:clamp(70px,13.4vw,186px);font-weight:600;letter-spacing:-.075em;margin:19px 0 38px;line-height:1.04}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.hero h2{font-size:clamp(30px,3.4vw,48px);max-width:680px;line-height:1.15}.intro{color:var(--muted);margin-top:26px!important;max-width:530px}.hero-grid>div>p{max-width:610px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;font-size:14px;font-weight:600}.button{display:inline-flex;background:var(--blue);color:white;padding:15px 23px;border:1px solid var(--blue);font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#092bb9}.intersection{position:relative;width:100%;height:360px;max-width:410px;justify-self:center}.circle{position:absolute;width:220px;height:220px;border:1px solid #7c97ff;border-radius:50%;display:flex;justify-content:center;align-items:flex-start;padding-top:30px;font-size:14px;background:#1646ff06}.c1{left:0;top:0}.c2{right:0;top:0}.c3{left:calc(50% - 110px);top:95px;align-items:flex-end;padding-bottom:35px}.centre{position:absolute;left:calc(50% - 27px);top:127px;background:var(--blue);color:white;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-weight:700}.intersection>p{position:absolute;bottom:-12px;text-align:center;width:100%;font-size:14px}.hero-foot{margin-top:72px;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:.08em}.section{padding:100px 5%;max-width:1440px;margin:auto;scroll-margin-top:12px}.section-label{font-size:12px;letter-spacing:.13em;font-weight:600;display:block;margin-bottom:38px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10%}.large{font-size:23px;line-height:1.45}.values{background:#f4f6fa}.value-list{padding:0;list-style:none;margin:32px 0}.value-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:16px}.value-list span{color:var(--muted);text-align:right}.last{margin-top:32px}.disciplines{display:grid;grid-template-columns:repeat(5,1fr);margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.disciplines>div{padding:24px 16px;border-right:1px solid var(--line)}.disciplines>div:first-child{padding-left:0}.disciplines>div:last-child{border:0}.disciplines span{font-size:12px;color:var(--blue)}.disciplines h3{font-size:19px;margin:17px 0 9px;letter-spacing:-.03em;min-height:44px}.disciplines p{font-size:14px;color:var(--muted)}.result{background:var(--blue);color:white;padding:22px 26px;display:flex;justify-content:space-between;gap:20px;font-size:19px;font-weight:600}.result span{font-size:14px;font-weight:400}.text-link{display:inline-block;margin-top:28px;text-decoration:underline;text-underline-offset:6px;font-size:15px}.problems{border-top:1px solid var(--line)}.problem-list{margin-top:44px}.problem-list>div{display:grid;grid-template-columns:1fr 220px;gap:30px;padding:25px 0;border-top:1px solid var(--line);align-items:center}.problem-list p{font-size:23px;max-width:830px}.problem-list span{font-size:14px;color:var(--blue);text-align:right}.studio{background:var(--ink);color:white}.studio h2{color:white}.studio .two>div>p{margin-top:22px}.studio .section-label{color:#b7b8c0}.studio .system-line{margin-top:54px;padding:25px 0;border-top:1px solid #393b43;border-bottom:1px solid #393b43;font-size:24px;line-height:1.8}.system-line b{color:#7392ff;font-weight:400;margin:0 11px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:38px 0}.process span{font-size:12px;letter-spacing:.1em;color:#abbcff}.process h3{margin:14px 0;font-size:22px}.process p{font-size:16px;color:#bdbec7}.white{background:white;color:var(--ink);border-color:white}.white:hover{background:#dce5ff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border:1px solid var(--line)}.work-grid article{padding:30px;border-right:1px solid var(--line);display:flex;flex-direction:column}.work-grid article:last-child{border:0}.number{color:var(--blue);font-size:14px;margin-bottom:34px}.work-grid h3{font-size:28px;margin-bottom:22px}.work-grid p{font-size:16px;color:var(--muted)}.work-grid .fit{margin-top:25px;color:var(--ink)}.work-grid a{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px;margin-top:auto;padding-top:35px}.lab{background:#f4f6fa}.lab-heading{display:flex;gap:70px;align-items:end;justify-content:space-between}.lab-heading>p{max-width:365px;color:var(--muted)}.filters{display:flex;gap:9px;margin:42px 0 26px;flex-wrap:wrap}.filters button{padding:10px 18px;background:transparent;border:1px solid #cdd2dd;font-size:14px;cursor:pointer}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lab-card{background:white;border:1px solid var(--line);padding:27px;text-align:left;cursor:pointer;color:var(--ink);transition:transform .2s,border-color .2s;display:flex;flex-direction:column;min-height:310px}.lab-card:hover{transform:translateY(-4px);border-color:var(--blue)}.lab-card .card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:38px;gap:12px}.lab-card h3{font-size:26px;margin-bottom:17px}.lab-card p{font-size:15px;color:var(--muted)}.lab-card .open{margin-top:auto;padding-top:24px;font-size:14px;color:var(--blue);font-weight:600}.lab-note{font-size:24px;margin-top:38px}.writing-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px}.writing-grid>a{padding:36px 0;transition:background .2s}.writing-grid>a:hover{background:#f4f6fa}.writing-grid>a:first-child{border-right:1px solid var(--line);padding-right:50px}.writing-grid>a:last-child{padding-left:50px}.writing-grid>a>span{font-size:12px;letter-spacing:.08em;color:var(--muted)}.writing-grid h3{font-size:clamp(34px,4vw,57px);margin:30px 0 23px}.writing-grid p{max-width:460px;color:var(--muted)}.writing-grid strong{display:block;margin-top:32px;font-size:14px}.youtube{display:flex;gap:40px;padding-top:30px;align-items:center}.youtube>span{font-size:12px;letter-spacing:.08em;color:var(--muted)}.youtube p{font-size:15px}.closing{background:var(--blue);color:white;padding:76px 5% 35px;max-width:1440px;margin:auto}.closing h2{font-size:clamp(34px,5.4vw,76px)}.closing em{color:white}.closing>p{max-width:570px;margin:28px 0}.ecosystem{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff50;margin-top:65px;padding-top:24px;font-size:14px;letter-spacing:.05em}.ecosystem small{display:block;font-size:13px;letter-spacing:0;color:#dbe3ff;margin-top:6px}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:32px 5%;font-size:13px;color:var(--muted)}dialog{border:0;max-width:640px;width:calc(100% - 32px);padding:48px;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#111318aa;backdrop-filter:blur(4px)}dialog h2{font-size:36px;margin-bottom:24px}dialog h3{font-size:20px;margin:28px 0 14px}dialog p{font-size:17px}.close{position:absolute;right:15px;top:9px;border:0;background:none;font-size:32px;cursor:pointer;padding:4px 12px}#detail-tags{font-size:13px;color:var(--blue);margin-top:25px}@media(min-width:1441px){body{background:#eef0f5}header,main,footer{background:white;max-width:1440px;margin:auto}}@media(max-width:900px){.hero-grid{gap:5%;grid-template-columns:1.3fr 1fr}.circle{width:165px;height:165px}.intersection{height:300px;max-width:310px}.c3{left:calc(50% - 82.5px);top:78px}.centre{top:96px}.two{gap:6%}.work-grid article{padding:23px}.lab-grid{grid-template-columns:repeat(2,1fr)}.actions{gap:14px;flex-wrap:wrap}.disciplines h3{font-size:16px}.result{font-size:16px}}@media(max-width:650px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:18px 6%;gap:18px}header .logo>span{display:none}nav{gap:16px;font-size:13px}.nav-cta{padding:8px 12px}.hero{padding:24px 6% 0}.eyebrow{font-size:12px}.eyebrow>span:last-child{display:none}.hero h1{font-size:clamp(54px,14vw,91px);margin:27px 0 30px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h2{font-size:36px}.intersection{margin:10px 0 20px;width:310px;max-width:100%}.hero-foot{margin-top:35px;gap:20px;font-size:12px;letter-spacing:0}.hero-foot>span:last-child{text-align:right}.section{padding:64px 6%}.section-label{margin-bottom:27px}.two{grid-template-columns:1fr;gap:30px}h2{font-size:39px}.large{font-size:21px}.value-list li{font-size:15px}.disciplines{grid-template-columns:1fr;margin-top:36px}.disciplines>div,.disciplines>div:first-child{border:0;border-bottom:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:28px 1fr;gap:6px 12px}.disciplines h3{font-size:20px;margin:0;min-height:0}.disciplines p{grid-column:2}.result{display:block;padding:22px}.result span{display:block;margin-top:8px}.problem-list>div{grid-template-columns:1fr;gap:10px}.problem-list p{font-size:21px}.problem-list span{text-align:left}.studio .system-line{font-size:19px;margin-top:36px}.system-line b{margin:0 4px}.process,.work-grid{grid-template-columns:1fr;gap:26px}.process{gap:28px}.work-grid{gap:0}.work-grid article{padding:28px;border-right:0;border-bottom:1px solid var(--line)}.number{margin-bottom:20px}.lab-heading{display:block}.lab-heading>p{margin-top:25px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:285px}.filters{gap:7px}.filters button{padding:9px 12px}.writing-grid{grid-template-columns:1fr}.writing-grid>a:first-child{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.writing-grid>a:last-child{padding-left:0}.writing-grid h3{font-size:46px}.youtube{display:block}.youtube p{margin-top:12px}.closing{padding:60px 6% 30px}.closing h2{font-size:40px}.ecosystem{grid-template-columns:1fr;gap:20px;margin-top:45px}footer{flex-wrap:wrap;gap:20px;padding:28px 6%}footer>span{display:none}dialog{padding:40px 25px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A quieter editorial rhythm, with a dark opening. */
header{background:#0b0e16;color:#f5f7ff;border-color:#ffffff20}.nav-cta{border-color:#ffffff60}nav a:hover{color:#9db4ff}.hero{background:#0b0e16;color:#f5f7ff;padding-top:44px}.hero .eyebrow{color:#a9b0c3}.hero .blue,.hero em{color:#89a6ff}.hero h1{margin-bottom:52px}.hero h2{max-width:650px}.hero .intro{color:#b1b8ca;margin-top:32px!important}.hero-grid>div>p:not(.intro){margin-top:28px;line-height:1.75}.hero .actions{margin-top:40px;gap:28px}.hero .hero-foot{margin-top:92px;border-color:#ffffff20;color:#aeb6c9;padding:28px 0}.hero .button{background:#1646ff}.hero .button:hover{background:#345eff}.hero a:focus-visible,.motion-toggle:focus-visible{outline-color:#aac0ff}.circle{border-color:#7899ffb0;background:#1646ff0a;color:#dce5ff;box-shadow:inset 0 0 32px #1646ff0a}.centre{box-shadow:0 0 40px #1646ff65}.intersection>p{color:#b5bed1}.intersection>p strong{color:#f5f7ff}.motion-toggle{position:absolute;right:0;top:-26px;background:none;color:#aebbd7;border:0;border-bottom:1px solid #6d7b99;padding:5px 0;font-size:12px;cursor:pointer}.animated .c1{animation:drift-one 9s ease-in-out infinite}.animated .c2{animation:drift-two 9s ease-in-out infinite}.animated .c3{animation:drift-three 9s ease-in-out infinite}.intersection.paused .circle{animation-play-state:paused}@keyframes drift-one{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,9px)}}@keyframes drift-two{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,9px)}}@keyframes drift-three{0%,100%{transform:translate(0,0)}50%{transform:translateY(-10px)}}.section{padding-top:126px;padding-bottom:126px}.section-label{margin-bottom:48px}.two{gap:12%}.two>div>p{line-height:1.75}.two>div>p.large{line-height:1.55}.two>div>p+p{margin-top:28px}.value-list{margin:40px 0}.value-list li{padding:18px 0}.values .last{margin-top:42px}.disciplines{margin-top:68px}.disciplines>div{padding-top:31px;padding-bottom:31px}.problem-list{margin-top:58px}.problem-list>div{padding:34px 0}.work-grid{margin-top:65px}.work-grid article{padding:38px 32px}.work-grid p{line-height:1.8}.work-grid .fit{margin-top:32px}.lab-heading{gap:90px}.filters{margin-top:52px;margin-bottom:32px}.lab-grid{gap:26px}.lab-card{padding:32px;min-height:345px}.lab-card p{line-height:1.8}.writing-grid{margin-top:60px}.writing-grid>a{padding-top:46px;padding-bottom:46px}.writing-grid p{line-height:1.85;max-width:415px}.youtube{padding-top:38px}@media(max-width:900px){.two{gap:7%}.work-grid article{padding:30px 24px}.lab-card{padding:27px}}@media(max-width:650px){header{padding-top:20px;padding-bottom:20px}.hero{padding-top:32px}.hero h1{margin-bottom:38px}.hero .actions{gap:20px;margin-top:34px}.hero-grid{gap:66px}.hero .hero-foot{margin-top:52px;padding:24px 0}.section{padding-top:82px;padding-bottom:82px}.section-label{margin-bottom:34px}.two{gap:38px}.value-list li{padding:18px 0;line-height:1.65}.disciplines{margin-top:44px}.disciplines>div,.disciplines>div:first-child{padding-top:23px;padding-bottom:23px}.problem-list{margin-top:40px}.problem-list>div{padding:28px 0;gap:16px}.work-grid{margin-top:44px}.work-grid article{padding:34px 28px}.lab-grid{gap:22px}.lab-card{padding:30px;min-height:320px}.filters{margin-top:38px}.writing-grid{margin-top:42px}.writing-grid>a{padding-top:40px;padding-bottom:40px}.lab-heading>p{margin-top:30px}.youtube{padding-top:30px}}@media(prefers-reduced-motion:reduce){.animated .circle{animation:none}.motion-toggle{display:none}}
/* Full-bleed sections with a comfortable reading measure. */
body{background:white}header,main,footer,.hero,.section,.closing{max-width:none;width:100%;margin-left:0;margin-right:0}main{background:white}header,footer,.hero,.section,.closing{padding-left:max(6%,calc((100% - 1280px)/2));padding-right:max(6%,calc((100% - 1280px)/2))}.section,.closing{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.hero{min-height:calc(100vh - 92px);min-height:calc(100svh - 92px);display:flex;flex-direction:column;justify-content:center}.hero-foot{width:100%}.hero h1{font-size:clamp(70px,13.4vw,186px)}header,.hero{background:#1646ff;color:white}header{border-color:#ffffff35}.hero .eyebrow,.hero .intro,.hero .hero-foot{color:#e2e9ff}.hero .blue,.hero em{color:white}.hero .hero-foot{border-color:#ffffff40}.hero .button{background:white;color:#1646ff;border-color:white}.hero .button:hover{background:#e3eaff}.circle{border-color:#ffffffb3;background:#ffffff07;color:white;box-shadow:none}.centre{background:white;color:#1646ff;box-shadow:0 0 45px #ffffff30}.intersection>p,.intersection>p strong{color:white}.motion-toggle{color:white;border-color:#ffffff70}nav a:hover{color:white;text-decoration:underline;text-underline-offset:5px}.hero .actions>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}header a:focus-visible,.hero a:focus-visible,.motion-toggle:focus-visible{outline-color:white}@media(max-width:650px){header,footer,.hero,.section,.closing{padding-left:6%;padding-right:6%}.hero h1{font-size:clamp(54px,14vw,91px)}.hero{min-height:100svh}.section,.closing{min-height:100svh}}
.logo>.brand-mark{display:block;position:relative;width:44px;height:40px;overflow:hidden;flex:none}.brand-mark img{position:absolute;width:130px;height:130px;max-width:none;left:-43px;top:-40px}@media(max-width:650px){header .logo>.brand-mark{display:block}}
/* Black opening; blue marks the connected-thinking story. */
header,.hero{background:#0b0e16;color:#f5f7ff}header{border-color:#ffffff20}.hero .eyebrow,.hero .intro,.hero .hero-foot{color:#b1b8ca}.hero .blue,.hero em{color:#89a6ff}.hero .hero-foot{border-color:#ffffff20}.hero .button{background:#1646ff;color:white;border-color:#1646ff}.hero .button:hover{background:#345eff}.circle{border-color:#7899ffb0;background:#1646ff0a;color:#dce5ff}.centre{background:#1646ff;color:white;box-shadow:0 0 40px #1646ff65}.intersection>p{color:#b5bed1}.intersection>p strong{color:#f5f7ff}.motion-toggle{color:#aebbd7;border-color:#6d7b99}.brain{background:#1646ff;color:white}.brain em{color:white}.brain .section-label{color:#e2e9ff}.brain .disciplines{border-color:#ffffff50}.brain .disciplines>div{border-color:#ffffff50}.brain .disciplines span,.brain .disciplines p{color:#e2e9ff}.brain .result{background:white;color:#1646ff}.brain .text-link{color:white}.brain .text-link:hover{color:white;text-decoration-thickness:2px}.brain a:focus-visible{outline-color:white}@media(max-width:650px){.brain .disciplines>div,.brain .disciplines>div:first-child{border-bottom-color:#ffffff50}}
.values-person{display:flex;flex-direction:column;align-items:flex-start;gap:44px}.portrait{display:block;width:min(100%,320px);height:auto;background:white;border:1px solid #dce0e8;border-radius:3px}.values .two{align-items:start}@media(max-width:650px){.values-person{gap:30px}.portrait{width:min(100%,290px)}}
.work-grid .contact-link{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px;margin-top:auto;padding:35px 0 0;background:none;border:0;text-align:left;color:inherit;cursor:pointer}.contact-link:hover{color:var(--blue)}#contact-dialog{max-width:640px;max-height:90vh;max-height:90svh;overflow:auto}#contact-dialog .section-label{margin-bottom:24px}#contact-dialog h2{font-size:32px}#contact-form{display:grid;gap:20px;margin-top:28px}#contact-form label{display:grid;gap:7px;font-size:14px;font-weight:600}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}#contact-form input,#contact-form select,#contact-form textarea{width:100%;min-width:0;background:white;border:1px solid #bdc5d5;border-radius:2px;padding:12px;font:400 16px 'DM Sans',Arial,sans-serif;color:var(--ink)}#contact-form textarea{resize:vertical}#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.optional{font-weight:400;color:var(--muted)}#contact-form label:has(.optional){grid-template-columns:1fr auto}#contact-form label:has(.optional)>input{grid-column:1/-1}.privacy-note{font-size:14px;color:var(--muted)}#contact-submit{justify-self:start;cursor:pointer}#contact-submit:disabled{opacity:.65;cursor:wait}#contact-error{font-size:15px;color:#ad182c;margin:0}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#contact-success>p{margin:24px 0}#contact-success .button{cursor:pointer}[hidden]{display:none!important}@media(max-width:650px){.form-pair{grid-template-columns:1fr;gap:20px}#contact-dialog h2{font-size:28px}#contact-dialog{padding-top:45px}}
.centre-mark{display:block;position:relative;width:30px;height:29px;overflow:hidden}.centre-mark img{position:absolute;width:90px;height:90px;max-width:none;left:-30px;top:-27px}
.closing>.button{align-self:flex-start;cursor:pointer}
/* White hero labels and closing metadata. */
.hero .eyebrow>span:last-child,.hero .hero-foot,.hero .hero-foot>span{color:#fff}