:root{--brand-ink: #3a3a46;--brand-teal: #85c8cb;--brand-mint: #c0e1e0;--brand-gray: #a19ea8;--brand-gray-light: #d3d3d8;--brand-cream: #f8f7f2;--brand-coral: #e6835e;--brand-peach: #f0beaa;--brand-yellow: #f7ea48;--brand-yellow-light: #f7f2a4;--color-ground: #e8e7e1;--color-card: #f5f4ef;--color-instrument: #edebe1;--color-hairline: #e3e1d8;--color-bg: var(--color-ground);--color-text: var(--brand-ink);--color-muted: #78766d;--color-border: var(--color-hairline);--color-accent: var(--brand-ink);--color-surface: var(--color-card);--color-pill: var(--color-instrument);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 11px;--radius-full: 999px;--radius-card: var(--radius-lg);--card-gap: 1.5rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--max-width: 1440px;--space: 1.5rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}h1,h2,h3{font-family:var(--font-sans);font-weight:500;line-height:1.15;letter-spacing:-.02em}a{color:inherit}main{max-width:var(--max-width);margin:0 auto;padding:0 var(--space) 4rem}.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg)}.site-nav{position:relative;max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--space)}.site-nav .brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-sans);font-weight:600;font-size:1.05rem;text-decoration:none}.site-nav .brand img{display:block}.nav-links{display:flex;align-items:center;gap:.15rem;background:var(--color-card);border-radius:var(--radius-full);padding:.3rem}.nav-links a{padding:.5rem 1.1rem;border-radius:var(--radius-full);text-decoration:none;color:var(--color-muted);font-size:.9rem;font-weight:500;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.nav-links a:hover{color:var(--color-text)}.nav-links a[aria-current=page]{background:#fff;color:var(--color-text)}.btn-contact{flex:0 0 auto}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0;background:none;border:none;cursor:pointer}.nav-toggle-bar{display:block;width:22px;height:2px;margin:0 auto;background:var(--color-text);border-radius:2px}@media(max-width:640px){.nav-toggle{display:flex;position:relative;z-index:61;width:44px;height:44px}.nav-toggle-bar{transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:none;position:fixed;inset:0;margin-top:0;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--color-bg);border:none;border-radius:0;padding:2rem;z-index:60}.nav-links.is-open{display:flex}.nav-links a{font-size:1.5rem;padding:.5rem 1rem}body.nav-open{overflow:hidden}}.site-footer{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem var(--space) 3rem;color:var(--color-muted);font-size:.875rem}.site-footer p{margin:0}.card{background:var(--color-card);border-radius:var(--radius-lg)}.hero-wash{background:linear-gradient(115deg,var(--brand-mint) 0%,var(--color-card) 45%,var(--brand-yellow-light) 100%);border-radius:var(--radius-lg)}.eyebrow{display:block;font-family:var(--font-sans);font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0 0 1rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);background:var(--color-card);color:var(--color-text);font-size:.8rem;font-weight:500}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text);flex:0 0 auto}.chip-outline{background:#ffffff80}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.95rem;font-weight:600;text-decoration:none;border:none}.btn-primary{background:var(--brand-yellow);color:var(--color-text)}.btn-primary:hover{background:var(--brand-yellow-light)}.btn-quiet,.btn-outline{background:var(--color-card);color:var(--color-text)}.btn-quiet:hover,.btn-outline:hover{background:var(--color-instrument)}.btn-dark{background:var(--color-text);color:var(--color-card)}.btn-dark:hover{background:var(--brand-yellow);color:var(--color-text)}.btn-quiet-on-dark{background:#ffffff24;color:var(--color-card)}.btn-quiet-on-dark:hover{background:#ffffff38}.cta-band{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;background:var(--color-text);color:var(--color-card);border-radius:var(--radius-lg);padding:2rem;margin:3rem 0}.cta-band h2{margin:0 0 .35rem;font-size:1.4rem;color:var(--color-card)}.cta-band p{margin:0;color:var(--color-card);opacity:.7;font-size:.95rem}.cta-band-actions{display:flex;gap:.75rem;flex-wrap:wrap;flex:0 0 auto}.page-header{margin:3rem 0 2.5rem}.page-header--flush{margin-bottom:0}.page-header h1{margin:0 0 .75rem;font-size:2.25rem}.page-header h1.eyebrow{margin:0 0 1rem;font-size:.8rem}.lede{color:var(--color-muted);font-size:1.05rem;max-width:60ch;margin:0}.contact-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 2.5rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--color-muted);text-decoration:none;margin-bottom:1.5rem}.back-link:hover{color:var(--color-accent)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.post-list{list-style:none;padding:0;margin:2rem 0}.post-list li{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.post-list a{display:block;text-decoration:none;font-family:var(--font-serif);font-size:1.35rem;font-weight:500}.post-list a:hover{color:var(--color-accent)}.post-list p{margin:.4rem 0 0;color:var(--color-muted)}.post-list time{display:block;color:var(--color-muted);font-size:.85rem;margin-top:.5rem}.thinking-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.tag{display:inline-block;padding:.22rem .6rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);background:var(--color-pill)}.tag--article{background:var(--brand-mint);color:var(--brand-ink)}.tag--course{background:var(--brand-yellow-light);color:var(--brand-ink)}.tag--note{background:var(--color-pill)}.tag--status{background:transparent;border:1px dashed var(--color-border);color:var(--color-muted)}.thinking-list li:last-child{border-bottom:none}.thinking-empty{color:var(--color-muted);margin:2rem 0 4rem}.thinking-date{display:block;font-family:var(--font-sans);font-size:.85rem;color:var(--color-muted);margin-bottom:2rem}.note-banner{border-left:3px solid var(--brand-teal);background:var(--color-pill);padding:.9rem 1.1rem;margin:0 0 2rem;font-family:var(--font-sans);font-size:.9rem;color:var(--color-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.related-work{margin:3.5rem 0 0;padding-top:2rem;border-top:1px solid var(--color-border)}.related-work ul{list-style:none;padding:0;margin:0}.related-work li{padding:1rem 0;border-bottom:1px solid var(--color-border)}.related-work li:last-child{border-bottom:none}.related-work a{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;text-decoration:none}.related-work a:hover{color:var(--color-accent)}.related-work p{margin:.3rem 0 0;color:var(--color-muted);font-size:.92rem}.related-work-list.is-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 2rem}.related-work-list.is-compact li{padding:.7rem 0}.related-work-list.is-compact a{font-size:1rem}.related-work-list.is-compact li:last-child{border-bottom:1px solid var(--color-border)}.case-breadcrumb{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 var(--card-gap);padding:2rem 0}.case-breadcrumb:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;transform:translate(-50%);border-bottom:1px solid var(--color-border)}.case-breadcrumb-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.case-breadcrumb-count{font-family:var(--font-sans);font-size:1.3rem;font-weight:200;color:var(--brand-coral)}.case-breadcrumb-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-sans);font-size:1.3rem;font-weight:200}.case-breadcrumb-nav{display:none;align-items:center;flex:0 0 auto;gap:.5rem}.carousel-wrap{margin:0 0 4rem}.carousel-legend{margin-top:var(--card-gap);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.5rem}.legend-title{display:block}.legend-list{display:flex}@media(min-width:900px){.case-breadcrumb-nav{display:flex}.carousel-wrap{max-width:var(--max-width);display:grid;grid-template-columns:repeat(8,1fr);column-gap:var(--card-gap);align-items:stretch}.carousel-legend{display:flex;flex-direction:column;grid-column:1 / span 2;grid-row:1;margin:0}.carousel-viewport{grid-column:3 / span 6;grid-row:1;min-width:0}.case-card-image-wrap{width:50%;flex:0 0 50%}}.carousel{display:flex;align-items:flex-start;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;transition:height .2s ease}.carousel::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.carousel{scroll-behavior:auto}}.carousel-dots{display:flex;align-items:center;gap:.5rem;margin-right:.75rem}.carousel-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:var(--color-border);cursor:pointer;transition:width .25s ease,background-color .25s ease}.carousel-dot:hover{background:var(--brand-gray)}.carousel-dot.is-active{width:24px;background:var(--brand-ink)}.case-nav-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--brand-ink);background:var(--brand-ink);color:var(--brand-cream);font-family:var(--font-sans);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.case-nav-btn:hover{background:var(--brand-coral);border-color:var(--brand-coral)}.case-nav-btn.is-disabled{background:transparent;border-color:var(--color-border);color:var(--color-border)}.case-card{flex:0 0 100%;width:100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:stretch;gap:var(--card-gap);text-decoration:none;color:inherit}.case-card-image-wrap{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:border-color .15s ease}.case-card:hover .case-card-image-wrap,.case-card:hover .case-card-body{border-color:var(--brand-coral)}.case-card-image{display:block;width:100%;height:100%;object-fit:cover}.legend-title{margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);font-family:var(--font-sans);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.legend-list{flex-direction:column;list-style:none;margin:0;padding:0;gap:1.25rem}.legend-item{display:flex;align-items:center;gap:.9rem}.legend-item span{font-family:var(--font-sans);font-size:1rem;color:var(--color-text)}.legend-icon{flex:0 0 auto;width:40px;height:32px;object-fit:contain}.case-card-body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.5rem;transition:border-color .15s ease}.case-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem}.case-card-meta span{padding:.25rem .7rem;border-radius:var(--radius-sm);background:var(--color-pill);box-shadow:var(--shadow-neumorphic);color:var(--color-muted);font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.case-card-summary{margin:0;font-size:.95rem;color:var(--color-muted)}@media(min-width:641px){.case-card{flex-direction:row;align-items:stretch;gap:var(--card-gap)}.case-card-image-wrap{width:55%;flex:0 0 55%;align-self:flex-start}.case-card-body{flex:1}.case-card-summary{font-size:1.05rem}}.carousel-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:999px;border:1px solid var(--brand-ink);background:var(--brand-ink);color:var(--brand-cream);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--brand-cream)}.case-studies-outro{max-width:68ch;margin:0 0 4rem}.case-studies-outro h2{margin:0 0 1rem}.case-studies-outro p{margin:0 0 1.25rem;color:var(--color-text)}.case-studies-outro p:last-child{margin-bottom:0}.case-meta-divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0;width:100vw;position:relative;left:50%;transform:translate(-50%)}.case-detail-header{display:flex;align-items:flex-start;gap:2rem}.case-detail-header-main{flex:1;min-width:0}.case-detail-header-main h1{margin-top:0}.case-detail-header-meta{flex:0 0 auto;padding-left:2rem;border-left:1px solid var(--color-border)}@media(max-width:640px){.case-detail-header{flex-direction:column;gap:1.25rem}.case-detail-header-meta{padding-left:0;border-left:none;padding-top:1.25rem;border-top:1px solid var(--color-border)}}.case-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.case-meta span{padding:.3rem .85rem;border-radius:var(--radius-sm);background:var(--color-pill);box-shadow:var(--shadow-neumorphic);color:var(--color-muted);font-family:var(--font-sans);font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.playbook-move{font-family:var(--font-serif);font-style:italic;font-size:1.35rem;color:var(--brand-ink);border-left:3px solid var(--color-accent);padding-left:1rem;margin:1.5rem 0 0}.case-body h2{margin-top:2rem}.case-footer-note{margin:3rem 0 0;padding-top:1.5rem;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin:2rem 0}.gallery a img{width:100%;height:140px;object-fit:cover;border-radius:4px;cursor:zoom-in}
