.blog-page{--blog-bg: #f5f2f0;--blog-card: var(--color-coffee-50, #f7f4f2);--blog-card-hover: #faf8f6;--blog-border: rgba(33, 24, 17, .1);--blog-ink: var(--color-coffee-950, #211811);--blog-muted: #6b5e54;--blog-subtle: var(--color-coffee-600, #8b6f5a);--blog-chip: rgba(139, 111, 90, .12);--blog-chip-border: rgba(139, 111, 90, .22);--blog-shell-max: 985px;--blog-gutter: clamp(1rem, .6rem + 2.2vw, 3rem);position:relative;isolation:isolate;background:var(--blog-bg);color:var(--blog-ink);min-height:100dvh;font-family:var(--font-body);overflow-x:clip}.blog-page .site-nav--transparent{background:transparent}.blog-after-hero{position:relative;z-index:3;padding-top:clamp(5.5rem,4.5rem + 3vw,7rem)}.blog-intro{padding-bottom:clamp(.5rem,.35rem + .5vw,1rem)}.blog-intro-title{font-size:clamp(1.75rem,1.35rem + 2vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem;max-width:22ch}.blog-intro-body{font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.65;color:var(--blog-muted);margin:0;max-width:52ch}:global(html:has([data-blog-page])),:global(body:has([data-blog-page])){background-color:#f5f2f0!important}.blog-page :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);color:var(--blog-ink)}.blog-shell{width:100%;max-width:var(--blog-shell-max);margin-inline:auto;padding-inline:max(var(--blog-gutter),env(safe-area-inset-left,0px)) max(var(--blog-gutter),env(safe-area-inset-right,0px))}.blog-featured-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-block:clamp(2rem,1.5rem + 2vw,3rem) clamp(1rem,.75rem + 1vw,1.5rem)}.blog-eyebrow{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--blog-chip-border);background:var(--blog-chip);font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--color-coffee-800, #3b281d)}.blog-featured-header-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem}.blog-featured-next-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--blog-border);background:var(--blog-card);color:var(--blog-ink);cursor:pointer;box-shadow:0 4px 16px #2118110f;transition:background .2s ease,transform .2s ease,border-color .2s ease}.blog-featured-next-btn:hover{background:var(--blog-card-hover);border-color:#8b6f5a59;transform:scale(1.04)}.blog-featured-wrap{overflow:hidden;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}.blog-featured-wrap--skeleton{pointer-events:none}.blog-featured-card--skeleton{pointer-events:none;box-shadow:none}.blog-featured-skel-media{height:280px;min-height:280px;border-radius:1rem}.blog-featured-track{display:flex;gap:clamp(.75rem,.5rem + .8vw,1.25rem);overflow-x:auto;scroll-behavior:auto;scrollbar-width:none;padding-inline:max(var(--blog-gutter),env(safe-area-inset-left,0px));padding-block:.25rem 1rem;cursor:grab;touch-action:pan-x}.blog-featured-track::-webkit-scrollbar{display:none}.blog-featured-track:active{cursor:grabbing}.blog-featured-card{flex:0 0 min(85vw,35rem);max-width:35rem;display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;background:var(--blog-card-hover);border:1px solid var(--blog-border);text-decoration:none;color:inherit;padding:.75rem .75rem 1rem;box-shadow:0 8px 28px #2118110f;transform:scale(1);transition:background-color .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.blog-featured-card:hover{background:var(--blog-card);transform:scale(.98)}.blog-featured-media{position:relative;height:280px;min-height:280px;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,var(--color-coffee-200, #e8ddd4),var(--color-coffee-400, #a8917f));flex-shrink:0}.blog-card-media{position:relative;height:200px;min-height:200px;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,var(--color-coffee-200, #e8ddd4),var(--color-coffee-400, #a8917f));flex-shrink:0}.blog-media-img{width:100%;height:100%;object-fit:cover;display:block}.blog-media-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--color-coffee-300, #c9beb5),var(--color-coffee-600, #8b6f5a))}.blog-featured-body,.blog-card-body{padding:.85rem .35rem 0;display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.blog-chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--blog-chip);border:1px solid var(--blog-chip-border);color:var(--color-coffee-800, #3b281d)}.blog-featured-title{font-size:clamp(1.25rem,1.1rem + .6vw,1.75rem);font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.28;letter-spacing:-.02em;margin:0}.blog-featured-excerpt,.blog-card-excerpt{font-size:.875rem;line-height:1.55;color:var(--blog-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{-webkit-line-clamp:3}.blog-featured-date,.blog-card-date{font-size:.8125rem;color:var(--blog-subtle);margin-top:auto}.blog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-top:.5rem}.blog-toolbar-title{font-size:clamp(1.35rem,1.15rem + .8vw,1.75rem);font-weight:700;margin:0;letter-spacing:-.02em}.blog-section-featured-heading{padding-top:clamp(1rem,.75rem + 1vw,1.5rem);margin-bottom:.25rem}.blog-toolbar-actions{display:flex;align-items:center;gap:.65rem}.blog-search-wrap{display:flex;align-items:center;gap:.35rem}.blog-search-input{width:min(52vw,220px);transform-origin:right center;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--blog-border);background:var(--blog-card);color:var(--blog-ink);font-size:.875rem}.blog-search-input::placeholder{color:var(--blog-muted)}.blog-icon-btn,.blog-filter-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--blog-border);background:var(--blog-card);color:var(--blog-ink);font-size:.8125rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2118110a}.blog-icon-btn:hover,.blog-filter-btn:hover{background:var(--blog-card-hover)}.blog-filter-anchor{position:relative}.blog-filter-menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:11rem;padding:.35rem;border-radius:.75rem;border:1px solid var(--blog-border);background:var(--blog-card);box-shadow:0 12px 40px #2118111f;z-index:20}.blog-filter-menu-item{display:block;width:100%;text-align:left;padding:.55rem .75rem;border:none;border-radius:.5rem;background:transparent;color:var(--blog-muted);font-size:.875rem;cursor:pointer}.blog-filter-menu-item:hover,.blog-filter-menu-item-active{background:var(--blog-chip);color:var(--blog-ink)}.blog-grid{display:grid;grid-template-columns:1fr;row-gap:clamp(.5rem,.35rem + .5vw,.75rem);column-gap:clamp(.75rem,.5rem + .8vw,1rem);padding-bottom:4rem}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;background:var(--blog-card-hover);border:1px solid var(--blog-border);text-decoration:none;color:inherit;padding:.75rem .75rem 1.15rem;box-shadow:0 4px 16px #2118110d;transform:scale(1);transition:background-color .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);height:100%}.blog-card:hover{background:var(--blog-card);transform:scale(.98)}.blog-empty-state{color:var(--blog-muted);padding:2rem 0 4rem}.blog-sentinel{height:1px}.blog-card-skeleton{border-radius:1.25rem;overflow:hidden;background:var(--blog-card-hover);border:1px solid var(--blog-border);padding:.75rem}.blog-skel-media{height:200px;border-radius:1rem;background:linear-gradient(90deg,#ede8e4,#f5f2f0,#ede8e4);background-size:200% 100%;animation:blog-shimmer 1.2s infinite}.blog-skel-line,.blog-skel-line-short{height:.75rem;margin:1rem .35rem 0;border-radius:.25rem;background:#ede8e4;animation:blog-shimmer 1.2s infinite}.blog-skel-line-short{width:60%;margin-top:.5rem}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.blog-featured-card:hover,.blog-card:hover{transform:none}}.blog-article{padding-block:clamp(5.5rem,4.5rem + 3vw,7rem) 4rem}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--blog-muted);margin-bottom:1.25rem}.blog-breadcrumb-link{color:var(--blog-subtle);text-decoration:none}.blog-breadcrumb-link:hover{color:var(--blog-ink)}.blog-breadcrumb-current{color:var(--blog-ink);opacity:.85}.blog-breadcrumb-sep{opacity:.5}.blog-breadcrumb-icon-wrap{display:inline-flex;align-items:center;color:var(--blog-subtle)}.blog-breadcrumb-icon{display:block}.blog-article-title{font-size:clamp(1.75rem,1.35rem + 2vw,2.75rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem}.blog-article-meta-band{margin-bottom:1.75rem}@media(min-width:1024px){.blog-article-meta-band{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem}}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem;color:var(--blog-muted);width:100%;min-width:0}.blog-article-meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;min-width:0}.blog-article-meta-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.blog-article-meta-right .blog-chip{padding:0;border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--blog-subtle)}.blog-meta-dot{opacity:.6}.blog-article-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.blog-article-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}}.blog-article-main{min-width:0;max-width:100%}.blog-article-hero-media{position:relative;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;margin-bottom:1.75rem;border:1px solid var(--blog-border)}.blog-prose{font-size:1.05rem;line-height:1.75;color:var(--blog-ink);max-width:65ch}.blog-prose :is(h2,h3){margin-top:2rem;margin-bottom:.75rem;color:var(--blog-ink);scroll-margin-top:6.5rem}.blog-prose p{margin:0 0 1rem;color:#4a4038}.blog-prose ul,.blog-prose ol{margin:0 0 1rem 1.25rem;color:#4a4038}.blog-prose a{color:var(--color-coffee-700, #6b4f3a);text-decoration:underline}.blog-sidebar{display:flex;flex-direction:column;gap:1.5rem;min-width:0}@media(min-width:1024px){.blog-sidebar{position:sticky;top:6rem;max-height:calc(100dvh - 7.5rem);overflow-y:auto;overscroll-behavior:contain;padding-bottom:.5rem}}.blog-toc-box{padding:1rem;border-radius:.85rem;border:1px solid var(--blog-border);background:var(--blog-card)}.blog-toc-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blog-subtle);margin:0 0 .65rem}.blog-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.blog-toc-link,.blog-toc-active{display:block;font-size:.8125rem;line-height:1.4;text-decoration:none;color:var(--blog-muted);border-left:2px solid transparent;padding:.25rem 0 .25rem .5rem}.blog-toc-active{color:var(--blog-ink);border-left-color:var(--color-coffee-600, #8b6f5a)}.blog-related-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blog-subtle);margin:0 0 .65rem}.blog-related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.blog-related-card{display:flex;gap:.65rem;align-items:center;text-decoration:none;color:inherit;padding:.35rem;border-radius:.65rem;transition:background .2s ease}.blog-related-card:hover{background:var(--blog-chip)}.blog-related-thumb{position:relative;flex:0 0 3.5rem;width:3.5rem;height:3.5rem;border-radius:.5rem;overflow:hidden}.blog-related-title{font-size:.8125rem;line-height:1.35;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-post-cta{margin-top:clamp(2rem,1.5rem + 2vw,3rem);padding:clamp(1.25rem,1rem + 1vw,1.75rem);border-radius:1rem;border:1px solid var(--blog-border);background:linear-gradient(135deg,var(--blog-card) 0%,#faf8f6 100%)}.blog-post-cta-title{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:700;margin:0 0 .65rem;line-height:1.25}.blog-post-cta-lead{font-size:.9375rem;line-height:1.6;color:var(--blog-muted);margin:0 0 1.25rem;max-width:52ch}.blog-post-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}.blog-post-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.blog-post-cta-btn--primary{background:var(--color-coffee-800, #4a3728);color:#fff}.blog-post-cta-btn--primary:hover{background:var(--color-coffee-900, #36271c)}.blog-post-cta-btn--secondary{background:transparent;color:var(--blog-ink);border:1px solid var(--blog-border)}.blog-post-cta-btn--secondary:hover{background:var(--blog-chip)}