.post-header{width:90vw;max-width:1080px;margin:5em auto 0}.post-header.has-hero{isolation:isolate;color:#fff;align-items:flex-end;width:100%;max-width:none;min-height:80vh;margin:0 0 3rem;display:flex;position:relative}.post-header.has-hero .hero-media{z-index:0;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.post-header.has-hero .hero-media-fill,.post-header.has-hero .hero-media-picture,.post-header.has-hero .hero-media-img{width:100%;height:100%;position:absolute;inset:0}.post-header.has-hero .hero-media-img{-o-object-fit:cover;object-fit:cover}.post-header.has-hero .hero-gradient{pointer-events:none;z-index:1;background:linear-gradient(#0000,#0006);height:75%;position:absolute;bottom:0;left:0;right:0}.post-header .inner{flex-direction:column;gap:.5rem;margin:5em auto 0;display:flex}.post-header,.post-header :is(h1,.categories-cont,p,time,a){font-family:var(--source-serif-font)}.post-header .title-cont{font-size:min(9vw,3rem);line-height:125%}.post-header .post-header-parent{width:fit-content;color:inherit;margin:0;font-size:.5em;font-style:italic;font-weight:400;line-height:1.3;text-decoration:none;transition:none;display:block}.post-header-breadcrumbs{text-align:left}.post-header-breadcrumbs ol{font-family:var(--source-serif-font);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.15rem .35rem;margin:0;padding:0;font-size:1.25rem;line-height:1.4;list-style:none;display:flex}.post-header-breadcrumbs li{align-items:center;gap:.35rem;display:inline-flex}.post-header-breadcrumbs a{color:inherit;text-decoration:none}.post-header-breadcrumbs a:hover{text-decoration:underline}.post-header-breadcrumbs-caret{flex-shrink:0;width:1em;height:1em}.post-header .post-header-navigate{color:inherit;letter-spacing:.04em;text-transform:uppercase;text-underline-offset:.2em;margin-top:.5rem;font-size:.875rem;text-decoration:underline;display:inline-block}.post-header h1{font-family:var(--source-serif-font);color:#000;font-size:1em;font-weight:700;line-height:125%}.post-header.has-hero,.post-header.has-hero :is(h1,.categories-cont,p,time,a){color:#fff}.post-header.has-hero .inner{z-index:2;width:90vw;max-width:1080px;margin:0 auto;padding-bottom:2rem;position:relative}@media (min-width:48em){.post-header.has-hero .hero-gradient{height:50%}.post-header .inner{width:60%;max-width:660px;margin-top:8em;margin-bottom:3rem}.post-header.has-hero .inner{margin-top:0;margin-bottom:0;padding-bottom:3rem}}@media (min-width:62em){.post-header{margin-top:10em;margin-bottom:3rem}.post-header.has-hero{margin-top:0;margin-bottom:4rem}}
