.journal-page { background: #090a0c; }
.journal-page .topbar { position: fixed; }
.journal-page nav a[aria-current="page"] { color: white; background: rgba(255,255,255,.09); }

.journal-hero { position: relative; min-height: 670px; padding: 190px max(var(--pad), calc((100vw - var(--max)) / 2)) 86px; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.55fr); align-items: end; gap: 80px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 34%, rgba(138,160,255,.16), transparent 28%), radial-gradient(circle at 68% 82%, rgba(221,119,71,.08), transparent 27%), linear-gradient(145deg, #12141a, #090a0c 61%); }
.journal-hero::before { content: ""; position: absolute; right: -10vw; top: -18vw; width: 62vw; height: 62vw; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.055), transparent 57%); filter: blur(18px); }
.journal-hero-copy { position: relative; z-index: 2; }
.journal-hero h1 { margin: 0 0 32px; font-size: clamp(5.8rem, 10vw, 10rem); }
.journal-hero-copy > p:last-child { max-width: 720px; color: #bfc1c7; font-size: clamp(1.08rem,1.45vw,1.3rem); line-height: 1.7; }
.journal-readout { position: relative; z-index: 2; display: grid; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(13,14,18,.56); box-shadow: 0 25px 80px rgba(0,0,0,.26); backdrop-filter: blur(18px); }
.journal-readout div { padding: 20px 22px; display: flex; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.09); }
.journal-readout div:last-child { border-bottom: 0; }
.journal-readout small { color: #7f828b; font-size: 10px; font-weight: 650; }
.journal-readout strong { color: #e4e4e7; font-size: 11px; font-weight: 700; text-align: right; }
.journal-orbit { display: none; }

.journal-controls { position: sticky; z-index: 18; top: 104px; max-width: var(--max); margin: 0 auto; padding: 20px var(--pad); display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid var(--line); background: rgba(9,10,12,.88); backdrop-filter: blur(18px); }
.journal-controls > p { margin: 0; color: #92959c; font-size: 11px; font-weight: 650; }
.signal-dot { display: none; }
.filters { display: flex; flex-wrap: wrap; gap: 7px; }
.filters button { min-height: 36px; padding: 0 13px; border: 1px solid transparent; border-radius: 99px; color: #979aa2; background: rgba(255,255,255,.045); font: inherit; font-size: 10px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.filters button:hover { color: #e8e8eb; background: rgba(255,255,255,.08); }
.filters button.active { color: #0b0c0f; background: var(--accent-2); }
[data-filter-group][hidden] { display: none; }

.section-intro { max-width: var(--max); margin: 0 auto; padding: 108px var(--pad) 0; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); gap: 80px; align-items: end; }
.section-intro .kicker { grid-column: 1 / -1; margin-bottom: -50px; }
.section-intro h2 { margin: 0; color: #f2f2f0; font-size: clamp(3.5rem,6.7vw,7rem); font-weight: 740; letter-spacing: -.068em; line-height: .88; }
.section-intro h2 em { color: #aeb8ff; font-family: Georgia, serif; font-size: .92em; font-weight: 500; }
.section-intro > p:last-child { margin: 0; color: #9a9da5; font-size: 1rem; line-height: 1.72; }
.origin-ledger { border-bottom: 1px solid var(--line); }
.origin-layout { padding-top: 62px; padding-bottom: 92px; }

.grand-vision { position: relative; max-width: calc(var(--max) - (var(--pad) * 2)); margin: 120px auto 20px; padding: 58px; overflow: hidden; border: 1px solid rgba(174,184,255,.24); border-radius: 24px; background: radial-gradient(circle at 82% 3%, rgba(138,160,255,.25), transparent 27%), linear-gradient(145deg, #181a24, #0e0f14 70%); box-shadow: 0 34px 100px rgba(0,0,0,.34); }
.grand-vision::before { content: "LONG HORIZON"; position: absolute; right: -10px; top: 24px; color: rgba(255,255,255,.035); font-size: clamp(4rem,9vw,9rem); font-weight: 800; letter-spacing: -.06em; white-space: nowrap; }
.grand-vision header { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.6fr); gap: 70px; align-items: end; padding-bottom: 46px; border-bottom: 1px solid rgba(255,255,255,.11); }
.grand-vision header .kicker { grid-column: 1 / -1; margin-bottom: -42px; }
.grand-vision h2 { margin: 0; font-size: clamp(3.6rem,6.5vw,6.8rem); font-weight: 750; letter-spacing: -.07em; line-height: .86; }
.grand-vision h2 em { color: #aeb8ff; font-family: Georgia, serif; font-size: .92em; font-weight: 500; }
.grand-vision header > p:last-child { margin: 0; color: #b0b3bd; font-size: 1.05rem; line-height: 1.75; }
.vision-acts { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 44px; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }
.vision-acts article { padding: 34px 30px 38px; border-right: 1px solid rgba(255,255,255,.09); }
.vision-acts article:first-child { padding-left: 0; }
.vision-acts article:last-child { padding-right: 0; border-right: 0; }
.vision-acts span, .vision-law span { display: block; margin-bottom: 18px; color: #aeb8ff; font-size: .75rem; font-weight: 760; letter-spacing: .1em; }
.vision-acts h3 { margin: 0 0 15px; color: #efefed; font-size: 1.45rem; font-weight: 680; letter-spacing: -.035em; line-height: 1.12; }
.vision-acts p { margin: 0; color: #989ba5; font-size: 1rem; line-height: 1.7; }
.vision-gallery { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 34px; }
.vision-gallery figure { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: #0b0c10; }
.vision-gallery img { width: 100%; aspect-ratio: 16/10; object-fit: cover; filter: saturate(.82) contrast(1.03); }
.vision-gallery figcaption { padding: 11px 13px; color: #9b9eaa; font-size: .75rem; font-weight: 650; letter-spacing: .035em; }
.vision-law { position: relative; z-index: 1; display: grid; grid-template-columns: 190px 1fr; gap: 28px; padding-top: 28px; }
.vision-law span { margin: 4px 0 0; }
.vision-law p { margin: 0; max-width: 850px; color: #c0c2ca; font-size: 1rem; line-height: 1.7; }

.history-ledger, .current-checkpoint { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.history-ledger .section-intro, .current-checkpoint .section-intro { padding-inline: 0; }
.history-ledger .journal-log { max-width: 1040px; padding-top: 72px; }
.current-checkpoint { padding-bottom: 54px; }
.current-checkpoint .journal-log { padding-top: 70px; }

.source-note-timeline { max-width: var(--max); margin: 0 auto; padding: 112px var(--pad) 34px; }
.source-note-intro { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); gap: 80px; align-items: end; padding-bottom: 68px; border-bottom: 1px solid var(--line); }
.source-note-intro h2 { margin: 16px 0 0; color: #f2f2f0; font-size: clamp(3.5rem,6.7vw,7rem); font-weight: 740; letter-spacing: -.068em; line-height: .88; }
#source-note-title { scroll-margin-top: 210px; }
.source-note-intro h2 em { color: #aeb8ff; font-family: Georgia, serif; font-size: .92em; font-weight: 500; }
.source-note-intro > p { margin: 0; color: #9a9da5; font-size: 1rem; line-height: 1.72; }

.note-day { padding-top: 84px; }
.note-day[hidden] { display: none; }
.note-day-head { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 26px; align-items: end; margin-bottom: 30px; }
.note-day-head time { display: flex; align-items: flex-end; gap: 11px; }
.note-day-head time b { color: #f0f0ee; font-size: 4.8rem; font-weight: 730; letter-spacing: -.075em; line-height: .76; }
.note-day-head time span { color: #777a82; font-size: 9px; font-weight: 680; letter-spacing: .08em; line-height: 1.45; }
.note-day-head > div { padding-bottom: 2px; }
.note-day-head p { margin: 0 0 7px; color: #aeb8ff; font-size: 9px; font-weight: 740; letter-spacing: .09em; }
.note-day-head .note-day-overview { max-width: 820px; margin: 13px 0 0; color: #999ca5; font-size: 1rem; font-weight: 400; letter-spacing: 0; line-height: 1.65; }
.note-day-head h2 { margin: 0; color: #c8c9ce; font-size: clamp(1.15rem,2.1vw,1.65rem); font-weight: 630; letter-spacing: -.025em; }
.note-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.note-card { position: relative; min-width: 0; padding: 25px 25px 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: linear-gradient(148deg, rgba(255,255,255,.055), rgba(255,255,255,.022)); transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.note-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: linear-gradient(#aeb8ff, transparent 78%); opacity: .72; }
.note-card:hover { transform: translateY(-2px); border-color: rgba(174,184,255,.28); background: linear-gradient(148deg, rgba(255,255,255,.07), rgba(255,255,255,.026)); }
.note-card[hidden] { display: none; }
.note-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 16px; color: #777a82; font-size: 9px; font-weight: 720; letter-spacing: .07em; }
.note-card .state { font-size: 8px; }
.state.verified, .state.checked { color: #b6e3c0; background: rgba(109,190,129,.12); }
.state.audit { color: #bdd8f5; background: rgba(100,159,219,.12); }
.state.blocked { color: #f2ae96; background: rgba(221,119,71,.12); }
.note-card h3 { margin: 0 0 13px; color: #ededeb; font-size: clamp(1.22rem,1.8vw,1.62rem); font-weight: 675; letter-spacing: -.035em; line-height: 1.13; }
.note-card > p { margin: 0; color: #9da0a7; font-size: .93rem; line-height: 1.66; }
.note-card details { margin-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }
.note-card summary { padding: 14px 0 2px; display: flex; justify-content: space-between; gap: 18px; color: #bfc1c8; font-size: 9px; font-weight: 740; letter-spacing: .065em; text-transform: uppercase; cursor: pointer; list-style: none; }
.note-card summary::-webkit-details-marker { display: none; }
.note-card summary span { color: #aeb8ff; font-size: 13px; transition: transform .2s ease; }
.note-card details[open] summary span { transform: rotate(45deg); }
.note-proof { padding-top: 13px; }
.note-proof p { margin: 0 0 11px; color: #8f929a; font-size: .85rem; line-height: 1.58; }
.note-proof strong { display: block; margin-bottom: 4px; color: #c9cad0; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.note-source { display: block; margin-top: 16px; padding-top: 12px; overflow-wrap: anywhere; border-top: 1px solid rgba(255,255,255,.055); color: #62656e; font-size: 7px; font-weight: 680; letter-spacing: .055em; }

.journal-layout { max-width: var(--max); margin: 0 auto; padding: 100px var(--pad) 130px; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 58px; align-items: start; }
.journal-log { min-width: 0; }
.log-entry { position: relative; display: grid; grid-template-columns: 92px 18px minmax(0,1fr); gap: 22px; min-height: 270px; padding-bottom: 64px; }
.log-entry[hidden] { display: none; }
.log-entry.featured { grid-template-columns: 92px 18px minmax(0,.9fr) minmax(260px,.7fr); }
.log-entry time { color: var(--text); }
.log-entry time b { display: block; font-size: 3.2rem; font-weight: 720; letter-spacing: -.065em; line-height: .9; }
.log-entry time span { display: block; margin-top: 8px; color: #747780; font-size: 9px; font-weight: 650; letter-spacing: .08em; line-height: 1.35; }
.origin-date { color: var(--text); }
.origin-date b { display: block; color: #c3caff; font-size: .88rem; font-weight: 760; letter-spacing: .1em; line-height: 1; }
.origin-date span { display: block; margin-top: 10px; color: #747780; font-size: 8px; font-weight: 650; letter-spacing: .07em; line-height: 1.45; }
.origin-entry { min-height: 290px; }
.origin-entry .log-line::before { background: linear-gradient(to bottom, rgba(195,202,255,.5), rgba(255,255,255,.08)); }
.origin-entry .log-line i { border-color: #c3caff; background: #151822; box-shadow: 0 0 0 5px rgba(195,202,255,.08); }
.origin-entry blockquote { margin: 24px 0 0; padding: 16px 20px; border-left: 2px solid #c3caff; color: #dfe1eb; background: rgba(195,202,255,.045); font: 500 1.04rem/1.6 Georgia, serif; }
.origin-reflection { margin-top: 18px !important; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.1); color: #9da0aa !important; font-size: .92rem; }
.log-line { position: relative; display: flex; justify-content: center; }
.log-line::before { content: ""; position: absolute; top: 10px; bottom: -64px; width: 1px; background: rgba(255,255,255,.12); }
.log-line i { position: relative; z-index: 2; width: 9px; height: 9px; margin-top: 4px; border: 2px solid #aebaff; border-radius: 50%; background: #090a0c; box-shadow: 0 0 0 5px rgba(138,160,255,.08); }
.log-content { padding: 0 38px 42px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.log-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; color: #777a82; font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.state { padding: 6px 9px; border-radius: 99px; color: #bfc1c7; background: rgba(255,255,255,.07); }
.state.proof, .state.checked { color: #b6e3c0; background: rgba(109,190,129,.12); }
.state.failed { color: #f2ae96; background: rgba(221,119,71,.12); }
.state.staged, .state.trial, .state.isolated { color: #f0ca9e; background: rgba(221,153,79,.1); }
.state.proposed, .state.decision, .state.concept { color: #c8ceff; background: rgba(138,160,255,.12); }
.log-content h2 { margin: 0 0 18px; max-width: 850px; color: #f1f1ef; font-size: clamp(1.75rem,2.9vw,3rem); font-weight: 710; letter-spacing: -.045em; line-height: 1.06; }
.log-content p, .log-content li { color: #9da0a7; font-size: 1rem; line-height: 1.72; }
.log-content p { max-width: 800px; }
.log-content ul { max-width: 780px; margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.08); }
.log-content li { position: relative; padding: 9px 0 9px 18px; border-bottom: 1px solid rgba(255,255,255,.06); }
.log-content li::before { content: ""; position: absolute; left: 0; top: 18px; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.future-inline { margin-top: 26px; padding: 18px 19px; border: 1px solid rgba(138,160,255,.18); border-radius: 12px; background: linear-gradient(135deg, rgba(138,160,255,.09), rgba(255,255,255,.025)); }
.future-inline span { display: block; margin-bottom: 7px; color: #c3caff; font-size: 9px; font-weight: 750; letter-spacing: .08em; }
.future-inline p { margin: 0; color: #9699a2; font-size: .88rem; line-height: 1.58; }
.log-entry figure { margin: 0; align-self: start; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: #111216; box-shadow: 0 20px 55px rgba(0,0,0,.24); }
.log-entry figure img { aspect-ratio: 16/10; height: 100%; object-fit: cover; filter: saturate(.8) contrast(1.03); }
.log-entry figure figcaption { padding: 11px 13px; color: #9c9fa7; font-size: 9px; font-weight: 650; }
.waterfall-story { min-height: 0; }
.waterfall-story time b { font-size: 1.45rem; letter-spacing: -.04em; white-space: nowrap; }
.waterfall-story .log-content { padding-right: 0; }
.picture-story { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-top: 30px; }
.picture-story figure { display: flex; flex-direction: column; min-width: 0; border-radius: 15px; background: linear-gradient(155deg,#17191e,#0f1014); }
.picture-story figure img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; filter: saturate(.82) contrast(1.04); }
.picture-story figure figcaption { flex: 1; padding: 19px 18px 21px; }
.picture-story figcaption > span { display: block; margin-bottom: 10px; color: #aeb8ff; font-size: 8px; font-weight: 780; letter-spacing: .1em; }
.picture-story figcaption > strong { display: block; color: #e7e7e4; font-size: 1rem; font-weight: 680; letter-spacing: -.02em; line-height: 1.3; }
.picture-story figcaption > p { margin: 10px 0 0; color: #93969e; font-size: .83rem; font-weight: 400; line-height: 1.55; }
.story-lesson { max-width: none !important; margin: 18px 0 0; padding: 18px 20px; border-left: 2px solid #aeb8ff; background: rgba(138,160,255,.055); color: #a7aab3 !important; }
.story-lesson strong { color: #e1e2e7; }

.vision-deck { position: sticky; top: 190px; overflow: hidden; padding: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: radial-gradient(circle at 90% 3%, rgba(138,160,255,.22), transparent 28%), linear-gradient(150deg, #1a1b22, #111217); box-shadow: 0 30px 80px rgba(0,0,0,.32); }
.vision-deck-head { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.1); color: #aeb8ff; font-size: 9px; font-weight: 720; letter-spacing: .07em; }
.vision-deck h2 { margin: 28px 0 14px; font-size: 2.25rem; font-weight: 730; letter-spacing: -.055em; line-height: .96; }
.vision-warning { margin: 0 0 27px; color: #92959e; font-size: .84rem; line-height: 1.58; }
.vision-deck ol { margin: 0; padding: 0; list-style: none; }
.vision-deck li { display: grid; grid-template-columns: 26px 1fr; gap: 11px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.075); }
.vision-deck li > span { color: #aeb8ff; font-size: 9px; font-weight: 750; }
.vision-deck strong { display: block; margin-bottom: 5px; color: #dedee1; font-size: .82rem; }
.vision-deck li p { margin: 0; color: #888b93; font-size: .79rem; line-height: 1.5; }
.vision-deck > a { display: flex; justify-content: space-between; margin-top: 20px; padding: 13px 15px; border-radius: 9px; color: #101116; background: var(--accent-2); font-size: 9px; font-weight: 750; letter-spacing: .04em; text-decoration: none; }
.vision-deck > a span { color: #2d3560; }

.journal-note { max-width: calc(var(--max) - (var(--pad) * 2)); margin: 0 auto 120px; padding: 30px 32px; display: grid; grid-template-columns: 190px 1fr; gap: 36px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.025); }
.journal-note span { color: #c3caff; font-size: 9px; font-weight: 750; letter-spacing: .08em; }
.journal-note p { margin: 0; max-width: 920px; color: #979aa2; }

@media (max-width: 1180px) {
  .journal-hero { padding-inline: 24px; grid-template-columns: 1fr; gap: 45px; }
  .journal-readout { max-width: 700px; }
  .journal-controls { margin-inline: 0; padding-inline: 24px; }
  .section-intro { padding-inline: 24px; grid-template-columns: 1fr; gap: 28px; }
  .section-intro .kicker { margin-bottom: 0; }
  .grand-vision { margin-inline: 24px; padding: 46px; }
  .grand-vision header { grid-template-columns: 1fr; gap: 28px; }
  .grand-vision header .kicker { margin-bottom: 0; }
  .history-ledger, .current-checkpoint { padding-inline: 24px; }
  .source-note-timeline { padding-inline: 24px; }
  .source-note-intro { grid-template-columns: 1fr; gap: 28px; }
  .journal-layout { padding-inline: 24px; grid-template-columns: 1fr; gap: 0; }
  .vision-deck { position: relative; top: auto; order: -1; max-width: 760px; margin-bottom: 70px; }
  .log-entry.featured { grid-template-columns: 82px 18px minmax(0,1fr); }
  .log-entry.featured figure { grid-column: 3; max-width: 760px; margin-top: -24px; }
  .picture-story { grid-template-columns: 1fr; max-width: 820px; }
  .picture-story figure { display: grid; grid-template-columns: minmax(260px,.7fr) 1fr; }
  .picture-story figure img { height: 100%; }
  .journal-note { margin-inline: 24px; }
}

@media (max-width: 680px) {
  .journal-page .topbar { position: absolute; }
  .journal-hero { min-height: 710px; padding: 132px 16px 62px; gap: 36px; }
  .journal-hero h1 { font-size: 4.2rem; line-height: .9; }
  .journal-hero h1 em { font-size: .82em; }
  .journal-hero-copy > p:last-child { font-size: 1rem; }
  .journal-readout div { display: block; padding: 16px; }
  .journal-readout strong { display: block; margin-top: 8px; text-align: left; }
  .journal-controls { position: static; padding-inline: 16px; align-items: flex-start; flex-direction: column; }
  .filters { display: grid; grid-template-columns: repeat(3,1fr); width: 100%; }
  .filters button { min-height: 38px; }
  .section-intro { padding: 76px 16px 0; }
  .section-intro h2 { font-size: 3.25rem; }
  .origin-layout { padding-top: 46px; }
  .grand-vision { margin: 72px 16px 10px; padding: 29px 22px; border-radius: 18px; }
  .grand-vision h2 { font-size: 3.05rem; }
  .grand-vision header > p:last-child { font-size: 1rem; }
  .vision-acts { grid-template-columns: 1fr; }
  .vision-acts article, .vision-acts article:first-child, .vision-acts article:last-child { padding: 28px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .vision-acts article:last-child { border-bottom: 0; }
  .vision-gallery { grid-template-columns: 1fr; }
  .vision-law { grid-template-columns: 1fr; gap: 6px; }
  .history-ledger, .current-checkpoint { padding-inline: 16px; }
  .history-ledger .section-intro, .current-checkpoint .section-intro { padding-inline: 0; }
  .source-note-timeline { padding: 76px 16px 20px; }
  .source-note-intro { padding-bottom: 46px; }
  .source-note-intro h2 { font-size: 3.3rem; }
  .note-day { padding-top: 62px; }
  .note-day-head { grid-template-columns: 82px minmax(0,1fr); gap: 15px; }
  .note-day-head time b { font-size: 3.8rem; }
  .note-day-head h2 { font-size: 1.1rem; }
  .note-grid { grid-template-columns: 1fr; }
  .note-card { padding: 22px 20px 18px; }
  .journal-layout { padding: 56px 16px 90px; }
  .vision-deck { margin-bottom: 62px; padding: 23px; }
  .vision-deck h2 { font-size: 2rem; }
  .log-entry, .log-entry.featured { grid-template-columns: 63px 16px minmax(0,1fr); gap: 10px; padding-bottom: 52px; }
  .log-entry time b { font-size: 2.65rem; }
  .waterfall-story time b { font-size: 1rem; }
  .origin-date b { font-size: .72rem; }
  .origin-date span { font-size: 7px; }
  .log-content { padding: 0 0 34px; }
  .log-content h2 { font-size: 1.55rem; }
  .log-content p, .log-content li { font-size: 1rem; }
  .log-entry.featured figure { grid-column: 3; margin-top: -20px; }
  .picture-story { grid-template-columns: 1fr; }
  .picture-story figure { display: block; }
  .picture-story figure img { height: auto; }
  .journal-note { margin: 0 16px 80px; padding: 23px; grid-template-columns: 1fr; gap: 15px; }
}