.journal-hero{position:relative;width:100%;height:clamp(520px,88vh,920px);overflow:hidden}.journal-hero__image{position:absolute;inset:0;z-index:1}.journal-hero__gradient{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(18,16,16,.88) 0,rgba(18,16,16,.55) 35%,rgba(18,16,16,.15) 65%,transparent);pointer-events:none}.journal-hero__content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:0 clamp(1.5rem,4vw,3rem) clamp(2rem,4vh,3.5rem)}.journal-hero__inner{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;width:100%;margin:0 auto}@media (min-width:768px){.journal-hero__inner{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:3rem}}.journal-hero__text{flex:1;max-width:640px;display:flex;flex-direction:column;gap:0}.journal-hero__pill{display:inline-block;width:fit-content;padding:.375rem 1rem;border-radius:9999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);font-size:.625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:1rem}.journal-hero__title{font-family:var(--font-outfit),"Outfit",sans-serif;font-size:clamp(1.75rem,4.5vw,3.25rem);font-weight:700;color:#fff;line-height:1.08;letter-spacing:-.02em;margin-bottom:.75rem;transition:color .3s ease}.journal-hero__title:hover{color:#FDF1DD}.journal-hero__excerpt{font-family:var(--font-outfit),"Outfit",sans-serif;font-size:clamp(.875rem,1.2vw,1.05rem);color:rgba(255,255,255,.6);line-height:1.6;max-width:480px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-hero__meta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex-shrink:0}@media (min-width:768px){.journal-hero__meta{align-items:flex-end}}.journal-hero__author{display:flex;align-items:center;gap:.75rem}.journal-hero__avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(135deg,#941B20,#c9363c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px rgba(148,27,32,.4)}.journal-hero__author-info{display:flex;flex-direction:column}.journal-hero__author-name{font-family:var(--font-outfit),"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:#fff}.journal-hero__author-meta{font-size:.65rem;color:rgba(255,255,255,.6)}.journal-hero__author-meta,.journal-hero__cta{font-family:var(--font-outfit),"Outfit",sans-serif}.journal-hero__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:9999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.8125rem;font-weight:600;transition:all .3s ease}.journal-hero__cta:hover{background:#941B20;border-color:#941B20;box-shadow:0 8px 24px rgba(148,27,32,.35)}.journal-hero__progress-bar{display:flex;align-items:center;gap:.375rem;max-width:100%;width:100%;margin:1.5rem auto 0}.journal-hero__progress-segment{position:relative;height:3px;flex:1;max-width:80px;border-radius:9999px;background:rgba(255,255,255,.2);cursor:pointer;overflow:hidden;transition:background .3s ease,max-width .5s cubic-bezier(.22,1,.36,1)}.journal-hero__progress-segment:hover{background:rgba(255,255,255,.35)}.journal-hero__progress-segment--active{max-width:120px;background:rgba(255,255,255,.25)}.journal-hero__progress-fill{position:absolute;inset:0;border-radius:9999px;background:#fff;transform-origin:left;animation:fillProgress linear forwards}.journal-hero__progress-fill--paused{animation-play-state:paused}@keyframes fillProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.journal-hero__nav-arrow{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);transition:color .3s ease;padding:.25rem;cursor:pointer}.journal-hero__nav-arrow:hover{color:rgba(255,255,255,1)}