:root{--blog-color-primary: var(--app-color-blue);--blog-color-secondary: var(--app-color-purple);--blog-color-accent: var(--app-color-teal);--blog-color-highlight: var(--app-color-orange);--blog-text-primary: var(--app-color-blue);--blog-text-secondary: #4a5568;--blog-text-light: var(--app-color-white);--blog-bg-primary: var(--app-color-white);--blog-bg-secondary: #f7fafc;--blog-bg-accent: var(--app-color-teal);--blog-border-light: #e2e8f0;--blog-border-medium: #cbd5e0;--blog-border-accent: var(--app-color-teal);--blog-radius-sm: 4px;--blog-radius-md: 6px;--blog-radius-lg: 8px;--blog-radius-full: 9999px}.blog-layout{color:var(--blog-text-primary);width:100%;max-width:100vw;min-height:100vh;overflow-x:clip;padding-bottom:4rem}.blog-layout main{padding-bottom:1rem}.blog-layout h1,.blog-layout h2,.blog-layout h3,.blog-layout h4,.blog-layout h5,.blog-layout h6,.blog-layout p{color:inherit}section.header{position:relative;margin:max(6vh,4rem) 0 max(4vh,2rem)}section.header header{flex-direction:column;align-items:center;gap:2rem}section.header header .blog-logo-container{width:100%;height:max(7vh,4rem);display:flex;align-items:center;justify-content:center}section.header header .blog-logo-container svg{height:100%;width:auto;margin:0 auto}.blog-layout h1{font-size:3rem;letter-spacing:-.04em;line-height:1.2em;font-weight:600;margin:0;color:var(--app-color-blue, #000B45);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.subtitle{line-height:1.75rem;font-size:1.125rem;text-align:right;font-weight:400;margin:0}.swirl-bg{width:100%;height:100%;position:absolute;display:flex;justify-content:space-between;top:0;left:0;overflow:visible}.swirl-bg div{width:31vw;max-width:50%;height:auto;overflow:visible;position:fixed;z-index:-1}.swirl-bg div:has(.swirl1){left:-9%;top:-12vh}.swirl-bg div:has(.swirl2){right:-9%;top:-20vh}.swirl-bg svg{overflow:visible}.posts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;position:relative;padding:0;list-style-type:none;margin:0 auto;max-width:1000px;width:96%;background:none}.posts li{display:grid}.posts a{border-radius:1.8rem;padding:2.8rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;position:relative;overflow:hidden;color:inherit;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0000000d}.posts a:hover{transform:translateY(-5px);box-shadow:0 12px 24px #000b451a;border-color:#00e5b9}.posts a .title{padding-top:22%;position:relative}.posts a .title:after{content:"";position:absolute;bottom:-10px;left:0;width:40px;height:3px;background:#00e5b9}.posts a h2{margin:0;font-weight:400;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.posts a p{margin:0}.authors-info{position:relative;font-size:.88rem;font-weight:500}.posts .post-date,.posts .avatar__name{text-transform:uppercase;display:block;color:inherit}.posts .featured-post{grid-column:1/3}.posts .featured-post a{display:grid;gap:2rem 1rem;grid-template-columns:2fr 1fr;grid-template-areas:"title blank" "excerpt meta"}.posts .featured-post a .title{padding-top:1rem;grid-area:title;display:flex;flex-direction:column;gap:0}.posts .featured-post a .excerpt{grid-area:excerpt}.posts .featured-post a .meta{grid-area:meta;align-self:flex-end;justify-self:flex-end}@media only screen and (max-width: 700px){.blog-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.blog-header svg{width:200px}.blog-nav{width:100%;justify-content:flex-start}header.flex{align-items:flex-start;flex-direction:column;gap:2.6rem}.subtitle{text-align:left}.swirl-bg div:has(.swirl1){display:none}.swirl-bg div:has(.swirl2){left:70%;top:-100%}.posts{grid-template-columns:1fr}.posts .featured-post{grid-column:1/2}.posts .featured-post a{grid-template-columns:1fr;grid-template-areas:"title" "excerpt" "meta"}}