.hero-blog{display:flex;flex-direction:column;gap:var(--spacing-40);width:100%}.hero-blog-header{display:flex;align-items:center;width:100%}.hero-blog-header h1{width:100%;max-width:560px}.hero-blog-image{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden}.hero-blog-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}.hero-blog-video{height:auto;aspect-ratio:16 / 9}.hero-blog-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hero-blog-cover{position:absolute;inset:0;z-index:1;transition:opacity .2s ease}.hero-blog-cover[data-hidden]{opacity:0;pointer-events:none}.hero-blog-cover-action{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.hero-blog-cover-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-dark-alpha-700);color:var(--color-text-on-color);font-size:24px;cursor:pointer;transition:background-color .1s ease-out}.hero-blog-cover-button:focus-visible{outline:2px solid var(--color-text-on-color);outline-offset:2px}.hero-blog-cover-button:hover{background-color:var(--color-dark-alpha-800)}.hero-blog:hover .hero-blog-image img{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.hero-blog-image img,.hero-blog-cover{transition:none}}.blog-metadata{display:flex;justify-content:space-between;gap:16px;width:100%;min-width:0;color:var(--color-text-secondary);font-size:var(--marketing-body-font-size);line-height:20px}.metadata-right{display:flex;align-items:center}.blog-date-wrapper{width:240px}.blog-author-link{cursor:pointer}.blog-author-link:hover{text-decoration:underline}@media(max-width:768px){.blog-date-wrapper{width:auto;flex-shrink:0}.hero-blog-header h1{max-width:100%}.hero-blog-image{aspect-ratio:16 / 9}.blog-category{display:none}.blog-metadata{flex-wrap:wrap}.metadata-right{display:flex;justify-content:space-between;gap:12px;width:100%;min-width:0}}@media(max-width:480px){.hero-blog{gap:var(--spacing-24)}}
