html,body{background-color:var(--bg)}.blog-hero{padding-block-start:calc(var(--space-128) + var(--space-32));padding-block-end:var(--space-24);position:relative}.blog-hero-blob{background-color:var(--accent);filter:blur(180px);opacity:.12;pointer-events:none;border-radius:50%;block-size:700px;inline-size:700px;position:absolute;inset-block:auto -600px;inset-inline:auto -150px}.blog-heading{font-family:var(--font-heading);font-size:var(--font-36);font-weight:var(--fw-normal);line-height:var(--lh-120);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text);margin-block-end:var(--space-32)}.blog-filters-row{justify-content:space-between;align-items:center;gap:var(--space-16);margin-block-start:var(--space-32);display:flex}@media (width<=768px){.blog-filters-row{display:none}}.blog-filters{gap:var(--space-8);flex-wrap:wrap;display:flex}.blog-search{border:1px solid oklch(100% 0 0/.12);border-radius:9999px;flex-shrink:0;align-items:center;block-size:44px;inline-size:44px;transition:inline-size .4s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.blog-search:hover,.blog-search:focus-within{border-color:oklch(100% 0 0/.25);outline:none;inline-size:260px}}.blog-search-btn{color:oklch(100% 0 0/.6);cursor:pointer;z-index:1;background-color:#0000;border:none;justify-content:center;align-items:center;block-size:44px;inline-size:44px;margin:0;padding:0;transition:color .2s;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:0 -50%}.blog-search-btn svg{flex-shrink:0;display:block}@media (hover:hover){.blog-search:hover .blog-search-btn,.blog-search:focus-within .blog-search-btn{color:oklch(100% 0 0)}}.blog-search-input{appearance:none;min-inline-size:0;box-shadow:none;color:oklch(100% 0 0);font-size:var(--font-14);opacity:0;background-color:#0000;border:none;outline:none;flex:1;padding-block:0;padding-inline-start:44px;padding-inline-end:var(--space-16);transition:opacity .25s .1s}.blog-search-input:focus,.blog-search-input:focus-visible{box-shadow:none;outline:none}.blog-search-input::placeholder{color:oklch(100% 0 0/.35)}.blog-search-input::-webkit-search-cancel-button{display:none}@media (hover:hover){.blog-search:hover .blog-search-input,.blog-search:focus-within .blog-search-input{opacity:1}}.blog-filter{font-family:var(--font-heading);font-size:var(--font-13);font-weight:var(--fw-normal);letter-spacing:var(--ls-wide);text-transform:uppercase;color:oklch(100% 0 0/.5);block-size:44px;padding-inline:var(--space-20);cursor:pointer;background-color:#0000;border:1px solid oklch(100% 0 0/.12);border-radius:9999px;justify-content:center;align-items:center;line-height:1;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}@media (hover:hover){.blog-filter:hover{color:oklch(100% 0 0);border-color:oklch(100% 0 0/.3)}}.blog-filter.is-active{color:oklch(100% 0 0);background-color:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.25)}.blog-featured{padding-block-end:var(--space-64)}.blog-featured-card{border-radius:var(--radius-16);background-color:var(--bg-elevated);background-image:url(/assets/blog-post-navigating-it-infrastructure-BreqoxZY.webp);background-position:50%;background-size:cover;border:1px solid #3a3a3a;block-size:520px;text-decoration:none;transition:border-color .3s;display:block;position:relative;overflow:hidden}.blog-featured-overlay{background-image:linear-gradient(to top, var(--bg) 0%, transparent 55%);z-index:1;position:absolute;inset:0}.blog-featured-body{justify-content:space-between;align-items:flex-end;gap:var(--space-32);padding:var(--space-40);z-index:2;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.blog-featured-meta{display:none}.blog-featured-title{font-family:var(--font-heading);font-size:var(--font-24);font-weight:var(--fw-semibold);line-height:var(--lh-130);color:oklch(100% 0 0);max-inline-size:60%}.blog-featured-read{align-items:center;gap:var(--space-8);font-family:var(--font-heading);font-size:var(--font-13);font-weight:var(--fw-normal);letter-spacing:var(--ls-wide);text-transform:uppercase;color:oklch(100% 0 0/.6);white-space:nowrap;flex-shrink:0;transition:color .2s;display:inline-flex}.blog-featured-read svg{transition:translate .2s}@media (hover:hover){.blog-featured-card:hover .blog-featured-read{color:oklch(100% 0 0)}.blog-featured-card:hover .blog-featured-read svg{translate:4px}}.site-nav-link.is-active{color:oklch(100% 0 0)}@media (width<=768px){html,body{overflow-x:hidden}.wrapper{--wrapper-gap:var(--space-20);--wrapper-max:100%}.blog-hero{padding-block-start:calc(var(--space-80) + var(--space-16) + 48px);padding-block-end:0}.blog-hero-blob{inset-block-start:-60px}.blog-heading{font-size:var(--font-28);margin-block-end:var(--space-16)}.blog-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;min-inline-size:0;overflow-x:auto}.blog-filters::-webkit-scrollbar{display:none}.blog-featured{padding-block-end:var(--space-32)}.blog-featured-card{background-position:top;block-size:auto;min-block-size:0;display:grid}.blog-featured-overlay{background-image:linear-gradient(to bottom, transparent 35%, var(--bg-surface) 62%)}.blog-featured-body{justify-items:start;gap:var(--space-12);padding:var(--space-20);z-index:2;padding-block:180px 0;display:grid;position:static}.blog-featured-meta{font-family:var(--font-heading);font-size:var(--font-11);font-weight:var(--fw-normal);letter-spacing:var(--ls-wide);text-transform:uppercase;color:oklch(100% 0 0/.55);display:block}.blog-featured-title{max-inline-size:100%;font-size:var(--font-18)}.blog-featured-read{justify-content:center;align-items:center;gap:var(--space-8);inline-size:100%;padding-block:var(--space-20);font-size:var(--font-13);white-space:normal;border-block-start:1px solid oklch(100% 0 0/.12);margin-block-start:auto;display:flex}}