.blog-page{align-content:start;gap:clamp(28px,4vw,48px);display:grid}.blog-page>*{width:100%;max-width:1180px;margin-inline:auto}.blog-page__head .section-head__title{max-width:18ch}.blog-page__crumbs{justify-content:center;margin-bottom:-12px;display:flex}.blog-chip{min-height:30px;color:var(--ink);white-space:nowrap;background:#ffffffb3;border:1px solid #1212131f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;line-height:1.2;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.blog-chip:hover{background:var(--ink);border-color:var(--ink);color:#fff}.blog-chip--solid{background:var(--orange);border-color:var(--orange);color:#fff}.blog-chip--solid:hover{background:var(--ink);border-color:var(--ink)}.blog-explorer{gap:clamp(20px,3vw,32px);display:grid}.blog-tools{border-radius:28px;gap:16px;padding:clamp(14px,2.4vw,22px);display:grid}.blog-search{position:relative}.blog-search__icon{fill:none;width:20px;height:20px;stroke:var(--text-muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.blog-search input{width:100%;min-height:52px;font:inherit;color:var(--ink);background:#ffffffe6;border:1px solid #12121324;border-radius:999px;outline:none;padding:12px 18px 12px 48px;font-size:16px;transition:border-color .2s,box-shadow .2s}.blog-search input::placeholder{color:var(--text-muted)}.blog-search input:focus-visible{border-color:var(--orange);box-shadow:0 0 0 4px #ff55132e}.blog-filters{flex-wrap:wrap;gap:8px;display:flex}.blog-filters--links{justify-content:center}.blog-filter{min-height:40px;color:var(--ink);background:#ffffffa6;border:1px solid #1212131f;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.blog-filter span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.blog-filter:hover{border-color:var(--ink)}.blog-filter[aria-pressed=true],.blog-filter[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.blog-filter[aria-pressed=true] span,.blog-filter[aria-current=page] span{color:#ffffffb3}.blog-status{color:var(--text-muted);margin-bottom:-8px;font-size:14px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,24px);display:grid}.blog-grid__heading{letter-spacing:-.02em;margin-bottom:clamp(16px,2vw,24px);font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.15}.blog-card{transition:transform .3s var(--ease), box-shadow .3s;border-radius:24px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.blog-card:hover{transform:translateY(-3px)}.blog-card__media{aspect-ratio:16/10;background:var(--cream);display:block;position:relative;overflow:hidden}.blog-card__media img{object-fit:cover;transition:transform .7s var(--ease)}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__body{align-content:start;gap:12px;padding:clamp(18px,2vw,24px);display:grid}.blog-card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.blog-card__title{letter-spacing:-.01em;font-size:clamp(19px,1.5vw,22px);font-weight:700;line-height:1.25}.blog-card__title a{transition:background-size .45s var(--ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1.5px}.blog-card:hover .blog-card__title a,.blog-card__title a:focus-visible{background-size:100% 1.5px}.blog-card__excerpt{color:var(--text-muted);font-size:15px;line-height:1.55}.blog-card--featured{border-radius:32px;grid-template-rows:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.blog-card--featured .blog-card__media{aspect-ratio:auto;min-height:340px}.blog-card--featured .blog-card__body{align-content:center;gap:16px;padding:clamp(24px,4vw,48px)}.blog-card--featured .blog-card__title{letter-spacing:-.025em;font-size:clamp(26px,3vw,40px);line-height:1.1}.blog-card--featured .blog-card__excerpt{font-size:clamp(16px,1.2vw,18px)}.blog-card__cta{justify-self:start;margin-top:4px}@media (max-width:860px){.blog-card--featured{grid-template-columns:minmax(0,1fr)}.blog-card--featured .blog-card__media{aspect-ratio:16/10;min-height:0}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__media img{transition:none}.blog-card:hover,.blog-card:hover .blog-card__media img{transform:none}}.blog-empty{text-align:center;border-radius:28px;justify-items:center;gap:14px;padding:clamp(32px,6vw,64px);display:grid}.blog-empty__title{letter-spacing:-.02em;font-size:clamp(24px,2.6vw,34px);font-weight:700}.blog-empty p{max-width:48ch;color:var(--text-muted)}.blog-topics{padding-top:clamp(16px,3vw,32px)}.blog-topics__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;display:grid}.blog-topic{height:100%;transition:transform .25s var(--ease);border-radius:22px;gap:8px;padding:22px;display:grid}.blog-topic:hover{transform:translateY(-2px)}.blog-topic__name{font-size:18px;font-weight:700}.blog-topic__name span{color:var(--orange)}.blog-topic__desc{color:var(--text-muted);font-size:14px;line-height:1.5}.blog-topic__count{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.crumbs ol{color:var(--text-muted);flex-wrap:wrap;gap:4px 8px;font-size:13px;display:flex}.crumbs li{gap:8px;min-width:0;display:inline-flex}.crumbs li+li:before{content:"/";opacity:.5}.crumbs a:hover{color:var(--orange)}.crumbs [aria-current=page]{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:36ch;overflow:hidden}.reading-progress{z-index:60;background:var(--orange);transform-origin:0;height:3px;transform:scaleX(var(--progress,0));pointer-events:none;position:fixed;inset:0 0 auto}.article{--article-max:1180px;padding:clamp(72px, 10vw, 128px) var(--gutter) 40px;gap:clamp(28px,4vw,48px);display:grid}.article>*{width:100%;max-width:var(--article-max);margin-inline:auto}.article__head{justify-items:start;gap:18px;max-width:880px;display:grid}.article__title{letter-spacing:-.03em;color:var(--ink);overflow-wrap:break-word;font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1.05}.article__dek{color:var(--text-muted);max-width:60ch;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.byline{color:var(--text-muted);flex-wrap:wrap;gap:6px 18px;font-size:14px;display:flex}.byline span{white-space:nowrap}.byline span+span{border-left:1px solid var(--line);padding-left:18px}@media (max-width:480px){.byline span+span{border-left:0;padding-left:0}}.byline a{color:var(--ink);text-underline-offset:4px;font-weight:600;-webkit-text-decoration:underline #12121340;text-decoration:underline #12121340}.byline a:hover{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.article__hero{aspect-ratio:16/8;background:var(--cream);border-radius:32px;margin-block:0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0b132b1f}.article__hero img{object-fit:cover}@media (max-width:700px){.article__hero{aspect-ratio:4/3;border-radius:24px}}.article__layout{grid-template-columns:minmax(0,250px) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.article__main{grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,48px);min-width:0;max-width:740px;display:grid}@media (max-width:1000px){.article__layout{grid-template-columns:minmax(0,1fr);gap:28px}.article__main{max-width:none}}.toc{position:sticky;top:28px}.toc__box{border-radius:22px;padding:18px 20px}.toc summary{cursor:pointer;font-size:12px;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc ol{counter-reset:toc;gap:2px;margin-top:12px;display:grid}.toc li{counter-increment:toc}.toc a{color:var(--text-muted);grid-template-columns:24px 1fr;padding:6px 0;font-size:14px;line-height:1.4;transition:color .2s;display:grid}.toc a:before{content:counter(toc, decimal-leading-zero);color:var(--orange);padding-top:2px;font-size:11px;font-weight:600}.toc a:hover{color:var(--ink)}@media (max-width:1000px){.toc{position:static}}@media (min-width:1001px){.toc summary{pointer-events:none}}.article-body{color:#232326;overflow-wrap:break-word;font-size:clamp(17px,1.25vw,19px);line-height:1.75}.article-body>*+*{margin-top:1.1em}.article-body h2{letter-spacing:-.02em;color:var(--ink);margin-top:2em;scroll-margin-top:24px;font-size:clamp(26px,2.4vw,34px);font-weight:700;line-height:1.2}.article-body h3{color:var(--ink);margin-top:1.6em;scroll-margin-top:24px;font-size:clamp(20px,1.6vw,23px);font-weight:700;line-height:1.3}.article-body h2+*,.article-body h3+*{margin-top:.6em}.article-body a{color:var(--ink);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #ff55138c;text-decoration:underline #ff55138c;text-decoration-thickness:2px;transition:text-decoration-color .2s,color .2s}.article-body a:hover{color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.article-body strong{color:var(--ink);font-weight:700}.article-body ul,.article-body ol{padding-left:1.3em}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{padding-left:.2em}.article-body li+li{margin-top:.4em}.article-body li::marker{color:var(--orange);font-weight:600}.article-body blockquote{border-left:3px solid var(--orange);letter-spacing:-.01em;color:var(--ink);margin-block:1.8em;padding:4px 0 4px clamp(18px,3vw,28px);font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.4}.article-body blockquote p+p{margin-top:.6em}.article-body blockquote cite{letter-spacing:0;color:var(--text-muted);margin-top:12px;font-size:14px;font-style:normal;font-weight:500;display:block}.article-body blockquote cite:before{content:"— "}.article-body .callout{background:linear-gradient(135deg,#ff551314,#ff91000d);border:1px solid #ff551333;border-radius:20px;padding:clamp(18px,2.6vw,26px);font-size:.95em;line-height:1.65}.article-body .callout>*+*{margin-top:.7em}.article-body .callout ul,.article-body .callout ol{margin-top:.6em}.article-body code{background:#1212130f;border-radius:6px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.article-body pre{color:#e6e6ea;tab-size:2;background:#16161a;border-radius:16px;padding:18px 20px;font-size:14px;line-height:1.6;overflow-x:auto}.article-body pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.article-body figure{margin-block:1.8em}.article-body figure img{border-radius:18px;height:auto;margin-inline:auto}.article-body figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:14px}.article-body hr{background:var(--line);border:0;height:1px;margin-block:2.4em}.table-scroll{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;overflow-x:auto}.table-scroll:focus-visible{outline-offset:2px}.article-body table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.5}.article-body th,.article-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px}.article-body thead th{letter-spacing:.02em;color:var(--ink);background:#1212130a;font-size:13px;font-weight:700}.article-body tbody tr:last-child td{border-bottom:0}.article__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:28px;display:flex}.article__tags ul,.share__list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.article__foot .eyebrow{font-size:12px}.author-card{border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,28px);padding:clamp(22px,3vw,32px);display:grid}.author-card__img{aspect-ratio:1;object-fit:cover;object-position:top;background:var(--cream);border-radius:50%;width:clamp(72px,9vw,112px);height:auto}.author-card>div{justify-items:start;gap:8px;display:grid}.author-card__name{letter-spacing:-.01em;font-size:clamp(20px,2vw,26px);font-weight:700}.author-card p:not(.eyebrow){color:var(--text-muted);font-size:15px;line-height:1.6}.author-card .eyebrow{font-size:12px}@media (max-width:480px){.author-card{grid-template-columns:minmax(0,1fr)}}.post-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.post-nav__link{transition:transform .25s var(--ease);border-radius:22px;align-content:start;gap:8px;padding:clamp(18px,2.4vw,26px);display:grid}.post-nav__link:hover{transform:translateY(-2px)}.post-nav__link--next{text-align:right;grid-column:2;justify-items:end}.post-nav__link .eyebrow{font-size:12px}.post-nav__title{font-size:clamp(16px,1.4vw,19px);font-weight:700;line-height:1.3}@media (max-width:640px){.post-nav{grid-template-columns:minmax(0,1fr)}.post-nav>span{display:none}.post-nav__link--next{grid-column:auto}}.post-cta{background:linear-gradient(135deg,#ff55131f,#ffffffb8 60%);border-radius:28px;gap:18px;padding:clamp(22px,3vw,32px);display:grid}.post-cta>div:first-child{gap:8px;display:grid}.post-cta .eyebrow{font-size:12px}.post-cta__title{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.15}.post-cta__body{color:var(--text-muted);max-width:56ch}.post-cta__buttons{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:480px){.post-cta__buttons .btn{flex:100%;justify-content:center}}@media (max-width:640px){.blog-tools .blog-filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:calc(-1*clamp(14px,2.4vw,22px));padding-inline:clamp(14px,2.4vw,22px);overflow-x:auto}.blog-filters.blog-filters--links{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-wrap:nowrap;justify-content:flex-start;width:auto;max-width:none;overflow-x:auto}.blog-filters::-webkit-scrollbar{display:none}.blog-filter{flex:none}}.project-card__fallback{text-align:center;letter-spacing:-.02em;color:var(--ink);background:linear-gradient(135deg,#ff8a4c38,#788cff2e);place-items:center;padding:24px;font-size:clamp(22px,2.4vw,30px);font-weight:700;display:grid;position:absolute;inset:0}
