:root{--cream: #f7f2ea;--cream-dark: #ede7dc;--cream-mid: #f2ede4;--ink: #1a1410;--ink-light: #4a3f35;--ink-soft: #4a3f35;--ink-muted: #8a7d70;--accent: #2f6b45;--accent-light: #3d7a54;--accent-warm: #d49450;--accent-cool: #5a7186;--accent-teal: #3b7d7a;--rule: #d4ccc0;--rule-dark: #ccc4b8;--rule-light: #e8e2d8;--font-sans: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--display-heading-size: clamp(2.125rem, 3.8vw, 3.5rem);--display-heading-line-height: 1.06;--display-heading-tracking: -.05em;--text-h1: clamp(2.5rem, 4.8vw, 4rem);--text-h2: clamp(2rem, 3.2vw, 3rem);--text-h3: 1.625rem;--text-h4: 1.375rem;--text-body-lg: 1.0625rem;--text-body: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-eyebrow: .6875rem;--page-content-max: 82.5rem;--space-section-y: 7.5rem;--space-section-y-lg: 10rem;--space-section-x: max(5rem, 6vw);--space-block-lg: 4rem;--space-block: 2.5rem;--space-block-sm: 1.5rem;--space-inline-lg: 3rem;--space-inline: 1.75rem;--space-inline-sm: .875rem;--gap-grid: 2.5rem;--gap-grid-sm: 1.5rem;--page-pad: max(3.75rem, 6vw);--nav-cta-font-size: .8125rem;--nav-cta-padding-y: .6875rem;--nav-cta-padding-x: 1.5rem;--cta-button-font-size: .875rem;--cta-button-padding-y: 1rem;--cta-button-padding-x: 2.25rem;--cta-button-padding-y-large: 1.125rem;--cta-button-padding-x-large: 2.75rem}.z-icon-box{--icon-accent: var(--accent);--icon-border: rgba(47, 107, 69, .16);--icon-surface: rgba(47, 107, 69, .08);position:relative;width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--icon-accent);background:var(--icon-surface);border:.0625rem solid var(--icon-border);border-radius:.875rem;flex:0 0 auto}.z-icon-box .ui-icon{width:1.5rem;height:1.5rem}.z-icon-box--warm{--icon-accent: var(--accent-warm);--icon-border: rgba(193, 125, 60, .18);--icon-surface: rgba(193, 125, 60, .08)}.z-icon-box--cool{--icon-accent: var(--accent-cool);--icon-border: rgba(90, 113, 134, .18);--icon-surface: rgba(90, 113, 134, .1)}.z-icon-box--light{--icon-accent: var(--accent-light);--icon-border: rgba(61, 122, 84, .18);--icon-surface: rgba(61, 122, 84, .08)}@media(max-width:959px){:root{--display-heading-size: clamp(2.125rem, 4.6vw, 3rem);--text-h1: clamp(2.25rem, 5vw, 3.375rem);--text-h2: clamp(2rem, 4.2vw, 2.375rem);--text-h3: 1.625rem;--text-h4: 1.25rem;--text-body-lg: 1rem;--text-body: .9375rem;--text-sm: .8125rem;--text-xs: .6875rem;--text-eyebrow: .6875rem;--space-section-y: 4.5rem;--space-section-y-lg: 6rem;--space-section-x: 1.5rem;--space-block-lg: 2.5rem;--space-block: 1.75rem;--space-block-sm: 1.125rem;--space-inline-lg: 2rem;--space-inline: 1.25rem;--space-inline-sm: .625rem;--gap-grid: 1.75rem;--gap-grid-sm: 1.125rem;--page-pad: 1.5rem;--nav-cta-font-size: .75rem;--nav-cta-padding-y: .5625rem;--nav-cta-padding-x: 1.25rem;--cta-button-font-size: .875rem;--cta-button-padding-y: .875rem;--cta-button-padding-x: 1.75rem;--cta-button-padding-y-large: 1rem;--cta-button-padding-x-large: 2.125rem}}@media(max-width:599px){:root{--display-heading-size: 2.125rem;--text-h1: 2.75rem;--text-h2: 2rem;--text-h3: 1.5rem;--text-h4: 1.125rem;--text-body-lg: 1rem;--text-body: .875rem;--text-sm: .8125rem;--text-xs: .6875rem;--text-eyebrow: .625rem;--space-section-y: 3.5rem;--space-section-y-lg: 5rem;--space-section-x: 1.25rem;--space-block-lg: 2rem;--space-block: 1.5rem;--space-block-sm: 1rem;--space-inline-lg: 1.5rem;--space-inline: 1.125rem;--space-inline-sm: .5rem;--gap-grid: 1.25rem;--gap-grid-sm: .875rem;--page-pad: 1.25rem}}.blog-page,.blog-post-page{position:relative;z-index:1;min-height:100vh;background:var(--cream)}.blog-page-header{padding:clamp(6.5rem,9vw,9rem) var(--space-section-x) 1.5rem}.blog-page-header-inner{width:100%;max-width:var(--page-content-max);margin:0 auto}.blog-page-title{font-family:var(--font-sans);font-size:var(--display-heading-size);font-weight:500;color:var(--ink);margin:0;letter-spacing:-.025em}.blog-featured{padding:0 var(--space-section-x) 3.5rem}.blog-featured-inner{width:100%;max-width:var(--page-content-max);margin:0 auto}.blog-featured-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,1fr);gap:1.5rem;align-items:start}.blog-featured-sidebar{display:flex;flex-direction:column;gap:1.25rem}.blog-list-section{padding:0 var(--space-section-x) 5rem}.blog-list-inner{width:100%;max-width:var(--page-content-max);margin:0 auto}.blog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.blog-list>li{border-bottom:1px solid var(--rule-light)}.post-list-row{display:flex;align-items:center;padding:1.25rem 0;text-decoration:none;color:inherit;gap:1.5rem;transition:opacity .2s ease}.post-list-row:hover{opacity:.7}.post-list-meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-muted);width:14rem;flex-shrink:0}.post-list-title{font-family:var(--font-sans);font-size:1.0625rem;font-weight:500;color:var(--ink);margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-list-author{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-soft);width:12rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-list-read{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-muted);width:4rem;text-align:right;flex-shrink:0}.post-card{display:flex;text-decoration:none;color:inherit}.post-card-media{position:relative;overflow:hidden;background:var(--cream-dark);flex-shrink:0}.post-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.post-card:hover .post-card-media img{transform:scale(1.03)}.post-card-media--sm{width:10rem;height:6.5rem}.post-card-media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream-dark) 0%,var(--rule-light) 100%);position:relative}.post-card-media-fallback:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(47,107,69,.08) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(212,148,80,.06) 0%,transparent 50%)}.post-card-media-mark{position:relative;font-family:var(--font-sans);font-weight:700;font-size:2.5rem;letter-spacing:-.04em;color:var(--ink);opacity:.15}.post-card-body{display:flex;flex-direction:column;gap:.5rem;min-width:0}.post-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-muted)}.post-card-category{color:inherit;font-weight:inherit;text-transform:none;letter-spacing:normal}.post-card-dot{opacity:.5}.post-card-date,.post-card-read,.post-card-author{white-space:nowrap}.post-card-author{color:var(--ink-soft)}.post-card-title{font-family:var(--font-sans);font-size:1.125rem;line-height:1.3;letter-spacing:-.015em;font-weight:500;color:var(--ink);margin:0;text-wrap:balance;transition:color .2s ease}.post-card:hover .post-card-title{color:var(--accent)}.post-card-title--xl{font-size:clamp(1.375rem,1.8vw,1.75rem);line-height:1.2;letter-spacing:-.02em}.post-card-desc{font-size:1.0625rem;line-height:1.6;color:var(--ink-light);margin:0}.post-card-desc--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-foot{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-muted);margin-top:.25rem}.post-card--featured{flex-direction:column;gap:.875rem;padding:0}.post-card--featured .post-card-media{width:100%;aspect-ratio:16 / 10}.post-card--featured .post-card-body{gap:.5rem}.post-card--featured .post-card-desc{font-size:1rem;line-height:1.55;max-width:36rem}.post-card--side{flex-direction:column;gap:.875rem;padding:0}.post-card--side .post-card-media--sm{width:100%;aspect-ratio:16 / 9;height:auto}.post-card--side .post-card-body{gap:.5rem}.blog-post-hero{padding:clamp(6rem,9vw,8.5rem) var(--space-section-x) .5rem}.blog-post-hero-inner{width:100%;max-width:42.5rem;margin:0 auto}.blog-post-hero-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:1.25rem}.blog-post-hero-category{color:var(--accent);font-weight:500}.blog-post-hero-sep{opacity:.4}.blog-post-hero-title{font-size:clamp(1.875rem,3vw,2.625rem);line-height:1.1;letter-spacing:-.035em;font-weight:600;color:var(--ink);margin:0 0 var(--space-block-sm);text-wrap:balance}.blog-post-hero-desc{font-size:var(--text-body-lg);line-height:1.6;color:var(--ink-light);margin:0 0 var(--space-block-sm)}.blog-post-hero-byline{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;padding-top:1rem;border-top:.0625rem solid var(--rule-light);margin-top:1.5rem}.blog-post-hero-by-label{opacity:.7}.blog-post-hero-author{color:var(--ink-soft);font-weight:500}.blog-post-body{padding:2.5rem var(--space-section-x) 2.5rem}.blog-post-content{width:100%;max-width:42.5rem;margin:0 auto;font-size:var(--text-body);line-height:1.75;color:var(--ink-light);text-align:justify}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:var(--ink);margin-top:var(--space-block);margin-bottom:.75rem;line-height:1.15;letter-spacing:-.025em;font-weight:600}.blog-post-content h1{font-size:1.625rem}.blog-post-content h2{font-size:1.375rem;margin-top:var(--space-block-lg)}.blog-post-content h3{font-size:1.125rem}.blog-post-content h4{font-size:1rem}.blog-post-content h5{font-size:.9375rem}.blog-post-content h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.06em}.blog-post-content p{margin:0 0 1.25rem}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.25rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem;padding-left:.25rem}.blog-post-content li::marker{color:var(--accent)}.blog-post-content ul ul,.blog-post-content ol ol,.blog-post-content ul ol,.blog-post-content ol ul{margin-top:.5rem;margin-bottom:0}.blog-post-content a{color:var(--accent);text-decoration:none;border-bottom:.0625rem solid rgba(47,107,69,.35);transition:border-color .2s,color .2s}.blog-post-content a:hover{color:var(--ink);border-bottom-color:var(--ink)}.blog-post-content strong,.blog-post-content b{color:var(--ink);font-weight:600}.blog-post-content em,.blog-post-content i{font-style:italic}.blog-post-content code{font-family:var(--font-mono);font-size:.875em;background:#1a14100d;padding:.125rem .375rem;color:var(--ink);word-break:break-word}.blog-post-content pre{background:var(--ink);color:var(--cream);padding:1.25rem 1.5rem;overflow-x:auto;margin:var(--space-block-sm) 0;font-size:var(--text-sm);line-height:1.6}.blog-post-content pre code{background:none;padding:0;color:inherit;font-size:inherit}.blog-post-content blockquote{margin:var(--space-block-sm) 0;padding:.25rem 0 .25rem 1.25rem;border-left:.1875rem solid var(--accent);color:var(--ink-soft);font-style:italic}.blog-post-content blockquote p:last-child{margin-bottom:0}.blog-post-content hr{border:none;border-top:.0625rem solid var(--rule-light);margin:var(--space-block-lg) 0}.blog-post-content img,.blog-post-content video{max-width:100%;height:auto;margin:var(--space-block-sm) 0;display:block}.blog-post-content figure{margin:var(--space-block) 0}.blog-post-content figcaption{font-size:var(--text-sm);color:var(--ink-muted);text-align:center;margin-top:.5rem;font-style:italic}.blog-post-content table{width:100%;border-collapse:collapse;margin:var(--space-block-sm) 0;font-size:var(--text-sm)}.blog-post-content th,.blog-post-content td{padding:.75rem 1rem;border:.0625rem solid var(--rule-light);text-align:left}.blog-post-content th{background:var(--cream-dark);font-weight:600;color:var(--ink)}.blog-post-content kbd{font-family:var(--font-mono);font-size:.85em;background:#f7f6f3;border:1px solid #d4ccc0;padding:.1rem .3rem;box-shadow:0 2px #d4ccc0}.blog-post-content mark{background:#d4945040;color:inherit;padding:0 .2em}.blog-post-footer{padding:1.5rem var(--space-section-x) 4rem}.blog-post-footer-inner{width:100%;max-width:42.5rem;margin:0 auto;padding-top:1.5rem;border-top:.0625rem solid var(--rule-light)}.blog-back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .2s ease,gap .2s ease}.blog-back-link:hover{color:var(--accent);gap:.75rem}.blog-back-arrow{transition:transform .2s ease}.blog-back-link:hover .blog-back-arrow{transform:translate(-.25rem)}[data-animate]{opacity:0;transform:translateY(.75rem);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}[data-animate].is-visible{opacity:1;transform:translateY(0)}@media(max-width:1079px){.blog-featured-grid{grid-template-columns:1fr;gap:2.5rem}.blog-featured-sidebar{flex-direction:row;gap:1.5rem}.post-card--side{flex:1}}@media(max-width:767px){.blog-featured-sidebar{flex-direction:column}.post-list-row{flex-direction:column;align-items:flex-start;gap:.5rem}.post-list-meta{width:auto}.post-list-title{width:100%;white-space:normal}.post-list-author{width:auto}.post-list-read{width:auto;text-align:left}}@media(max-width:599px){.blog-featured{padding-top:clamp(4rem,12vw,5rem);padding-bottom:2.5rem}.blog-list-section{padding-bottom:3.5rem}.post-card-title--xl{font-size:1.25rem}.blog-post-hero{padding-top:clamp(5rem,12vw,6.5rem)}.blog-post-body{padding-top:1.5rem;padding-bottom:2rem}.blog-post-content blockquote{padding-left:1rem}}
