@font-face{font-family:NB International;src:url(/cambia/fonts/NBInternationalPro-Lig.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:NB International;src:url(/cambia/fonts/NBInternationalPro-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Fabric Sans;src:url(/cambia/fonts/FabricSansWeb-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ink: #0b0b0b;--paper: #ffffff;--card: #f2f1ee;--line: rgba(11, 11, 11, .12);--faint: rgba(11, 11, 11, .08);--delphinium: #4878d8;--font-heading: "NB International", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-text: "Fabric Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--gutter: 14px;--radius: 32px;--bar-pad: 32px;--space: clamp(120px, 14vw, 220px);--ease: cubic-bezier(.16, 1, .3, 1)}@media(max-width:600px){:root{--gutter: 10px;--radius: 20px;--bar-pad: 20px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-text);font-weight:400;-webkit-font-smoothing:antialiased}::selection{background:#fff36b}a{color:inherit}h1,h2,h3{font-family:var(--font-heading);font-weight:400}h2{font-size:clamp(32px,4.4vw,64px);line-height:1.04;letter-spacing:-.025em;margin-bottom:clamp(32px,4vw,56px)}h3{font-size:clamp(20px,1.8vw,26px);line-height:1.15;letter-spacing:-.015em}.overline{display:block;font-size:14px;opacity:.5}.bar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--bar-pad)}.wordmark{font-family:var(--font-heading);font-size:26px;letter-spacing:-.03em;text-decoration:none}.bar nav{display:flex;align-items:center;gap:24px;font-size:15px}.bar nav a{text-decoration:none}.pill{padding:10px 20px;border-radius:999px;background:var(--ink);color:var(--paper)}main>section{padding:0 var(--gutter);margin-bottom:var(--space)}.hero{padding-top:clamp(80px,12vw,200px)!important;margin-bottom:clamp(64px,8vw,120px)!important}.hero h1{max-width:13ch;font-size:clamp(48px,8vw,132px);line-height:.98;letter-spacing:-.035em;color:var(--delphinium)}.hero .lede{margin-top:clamp(24px,3vw,40px);font-family:var(--font-heading);font-size:clamp(22px,2.4vw,34px);line-height:1.2;letter-spacing:-.015em}.tile{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--card)}.label{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;background:var(--paper);font-size:14px}.demo{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.demo-app{grid-column:span 8;padding:clamp(24px,4vw,56px);min-height:520px}.demo-hears{grid-column:span 4;display:flex;flex-direction:column;padding:clamp(24px,3vw,40px)}.demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.demo-top .label{position:static}.toggle{display:inline-flex;padding:4px;border-radius:999px;background:var(--paper);font-size:15px}.toggle span{position:relative;padding:8px 18px;border-radius:999px;transition:background .3s var(--ease),color .3s var(--ease)}.toggle span.is-on{background:var(--ink);color:var(--paper)}.cursor{position:absolute;left:60%;top:55%;width:22px;height:28px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 28'%3E%3Cpath d='M2 2v21l5.5-5 4 9 3.6-1.6-4-8.9H18z' fill='%230b0b0b' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:0;transform:translate(36px,40px);transition:opacity .4s var(--ease),transform .7s var(--ease);pointer-events:none}.cursor.is-pointing{opacity:1;transform:translate(0)}.cursor.is-pointing.is-pressed{transform:translate(0) scale(.82);transition-duration:.12s}.demo-table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:16px;overflow:hidden;font-size:15px;animation:open .7s var(--ease)}@keyframes open{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.demo-table td{padding:0 20px;transition:height .6s var(--ease)}.demo-table tr+tr td{border-top:1px solid var(--line)}.demo-table.compact td{height:44px}.demo-table.comfortable td{height:84px}.demo-table td:first-child{font-family:var(--font-mono);font-size:13px}.demo-table td:last-child{text-align:right}.tally{list-style:none;margin-top:24px}.tally li{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;padding:16px 0;border-top:1px solid var(--line);font-size:15px}.dots{display:flex;flex-wrap:wrap;gap:6px}.dot{width:14px;height:14px;border-radius:50%;background:var(--delphinium);animation:pop .5s var(--ease)}.dot.start{background:transparent;border:1.5px solid rgba(11,11,11,.3);animation:none}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.35)}to{transform:scale(1)}}.result{margin-top:auto;font-family:var(--font-heading);font-size:clamp(36px,4.4vw,64px);line-height:1;letter-spacing:-.03em}.result span{display:inline-block;transition:color .6s var(--ease)}.result.is-done span{color:var(--delphinium);animation:arrive .9s var(--ease)}@keyframes arrive{0%{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@media(max-width:900px){.demo-app,.demo-hears{grid-column:span 12}.demo-app{min-height:0}.result{margin-top:32px}}.works{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,clamp(300px,30vw,440px));grid-template-areas:"you you you you you ai ai ai ai ai ai ai" "person person person person counts counts counts counts next next next next";gap:var(--gutter)}.art.you{grid-area:you}.art.ai{grid-area:ai}.art.person{grid-area:person}.art.counts{grid-area:counts}.art.next{grid-area:next}.art .ill{position:absolute;top:0;right:0;bottom:40px;left:0;width:100%;height:calc(100% - 40px)}@media(max-width:800px){.works{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:none}.art{grid-area:auto!important;aspect-ratio:4 / 3}}.facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);margin-top:clamp(56px,7vw,112px)}.facts li{padding-top:20px;border-top:1px solid var(--line);max-width:18ch;font-family:var(--font-heading);font-size:clamp(22px,2.4vw,34px);line-height:1.15;letter-spacing:-.02em}@media(max-width:800px){.facts{grid-template-columns:1fr;gap:32px}}.ill{font-family:var(--font-text)}.ill-paper{fill:var(--paper)}.ill-faint{fill:var(--faint)}.ill-line{fill:var(--line)}.ill-ink,.ill-text{fill:var(--ink)}.ill-text .ill-on-ink,.ill-on-ink{fill:var(--paper)}.ill-soft{fill:#0b0b0b80}.ill-mono{fill:var(--ink);font-family:var(--font-mono);font-size:14px}.ill-blue,.ill-blue-text{fill:var(--delphinium)}.ill-stroke{stroke:#0b0b0b40;stroke-width:1.5}.ill-cursor{stroke:var(--paper);stroke-width:1.5;stroke-linejoin:round}.ill-blue-line{fill:none;stroke:var(--delphinium);stroke-width:2;stroke-dasharray:4 6;animation:flow 1.2s linear infinite}@keyframes flow{to{stroke-dashoffset:-20}}.art.person .ill-cursor{animation:tap 2.4s var(--ease) infinite;transform-box:fill-box;transform-origin:top left}@keyframes tap{0%,60%,to{transform:none}70%{transform:scale(.85)}}.art.counts circle.ill-blue:last-of-type{animation:beat 2.4s var(--ease) infinite;transform-box:fill-box;transform-origin:center}@keyframes beat{0%,to{transform:scale(1)}20%{transform:scale(1.4)}40%{transform:scale(1)}}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.steps li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:280px;padding:clamp(24px,3vw,40px)}.steps .num{font-family:var(--font-heading);font-size:clamp(40px,4vw,64px);line-height:1;letter-spacing:-.03em;opacity:.25}.steps .copy{margin-top:auto}.steps li.hint{background:none;border:1px solid var(--line);justify-content:flex-end}.steps li.hint p{max-width:20ch;font-family:var(--font-heading);font-size:clamp(20px,1.8vw,26px);line-height:1.2;opacity:.6}@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.steps{grid-template-columns:1fr}.steps li{min-height:0}}.copy{display:inline-flex;align-items:center;gap:16px;max-width:100%;padding:12px 14px 12px 18px;border:0;border-radius:16px;background:var(--card);color:var(--ink);font:inherit;font-size:15px;line-height:1.4;text-align:left;cursor:pointer}.tile .copy{background:var(--paper)}.copy.code span{font-family:var(--font-mono);font-size:14px}.copy em{flex:none;font-style:normal;font-size:13px;padding:4px 10px;border-radius:999px;background:var(--card);opacity:.7}.copy:hover em{opacity:1}.prompt-list{display:flex;flex-wrap:wrap;gap:10px}.footer{margin:0 var(--gutter) var(--gutter);padding:clamp(32px,5vw,72px) clamp(32px,5vw,72px) clamp(24px,3vw,40px);border-radius:var(--radius);background:var(--card)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;font-size:15px;line-height:1.6}.footer-cols .overline{margin-bottom:10px}.footer-cols ul{list-style:none}.footer-mark{display:block;margin-top:clamp(56px,8vw,120px)}.footer-mark img{display:block;width:100%;height:auto}@media(max-width:700px){.footer-cols{grid-template-columns:1fr}.bar nav a:not(.pill){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01s!important}}.live{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(340px,34vw,520px);gap:var(--gutter)}.art.loop{grid-column:span 8}.art.every{grid-column:span 4}.ill-loop{fill:none;stroke:#0b0b0b2e;stroke-width:1.5;stroke-dasharray:3 7}.ill.every .row-1{transform:translateY(18px);animation:spread-1 5s var(--ease) infinite}.ill.every .row-2{transform:translateY(36px);animation:spread-2 5s var(--ease) infinite}@keyframes spread-1{0%,35%{transform:translateY(18px)}50%,85%{transform:translateY(30px)}to{transform:translateY(18px)}}@keyframes spread-2{0%,35%{transform:translateY(36px)}50%,85%{transform:translateY(60px)}to{transform:translateY(36px)}}@media(max-width:900px){.art.loop,.art.every{grid-column:span 12}.live{grid-auto-rows:auto}.live .art{aspect-ratio:4 / 3}}
