@layer nimbus-components{.page-header{display:flex;flex-direction:row;gap:var(--space-32);align-items:flex-start;align-self:stretch;padding:var(--space-16);border-radius:var(--radius-md)}.page-header--detailed{background-color:var(--color-surface-dim)}.page-header--simple{gap:1.5rem;padding:var(--space-16) 0}.page-header__image{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:8rem}.page-header__icon{display:flex;flex-shrink:0;gap:.5rem;align-items:center;justify-content:center;width:3.5rem;height:3.5rem}.page-header__meta{display:flex;gap:2rem;align-items:center}.page-header__content-detailed{display:flex;flex:1 0 0;flex-direction:column;gap:.75rem;align-items:flex-start;min-width:0}.page-header__content-detailed .page-header__info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;align-self:stretch}.page-header__content-simple{display:flex;flex:1 0 0;flex-wrap:wrap;gap:.75rem;align-items:center;align-self:center;min-width:0}.page-header__content-simple .page-header__info{display:flex;flex:1 0 0;flex-direction:column;gap:.25rem;align-items:flex-start}.page-header__content-simple .page-header__meta{display:flex;gap:2rem;align-items:center}.page-header__heading{line-height:1;overflow-wrap:anywhere}.page-header__description{display:inline-block;align-self:stretch;color:var(--color-text-tertiary);font-weight:var(--font-weight-regular);font-size:var(--font-size-body-lg);line-height:var(--line-height-md);text-shadow:var(--textshadow-default);word-break:break-word}.page-header__meta-item{display:flex;flex-wrap:nowrap;gap:var(--gap-xs);align-items:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-body-md);line-height:var(--line-height-lg);text-shadow:var(--textshadow-default);word-break:break-all}.page-header__meta-item svg{inline-size:var(--space-16)}@media (width <= 48rem){.page-header{gap:var(--space-16);padding:var(--space-8)}.page-header__image{width:8rem}.page-header__info>h1{--display-font-size: 1.75rem}.page-header__content-detailed .page-header__meta,.page-header__content-simple .page-header__meta{flex-wrap:wrap;gap:var(--space-16)}}@media (width <= 375px){.page-header__image{width:100%}.page-header--detailed{flex-direction:column}}}