*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f5ec;--bg-secondary:#efece2;--card-bg:#fff;--surface:#ffffffbf;--text-primary:#1a1a1a;--text-secondary:#5c5c5c;--text-tertiary:#707070;--border:#ede7de;--nugget-bg:#f0f4ff;--nugget-border:#1a1a1a;--metric-bg:#ffffffbf;--nav-scrolled-bg:#f7f5eceb;--shadow:0 1px 3px #0000000a, 0 4px 16px #0000000f;--shadow-elevated:0 4px 12px #0000000f, 0 16px 40px #0000001a;--ease:cubic-bezier(.4, 0, .2, 1);--radius:20px;--radius-sm:12px;--radius-pill:99px;--accent-text:#0f6e56;--accent-bg:#e1f5ee;--accent-border:#5dcaa5;--fs-label:11px;--fs-caption:12px;--fs-meta:13px;--fs-body-sm:14px;--fs-body:16px;--fs-lead:18px;--fs-display:clamp(36px, 5vw, 56px);--lh-tight:1.05;--lh-snug:1.3;--lh-normal:1.6;--lh-relaxed:1.7;--lh-loose:1.8;--ls-display:-.02em;--ls-label:.07em;--ls-caption:.05em;--fw-regular:400;--fw-medium:500;--space-05:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-18:72px;--space-24:96px;--space-30:120px;--black:var(--text-primary);--white:var(--bg);--gray-100:var(--bg-secondary);--gray-200:var(--border);--gray-400:var(--text-tertiary);--gray-600:var(--text-secondary);--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Instrument Serif", Georgia, serif}[data-theme=dark]{--bg:#1a1816;--bg-secondary:#23201c;--card-bg:#23201c;--surface:#23201cd9;--text-primary:#f0ece4;--text-secondary:#a09888;--text-tertiary:#91897e;--border:#332e28;--nugget-bg:#1a1a2e;--nugget-border:#444;--metric-bg:#23201cd9;--nav-scrolled-bg:#1a1816eb;--accent-text:#a8e6cf;--accent-bg:#0a2e22;--accent-border:#1f7a62}html{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02", "cv03", "cv04", "cv09";font-size:16px}body{flex-direction:column;min-height:100vh;display:flex}body.has-overlay>nav,body.has-overlay>main,body.has-overlay>footer{filter:blur(6px);transition:filter .3s}a{color:inherit;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5' fill='%23111111'/%3E%3C/svg%3E") 8 8,pointer;text-decoration:none}button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5' fill='%23111111'/%3E%3C/svg%3E") 8 8,pointer}button.pcard{font:inherit;color:inherit;text-align:left}[data-theme=dark] a,[data-theme=dark] button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5' fill='%23f0f0f0'/%3E%3C/svg%3E") 8 8,pointer}p a{position:relative}p a:after{content:"";background:currentColor;width:0;height:1px;transition:width .25s;position:absolute;bottom:-1px;left:0}p a:hover:after{width:100%}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(24px,50vw - 480px,120px)}.page-wrap{padding:var(--space-14) 0 var(--space-30)}.page-header{column-gap:var(--space-16);max-width:calc(160px + var(--space-16) + 680px);margin-bottom:var(--space-8);padding-bottom:var(--space-10);border-bottom:1px solid var(--border);grid-template-columns:160px minmax(0,680px);row-gap:0;display:grid}.page-header>*{grid-column:2}.page-header h1{font-family:var(--font-display);font-size:var(--fs-display);font-weight:var(--fw-regular);letter-spacing:var(--ls-display);line-height:var(--lh-tight);margin-bottom:var(--space-4)}.page-section{gap:var(--space-16);padding:var(--space-12) 0;border-bottom:1px solid var(--border);grid-template-columns:160px minmax(0,680px);max-width:100%;display:grid}.page-section:last-of-type{border-bottom:none}.page-label{font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);padding-top:var(--space-1)}.page-content{min-width:0}@media (width<=680px){.page-section,.page-header{gap:var(--space-4);grid-template-columns:1fr}.page-header>*{grid-column:1}.page-label{padding-top:0}}.card-surface{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}@media (width>=768px){.card-surface{padding:40px}}nav{z-index:100;background:var(--bg);border-bottom:.5px solid #0000;padding:20px 0;transition:background .2s,border-color .2s,backdrop-filter .2s;position:sticky;top:0}nav.nav--scrolled{background:var(--nav-scrolled-bg);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}nav .container{justify-content:space-between;align-items:center;display:flex;position:relative}.btn-primary{background:var(--text-primary);height:44px;color:var(--bg);transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:99px;align-items:center;gap:7px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary:hover{opacity:.82;transform:translateY(-1px)}.btn-secondary{height:44px;color:var(--text-primary);border:1px solid var(--border);transition:border-color .2s var(--ease), transform .2s var(--ease);background:0 0;border-radius:99px;align-items:center;gap:7px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--text-secondary);transform:translateY(-1px)}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.about{padding:96px 0 80px}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-content{min-width:0}.about-label{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.about-portrait-wrap{border-radius:var(--radius-sm);border:6px solid var(--border);width:100%;max-width:400px;margin:0 auto;overflow:hidden}.about-portrait{object-fit:cover;object-position:65% top;width:100%;height:auto;display:block}.about-avatar{object-fit:cover;border:1px solid var(--gray-200);border-radius:50%;width:48px;height:48px;margin-bottom:24px}.about h1{letter-spacing:-.03em;max-width:640px;margin-bottom:16px;font-size:clamp(24px,3.5vw,38px);font-weight:500;line-height:1.15}.about p{color:var(--gray-600);max-width:520px;margin-bottom:12px;font-size:16px;line-height:1.7}.about-current{color:var(--gray-400)!important;margin-bottom:28px!important;font-size:14px!important}.about-links{gap:16px;display:flex}.about-links a{color:var(--gray-600);border-bottom:1px solid var(--gray-200);padding-bottom:2px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.about-links a:hover{color:var(--black);border-color:var(--black)}.projects{padding:0 0 96px}.projects-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:16px;display:flex}.projects-header h2{letter-spacing:.04em;text-transform:uppercase;color:var(--gray-400);font-size:13px;font-weight:500}.projects-grid{display:block}.projects-grid-secondary{columns:2;column-gap:16px}footer{margin-top:auto;padding:32px 0}footer .container{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:24px;padding:32px;display:flex}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--gray-400);font-size:13px}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--gray-400);align-items:center;gap:6px;font-size:13px;transition:color .15s;display:inline-flex}.footer-links a:hover{color:var(--black)}.footer-icon{flex-shrink:0}.footer-repeat{flex-direction:column;gap:10px;display:flex}.footer-repeat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--gray-400);font-size:11px;font-weight:500}.cs-back{color:var(--gray-400);align-items:center;gap:6px;padding:20px 0;font-size:13px;transition:color .15s;display:inline-flex}.cs-back:hover{color:var(--black)}.cs-hero{border-bottom:1px solid var(--border);padding:64px 0 72px}.cs-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;display:flex}.cs-hero-meta img{object-fit:contain;border-radius:8px;width:22px;height:22px}.cs-hero-meta span{color:var(--gray-400);font-size:13px}.cs-read-time{color:var(--gray-400);letter-spacing:.04em;margin-left:auto;font-size:12px}.cs-live-badge{letter-spacing:.04em;color:#0f6e56;background:#e1f5ee;border:1px solid #5dcaa5;border-radius:20px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:11px;font-weight:500;display:inline-flex}.cs-live-dot{background:#0f6e56;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.cs-store-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.cs-store-link{color:var(--gray-400);background:var(--card-bg);border:1px solid var(--gray-200);letter-spacing:.01em;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.cs-store-link:hover{border-color:var(--black);color:var(--black)}.cs-hero h1{font-family:var(--font-display);letter-spacing:-.02em;max-width:720px;margin-bottom:20px;font-size:clamp(34px,5vw,56px);font-weight:400;line-height:1.05}.cs-hero-subtitle{color:var(--gray-600);max-width:680px;margin-bottom:44px;font-size:19px;line-height:1.6}.cs-hero-attrs{border-top:1px solid var(--border);flex-wrap:wrap;gap:32px;padding-top:24px;display:flex}.cs-attr dt{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-400);margin-bottom:4px;font-size:11px;font-weight:500}.cs-attr dd{color:var(--black);font-size:14px;font-weight:500}.cs-cover-wrap{aspect-ratio:16/7;background:var(--bg-secondary);border-bottom:1px solid var(--border);width:100%;overflow:hidden}.cs-next{border-top:1px solid var(--border);padding:48px 0}.cs-next-inner{justify-content:space-between;align-items:center;display:flex}.cs-next-label{letter-spacing:.07em;text-transform:uppercase;color:var(--gray-400);margin-bottom:8px;font-size:11px;font-weight:500}.cs-next-link{color:var(--black);letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:500;transition:gap .2s;display:inline-flex}.cs-next-link:hover{gap:14px}.cs-cover{object-fit:cover;object-position:center top;will-change:transform;width:100%;height:130%;display:block}.cs-section{border-bottom:1px solid var(--border);padding:88px 0}.cs-section:last-of-type{border-bottom:none}.cs-section-inner{grid-template-columns:160px minmax(0,680px);align-items:start;gap:64px;display:grid}.cs-section-inner>*{min-width:0}.cs-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding-top:4px;font-size:11px;font-weight:500}.cs-content>h2{letter-spacing:-.02em;margin-bottom:24px;font-size:22px;font-weight:500;line-height:1.3}.cs-content>p{color:var(--gray-600);margin-bottom:20px;font-size:16px;line-height:1.8}.cs-content>p:last-child{margin-bottom:0}.cs-content strong{color:inherit;font-weight:500}.cs-stats{gap:8px;margin-top:32px;margin-bottom:32px;display:flex}.cs-stat{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;min-width:0;padding:20px}.cs-stat-value{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:500}.cs-stat-label{color:var(--gray-600);font-size:12px;line-height:1.4}.cs-list{flex-direction:column;gap:12px;margin-top:8px;list-style:none;display:flex}.cs-list li{color:var(--gray-600);padding-left:16px;font-size:15px;line-height:1.6;position:relative}.cs-list li:before{content:"—";color:var(--gray-400);font-size:13px;position:absolute;left:0}.cs-goals{counter-reset:goals;flex-direction:column;gap:16px;margin-top:8px;list-style:none;display:flex}.cs-goals li{color:var(--gray-600);counter-increment:goals;gap:16px;font-size:15px;line-height:1.6;display:flex}.cs-goals li:before{content:counter(goals, decimal-leading-zero);color:var(--gray-400);min-width:24px;padding-top:2px;font-size:12px;font-weight:500}.cs-solutions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:0;margin-top:8px;display:grid;overflow:hidden}.cs-thinking-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;margin-bottom:24px;display:grid;overflow:hidden}.cs-thinking-grid:has(>:nth-child(2):last-child),.cs-thinking-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}.cs-thinking-card{background:var(--card-bg);padding:24px 20px}.cs-thinking-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px;font-size:11px;font-weight:500;display:block}.cs-thinking-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}@media (width<=900px){.cs-solutions{grid-template-columns:repeat(2,1fr)}.cs-solution-card:nth-child(2n){border-right:none}}@media (width<=768px){.cs-thinking-grid,.cs-thinking-grid:has(>:nth-child(2):last-child),.cs-thinking-grid:has(>:nth-child(4):last-child),.cs-solutions{grid-template-columns:1fr}.cs-solution-card{border-right:none;border-bottom:1px solid var(--border)}.cs-solution-card:last-child{border-bottom:none}}.cs-solution-card{background:var(--card-bg);border-right:1px solid var(--border);padding:32px 28px;display:block}.cs-solution-card:last-child{border-right:none}.cs-solution-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:14px;font-weight:500}.cs-solution-card p{color:var(--gray-600);margin-bottom:0;font-size:13px;line-height:1.6}.cs-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:32px;margin-bottom:32px;display:grid}.cs-metrics--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-metrics--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-metric{color:#fff;border-radius:var(--radius-sm);background:#0f6e56;flex-direction:column;justify-content:space-between;min-width:0;min-height:156px;padding:28px 22px;display:flex}.cs-metric-value{letter-spacing:-.04em;color:#fff;overflow-wrap:anywhere;margin-bottom:8px;font-size:clamp(32px,4vw,40px);font-weight:500;line-height:1}.cs-metric-label{color:#d4eee5;font-size:13px;line-height:1.5}.cs-metric-stars{gap:3px;margin-bottom:6px;display:flex}.cs-metric-stars span{font-size:16px;line-height:1}.cs-metric-stars .star-full{color:#f5d76e}.cs-metric-stars .star-empty{color:#1f7a62}.cs-callout{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--text-primary);border-radius:var(--radius-sm);margin-top:32px;margin-bottom:16px;padding:24px 28px}.cs-callout p{color:var(--black);margin-bottom:0;font-size:16px;line-height:1.75}.cs-content>h3{letter-spacing:-.01em;color:var(--black);margin-top:48px;margin-bottom:18px;font-size:18px;font-weight:500}.cs-content>h3:first-child{margin-top:0}#decisions .cs-label,#results .cs-label,#impact .cs-label{color:var(--text-primary)}#decisions .decision-stack{border-top:2px solid var(--text-primary)}#decisions .decision-label{color:var(--text-primary)}#results .cs-metric-value,#impact .cs-metric-value{font-size:44px}.cs-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.cs-tag{letter-spacing:.02em;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:500}.cs-reflection{color:var(--text-secondary);border-left:2px solid var(--border);max-width:680px;margin-top:8px;margin-bottom:24px;padding-left:24px;font-size:18px;font-style:italic;line-height:1.8}.nugget-grid{grid-template-columns:1fr 1fr;gap:12px;margin:32px 0;display:grid}@media (width<=600px){.nugget-grid{grid-template-columns:1fr}}.nugget-grid .nugget,main .cs-section .cs-content .nugget-grid .nugget{margin:0}.nugget,main .cs-section .cs-content .nugget{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--text-primary);border-radius:var(--radius-sm);color:var(--text-primary);margin:32px 0;padding:18px 22px;font-size:14px;font-weight:400;line-height:1.7}.nugget strong,main .cs-section .cs-content .nugget strong{color:inherit;font-weight:500}[data-theme=dark] .nugget,[data-theme=dark] main .cs-section .cs-content .nugget{border-left-color:var(--text-primary)}.cs-content figure figcaption,.cs-content .pd-figure figcaption{max-width:none;color:var(--text-tertiary);text-align:left;cursor:default;margin:10px 0 0;font-size:12px;line-height:1.55}.cs-content figure figcaption:before,.cs-content .pd-figure figcaption:before{content:"Figure — ";color:var(--text-secondary);font-weight:500}.cs-subsection{margin:2.5rem 0}.cs-subsection h3{color:var(--text-primary);margin-bottom:1rem;font-size:18px;font-weight:500}.cs-subsection p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.cs-design-diagram{border-radius:var(--radius-sm);background:0 0;width:100%;height:auto;margin:2rem 0}.cs-flows-row{flex-direction:column;gap:16px;margin:2rem 0;display:flex}.cs-flow-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:zoom-in;padding:24px 28px;transition:border-color .15s}.cs-flow-card:hover{border-color:var(--text-tertiary)}.cs-flow-card h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 20px;font-size:14px;font-weight:500}.cs-flow-lane{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.cs-flow-lane:last-child{border-bottom:none;padding-bottom:0}.cs-flow-lane:first-of-type{padding-top:0}.cs-flow-label{letter-spacing:.03em;color:var(--text-secondary);text-align:right;border-right:2px solid var(--border);flex-shrink:0;width:80px;padding-right:12px;font-size:11px;font-weight:500}.cs-flow-steps{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.cs-flow-step{white-space:nowrap;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.cs-flow-step.is-green{color:#085041;background:#e1f5ee;border-color:#5dcaa5}.cs-flow-step.is-red{color:#8b3a1d;background:#f8ede7;border-color:#d8593c}.cs-flow-step.is-blue{color:#0c447c;background:#e6f1fb;border-color:#378add}.cs-flow-step.is-purple{color:#3c3489;background:#eeedfe;border-color:#534ab7}.cs-flow-arrow{color:var(--text-tertiary);font-size:12px}.cs-flow-drop{color:#d8593c;white-space:nowrap;background:#f8ede7;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:500}[data-theme=dark] .cs-flow-step.is-green{color:#a8e6cf;background:#0a2e22;border-color:#1f7a62}[data-theme=dark] .cs-flow-step.is-red{color:#f0a888;background:#2e1a12;border-color:#8b3a1d}[data-theme=dark] .cs-flow-step.is-blue{color:#8ec4f0;background:#0f1e2e;border-color:#1a5a9e}[data-theme=dark] .cs-flow-step.is-purple{color:#b8b4f0;background:#1a1830;border-color:#3c3489}[data-theme=dark] .cs-flow-drop{color:#f0a888;background:#2e1a12}.cs-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);margin:16px 0;overflow-x:auto}.cs-table{border-collapse:collapse;width:100%;min-width:676px;font-size:13px;line-height:1.6}.cs-table thead th{letter-spacing:.03em;text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border);background:var(--bg-secondary);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:500}.cs-table thead th.is-old{color:#8b3a1d}.cs-table thead th.is-comp{color:#0c447c}.cs-table thead th.is-new{color:#085041}.cs-table tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:top;padding:14px 16px}.cs-table tbody tr:last-child td{border-bottom:none}.cs-table tbody td:first-child{color:var(--text-secondary);white-space:nowrap;width:140px;font-weight:500}.cs-table tbody td:last-child{color:#085041}[data-theme=dark] .cs-table tbody td:last-child{color:#a8e6cf}[data-theme=dark] .cs-table thead th.is-old{color:#f0a888}[data-theme=dark] .cs-table thead th.is-comp{color:#8ec4f0}[data-theme=dark] .cs-table thead th.is-new{color:#a8e6cf}@media (width<=680px){.cs-table{font-size:11px}.cs-table thead th,.cs-table tbody td{padding:8px}.cs-table tbody td:first-child{white-space:normal;width:auto}}.cs-table--voices tbody td:first-child{white-space:normal;width:100px}.cs-table--voices tbody td:last-child{color:var(--text-primary)}.cs-table--voices tbody td:nth-child(2){white-space:nowrap;color:var(--text-secondary);font-size:12px}[data-theme=dark] .cs-table--voices tbody td:last-child{color:var(--text-primary)}.cs-quotes{grid-template-columns:1fr 1fr;gap:16px;margin:2rem 0;display:grid}@media (width<=600px){.cs-quotes{grid-template-columns:1fr}}.cs-quote{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.cs-quote p{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-style:italic;line-height:1.7}.cs-quote cite{color:var(--text-tertiary);font-size:12px;font-style:normal;font-weight:500}.cs-challenge{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:20px}.cs-challenge:last-child{margin-bottom:0}.cs-challenge-label{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-block}.cs-challenge-label.is-challenge{color:#8b3a1d;background:#f8ede7}.cs-challenge-label.is-tradeoff{color:#0c447c;background:#e6f1fb}.cs-challenge-label.is-learning{color:#085041;background:#e1f5ee}[data-theme=dark] .cs-challenge-label.is-challenge{color:#f0a888;background:#2e1a12}[data-theme=dark] .cs-challenge-label.is-tradeoff{color:#8ec4f0;background:#0f1e2e}[data-theme=dark] .cs-challenge-label.is-learning{color:#a8e6cf;background:#0a2e22}.cs-challenge p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.7}.cs-breakdown{margin:2rem 0}.cs-breakdown-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cs-breakdown-row:last-child{margin-bottom:0}.cs-breakdown-label{color:var(--text-secondary);text-align:right;flex-shrink:0;width:200px;font-size:13px}.cs-breakdown-bar-wrap{background:var(--bg-secondary);border-radius:100px;flex:1;height:28px;position:relative;overflow:hidden}.cs-breakdown-bar{background:#0f6e56;border-radius:100px;align-items:center;min-width:48px;height:100%;padding:0 12px;display:flex}.cs-breakdown-bar span{color:#fff;white-space:nowrap;font-size:12px;font-weight:500}[data-theme=dark] .cs-breakdown-bar{background:#1f7a62}.cs-component-grid{grid-template-columns:1fr 1fr;gap:12px;margin:1.5rem 0;display:grid}@media (width<=600px){.cs-component-grid{grid-template-columns:1fr}}.cs-component-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.cs-component-card strong{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.cs-component-card span{color:var(--text-tertiary);font-size:12px}.cs-edge-cases{margin:1.5rem 0}.cs-edge-case{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;font-size:14px;line-height:1.6;display:flex}.cs-edge-case:last-child{border-bottom:none}.cs-edge-case-trigger{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-weight:500}.cs-edge-case-response{color:var(--text-primary)}.cs-timeline{margin:1.5rem 0}.cs-timeline-item{border-bottom:1px solid var(--border);gap:16px;padding:14px 0;display:flex}.cs-timeline-item:last-child{border-bottom:none}.cs-timeline-when{color:var(--text-tertiary);flex-shrink:0;width:80px;padding-top:2px;font-size:12px;font-weight:500}.cs-timeline-what{color:var(--text-primary);font-size:14px;line-height:1.7}@media (width<=640px){.cs-design-diagram{margin:1.5rem 0;overflow-x:auto}}.cs-img{border-radius:var(--radius-sm);width:100%;margin:32px 0;display:block}.cs-solution-img{border:1px solid var(--border);border-radius:16px;width:280px;margin:24px auto 0;display:block}.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .cs-store-link{background:var(--bg-secondary)}[data-theme=dark] .cs-live-badge{color:var(--accent-text);background:var(--accent-bg);border-color:var(--accent-border)}[data-theme=dark] .cs-live-dot{background:currentColor}@media (width<=900px){.cs-section-inner{grid-template-columns:1fr;gap:16px}.cs-label{padding-top:0}.cs-metrics:not(.cs-metrics--3),.magic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){nav{display:none}.about-inner{grid-template-columns:1fr}.about-portrait-wrap{order:-1;width:100%}.cs-back{padding:16px 0}.cs-hero{padding:40px 0 48px}.cs-hero-meta{margin-bottom:24px}.cs-read-time{width:100%;margin-left:0}.cs-hero h1{font-size:clamp(34px,10vw,44px)}.cs-hero-subtitle{margin-bottom:32px;font-size:17px;line-height:1.65}.cs-hero-attrs{gap:20px 24px;padding-top:20px}.cs-attr{flex:40%}.cs-cover-wrap{aspect-ratio:4/3}.cs-cover{height:100%}.cs-section{padding:56px 0}.cs-content>h2{font-size:22px;line-height:1.3}.cs-content>p{font-size:15px;line-height:1.75}.cs-metrics--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-solutions{grid-template-columns:1fr}.cs-stats{flex-direction:column}}@media (width<=600px){.cs-metrics,.cs-metrics--3{grid-template-columns:1fr}.cs-metric{min-height:136px}}@media (width<=640px){.projects-grid-secondary{columns:1}footer .container{text-align:center;gap:16px}.footer-bottom{flex-direction:column;gap:16px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-repeat-card{align-self:center}}@media (prefers-reduced-motion:reduce){.pcard,.sp-card,.impact-item,.writing-card,.about-preview-card,#scroll-progress,.cs-section,.cs-metric,.cs-live-dot,.cs-cover{transition:none;animation:none}#protected,.ds-ws-panel,.ds-switch-thumb,.clark-progress-animated{transition:none!important;animation:none!important}}[data-astro-cid-dfju2xii][data-theme=dark] .chat-fab[data-astro-cid-dfju2xii]{--ring:#f0ece41f}.chat-fab[data-astro-cid-dfju2xii]{border:2px solid var(--border);background:var(--bg);cursor:pointer;z-index:500;border-radius:50%;width:84px;height:84px;padding:0;transition:transform .2s;position:fixed;bottom:40px;right:40px;overflow:visible}.chat-fab[data-astro-cid-dfju2xii] video[data-astro-cid-dfju2xii]{object-fit:cover;opacity:0;border-radius:50%;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.chat-fab[data-astro-cid-dfju2xii] video[data-astro-cid-dfju2xii].is-active{opacity:1}.chat-fab[data-astro-cid-dfju2xii]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='15' rx='4' fill='%23f0f0f0'/%3E%3Cpolygon points='7,17 12,22 12,17' fill='%23f0f0f0'/%3E%3C/svg%3E") 2 2,pointer}.chat-fab[data-astro-cid-dfju2xii]:hover{animation-play-state:paused;transform:scale(1.06)}.chat-fab-tooltip[data-astro-cid-dfju2xii]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:13px;font-family:var(--font);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;z-index:501;padding:8px 14px;transition:opacity .18s,transform .18s;position:fixed;bottom:56px;right:136px;transform:translate(6px)}.chat-fab-tooltip[data-astro-cid-dfju2xii]:after{content:"";background:var(--surface);border-right:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)rotate(45deg)}.chat-fab[data-astro-cid-dfju2xii]:hover+.chat-fab-tooltip[data-astro-cid-dfju2xii]{opacity:1;transform:translate(0)}@media (width<=768px){.chat-fab[data-astro-cid-dfju2xii],.chat-fab-tooltip[data-astro-cid-dfju2xii]{display:none}}.chat-panel[data-astro-cid-dfju2xii]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);z-index:499;opacity:0;pointer-events:none;flex-direction:column;width:360px;height:580px;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:136px;right:40px;overflow:hidden;transform:translateY(12px)scale(.97);box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}.chat-panel[data-astro-cid-dfju2xii].open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.chat-backdrop[data-astro-cid-dfju2xii]{display:none}@media (width<=768px){.chat-backdrop[data-astro-cid-dfju2xii]{z-index:498;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .25s;display:block;position:fixed;inset:0}.chat-backdrop[data-astro-cid-dfju2xii].open{opacity:1;pointer-events:auto}.chat-panel[data-astro-cid-dfju2xii]{border-radius:var(--radius) var(--radius) 0 0;opacity:1;width:100%;max-height:88vh;bottom:0;left:0;right:0;transform:translateY(100%)}.chat-panel[data-astro-cid-dfju2xii].open{transform:translateY(0)}}.chat-panel-header[data-astro-cid-dfju2xii]{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-header-info[data-astro-cid-dfju2xii]{flex-direction:column;gap:1px;display:flex}.chat-title[data-astro-cid-dfju2xii]{color:var(--text-primary);font-size:14px;font-weight:500}.chat-subtitle[data-astro-cid-dfju2xii]{color:var(--text-tertiary);font-size:12px}.chat-context-badge[data-astro-cid-dfju2xii]{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:99px;align-items:center;gap:3px;width:fit-content;margin-top:3px;padding:2px 4px 2px 7px;font-size:11px;display:none}.chat-context-badge[data-astro-cid-dfju2xii][aria-hidden=false]{display:inline-flex}[data-astro-cid-dfju2xii][data-theme=dark] .chat-context-badge[data-astro-cid-dfju2xii]{background:#ffffff0f}.chat-context-clear[data-astro-cid-dfju2xii]{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;align-items:center;padding:0 2px;font-size:15px;line-height:1;display:flex}.chat-context-clear[data-astro-cid-dfju2xii]:hover{color:var(--text-primary)}.chat-close[data-astro-cid-dfju2xii]{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:99px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.chat-close[data-astro-cid-dfju2xii]:hover{background:var(--bg-secondary);color:var(--text-primary)}.chat-body[data-astro-cid-dfju2xii]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-welcome[data-astro-cid-dfju2xii]{flex-direction:column;flex:1;align-items:center;gap:12px;padding:28px 20px 20px;display:flex;overflow-y:auto}.chat-welcome[data-astro-cid-dfju2xii].hidden{display:none}.chat-welcome-avatar[data-astro-cid-dfju2xii]{object-fit:cover;border:3px solid var(--border);border-radius:50%;width:72px;height:72px}.chat-welcome-q[data-astro-cid-dfju2xii]{font-family:var(--font-display);color:var(--text-primary);text-align:center;align-self:stretch;font-size:18px;font-weight:400;line-height:1.3}.chat-chips[data-astro-cid-dfju2xii]{flex-direction:column;align-self:stretch;gap:8px;width:100%;margin-top:4px;display:flex}.chip{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;padding:10px 14px;transition:background .15s,border-color .15s}.chip:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.chat-messages[data-astro-cid-dfju2xii]{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:none;overflow-y:auto}.chat-messages[data-astro-cid-dfju2xii].visible{display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-message{border-radius:var(--radius-sm);max-width:85%;padding:10px 14px;font-size:14px;line-height:1.6;animation:.18s msg-in}.chat-message.user{background:var(--text-primary);color:var(--bg);border-radius:var(--radius-sm) var(--radius-sm) 4px var(--radius-sm);align-self:flex-end}[data-theme=dark] .chat-message.user{background:var(--text-primary);color:var(--bg)}.chat-message.assistant{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 4px;align-self:flex-start}[data-theme=dark] .chat-message.assistant{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.chat-message p{margin:0 0 6px}.chat-message p:last-child{margin-bottom:0}.chat-message .md-li{margin-bottom:3px;padding-left:12px;display:block;position:relative}.chat-message .md-li:before{content:"–";color:var(--text-tertiary);position:absolute;left:0}.chat-typing{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 4px;align-self:flex-start;align-items:center;gap:5px;padding:12px 16px;animation:.18s msg-in;display:flex}[data-theme=dark] .chat-typing{background:var(--surface);border-color:var(--border)}.chat-typing span{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing-bounce}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-error[data-astro-cid-dfju2xii]{color:#b00020;border-radius:var(--radius-sm);background:#fff0f0;flex-shrink:0;margin:0 14px 8px;padding:8px 12px;font-size:13px;display:none}[data-astro-cid-dfju2xii][data-theme=dark] .chat-error[data-astro-cid-dfju2xii]{color:#ff8080;background:#2a0000}.chat-error[data-astro-cid-dfju2xii][aria-hidden=false]{display:block}.chat-form[data-astro-cid-dfju2xii]{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.chat-input[data-astro-cid-dfju2xii]{border:1px solid var(--border);font-size:14px;font-family:var(--font);background:var(--surface);color:var(--text-primary);border-radius:999px;outline:none;flex:1;padding:8px 16px;transition:border-color .15s}.chat-input[data-astro-cid-dfju2xii]::placeholder{color:var(--text-tertiary)}.chat-input[data-astro-cid-dfju2xii]:focus{border-color:var(--text-secondary)}.chat-send[data-astro-cid-dfju2xii]{background:var(--text-primary);width:36px;height:36px;color:var(--bg);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chat-send[data-astro-cid-dfju2xii]:disabled{opacity:.4;cursor:not-allowed}.chat-send[data-astro-cid-dfju2xii]:hover:not(:disabled){opacity:.8}.jojo-fab[data-astro-cid-dfju2xii]{border-color:#2d1b4e;animation:none}.jojo-fab[data-astro-cid-dfju2xii]:hover{border-color:#6c3fa0}.jojo-wave[data-astro-cid-dfju2xii]{letter-spacing:.04em;color:#fff;background:#2d1b4e;border-color:#2d1b4e;font-size:11px;font-weight:500}.chat-welcome-jojo-greeting[data-astro-cid-dfju2xii]{font-family:var(--font-display);letter-spacing:-.02em;color:#2d1b4e;text-align:center;font-size:28px;font-weight:500;line-height:1}[data-astro-cid-dfju2xii][data-theme=dark] .chat-welcome-jojo-greeting[data-astro-cid-dfju2xii]{color:#c49bff}.site-clock[data-astro-cid-4cqzvrac]{display:none}@media (width>=1024px){.site-clock[data-astro-cid-4cqzvrac]{z-index:100;flex-direction:column;gap:3px;display:flex;position:fixed;bottom:82px;left:40px;transform:translateY(50%)}}.site-clock-time[data-astro-cid-4cqzvrac]{color:var(--text-primary);letter-spacing:.02em;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:13px;font-weight:500}.site-clock-date[data-astro-cid-4cqzvrac]{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:11px}.site-clock-status[data-astro-cid-4cqzvrac]{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:11px;display:flex}.site-clock-dot[data-astro-cid-4cqzvrac]{background:#0f6e56;border-radius:50%;flex-shrink:0;width:5px;height:5px}#scroll-progress[data-astro-cid-hkbrpulz]{background:var(--text-primary);opacity:.18;z-index:9999;pointer-events:none;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.nav-brand[data-astro-cid-wpvy4v7s]{flex-shrink:0;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.nav-brand-text[data-astro-cid-wpvy4v7s]{flex-direction:column;gap:3px;min-width:0;display:flex}.nav-avatar[data-astro-cid-wpvy4v7s]{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;width:28px;height:28px}.nav-name[data-astro-cid-wpvy4v7s]{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:500}.nav-personality[data-astro-cid-wpvy4v7s]{color:var(--text-secondary);align-items:center;padding-top:2px;font-size:12px;line-height:1;display:none}@media (width>=1024px){.nav-personality[data-astro-cid-wpvy4v7s]{display:inline-flex}}.nav-personality-emoji[data-astro-cid-wpvy4v7s]{font-size:14px}.nav-personality-text[data-astro-cid-wpvy4v7s]{letter-spacing:.01em;white-space:nowrap;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:12px}.nav-pill-desktop[data-astro-cid-wpvy4v7s]{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-pill-highlight[data-astro-cid-wpvy4v7s]{background:var(--bg);opacity:0;pointer-events:none;z-index:0;border-radius:999px;height:calc(100% - 8px);transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute;box-shadow:0 1px 3px #0000000f}.nav-pill-desktop[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{z-index:1;color:var(--text-secondary);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:400;text-decoration:none;transition:color .15s;position:relative}.nav-pill-desktop[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover{color:var(--text-primary)}.nav-pill-desktop[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].nav-active{color:var(--text-primary);font-weight:500}.nav-right[data-astro-cid-wpvy4v7s]{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-say-hello[data-astro-cid-wpvy4v7s]{color:var(--bg);background:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.nav-say-hello[data-astro-cid-wpvy4v7s]:hover{opacity:.8}.nav-theme-toggle[data-astro-cid-wpvy4v7s]{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.nav-theme-toggle[data-astro-cid-wpvy4v7s]:hover{color:var(--text-primary)}.nav-pill[data-astro-cid-wpvy4v7s]{display:none}@media (width<=768px){.nav-pill-desktop[data-astro-cid-wpvy4v7s],.nav-say-hello[data-astro-cid-wpvy4v7s]{display:none}.nav-name[data-astro-cid-wpvy4v7s]{font-size:13px}.nav-pill[data-astro-cid-wpvy4v7s]{background:var(--bg);border:1px solid var(--border);z-index:400;white-space:nowrap;margin-bottom:env(safe-area-inset-bottom);border-radius:999px;align-items:center;gap:2px;padding:10px 12px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.nav-pill--hidden[data-astro-cid-wpvy4v7s]{opacity:0;pointer-events:none;transform:translate(-50%)translateY(140%)}.pill-theme[data-astro-cid-wpvy4v7s]{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.pill-theme[data-astro-cid-wpvy4v7s]:hover{color:var(--text-primary);background:var(--bg-secondary)}.pill-divider[data-astro-cid-wpvy4v7s]{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 4px}.nav-pill[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--text-secondary);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:400;text-decoration:none;transition:color .15s,background .15s}.nav-pill[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover,.nav-pill[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].pill-active{color:var(--text-primary);background:var(--bg-secondary)}.pill-avatar[data-astro-cid-wpvy4v7s]{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:32px;height:32px;margin-left:4px;padding:0;transition:border-color .15s;overflow:hidden}.pill-avatar[data-astro-cid-wpvy4v7s]:hover{border-color:var(--text-secondary)}.pill-avatar[data-astro-cid-wpvy4v7s] img[data-astro-cid-wpvy4v7s]{object-fit:cover;width:100%;height:100%;display:block}}.email-toast[data-astro-cid-jo6i4kqk]{background:var(--text-primary);color:var(--bg);opacity:0;pointer-events:none;z-index:9999;border-radius:8px;padding:12px 20px;font-size:14px;transition:opacity .2s;position:fixed;bottom:24px;right:24px}.email-toast--visible[data-astro-cid-jo6i4kqk]{opacity:1}