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