.blog-page{--blog-accent:#99512f;--blog-ink-soft:#675946;--blog-shadow:0 0 0 1px #00000012,0 2px 4px #00000008,0 18px 44px -28px #00000038;isolation:isolate;background:radial-gradient(60rem 28rem at 85% 40rem,color-mix(in srgb,var(--blog-accent)6%,transparent),transparent 70%),radial-gradient(50rem 30rem at 10% 75%,color-mix(in srgb,var(--card)70%,transparent),transparent 70%);position:relative;overflow-x:clip}@supports (color:lab(0% 0 0)){.blog-page{--blog-shadow:0 0 0 1px lab(0% 0 0/.07),0 2px 4px lab(0% 0 0/.03),0 18px 44px -28px lab(0% 0 0/.22)}}.blog-meta,.blog-hero-count,.blog-label,.blog-kicker,.blog-section-heading span{font-family:var(--font-space-mono),ui-monospace,monospace;letter-spacing:0}.blog-hero-copy{max-width:46rem;margin-inline:auto}.blog-kicker{text-transform:uppercase;color:var(--blog-ink-soft);font-size:.75rem;line-height:1.5}.blog-hero-count{color:color-mix(in srgb,var(--secondary)55%,transparent);font-size:.75rem}.blog-content{z-index:1;max-width:1240px;margin-inline:auto;padding:0 1.5rem 6rem;position:relative}.blog-label{text-transform:uppercase;color:var(--blog-accent);font-size:.6875rem;line-height:1.5}.blog-meta{text-transform:uppercase;color:var(--blog-ink-soft);gap:.5rem;font-size:.6875rem;line-height:1.5;display:flex}.blog-cover-frame{background:var(--dark-brown);border-radius:16px;position:relative;overflow:hidden}.blog-cover-frame>div{outline:none}.blog-cover-frame img{transition:scale .6s cubic-bezier(.2,0,0,1)}.blog-cover-frame:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 55%,#1d140d59);background:linear-gradient(#0000 55%,lab(7.17208% 3.64868 5.4563/.35));position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14;box-shadow:inset 0 0 0 1px lab(100% 0 0/.08)}.blog-lead{background:linear-gradient(160deg,color-mix(in srgb,var(--card)85%,transparent),color-mix(in srgb,var(--background)60%,transparent)70%);box-shadow:var(--blog-shadow);border-radius:28px}.blog-lead-link{border-radius:inherit;align-items:center;gap:2rem;padding:1rem;display:grid}.blog-lead-link--text{padding:2rem}.blog-lead-copy{padding:.5rem .5rem 1rem}.blog-lead-title{font:700 clamp(2rem,3.6vw,3rem)/1.08 var(--font-unna);letter-spacing:-.02em;color:var(--secondary);text-wrap:balance;margin:.75rem 0 1rem}.blog-lead-description{max-width:34rem;font:400 1.0625rem/1.6 var(--font-carlito);color:color-mix(in srgb,var(--foreground)78%,transparent);text-wrap:pretty}.blog-byline{font:700 .875rem/1.5 var(--font-carlito);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.5rem;display:flex}.blog-read{background:var(--secondary);color:var(--primary-foreground);font:700 .875rem/1.5 var(--font-carlito);border-radius:10px;align-items:center;gap:.5rem;margin-top:1.75rem;padding:.625rem 1rem;display:inline-flex}.blog-read svg,.blog-card-footer svg,.blog-next-links svg{transition:translate .2s ease-out}.blog-more{padding-top:4.5rem}.blog-section-heading{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,var(--border),color-mix(in srgb,var(--border)0%,transparent))1;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.blog-section-heading h2{font:400 clamp(1.875rem,3vw,2.5rem)/1.1 var(--font-unna);letter-spacing:-.02em;color:var(--secondary)}.blog-section-heading span{color:var(--blog-ink-soft);font-size:.75rem}.blog-grid{gap:1.5rem;display:grid}.blog-card-link{border-radius:22px;flex-direction:column;height:100%;padding:.625rem;transition:background-color .2s ease-out,box-shadow .2s ease-out;display:flex}.blog-card-copy{flex-direction:column;flex:1;padding:1.125rem .625rem .5rem;display:flex}.blog-card-title{font:700 1.75rem/1.15 var(--font-unna);letter-spacing:-.015em;color:var(--secondary);text-wrap:balance;margin:.5rem 0 .625rem}.blog-card-description{font:400 1rem/1.55 var(--font-carlito);color:color-mix(in srgb,var(--foreground)75%,transparent);text-wrap:pretty}.blog-card-footer{font:700 .875rem/1.5 var(--font-carlito);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.blog-next{color:var(--primary-foreground);background:radial-gradient(40rem 18rem at 100% 0%,color-mix(in srgb,var(--blog-accent)45%,transparent),transparent 70%),linear-gradient(135deg,var(--secondary),var(--dark-brown));border-radius:28px;gap:1rem;margin-top:5rem;padding:2.5rem 2rem;display:grid}.blog-next .blog-label{color:color-mix(in srgb,var(--primary-foreground)70%,transparent)}.blog-next h2{max-width:28rem;font:400 clamp(1.75rem,3vw,2.375rem)/1.12 var(--font-unna);letter-spacing:-.02em;text-wrap:balance}.blog-next-links{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.blog-next-links a{min-height:44px;font:700 .875rem/1.5 var(--font-carlito);background:var(--primary-foreground);color:var(--secondary);border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex}.blog-next-links a+a{color:var(--primary-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-foreground)35%,transparent);background:0 0}.blog-page a:focus-visible{outline:2px solid var(--ring,var(--secondary));outline-offset:4px}@media (min-width:48rem){.blog-content{padding-inline:3rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-next{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:3rem}.blog-next .blog-label{grid-column:1/-1}.blog-next-links{margin-top:0}}@media (min-width:64rem){.blog-lead-link{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;padding:1.125rem 2.75rem 1.125rem 1.125rem}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:40rem){.blog-lead{border-radius:22px}.blog-lead-link{gap:1.25rem;padding:.625rem}.blog-next{padding:2rem 1.5rem}}@media (hover:hover) and (pointer:fine){.blog-lead-link:hover .blog-cover-frame img,.blog-card-link:hover .blog-cover-frame img{scale:1.035}.blog-lead-link:hover .blog-read svg,.blog-card-link:hover .blog-card-footer svg,.blog-next-links a:hover svg{translate:3px}.blog-card-link:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--card)80%,transparent),transparent);box-shadow:var(--blog-shadow)}.blog-lead-link:hover .blog-lead-title,.blog-card-link:hover .blog-card-title{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}}@media (prefers-reduced-motion:no-preference){.blog-lead .blog-cover-frame img{animation:.9s steps(18,end) .15s backwards blog-cover-scan}.blog-card[data-reveal=pending] .blog-cover-frame img{clip-path:inset(0 0 100%)}.blog-card[data-reveal=shown] .blog-cover-frame img{clip-path:inset(0);transition:clip-path .9s steps(18,end)calc(var(--reveal-delay,0s) + .15s),scale .6s cubic-bezier(.2,0,0,1)}}@keyframes blog-cover-scan{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{transition:none!important;animation:none!important}}@media (forced-colors:active){.blog-lead,.blog-next{border:1px solid canvastext}}.blog-post-page{background:linear-gradient(180deg,var(--background)30rem,color-mix(in srgb,var(--card)45%,var(--background))100%)}.blog-post-kicker{color:color-mix(in srgb,var(--primary-white)80%,transparent)}.blog-post-more{padding-top:1rem}.blog-all-link{font:700 .875rem/1.5 var(--font-carlito);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);align-items:center;gap:.375rem;display:inline-flex}.blog-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.blog-progress{z-index:70;background:linear-gradient(90deg,color-mix(in srgb,var(--blog-accent)60%,transparent),var(--blog-accent));transform-origin:0;height:3px;animation:linear both blog-progress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto}}}@keyframes blog-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.blog-post-cover{animation:18s cubic-bezier(.2,0,0,1) both blog-cover-drift}}@keyframes blog-cover-drift{0%{scale:1.08}to{scale:1}}
