.archive-eyebrow { margin: 0 0 28rem; font-size: max(11px, 12rem); font-weight: 500; letter-spacing: 2rem; text-transform: uppercase; }
.journal-intro { display: flex; justify-content: space-between; align-items: end; gap: 70rem; padding: 90rem 100rem 85rem; }
.journal-intro h1 { font-weight: 400; font-size: 118rem; line-height: 1.04; letter-spacing: -5rem; margin: 0; }
.journal-intro h1 > .journal-intro__period { color: var(--text-accent); }
.journal-intro__line { white-space: nowrap; }
.journal-intro__aside { display: grid; grid-template-columns: 65rem 1fr; column-gap: 25rem; align-items: center; padding-bottom: 7rem; flex-shrink: 0; }
.journal-intro__aside > svg { width: 65rem; height: 65rem; color: var(--text-accent); }
.journal-intro__aside p { font-size: max(14px, 18rem); margin: 0; line-height: 1.65; }
.journal-intro__aside a { grid-column: 1 / -1; display: flex; justify-content: space-between; border-bottom: 1rem solid var(--ink); margin-top: 35rem; padding-bottom: 10rem; font-size: max(12px, 14rem); }
.journal-intro__aside a span { color: var(--text-accent); }
.journal-years { display: flex; align-items: center; justify-content: space-between; gap: 35rem; position: sticky; top: var(--site-header-height, 112rem); z-index: 10; background: var(--paper); padding: 10rem 100rem; border-block: 1rem solid color-mix(in srgb, var(--ink) 20%, transparent); }
.journal-years > span { font-size: max(10px, 12rem); text-transform: uppercase; letter-spacing: 1.5rem; white-space: nowrap; }
.journal-years > div { display: flex; justify-content: space-between; flex: 1; gap: 18rem; overflow-x: auto; scrollbar-width: none; padding: 3px; }
.journal-years a { display: flex; align-items: center; min-height: 44px; font-size: max(14px, 19rem); border-bottom: 2px solid transparent; }
.journal-years a[aria-current] { color: var(--text-accent); border-color: var(--text-accent); }
.journal-chapter { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80rem; padding: 85rem 100rem; border-bottom: 1rem solid color-mix(in srgb, var(--ink) 15%, transparent); scroll-margin-top: calc(var(--site-header-height, 112rem) + 90rem); }
.journal-chapter:nth-child(even) { grid-template-columns: 1.3fr .7fr; }
.journal-chapter:nth-child(even) .journal-chapter__copy { order: 2; padding-left: 45rem; }
.journal-chapter__copy { align-self: center; }
.journal-chapter__number { font-size: max(10px, 12rem); letter-spacing: 2rem; color: var(--text-accent); }
.journal-chapter__year { font-size: 170rem; font-weight: 300; line-height: 1; letter-spacing: -8rem; margin: 28rem 0 12rem; color: color-mix(in srgb, var(--ink) 25%, var(--paper)); }
.journal-chapter h2 { font-size: 64rem; line-height: 1.1; letter-spacing: -2rem; font-weight: 400; margin: 0 0 25rem; }
.journal-chapter__coordinates { font-size: max(14px, 19rem); line-height: 1.7; margin: 0; }
.journal-chapter__rule { display: block; width: 65rem; height: 1rem; background: var(--text-accent); margin: 35rem 0 22rem; }
.journal-chapter__label { font-size: max(11px, 12rem); line-height: 1.7; margin: 0; color: var(--muted); }
.journal-chapter__visuals { min-width: 0; }
.journal-chapter__film { position: relative; aspect-ratio: 16 / 10; background: var(--ink); overflow: hidden; }
.journal-chapter__film video, .journal-chapter__film > img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.journal-chapter__film::after { content: ''; position: absolute; inset: 65% 0 0; background: linear-gradient(transparent, #0008); pointer-events: none; }
.journal-chapter__film figcaption { position: absolute; display: flex; justify-content: space-between; gap: 15rem; bottom: 22rem; left: 28rem; right: 28rem; z-index: 1; font-size: max(11px, 12rem); color: #fff; }
.journal-chapter__photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10rem; margin: 15rem 0 0; width: 100%; }
.journal-chapter__photos img { width: 100%; height: auto; aspect-ratio: 1.4; object-fit: cover; }
.journal-chapter__photos button { display: block; width: 100%; padding: 0; border: 0; background: var(--ink); overflow: hidden; }
.journal-chapter__photos button:hover img { opacity: .85; }
.journal-chapter__empty { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25rem; color: var(--paper); font-size: max(12px, 15rem); }
.journal-chapter__empty > svg { width: 65rem; height: 65rem; }
.journal-clips { display: flex; align-items: center; gap: 20rem; margin-top: 15rem; font-size: max(12px, 14rem); }
.journal-clips > span { color: var(--muted); }
.journal-clips > div { display: flex; gap: 8rem; overflow-x: auto; padding: 5px; min-width: 0; }
.journal-clips button { display: inline-flex; align-items: center; gap: 10rem; min-width: 44px; min-height: 44px; padding: 6rem 12rem; background: transparent; border: 1rem solid color-mix(in srgb, var(--ink) 25%, transparent); font-size: max(12px, 14rem); white-space: nowrap; }
.journal-clips button[aria-pressed="true"] { color: var(--on-accent); background: var(--button); border-color: var(--button); }
.journal-clips button > span { max-width: 200rem; overflow: hidden; text-overflow: ellipsis; }
.journal-video-status { font-size: max(12px, 14rem); color: var(--muted); }
.journal-video-status:empty { display: none; }
.journal-gallery-link { display: inline-flex; align-items: center; gap: 15rem; min-height: 44px; padding: 5rem 0; border: 0; background: none; color: var(--text-accent); font-size: max(12px, 14rem); margin-top: 12rem; }
.journal-gallery-link > span { font-variant-numeric: tabular-nums; }
.journal-gallery-link > svg { width: 20rem; height: 20rem; min-width: 16px; min-height: 16px; }
.journal-lightbox { width: min(1450rem, 96vw); max-width: 96vw; max-height: 96svh; padding: 25rem 35rem; border: 0; color: var(--paper); background: var(--ink); overflow-y: auto; overscroll-behavior: contain; }
.journal-lightbox::backdrop { background: #031225ef; }
.journal-lightbox header { display: flex; align-items: center; justify-content: space-between; gap: 25rem; margin-bottom: 15rem; }
.journal-lightbox h2 { font-size: max(15px, 22rem); font-weight: 400; line-height: 1.4; margin: 0; }
.journal-lightbox button { background: transparent; border: 1rem solid #ffffff60; color: inherit; min-width: 44px; min-height: 44px; }
.journal-lightbox [data-gallery-close] { font-size: 30px; line-height: 1; }
.journal-lightbox figure > img { width: 100%; height: min(65svh, 740rem); object-fit: contain; }
.journal-lightbox figcaption { text-align: center; font-size: max(12px, 15rem); margin-top: 12rem; overflow-wrap: anywhere; }
.journal-lightbox figcaption:empty { display: none; }
.journal-lightbox__controls { display: flex; align-items: center; justify-content: center; gap: 25rem; margin: 12rem 0; font-size: max(13px, 16rem); }
.journal-lightbox__controls button:disabled { opacity: .3; cursor: default; }
.journal-lightbox__thumbs { display: flex; gap: 10rem; overflow-x: auto; padding: 6px; scrollbar-width: thin; }
.journal-lightbox__thumbs button { flex: 0 0 95rem; padding: 0; height: 65rem; min-height: 50px; overflow: hidden; }
.journal-lightbox__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.journal-lightbox__thumbs button[aria-pressed="true"] { border: 3px solid var(--hero-accent); }
html:has(.journal-lightbox[open]) { overflow: hidden; }
.journal-outro { padding: 85rem 35rem; text-align: center; }
.journal-outro > svg { width: 55rem; height: 55rem; margin: auto; color: var(--text-accent); }
.journal-outro p { font-size: 64rem; font-weight: 400; letter-spacing: -2rem; line-height: 1.15; margin: 30rem 0; }
@media (max-width: 1500px) {
    .journal-intro { padding: 65rem 65rem; }
    .journal-intro h1 { font-size: 96rem; }
    .journal-years { padding-inline: 65rem; }
    .journal-chapter { padding: 65rem; gap: 50rem; }
    .journal-chapter__year { font-size: 145rem; }
    .journal-chapter h2 { font-size: 56rem; }
}
@media (max-width: 1024px) {
    .journal-intro { padding: 65rem 40rem; gap: 30rem; }
    .journal-intro h1 { font-size: 80rem; }
    .journal-intro__aside { grid-template-columns: 1fr; }
    .journal-intro__aside > svg { display: none; }
    .journal-years { padding-inline: 35rem; gap: 25rem; }
    .journal-years > span:last-child { display: none; }
    .journal-chapter { padding: 60rem 40rem; gap: 35rem; grid-template-columns: .8fr 1.2fr; }
    .journal-chapter:nth-child(even) { grid-template-columns: 1.2fr .8fr; }
    .journal-chapter:nth-child(even) .journal-chapter__copy { padding-left: 0; }
    .journal-chapter__year { font-size: 115rem; }
    .journal-chapter h2 { font-size: 46rem; }
}
@media (max-width: 760px) {
    .journal-intro { padding: 50rem 30rem; display: block; }
    .journal-intro h1 { font-size: 82rem; letter-spacing: -3rem; }
    .journal-intro__aside { display: flex; justify-content: space-between; align-items: end; gap: 25rem; margin-top: 35rem; }
    .journal-intro__aside a { margin-top: 0; gap: 25rem; }
    .journal-years { padding: 8rem 25rem; gap: 15rem; }
    .journal-years > span { display: none; }
    .journal-years > div { gap: 24rem; }
    .journal-chapter, .journal-chapter:nth-child(even) { grid-template-columns: 1fr; padding: 45rem 30rem; gap: 30rem; }
    .journal-chapter:nth-child(even) .journal-chapter__copy { order: 0; }
    .journal-chapter__copy { display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: 20rem; }
    .journal-chapter__number { grid-column: 1 / -1; }
    .journal-chapter__year { font-size: 95rem; grid-column: 2; grid-row: 2 / 4; align-self: center; margin: 0; letter-spacing: -5rem; }
    .journal-chapter h2 { font-size: 51rem; margin: 18rem 0 12rem; }
    .journal-chapter__coordinates { font-size: max(12px, 16rem); }
    .journal-chapter__label, .journal-chapter__rule { display: none; }
}
@media (max-width: 600px) {
    .journal-intro h1 { font-size: 58rem; }
    .journal-intro__aside p { font-size: max(12px, 15rem); }
    .journal-intro__aside a { font-size: max(11px, 13rem); }
    .journal-chapter__year { font-size: 78rem; }
    .journal-chapter h2 { font-size: 44rem; }
    .journal-outro p { font-size: 52rem; }
}
@media (max-width: 360px) {
    .journal-chapter__year { font-size: 65rem; }
    .journal-chapter h2 { font-size: 40rem; }
    .journal-intro__aside { flex-direction: column; align-items: start; gap: 18rem; }
}