:root{--ink:#101820;--green:#10b981;--paper:#fbfbf9;--muted:#596169;--line:#1018202e;--page:1280px;--gutter:clamp(24px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit}img{max-width:100%;height:auto;display:block}.site-header{width:min(100%,var(--page));min-height:96px;padding:24px var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;margin:0 auto;display:grid}.brand{width:148px;display:inline-flex}nav{align-items:center;gap:clamp(20px,3vw,42px);display:flex}nav a{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;text-decoration:none}nav a:hover,nav a:focus-visible{text-underline-offset:7px;text-decoration:underline}section{width:min(100%,var(--page));margin:0 auto}.eyebrow,.section-number,.product-category{letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700;line-height:1.45}.hero{min-height:650px;padding:clamp(80px,9vw,124px)var(--gutter)clamp(72px,8vw,112px);grid-template-columns:minmax(0,8fr) minmax(240px,4fr);align-items:start;column-gap:clamp(48px,8vw,116px);display:grid}.hero-copy{max-width:790px}.hero .eyebrow{margin-bottom:42px}h1{letter-spacing:-.055em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(3.25rem,5.2vw,5rem);font-weight:650;line-height:.99}.hero-intro{max-width:650px;color:var(--muted);margin:42px 0 32px;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65}.text-link{border-bottom:1px solid var(--ink);gap:12px;padding-bottom:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover,.text-link:focus-visible{border-color:var(--green)}.hero-mark{justify-self:end;width:min(100%,310px);margin-top:96px}.institution{padding:clamp(84px,9vw,126px)var(--gutter);border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(280px,4fr);gap:62px clamp(56px,8vw,112px);display:grid}.section-number{color:var(--muted);margin-bottom:32px}.section-lead h2,.founder h2{letter-spacing:-.045em;text-wrap:balance;max-width:680px;margin:0;font-size:clamp(2.25rem,3.6vw,3.7rem);font-weight:650;line-height:1.06}.institution-copy{padding-top:51px}.institution-copy p,.portfolio-lead>p{color:var(--muted);margin:0 0 22px;font-size:1.03rem;line-height:1.7}.connection-grid{border-top:1px solid var(--ink);grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:28px 0 0;padding:0;list-style:none;display:grid}.connection-grid li{border-bottom:1px solid var(--line);letter-spacing:-.025em;flex-direction:column;justify-content:space-between;min-height:116px;padding:20px 0 22px;font-size:clamp(1.15rem,1.65vw,1.45rem);font-weight:650;display:flex}.connection-grid li:nth-child(3n+2),.connection-grid li:nth-child(3n+3){border-left:1px solid var(--line);padding-left:26px}.connection-grid span,.product-index{color:var(--muted);letter-spacing:.14em;font-size:.66rem;font-weight:700}.portfolio{width:100%;max-width:none;padding:clamp(88px,9vw,128px)max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));background:var(--ink);color:var(--paper)}.portfolio-lead{grid-template-columns:minmax(0,7fr) minmax(280px,4fr);align-items:end;gap:40px clamp(64px,10vw,150px);margin-bottom:70px;display:grid}.portfolio-lead .section-number{color:#fbfbf994;grid-column:1/-1;margin-bottom:0}.portfolio-lead h2{max-width:760px;font-size:clamp(2.45rem,4vw,4rem)}.portfolio-lead>p{color:#fbfbf9a8;margin:0}.portfolio-list{border-top:1px solid #fbfbf947}.product{border-bottom:1px solid #fbfbf938;grid-template-columns:64px minmax(0,1fr) 150px;align-items:start;gap:26px;min-height:210px;padding:34px 0 38px;display:grid}.product-category{margin:0 0 22px;color:var(--green)!important}.product h3{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:650;line-height:1}.product p{color:#fbfbf9ad;max-width:620px;margin:0;line-height:1.6}.attribution{justify-self:end;font-size:.75rem;font-weight:700;color:var(--paper)!important}.founder{padding:clamp(88px,9vw,128px)var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,3fr) minmax(0,9fr);gap:48px;display:grid}.founder .section-number{margin:7px 0 0}.founder>div{max-width:760px}.founder-name{border-top:1px solid var(--line);margin:54px 0 6px;padding-top:20px;font-size:1rem;font-weight:700}.founder-name+p{color:var(--muted);margin:0;font-size:.9rem}footer{padding:56px max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));background:var(--ink);color:var(--paper);grid-template-columns:150px 1fr auto;align-items:end;gap:48px;display:grid}footer p{color:#fbfbf9a3;margin:0 0 7px;font-size:.78rem;line-height:1.5}.copyright{white-space:nowrap}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:8vw;display:flex}.not-found .eyebrow{margin:80px 0 28px}.not-found h1{margin-bottom:48px}:focus-visible{outline:3px solid var(--green);outline-offset:5px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:820px){.site-header{min-height:82px}.brand{width:132px}nav{gap:16px}nav a{font-size:.62rem}.hero{grid-template-columns:1fr;min-height:auto}.hero-mark{justify-self:start;width:190px;margin-top:4px}.institution{grid-template-columns:1fr;gap:38px}.institution-copy{padding-top:0}.connection-grid{grid-template-columns:1fr 1fr}.connection-grid li:nth-child(3n+2),.connection-grid li:nth-child(3n+3){border-left:none;padding-left:0}.connection-grid li:nth-child(2n){border-left:1px solid var(--line);padding-left:22px}.portfolio-lead{grid-template-columns:1fr;gap:28px}.portfolio-lead .section-number{grid-column:auto}.portfolio-lead>p{max-width:600px}.product{grid-template-columns:42px 1fr}.attribution{grid-column:2;justify-self:start;margin-top:14px!important}.founder{grid-template-columns:1fr;gap:30px}.founder .section-number{margin:0}footer{grid-template-columns:1fr;align-items:start}}@media (max-width:560px){.site-header{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:24px}nav{justify-content:space-between;width:100%}h1{font-size:clamp(2.8rem,13vw,4rem)}.hero .eyebrow{margin-bottom:32px}.hero-intro{margin-top:32px}.connection-grid{grid-template-columns:1fr}.connection-grid li,.connection-grid li:nth-child(2n){border-left:none;min-height:94px;padding-left:0}.product{grid-template-columns:1fr}.product-index{margin-bottom:-4px}.attribution{grid-column:1}}@media (prefers-color-scheme:dark){body{background:var(--ink);color:var(--paper)}.site-header,.institution,.founder{border-color:#fbfbf92e}.hero-intro,.institution-copy p,.founder-name+p{color:#fbfbf9ad}.text-link{border-color:var(--paper)}.hero-mark img{content:url(/identity/CCOS_Bridge_Avatar_Dark_v1.0.svg)}.connection-grid{border-color:var(--paper)}.connection-grid li,.founder-name{border-color:#fbfbf92e}}
