@font-face{font-family:SpaceGrotesk;src:url('space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--paper:oklch(.984548 .002637 106.4477);--ink:oklch(.281698 .011149 156.4346);--muted:oklch(.508916 .017154 132.6154);--surface:oklch(.958726 .008014 114.2214);--accent:oklch(.896996 .171369 122.9835);--soft-rule:oklch(.873806 .011661 128.6099);--line:1px solid var(--ink);--gutter:clamp(1.5rem,4.2vw,4rem);--columns:1.12fr 1fr;--gap:clamp(2rem,4.4vw,4rem);--title:clamp(2.5rem,.5rem + 5vw,5rem);--heading:clamp(2.125rem,1rem + 2.45vw,3.25rem);font-synthesis:none;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-block-start:2rem;scrollbar-color:var(--muted) var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 SpaceGrotesk,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--ink)}
[hidden]{display:none!important}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400;text-wrap:balance}
a,button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a{text-underline-offset:5px;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
a:active,button:active{background:var(--accent)}
button{font:inherit;cursor:pointer;user-select:none;-webkit-user-select:none}
svg{display:block;max-inline-size:100%}
.skip{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:10;padding:12px 20px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}
.skip:focus{transform:none}
.skip:active{color:var(--ink)}
.page{max-inline-size:1440px;margin-inline:auto;border-inline:var(--line)}
.header,.study-header,.footer{display:flex;justify-content:space-between}
.header,.study-header,.brand,.founders,.company,.header a,.motion-toggle,.footer-contact a{align-items:center}
.header,.footer{gap:28px;padding-inline:var(--gutter)}
.header{min-block-size:104px;padding-block:22px;border-block-end:var(--line)}
.brand,.header nav a,.motion-toggle{display:inline-flex}
.brand{gap:15px;font-size:20px;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
.brand,.header nav a{text-decoration:none}
.common-lift{display:block;flex-shrink:0;aspect-ratio:1135/902;background:currentColor;-webkit-mask:url('common-lift.png') 51.024% 69.231%/147.313% 104.324% no-repeat;mask:url('common-lift.png') 51.024% 69.231%/147.313% 104.324% no-repeat}
.brand .common-lift{inline-size:46px}
.header nav{display:flex;gap:32px;font-size:14px}
.header nav a,.motion-toggle,.footer-contact a{min-block-size:44px}
main>section{display:grid;grid-template-columns:var(--columns);gap:var(--gap);padding:76px var(--gutter);border-block-start:var(--line)}
.hero{align-items:center;padding-block:74px 80px;border:0}
.hero-copy{padding-block-end:12px}
.hero-copy,.study,.footer-contact{min-inline-size:0}
h1{font-size:var(--title);line-height:1.035;letter-spacing:-.035em}
h2{font-size:var(--heading);line-height:1.12;letter-spacing:-.03em}
.hero-copy>p{margin-block-start:32px;max-inline-size:42ch;font-size:18px}
.hero-copy>p,.lab-copy>p,.value p,figcaption span,.company div>span,.footer-contact span{color:var(--muted)}
.study{border:var(--line);box-shadow:7px 7px 0 var(--ink)}
.study-header{min-block-size:54px;gap:8px;padding:5px 16px;border-block-end:var(--line);font-size:13px}
.study-header>span,.founders strong{font-weight:600}
.motion-toggle{justify-content:center;background:none;border:0;padding:0 4px;flex-shrink:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.study-surface{position:relative;aspect-ratio:480/430;background:var(--surface);overflow:clip}
.study-surface>*{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%}
#interaction-field{touch-action:pan-y;cursor:crosshair}
#interaction-field:focus-visible{outline-offset:-6px}
figcaption{padding:16px;border-block-start:var(--line)}
figcaption p{font-size:16px}
figcaption span,.company div>span{display:block;margin-block-start:3px}
figcaption span,.company div>span,.footer-contact span{font-size:12px}
.lab-copy>p{max-inline-size:51ch}
.lab-copy .lead{font-size:23px;color:var(--ink);line-height:1.45;letter-spacing:-.02em;margin-block-end:18px;max-inline-size:31ch}
.founders,.company,.footer-contact a{display:flex}
.founders{margin-block-start:36px;padding-block-start:26px;border-block-start:1px solid var(--soft-rule);gap:18px}
.founders p{font-size:14px;line-height:1.75;max-inline-size:36ch}
.founder-symbol{flex:none;inline-size:2.75rem;block-size:2.75rem;padding:5px;background:var(--accent);stroke:var(--ink);stroke-width:1.4}
.values{background:var(--surface)}
.values-mark{inline-size:96px;margin-block-start:48px}
.value{display:grid;grid-template-columns:132px 1fr;gap:24px;padding-block:28px;border-block-start:1px solid var(--soft-rule)}
.value:first-child{padding-block-start:0;border:0}
.value:last-child{padding-block-end:0}
.value h3{font-size:19px;line-height:1.5;letter-spacing:-.02em}
.value p{font-size:15px;line-height:1.7;max-inline-size:36ch}
.footer{padding-block:34px;align-items:start;border-block-start:var(--line)}
.company{gap:16px}
.company>.common-lift{inline-size:36px}
.company p{font-size:14px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;font-size:13px}
.footer-contact a{overflow-wrap:anywhere;max-inline-size:100%}
@media(min-width:1440px){body{padding-inline:28px}}
@media(max-width:1000px){:root{--columns:1fr 1fr;--gap:32px;--title:clamp(2.5rem,.25rem + 5vw,3.5rem)}main>section{padding-block:64px}.hero{padding-block:56px 64px}.hero-copy>p{font-size:16px}.value{grid-template-columns:1fr;gap:8px;padding-block:23px}}
@media(max-width:720px){:root{--gutter:24px;--columns:1fr;--gap:30px;--title:clamp(2.5rem,1rem + 7vw,4.125rem);--heading:clamp(2.25rem,1.75rem + 2vw,2.5rem)}.page{border:0}.header{min-block-size:88px;padding-block:18px;gap:16px}.brand{font-size:17px;gap:11px;letter-spacing:.06em}.brand .common-lift{inline-size:36px}.header nav{gap:18px;font-size:12px}main>section{padding-block:50px}.hero{gap:38px;padding-block:46px 54px}.hero-copy{padding:0}.hero-copy>p{font-size:17px;max-inline-size:48ch;margin-block-start:24px}.study{inline-size:100%;max-inline-size:520px;justify-self:center;box-shadow:5px 5px 0 var(--ink)}.study-surface{aspect-ratio:480/360}.lab-copy .lead{font-size:22px}.lab-copy>p{font-size:16px;max-inline-size:60ch}.founders{margin-block-start:28px;padding-block-start:24px}.values-mark{display:none}.value{grid-template-columns:132px 1fr;gap:20px}.footer{flex-direction:column;gap:18px;padding-block:28px}.footer-contact{align-items:flex-start}}
@media(max-width:420px){:root{--gutter:20px}.header{flex-wrap:wrap;gap:8px}.header nav{gap:22px}.brand{font-size:16px}.hero{padding-block-start:38px}figcaption{padding:13px}.value{grid-template-columns:1fr;gap:8px}.company{gap:12px}}
@media(720px < width <= 1000px),(width <= 420px){.study-header{padding-inline:12px;font-size:11px}.motion-toggle{font-size:11px}}
@media(hover:hover) and (pointer:fine){.header nav a:hover{text-decoration:underline}.motion-toggle:hover{text-decoration-thickness:2px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}