.journal-page { color: #171a17; background: #f2f0ea; }
.journal-page .site-header, .journal-page main, .journal-page footer { max-width: 1440px; padding-inline: 48px; }
.journal-page .site-header a { text-decoration: none; }
.journal-page .site-header nav a[href="/journal"] { border-bottom: 1px solid currentColor; }
.journal-page .breadcrumbs { font-size: 11px; }
.journal-heading { padding: 72px 0 48px; }
.journal-kicker { font-size: 10px; letter-spacing: .16em; font-weight: 600; }
.journal-kicker span { margin-left: 28px; color: #656b60; }
.journal-heading h1 { font-size: clamp(32px, 4.6vw, 64px); max-width: none; margin: 34px 0 22px; word-break: keep-all; }
.journal-team { font-size: clamp(28px, 6vw, 86px); font-weight: 500; line-height: 1.02; letter-spacing: -.06em; max-width: none; }
.journal-team span { color: #6f795c; }
.journal-deck { margin: 30px 0 0 auto; max-width: 560px; font-size: 15px; color: #64685e; line-height: 1.9; }
.journal-cover img, .journal-photo-story img { width: 100%; height: auto; }
.journal-page figcaption { display: flex; justify-content: space-between; gap: 16px; padding-top: 14px; font-size: 9px; letter-spacing: .1em; color: #666a61; }
.journal-story { display: grid; grid-template-columns: 1fr 2fr; gap: 80px; padding: 96px 0; }
.journal-details > p { font-size: 10px; letter-spacing: .14em; }
.journal-details dl { max-width: 260px; }
.journal-details dl > div { grid-template-columns: 70px 1fr; padding: 18px 0; }
.journal-details dt, .journal-details dd { font-size: 12px; }
.journal-prose { max-width: 700px; }
.journal-prose h2, .journal-photo-copy h2 { font-size: clamp(26px, 3vw, 40px); line-height: 1.4; word-break: keep-all; }
.journal-prose p, .journal-photo-copy p, .journal-closing > p:not(.journal-kicker) { font-size: 16px; line-height: 2; color: #565d52; }
.journal-prose p + p { margin-top: 26px; }
.journal-photo-story { display: grid; grid-template-columns: 1.25fr 1fr; gap: 70px; align-items: center; padding-bottom: 96px; }
.journal-photo-copy h2 { margin-top: 26px; }
.journal-photo-copy p { max-width: 420px; }
.journal-closing { border-top: 1px solid #cccac2; padding: 80px 0 90px; max-width: 760px; margin: 0 auto; }
.journal-closing h2 { font-size: clamp(32px, 4vw, 54px); margin: 30px 0; line-height: 1.3; }
.journal-closing > p + p { margin-top: 24px; }
.journal-partners { display: grid; grid-template-columns: 1fr 1fr; margin-top: 45px; border-top: 1px solid #cccac2; }
.journal-partners a { display: flex; flex-direction: column; padding: 24px 8px 0 0; text-decoration: none; gap: 8px; }
.journal-partners strong { font-size: 12px; letter-spacing: .03em; }
.journal-partners span { font-size: 12px; color: #666a61; overflow-wrap: anywhere; }
.journal-bottom { border-top: 1px solid #cccac2; display: flex; justify-content: space-between; padding: 30px 0 60px; font-size: 11px; }
.journal-bottom a { text-decoration: none; }
.journal-bottom span { font-size: 9px; letter-spacing: .1em; color: #666a61; }
.journal-index-heading { padding-top: 68px; }
.journal-index-heading h1 { font-size: clamp(64px, 13vw, 180px); letter-spacing: -.075em; line-height: .9; display: flex; align-items: flex-start; gap: 20px; margin: 30px 0 42px; }
.journal-count { font-size: 14px; letter-spacing: 0; padding-top: 8px; color: #666a61; }
.journal-index-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.journal-index-intro p:first-child { font-size: clamp(21px, 2.5vw, 30px); line-height: 1.5; }
.journal-index-intro p:last-child { max-width: 360px; color: #666a61; font-size: 14px; }
.journal-card > a { text-decoration: none; display: block; color: inherit; }
.journal-card + .journal-card { margin-top: 64px; }
.journal-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 24px; padding-bottom: 96px; }
.journal-gallery figure:first-child { grid-column: 1 / -1; }
.journal-gallery img { width: 100%; height: auto; }
.journal-card figure { position: relative; overflow: hidden; background: #242820; }
.journal-card img { width: 100%; height: auto; transition: transform .5s; }
.journal-card a:hover img { transform: scale(1.015); }
.journal-read { position: absolute; bottom: 24px; right: 24px; padding: 13px 20px; background: #dfed9b; color: #171a17; font-size: 10px; letter-spacing: .1em; }
.journal-card-caption { display: grid; grid-template-columns: 1fr 3fr auto; gap: 24px; padding: 26px 0; border-bottom: 1px solid #cccac2; align-items: baseline; }
.journal-card-caption h2 { font-size: clamp(21px, 2.5vw, 35px); margin-bottom: 10px; }
.journal-card-caption p { color: #666a61; font-size: 14px; }
.journal-card-arrow { font-size: 30px; }
.journal-signoff { padding: 90px 0; text-align: center; }
.journal-signoff span { font-size: 10px; letter-spacing: .2em; }
.journal-signoff p { font-size: 14px; margin: 16px auto 0; color: #666a61; }
@media (max-width: 700px) {
  .journal-gallery { grid-template-columns: 1fr; gap: 30px; padding-bottom: 50px; }
  .journal-gallery figure { margin-inline: -20px; }
  .journal-page .site-header, .journal-page main, .journal-page footer { padding-inline: 20px; }
  .journal-page .site-header nav { gap: 16px; }
  .journal-heading { padding: 42px 0 30px; }
  .journal-heading h1 { margin-top: 26px; }
  .journal-team { font-size: clamp(26px, 7.4vw, 48px); }
  .journal-deck { margin-top: 24px; font-size: 14px; }
  .journal-cover, .journal-photo-story figure, .journal-card figure { margin-inline: -20px; }
  .journal-page figcaption { padding-inline: 20px; font-size: 8px; }
  .journal-story { grid-template-columns: 1fr; gap: 38px; padding: 50px 0; }
  .journal-details dl { max-width: none; margin-bottom: 0; }
  .journal-photo-story { grid-template-columns: 1fr; gap: 38px; padding-bottom: 50px; }
  .journal-prose p, .journal-photo-copy p, .journal-closing > p:not(.journal-kicker) { font-size: 15px; }
  .journal-closing { padding: 50px 0; }
  .journal-partners { grid-template-columns: 1fr; }
  .journal-bottom { padding-bottom: 40px; gap: 20px; }
  .journal-bottom span { max-width: 130px; text-align: right; }
  .journal-index-heading h1 { font-size: clamp(58px, 15vw, 100px); gap: 12px; }
  .journal-index-intro { display: block; }
  .journal-index-intro p:last-child { margin-top: 24px; }
  .journal-card-caption { grid-template-columns: 1fr auto; gap: 16px; }
  .journal-card-caption > .journal-kicker { grid-column: 1 / -1; }
  .journal-read { bottom: 16px; right: 16px; }
  .journal-signoff { padding: 60px 0; }
  .journal-page footer { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .journal-card img { transition: none; } }