/* A photographic journal: warm paper, forest ink, and an editorial rhythm. */
:root, [data-theme='light'] {
  --intl-paper: #f6f3eb; --intl-surface: #fffcf6; --intl-ink: #24392f;
  --intl-muted: #646b61; --intl-line: #d9d9ca; --intl-accent: #365f47;
  --journal-soft: #eaeadd; --journal-rust: #9a4e32;
}
[data-theme='dark'] {
  --intl-paper: #18231e; --intl-surface: #202e27; --intl-ink: #edf0e5;
  --intl-muted: #b3beb0; --intl-line: #3e4c41; --intl-accent: #bbd1ac;
  --journal-soft: #29392e; --journal-rust: #e4b194;
}
body { font-family: 'Segoe UI', Arial, sans-serif; }
#page-header.not-top-img, #nav { height: 82px; }
#nav { border-bottom: 0; }
#nav .site-name { font-family: Georgia, serif; font-size: 28px !important; }
#nav .menus_item a { font-size: 14px; }
#content-inner.intl-home { max-width: 1328px; padding: 0 34px; }
.journal-masthead { display: flex; justify-content: space-between; gap: 20px; padding: 18px 0; border-top: 1px solid var(--intl-ink); font-size: 11px; letter-spacing: .12em; }
.journal-masthead p { font-weight: 700; }
.journal-masthead span { letter-spacing: .02em; color: var(--intl-muted); }
.cover-story { position: relative; min-height: 460px; overflow: hidden; background: #284236; isolation: isolate; }
.cover-image, .cover-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.cover-image { object-fit: cover; object-position: center 48%; z-index: -2; }
.cover-shade { z-index: -1; background: linear-gradient(90deg, rgba(12,32,23,.87), rgba(12,32,23,.43) 55%, rgba(12,32,23,.12)), linear-gradient(0deg, rgba(12,32,23,.4), transparent 40%); }
.cover-copy { padding: 35px 42px 84px; max-width: 780px; color: #fffdf3; }
.cover-kicker { font-size: 11px; letter-spacing: .18em; font-weight: 600; }
.intl-home .cover-copy h1 { color: #fffdf3; font-family: Georgia, serif; font-size: clamp(44px,4.6vw,62px); line-height: 1.08; font-weight: 400; letter-spacing: -.055em; margin: 18px 0; }
.cover-copy h1 em { color: #dce6bc; font-weight: 400; }
.cover-copy > p:not(.cover-kicker) { max-width: 415px; font-size: 15px; line-height: 1.85; color: #f0f1e6; }
.cover-button { margin-top: 18px; display: inline-flex; gap: 35px; padding: 10px 18px; background: #f5f1df; color: #223d2d; font-size: 13px; font-weight: 600; }
.cover-button:hover { background: #fff; color: #223d2d; }
.cover-location { position: absolute; bottom: 28px; right: 32px; left: 32px; display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid #ffffff50; color: #fffdf3; gap: 14px; }
.cover-location:hover { color: #e5edc8; }
.cover-location span { font-size: 10px; letter-spacing: .13em; }
.cover-location strong { font-size: 12px; font-weight: 400; }
.journal-strip { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--intl-line); padding: 18px 0; }
.journal-strip a { display: flex; flex-direction: column; gap: 3px; padding: 0 26px; border-left: 1px solid var(--intl-line); }
.journal-strip a:first-child { border: 0; padding-left: 0; }
.journal-strip strong { font-size: 23px; font-family: Georgia, serif; font-weight: 400; }
.journal-strip span { font-size: 11px; color: var(--intl-muted); }
.editor-picks, .latest-section, .reading-section, .photo-section { padding-top: 40px; }
.eyebrow { color: var(--journal-rust); font-size: 10px; letter-spacing: .16em; }
.section-heading h2 { font-family: Georgia, serif; font-size: clamp(28px,3vw,38px); font-weight: 400; letter-spacing: -.04em; margin-top: 10px; }
.section-note { color: var(--intl-muted); font-size: 12px; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.feature-card { display: block; background: var(--intl-surface); border: 1px solid var(--intl-line); transition: transform .2s; }
.feature-card:hover { transform: translateY(-3px); }
.feature-image { position: relative; overflow: hidden; }
.feature-image img { width: 100%; height: 210px; object-fit: cover; display: block; }
.feature-label { position: absolute; bottom: 16px; left: 20px; padding: 6px 10px; color: #fff; background: #223d2ee8; font-size: 10px; letter-spacing: .12em; }
.feature-copy { padding: 20px 24px; }
.card-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--intl-muted); letter-spacing: .05em; }
.feature-copy h3 { font-family: Georgia, serif; font-size: 29px; font-weight: 400; line-height: 1.22; letter-spacing: -.025em; margin: 15px 0 12px; }
.feature-copy > p { color: var(--intl-muted); font-size: 14px; line-height: 1.8; }
.journal-filters { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 22px; }
.journal-filters button, .more-notes { border: 1px solid var(--intl-line); border-radius: 2px; color: var(--intl-ink); background: transparent; cursor: pointer; padding: 9px 16px; font: inherit; font-size: 12px; }
.journal-filters button.is-active { background: var(--intl-ink); color: var(--intl-paper); border-color: var(--intl-ink); }
.notebook-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--intl-line); border-left: 1px solid var(--intl-line); }
.notebook-card { display: flex; flex-direction: column; padding: 21px; border-right: 1px solid var(--intl-line); border-bottom: 1px solid var(--intl-line); min-width: 0; background: var(--intl-surface); }
.notebook-card h3 { font-family: Georgia, serif; font-size: 21px; font-weight: 400; line-height: 1.4; margin: 18px 0 14px; overflow-wrap: anywhere; }
.notebook-card > p { font-size: 13px; color: var(--intl-muted); line-height: 1.8; margin-bottom: 25px; }
.card-read { display: flex; justify-content: space-between; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--intl-line); font-size: 12px; font-weight: 600; }
.more-notes { display: block; margin: 24px auto 0; }
.reading-section { margin-top: 40px; padding: 30px; background: var(--journal-soft); }
.reading-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.reading-card + .reading-card { border-left: 1px solid var(--intl-line); padding-left: 28px; }
.series-number { font-family: Georgia, serif; font-style: italic; font-size: 35px; color: var(--journal-rust); }
.reading-card h3 { font-family: Georgia, serif; font-size: 25px; font-weight: 400; margin: 12px 0 10px; }
.reading-card p { color: var(--intl-muted); font-size: 13px; min-height: 48px; }
.reading-card ol { padding-left: 18px; margin: 22px 0 0; }
.reading-card li { padding: 10px 0 10px 4px; border-top: 1px solid var(--intl-line); font-size: 12px; line-height: 1.6; }
.reading-card li::marker { color: var(--journal-rust); }
.postcard-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.postcard { position: relative; display: block; padding: 10px 10px 0; border: 1px solid var(--intl-line); background: var(--intl-surface); }
.postcard img { display: block; width: 100%; height: 225px; object-fit: cover; }
.postcard-caption { position: relative; padding: 19px 10px 23px; }
.postcard-caption > span:first-child { font-size: 10px; color: var(--intl-muted); }
.postcard-caption h3 { font-family: Georgia, serif; font-size: 24px; font-weight: 400; margin-top: 5px; }
.postcard-arrow { position: absolute; right: 10px; bottom: 24px; }
.map-banner { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 25px; padding: 30px 34px; color: #f4f3e9; background-color: #2c4938; background-image: repeating-radial-gradient(ellipse at 85% 120%,transparent 0,transparent 23px,#f3f1df10 24px,#f3f1df10 25px,transparent 26px); }
.map-banner:hover { color: #fff; }
.map-banner .eyebrow { color: #dce6bc; }
.intl-home .map-banner h3 { color: #fffdf3; font-family: Georgia, serif; font-size: 30px; font-weight: 400; margin: 6px 0; }
.map-banner p:last-child { color: #e3e7d9; font-size: 13px; }
.map-banner > span { font-size: 40px; }
.author-note { display: grid; grid-template-columns: 120px 1fr; gap: 32px; align-items: center; margin: 40px 0; padding: 28px 0; border-top: 1px solid var(--intl-line); border-bottom: 1px solid var(--intl-line); }
.author-monogram { display: grid; place-items: center; width: 116px; height: 116px; border-radius: 50%; background: var(--journal-soft); color: var(--intl-accent); font-family: Georgia, serif; font-style: italic; font-size: 62px; }
.author-note h2 { font-family: Georgia, serif; font-size: 34px; font-weight: 400; margin: 8px 0 12px; }
.author-note p:not(.eyebrow) { font-size: 14px; color: var(--intl-muted); max-width: 710px; }
.author-links { display: flex; gap: 25px; flex-wrap: wrap; margin-top: 16px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
#post { background: var(--intl-surface); padding: 40px; border: 1px solid var(--intl-line); }
#post-info .post-title, #page .page-title, #archive .page-title { font-family: Georgia, serif; font-weight: 400; }
.intl-home .section-heading { margin-bottom: 22px; }
.workbench { padding-top: 24px; }
.workbench-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 12px; }
.workbench-heading h2 { font-size: 15px; font-weight: 600; }
.workbench-heading > a { font-size: 11px; color: var(--intl-muted); }
.workbench-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--intl-line); background: var(--intl-surface); }
.workbench-item { display: flex; align-items: center; gap: 11px; padding: 18px 15px; min-width: 0; }
.workbench-item + .workbench-item { border-left: 1px solid var(--intl-line); }
.project-mark { flex-shrink: 0; display: grid; place-items: center; width: 37px; height: 40px; border-radius: 5px; background: #e9e5d9; color: #704326; font: 600 13px 'Segoe UI',sans-serif; }
.project-mark-1 { background: #e1eadb; color: #375339; }.project-mark-2 { background: #e3e6f0; color: #465374; }.project-mark-3 { background: #f1e5cc; color: #775929; }
.project-name { min-width: 0; }.project-name strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.5; }.project-name small { display: block; font-size: 10px; color: var(--intl-muted); line-height: 1.6; }
.project-arrow { margin-left: auto; font-size: 13px; }
.latest-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 26px; align-items: start; }
.latest-main { min-width: 0; }.journal-sidebar { display: grid; gap: 18px; min-width: 0; }
.sidebar-panel { padding: 19px; border: 1px solid var(--intl-line); background: var(--intl-surface); }
.sidebar-intro { background: var(--journal-soft); }
.sidebar-profile { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }
.sidebar-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--intl-accent); color: var(--intl-paper); font: italic 26px Georgia,serif; }
.sidebar-profile h3 { font: 400 22px Georgia,serif; }.sidebar-profile p { color: var(--intl-muted); font-size: 10px; }
.sidebar-intro > p { color: var(--intl-muted); font-size: 12px; line-height: 1.8; }
.sidebar-link { display: block; margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--intl-line); font-size: 11px; font-weight: 500; }
.sidebar-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }.sidebar-heading h3 { font: 400 21px Georgia,serif; }.sidebar-heading > span { font-size: 8px; color: var(--intl-muted); letter-spacing: .1em; }
.sidebar-photos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px 9px; }.sidebar-photos a { min-width: 0; }.sidebar-photos img { display: block; width: 100%; height: 76px; object-fit: cover; }.sidebar-photos span { display: block; font-size: 9px; line-height: 1.5; padding-top: 4px; }
.sidebar-photo-count { color: var(--intl-muted); font-size: 10px; margin-top: 12px !important; }
.sidebar-topics { display: flex; flex-wrap: wrap; gap: 8px; }.sidebar-topics a { padding: 4px 8px; border: 1px solid var(--intl-line); background: var(--intl-paper); font-size: 10px; }.sidebar-topics a:hover { border-color: var(--intl-accent); }
.trail-shortcut { display: block; border-top: 1px solid var(--intl-line); padding: 10px 0; }.trail-shortcut strong { display: block; font-size: 12px; font-weight: 600; }.trail-shortcut span { display: block; color: var(--intl-muted); font-size: 10px; margin-top: 3px; }
@media(max-width: 1100px) {
  .workbench-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.workbench-item:nth-child(3) { border-left: 0; }.workbench-item:nth-child(n+3) { border-top: 1px solid var(--intl-line); }
  .latest-layout { grid-template-columns: minmax(0,1fr) 250px; gap: 20px; }.notebook-card { padding: 18px; }.notebook-card h3 { font-size: 20px; }
}
@media(max-width: 900px) {
  .latest-layout { grid-template-columns: 1fr; }.journal-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }.sidebar-photos img { height: 100px; }
}
@media(max-width: 650px) {
  .workbench { padding-top: 20px; }.workbench-item { padding: 14px 10px; gap: 8px; }.project-mark { width: 29px; height: 34px; font-size: 11px; }.project-name strong { font-size: 11px; }.project-name small { font-size: 9px; }.project-arrow { display: none; }
  .journal-sidebar { grid-template-columns: 1fr 1fr; gap: 12px; }.sidebar-panel { padding: 14px; }.sidebar-intro, .journal-sidebar > .sidebar-panel:nth-child(2) { grid-column: 1 / -1; }.sidebar-profile { margin-bottom: 9px; }.sidebar-photos { grid-template-columns: repeat(3,minmax(0,1fr)); }.sidebar-photos img { height: 82px; }.sidebar-heading h3 { font-size: 18px; }.sidebar-heading > span { display: none; }
}
@media(max-width: 360px) { .journal-sidebar { grid-template-columns: 1fr; }.sidebar-panel { grid-column: 1; }.workbench-grid { grid-template-columns: 1fr; }.workbench-item + .workbench-item { border-left: 0; border-top: 1px solid var(--intl-line); } }
@media(max-width: 1000px) {
  .cover-copy { padding-left: 32px; }.cover-story { min-height: 450px; }
  .notebook-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .journal-strip a { padding: 0 16px; }.journal-strip strong { font-size: 20px; }
  .feature-image img { height: 220px; }.postcard img { height: 210px; }
  .reading-grid { gap: 20px; }.reading-card + .reading-card { padding-left: 20px; }
}
@media(max-width: 650px) {
  #page-header.not-top-img, #nav { height: 72px; }
  #content-inner.intl-home { padding: 0 18px; }
  .journal-masthead { padding: 13px 0; font-size: 9px; }.journal-masthead span { max-width: 145px; text-align: right; }
  .cover-story { min-height: 460px; }.cover-copy { padding: 28px 24px 100px; }
  .intl-home .cover-copy h1 { font-size: clamp(38px,10vw,55px); margin: 24px 0 20px; }
  .cover-kicker { font-size: 9px; }.cover-copy > p:not(.cover-kicker) { font-size: 13px; }
  .cover-shade { background: linear-gradient(90deg,#0c2017d9,#0c20175c),linear-gradient(0deg,#0c2017a0,transparent); }
  .cover-location { left: 24px; right: 24px; flex-direction: column; align-items: flex-start; gap: 6px; bottom: 23px; }
  .journal-strip { grid-template-columns: 1fr 1fr; row-gap: 22px; }.journal-strip a:nth-child(3) { border: 0; padding-left: 0; }
  .journal-strip strong { font-size: 22px; }.journal-strip span { font-size: 10px; }
  .editor-picks, .latest-section, .photo-section { padding-top: 30px; }
  .section-heading h2 { font-size: 29px; }.section-heading { gap: 12px; }
  .feature-grid, .notebook-grid, .reading-grid, .postcard-grid { grid-template-columns: 1fr; }
  .feature-image img { height: 235px; }.feature-copy { padding: 22px; }.feature-copy h3 { font-size: 27px; }
  .notebook-card { padding: 23px; }.notebook-card h3 { font-size: 23px; }
  .reading-section { margin-top: 30px; padding: 24px 22px; }.reading-card + .reading-card { padding: 22px 0 0; border-left: 0; border-top: 1px solid var(--intl-line); }.reading-card p { min-height: 0; }
  .postcard img { height: auto; aspect-ratio: 1.35; }.postcard-grid { gap: 22px; }
  .map-banner { padding: 24px; gap: 15px; }.map-banner > span { font-size: 30px; }
  .author-note { grid-template-columns: 1fr; gap: 24px; margin: 42px 0; padding: 30px 0; }.author-monogram { width: 80px; height: 80px; font-size: 45px; }
  #post { padding: 22px 18px; }
}