.blog-container{min-height:100vh;width:min(var(--content-max),calc(100% - 48px));margin:0 auto;padding-bottom:clamp(3rem,7vw,6rem)}.blog-header{text-align:center;margin:0 auto clamp(2.5rem,5vw,4rem)}.blog-header .about-heading{color:var(--text-strong);text-align:center;font-size:clamp(4.4rem,10vw,10rem);font-weight:700;line-height:.95}.tags-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 auto clamp(2.5rem,5vw,4rem);display:flex}.tag-button{color:var(--text-body);border:1px solid var(--border-soft);cursor:pointer;background:#ffffff38;border-radius:999px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:color .16s,background-color .16s,transform .16s}.tag-button:hover{transform:translateY(-1px)}.tag-button-active{color:var(--page-bg);background:var(--text-strong)}.featured-article,.article-card,.article-view,.article-share{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#ffffff9e}.featured-article{border-radius:var(--card-radius);cursor:pointer;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:1180px;min-height:520px;margin:0 auto clamp(2rem,5vw,4rem);transition:transform .22s,box-shadow .22s;display:grid;overflow:hidden}.featured-article:hover,.article-card:hover{transform:translateY(-6px)}.featured-image,.carrd-image,.article-featured-image{position:relative;overflow:hidden}.featured-image{background:#c993e3;height:100%;min-height:420px;padding:clamp(1.25rem,3vw,2.5rem)}.featured-image:before,.carrd-image:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffffeb,#ffffffb8);border-radius:24px;position:absolute;inset:clamp(1.25rem,3vw,2.5rem);box-shadow:0 20px 45px #0000001f}.featured-image img,.carrd-image img,.article-featured-image img{object-fit:cover;border-radius:20px;width:100%;height:100%;display:block}.featured-image img{z-index:2;position:relative}.featured-badge,.article-tag{width:fit-content;color:var(--page-bg);background:var(--text-strong);border-radius:999px;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.featured-badge{z-index:4;padding:.45rem 1rem;position:absolute;top:clamp(1.4rem,2.6vw,2rem);left:clamp(1.4rem,2.6vw,2rem)}.article-tag{padding:.35rem .8rem}.featured-content{flex-direction:column;justify-content:center;min-width:0;padding:clamp(2rem,4.2vw,3.6rem);display:flex}.featured-meta,.carrd-meta,.article-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.95rem;font-weight:600;display:flex}.featured-title,.article-title,.carrd-title{color:var(--text-strong);font-family:var(--font-display);font-weight:700}.featured-title{overflow-wrap:break-word;max-width:10.5ch;margin-top:1rem;font-size:clamp(2.8rem,3.7vw,4.15rem);line-height:1}.featured-excerpt,.card-excerpt,.article-paragraph{color:var(--text-body);font-weight:500;line-height:1.65}.featured-excerpt{margin-top:1rem;font-size:clamp(1.05rem,1.45vw,1.28rem)}.read-more,.card-date{color:var(--text-strong);margin-top:1.25rem;font-weight:700}.articles-grid{grid-template-columns:repeat(12,1fr);gap:clamp(1.2rem,2.4vw,2rem);display:grid}.article-card{cursor:pointer;border-radius:36px;flex-direction:column;grid-column:span 4;min-height:520px;transition:transform .22s;display:flex;overflow:hidden}.article-card:nth-child(5n+1),.article-card:nth-child(5n+4){grid-column:span 5}.article-card:nth-child(5n+2),.article-card:nth-child(5n+5){grid-column:span 7}.carrd-image{background:#a8ddd6;height:255px;padding:1.15rem;position:relative}.article-card:nth-child(2n) .carrd-image{background:#c993e3}.article-card:nth-child(3n) .carrd-image{background:#e6b38f}.carrd-image:before{border-radius:18px;inset:1.15rem}.carrd-image img{z-index:2;position:relative}.carrd-content{flex-direction:column;flex:1;padding:clamp(1.35rem,2.5vw,2.2rem);display:flex}.carrd-title{overflow-wrap:break-word;margin-top:.9rem;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.card-excerpt{margin-top:.75rem;font-size:1rem}.card-date{margin-top:auto}.article-view{border-radius:30px;max-width:860px;margin:clamp(4rem,8vw,7rem) auto;padding:clamp(1.2rem,3vw,2.5rem);overflow:hidden}.back-button,.share-btn{color:var(--text-strong);border:1px solid var(--border-soft);background:var(--surface-strong);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.back-button{border-radius:999px;gap:.5rem;margin-top:2rem;padding:.75rem 1.1rem;font-weight:700}.article-title{overflow-wrap:break-word;margin-top:1rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.article-featured-image{border-radius:22px;height:clamp(260px,40vw,430px);margin:2rem 0}.article-paragraph{margin-bottom:1.3rem;font-size:clamp(1.05rem,1.4vw,1.2rem)}.article-lead{color:var(--text-strong);margin-bottom:2rem;font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1.6}.article-section-heading{color:var(--text-strong);overflow-wrap:break-word;margin:clamp(2.2rem,5vw,3.4rem) 0 1rem;font-size:clamp(2rem,4vw,3.35rem);font-weight:700;line-height:1.02}.article-inline-link{color:var(--text-strong);text-underline-offset:.18em;font-weight:800;text-decoration:underline;text-decoration-thickness:.12em}.article-list{gap:.9rem;margin:0 0 1.8rem;padding:0;list-style:none;display:grid}.article-list li{color:var(--text-body);padding-left:1.35rem;font-size:clamp(1.05rem,1.35vw,1.18rem);font-weight:500;line-height:1.6;position:relative}.article-list li:before{content:"/";color:var(--text-strong);font-weight:900;position:absolute;left:0}.article-callout{border:1px solid color-mix(in srgb,var(--text-strong)18%,transparent);border-left:6px solid var(--text-strong);background:color-mix(in srgb,var(--surface-strong)72%,transparent);border-radius:18px;margin:0 0 2rem;padding:clamp(1rem,2.6vw,1.4rem)}.article-callout strong{color:var(--text-strong);font-size:clamp(1.04rem,1.4vw,1.18rem);font-weight:800;display:block}.article-callout p{color:var(--text-body);margin:.4rem 0 0;font-size:clamp(1rem,1.3vw,1.14rem);font-weight:500;line-height:1.62}.article-table-wrap{border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-strong)72%,transparent);border-radius:18px;margin:0 0 2rem;overflow-x:auto;box-shadow:0 16px 38px #09211b14}.article-table-caption{color:var(--text-strong);padding:1rem 1.05rem .75rem;font-size:.95rem;font-weight:800}.article-table{border-collapse:collapse;width:100%;min-width:680px}.article-table th,.article-table td{text-align:left;vertical-align:top;border-top:1px solid var(--border-soft);padding:.9rem 1.05rem}.article-table th{color:var(--text-strong);background:color-mix(in srgb,var(--text-strong)9%,transparent);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:800}.article-table td{color:var(--text-body);font-size:clamp(.94rem,1.15vw,1.02rem);font-weight:500;line-height:1.52}.article-code-wrap{background:#0f1f1a;border:1px solid #081c1780;border-radius:18px;margin:0 0 2rem;overflow:hidden;box-shadow:0 16px 38px #09211b29}.article-code-label{color:#e9f0eba8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border-bottom:1px solid #ffffff14;padding:.7rem 1.15rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.74rem;font-weight:700}.article-code{margin:0;padding:clamp(1rem,2.4vw,1.4rem);overflow-x:auto}.article-code code{color:#e7efe9;white-space:pre;tab-size:2;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.62;display:block}.article-share{border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding:1.2rem;display:flex}.share-text,.share-buttons{align-items:center;gap:.75rem;display:flex}.share-btn{border-radius:50%;width:42px;height:42px}.share-btn svg,.back-button svg,.share-text svg,.meta-item svg{stroke-width:2.25px}.projects-archive .carrd-image img{object-position:top}.projects-archive .project-archive-card--dahlia .carrd-image{justify-content:center;align-items:flex-start;display:flex}.projects-archive .project-archive-card--dahlia .carrd-image img{object-fit:cover;object-position:center;background:#fbfaf7;width:min(58%,320px);max-width:none;height:auto;transform:translateY(-.25rem);box-shadow:0 18px 38px #123c3424}body.dark-mode .featured-article,body.dark-mode .article-card,body.dark-mode .article-view,body.dark-mode .article-share{background:#0c1d19d1;border-color:#bfe9d933;box-shadow:0 24px 70px #00000057}body.dark-mode .article-view{background:linear-gradient(#bfe9d914,#bfe9d908),#08110fe0}body.dark-mode .featured-meta,body.dark-mode .carrd-meta,body.dark-mode .article-meta,body.dark-mode .share-text{color:#d3eee5}body.dark-mode .meta-divider{color:#d3eee5ad}body.dark-mode .article-tag,body.dark-mode .featured-badge{color:#06110f;background:#bfe9d9}body.dark-mode .back-button,body.dark-mode .share-btn,body.dark-mode .tag-button{color:#d9f5ec;background:#bfe9d91f;border-color:#bfe9d947}body.dark-mode .back-button:hover,body.dark-mode .share-btn:hover,body.dark-mode .tag-button:hover,body.dark-mode .tag-button-active{color:#06110f;background:#bfe9d9}body.dark-mode .article-paragraph,body.dark-mode .featured-excerpt,body.dark-mode .card-excerpt{color:#c9ddd7}body.dark-mode .article-lead,body.dark-mode .article-inline-link,body.dark-mode .article-list li:before{color:#d9f5ec}body.dark-mode .article-list li{color:#c9ddd7}body.dark-mode .article-callout,body.dark-mode .article-table-wrap{background:#bfe9d914;border-color:#bfe9d933;box-shadow:0 18px 44px #0000003d}body.dark-mode .article-callout{border-left-color:#bfe9d9}body.dark-mode .article-callout strong,body.dark-mode .article-table-caption,body.dark-mode .article-table th{color:#d9f5ec}body.dark-mode .article-callout p,body.dark-mode .article-table td{color:#c9ddd7}body.dark-mode .article-table th,body.dark-mode .article-table td{border-color:#bfe9d929}body.dark-mode .article-table th{background:#bfe9d91f}body.dark-mode .article-featured-image{background:#bfe9d90f;border:1px solid #bfe9d929}@media (max-width:980px){.featured-article{grid-template-columns:1fr}.articles-grid{grid-template-columns:repeat(2,1fr)}.article-card,.article-card:nth-child(n){grid-column:auto}}@media (max-width:680px){.blog-container{width:min(100% - 22px,var(--content-max));overflow-x:clip}.blog-header{margin-bottom:2rem}.blog-header .about-heading{font-size:clamp(3.35rem,17vw,5.2rem);line-height:.98}.tags-container{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.55rem;margin-bottom:2rem;padding-bottom:.2rem;overflow-x:auto}.tags-container::-webkit-scrollbar{display:none}.tag-button{flex:none;padding:.58rem 1rem}.featured-article{border-radius:32px;min-height:auto}.featured-image{min-height:260px;padding:1rem}.featured-image:before{border-radius:18px;inset:1rem}.featured-content{padding:1.35rem}.featured-title{max-width:none;font-size:clamp(1.9rem,8.8vw,2.65rem);line-height:1.05}.articles-grid{grid-template-columns:1fr}.article-card{border-radius:28px;min-height:auto}.carrd-image{height:220px;padding:.9rem}.carrd-image:before{border-radius:16px;inset:.9rem}.carrd-content{padding:1.25rem}.carrd-title{font-size:clamp(1.65rem,7.8vw,2.35rem);line-height:1.06}.article-view{border-radius:24px;margin:2.5rem auto 4rem;padding:1rem}.article-title{overflow-wrap:anywhere;font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.04}.article-section-heading{overflow-wrap:anywhere;font-size:clamp(1.55rem,7vw,2.15rem);line-height:1.04}.article-featured-image{height:240px;margin:1.4rem 0}.article-share{flex-direction:column;align-items:flex-start;padding:1rem}.article-callout{border-left-width:4px;border-radius:16px}.article-table{min-width:620px}.share-buttons{justify-content:space-between;width:100%}}