.post-hero{--hero-bg: hsl(var(--b2));--hero-radius: var(--rounded-box, 1rem);--hero-padding: 1rem;--hero-padding-sm: 1.5rem;--hero-padding-md: 2rem;--hero-image-height: 17rem;--hero-image-height-sm: 20rem;--hero-image-height-md: 22rem;--nav-arrow-size: 2.25rem;--nav-arrow-opacity: .6;--nav-arrow-hover-opacity: 1;--nav-arrow-disabled-opacity: .2}.post-hero{background-color:var(--hero-bg);border-radius:0;overflow:hidden;margin-bottom:2rem;position:relative}.post-hero--with-image .post-hero__overlay{display:none}.post-hero__content{display:flex;flex-direction:column;gap:1rem;padding:0;max-width:none;position:relative;z-index:1}.post-hero--with-image .post-hero__content{color:hsl(var(--bc))}.post-hero__text{width:100%;max-width:60rem;margin:0 auto;padding:0 1rem 1.5rem}@media (min-width: 640px){.post-hero__text{padding:0 1.5rem 2rem}}@media (min-width: 768px){.post-hero__text{padding:0 2rem 2.5rem}}.post-hero__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2;margin-bottom:.5rem}.post-hero__description{font-size:clamp(.875rem,2vw,1rem);opacity:.8;margin-bottom:1rem;line-height:1.6}@media (min-width: 640px){.post-hero__description{font-size:1rem}}@media (min-width: 768px){.post-hero__description{font-size:1.125rem}}.post-hero__meta{display:flex;flex-wrap:wrap;-moz-column-gap:1rem;column-gap:1rem;row-gap:.25rem;font-size:.75rem;opacity:.7;margin-bottom:.75rem}@media (min-width: 640px){.post-hero__meta{font-size:.875rem}}.post-hero__meta-item{display:inline-flex;align-items:center}.post-hero__meta-icon{width:1rem;height:1rem;margin-right:.25rem;display:inline-flex;align-items:center}.post-hero__badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.post-hero__badge--category{font-size:.75rem;padding:.25rem .75rem;border-radius:var(--badge-radius, .5rem);background-color:hsl(var(--p) / .15);color:hsl(var(--p));text-decoration:none;cursor:pointer;transition:background-color .7s ease-in-out,color .7s ease-in-out}.post-hero__badge--category:hover{background-color:hsl(var(--pf));color:hsl(var(--pc))}.post-hero--with-image .post-hero__badge--category{background-color:hsl(var(--p) / .3);color:hsl(var(--nc))}.post-hero--with-image .post-hero__badge--category:hover{background-color:hsl(var(--p));color:hsl(var(--pc))}.post-hero__badge--tag{font-size:.625rem;padding:.125rem .5rem;border-radius:var(--badge-radius, .5rem);background-color:hsl(var(--b3) / .4);color:hsl(var(--bc) / .6);text-decoration:none;cursor:pointer;line-height:1.4;transition:background-color .7s ease-in-out,color .7s ease-in-out}.post-hero__badge--tag:hover{background-color:hsl(var(--b3));color:hsl(var(--bc))}.post-hero--with-image .post-hero__badge--tag{background-color:hsl(var(--bc) / .2);color:hsl(var(--nc))}.post-hero--with-image .post-hero__badge--tag:hover{background-color:hsl(var(--bc) / .35);color:hsl(var(--nc))}.post-hero__image-section{position:relative;width:100%;overflow:hidden;margin-top:calc(-2rem - 1px);padding-top:2rem}.post-hero__image-wrapper{width:100%;margin:0;line-height:0;overflow:hidden}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.post-hero__image{width:100%;height:var(--hero-image-height);-o-object-fit:cover;object-fit:cover;border-radius:0;box-shadow:none;display:block;animation:breathe 12s ease-in-out infinite}@media (min-width: 640px){.post-hero__image{height:var(--hero-image-height-sm)}}@media (min-width: 768px){.post-hero__image{height:var(--hero-image-height-md)}}.post-hero__nav{position:absolute;top:2rem;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;pointer-events:none;height:calc(100% - 2rem)}.post-hero__nav-arrow{display:flex;align-items:center;justify-content:center;width:var(--nav-arrow-size);height:var(--nav-arrow-size);border-radius:50%;background:oklch(var(--s) / .6);color:oklch(var(--sc));opacity:var(--nav-arrow-opacity);pointer-events:auto;cursor:pointer;text-decoration:none;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.post-hero__nav-arrow:hover{opacity:var(--nav-arrow-hover-opacity);background:oklch(var(--s) / 1);transform:scale(1.1)}.post-hero__nav-arrow:active{transform:scale(.95)}.post-hero__nav-arrow--disabled{opacity:var(--nav-arrow-disabled-opacity);pointer-events:none;cursor:default;background:oklch(var(--s) / .3)}.post-hero__external-link{color:hsl(var(--s));font-size:.875rem;opacity:.6;text-decoration:none;display:inline-block;margin-top:.5rem;transition:opacity .3s ease}.post-hero__external-link:hover{opacity:1;text-decoration:none}.post-hero--with-image .post-hero__external-link{color:hsl(var(--nc));opacity:.8}.post-hero--with-image .post-hero__external-link:hover{opacity:1}