@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";
:root{--font-primary:Inter,system-ui,sans-serif;--line-height-base:1.7;--line-height-heading:1.2;--radius-card:14px;--shadow-card:0 2px 12px rgba(16,18,27,.06);--focus-ring:0 0 0 2px #a78bfa;--color-primary-anchor:#071e2e;--color-primary-light-50:#fafbfb;--color-primary-light-100:#f3f4f5;--color-primary-light-200:#e6e9ea;--color-primary-light-300:#cdd2d5;--color-primary-light-400:#b5bcc0;--color-primary-light-500:#8f9aa1;--color-primary-light-600:#6a7882;--color-primary-light-700:#455662;--color-primary-light-800:#263a48;--color-primary-light-900:var(--color-primary-anchor);--color-primary-dark-50:#000;--color-primary-dark-100:#000202;--color-primary-dark-200:#010305;--color-primary-dark-300:#010609;--color-primary-dark-400:#02090e;--color-primary-dark-500:#030e15;--color-primary-dark-600:#04121c;--color-primary-dark-700:#051622;--color-primary-dark-800:#061a28;--color-primary-dark-900:var(--color-primary-anchor);--color-primary:var(--color-primary-light-900);--color-primary-700:var(--color-primary-light-700);--color-primary-500:var(--color-primary-light-500);--color-primary-300:var(--color-primary-light-300);--color-primary-dark:var(--color-primary-dark-600);--color-primary-darker:var(--color-primary-dark-800);--color-primary-bg:#e9f2f6;--token-primary:var(--color-primary);--token-primary-dark:var(--color-primary-dark);--token-primary-darker:var(--color-primary-darker);--token-primary-light-900:var(--color-primary-light-900);--token-primary-light-700:var(--color-primary-light-700);--token-primary-light-500:var(--color-primary-light-500);--color-bg:#fff;--color-bg-alt:#f3f4f6;--color-bg-card:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--color-success:#22c55e;--color-error:#b91c1c;--color-secondary:#000}.dark{--color-bg:#111827;--color-bg-card:#1f2937;--color-border:#374151;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-primary:#0b3040;--color-primary-dark:#092833;--token-primary:#0b3040;--token-on-primary:#fff;--color-primary-bg:#4c1d95;--color-success:#4ade80;--color-error:#f87171}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.bg-card,.card{background:var(--color-bg-card)}.border-card,.card{border:1px solid var(--color-border)}.shadow-card,.card{box-shadow:var(--shadow-card)}.radius-card,.card{border-radius:var(--radius-card)}.focus-ring:focus{box-shadow:var(--focus-ring);outline:none}.bg-secondary{background:var(--color-secondary)}.card{margin-bottom:1.5rem;padding:1.5rem}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.7em 1.5em;transition:background .2s}.btn-primary:hover,.btn-primary:focus,.btn-secondary:hover,.btn-secondary:focus{opacity:.8}.btn-secondary{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.7em 1.5em;transition:background .2s}body{font-family:var(--font-primary);line-height:var(--line-height-base);background:var(--color-bg);color:var(--color-text)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--header-height,64px);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial}.container{max-width:var(--site-max-width);padding-left:calc(var(--gutter)*1.5);padding-right:calc(var(--gutter)*1.5);margin-left:auto;margin-right:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html{font-family:var(--font-primary,"Inter",system-ui,sans-serif);font-size:16px;line-height:var(--line-height-base,1.7);background:var(--color-bg);color:var(--color-text)}body{background:inherit;color:inherit;margin:0;font-family:inherit}h1{font-size:max(2rem,min(6vw,3.5rem));font-weight:700;line-height:var(--line-height-heading,1.2);margin:2.5rem 0 1.2rem}h2{font-size:2rem;font-weight:600;line-height:var(--line-height-heading,1.2);margin:2rem 0 1rem}h3{font-size:1.3rem;font-weight:500;line-height:var(--line-height-heading,1.2);margin:1.5rem 0 .8rem}a{color:var(--color-text);text-decoration:none}hr{border:none;border-top:1px solid #e5e7eb;margin:2.5rem 0}.notion-main{padding:1.5rem}.container{max-width:1120px;margin:0 auto;padding:0 24px}.prose{font-size:1.08rem;line-height:1.7}.prose h1,.prose h2,.prose h3{font-family:var(--font-primary,"Inter",system-ui,sans-serif)}.prose ul,.prose ol{margin:1.2rem 0 1.2rem 1.5rem;padding:0}.prose blockquote{border-left:3px solid var(--color-border);color:var(--color-text-muted);background:#f6f6f4;margin:1.5em 0;padding:.7em 1em;font-style:italic}.prose code,.prose pre{font-family:var(--font-mono,"Fira Mono","Menlo",monospace);border-radius:var(--radius-card);background:#f4f4f4;padding:.2em .5em;font-size:.98em}.prose pre{margin:1.2em 0;padding:1em;overflow-x:auto}.featured{background:var(--color-bg-alt);flex-direction:column;padding:0 6.5em .5rem;display:flex}.view-more{border:solid 1px var(--color-text);color:var(--color-text);border-radius:8px;width:102px;margin-bottom:3rem;padding:.5em 1.2em;transition:background .18s,color .18s,border-color .18s;display:inline-block}.view-more:hover{opacity:.7}@media (max-width:1366px){.home-container .featured{padding:0 1.5rem}.work-container{padding:2em 1.5rem 0!important}}.work-container{margin-top:4em;padding:6em 6rem 0}main{z-index:10;position:relative}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.featured{background-color:var(--color-bg-alt);margin-top:0;padding:0 5em 2em}@media (max-width:1366px){.featured{padding:0 1.5em}}.work-page{padding:6rem 6rem 0}@media (max-width:1366px){.work-page{padding:6rem 1.5rem 0}}
:root{--btn-accent:var(--token-primary,var(--color-primary,#071e2e));--btn-on-accent:var(--token-on-primary,var(--token-on-accent,var(--color-on-primary,#fff)));--btn-radius:var(--token-radius-md,10px);--btn-padding-vertical:var(--token-space-2,10px);--btn-padding-horizontal:var(--token-space-4,18px);--btn-shadow-color-fallback:rgba(7,30,46,.12);--btn-shadow-color:color-mix(in srgb,var(--btn-accent)14%,black 86%);--btn-shadow:0 6px 18px var(--btn-shadow-color,var(--btn-shadow-color-fallback));--btn-hover-shadow-color:color-mix(in srgb,var(--btn-accent)16%,black 84%);--btn-hover-shadow:0 10px 12px var(--btn-hover-shadow-color,var(--btn-shadow-color-fallback));--btn-active-shadow-color:color-mix(in srgb,var(--btn-accent)12%,black 88%);--btn-active-shadow:0 6px 14px var(--btn-active-shadow-color,var(--btn-shadow-color-fallback));--btn-hover-fade:var(--token-hover-fade,rgba(0,0,0,.06));--btn-focus-ring:var(--token-focus-ring,color-mix(in srgb,var(--btn-accent)24%,transparent))}.btnToken{padding:var(--btn-padding-vertical)var(--btn-padding-horizontal);border-radius:var(--btn-radius);background:var(--btn-accent);background-image:linear-gradient(180deg,var(--btn-accent)0%,color-mix(in srgb,var(--btn-accent)88%,black 12%)100%);color:var(--btn-on-accent);cursor:pointer;box-shadow:var(--btn-shadow);border:none;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:400;text-decoration:none;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex}.btnToken:hover{box-shadow:var(--btn-hover-shadow);transform:translateY(-1px)}.btnToken:active{box-shadow:var(--btn-active-shadow);transform:translateY(0)}.btnToken:focus{outline:3px solid var(--btn-focus-ring);outline-offset:3px;border-radius:var(--btn-radius)}.btnToken--outline,.btnOutline{padding:var(--btn-padding-vertical)var(--btn-padding-horizontal);border-radius:var(--btn-radius);color:var(--btn-accent);border:1px solid var(--btn-accent);cursor:pointer;box-shadow:none;background:0 0;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:background-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.btnToken--outline:hover{background:color-mix(in srgb,var(--btn-accent)6%,transparent);box-shadow:var(--btn-hover-shadow);transform:translateY(-1px)}.btnToken--outline:active{box-shadow:var(--btn-active-shadow);transform:translateY(0)}.btnToken--outline:focus{outline:3px solid var(--btn-focus-ring);outline-offset:3px;border-radius:var(--btn-radius)}.btnToken--outline:disabled,.btnToken--outline[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width:720px){:root{--btn-padding-vertical:8px;--btn-padding-horizontal:14px;--btn-radius:8px}}