/* Local to the Journal entry and its article. Uses the approved type and palette. */
.journal-photo { margin: 0; background: var(--salt); }
.journal-photo img { display: block; width: 100%; height: auto; }
.journal-entry { display: grid; grid-template-columns: 1.2fr 1fr; gap: 8%; align-items: start; margin-top: 72px; }
.journal-entry-copy { padding-top: 40px; min-width: 0; }
.journalempty .journal-entry h2 { font-size: clamp(32px, 3.3vw, 52px); line-height: 1.15; margin: 23px 0; }
.journal-entry h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; }
.journal-entry-copy > p:not(.eyebrow) { max-width: 42ch; }
.journal-entry .textlink { margin-top: 22px; }

.wwh-article { --article-space: clamp(80px, 9vw, 155px); padding-bottom: 0; }
.wwh-article p { max-width: none; }
.wwh-article h1, .wwh-article h2, .wwh-article h3 { font-style: normal; }
.wwh-article h2 { font-size: clamp(35px, 3.7vw, 58px); line-height: 1.12; text-wrap: balance; margin-bottom: 30px; }
.wwh-article .eyebrow { font-size: 11px; letter-spacing: .13em; }
.journal-heading { padding: 54px 8% 64px; }
.journal-back { display: inline-block; padding: 10px 0; margin-bottom: 55px; font-size: 11px; letter-spacing: .1em; }
.journal-back:hover { text-decoration: underline; text-underline-offset: 5px; }
.journal-heading h1 { font-size: clamp(42px, 5.6vw, 88px); line-height: 1.08; max-width: 23ch; margin: 28px 0 34px; text-wrap: balance; }
.journal-byline { font-size: 13px; line-height: 1.6; }
.journal-opening { width: 92%; margin: 0 auto; }
.journal-copy { font-size: 17px; line-height: 1.85; }
.journal-copy p + p { margin-top: 22px; }
.wwh-article .journal-lead { font: 400 clamp(26px, 2.5vw, 37px)/1.35 var(--serif); letter-spacing: -.025em; }
.journal-introduction { width: min(52%, 660px); margin: 76px 12% var(--article-space) auto; }
.journal-introduction .journal-lead { margin-bottom: 30px; }
.journal-split { display: grid; grid-template-columns: .85fr 1.15fr; gap: 11%; margin: 0 12% 0 8%; align-items: start; }
.journal-split > h2 { max-width: 12ch; }
.journal-split .journal-copy { max-width: 61ch; }
.journal-herd { width: 68%; margin: 74px 8% 0 auto; }
.journal-light { margin: var(--article-space) 12% 0 8%; }
.journal-light > .journal-copy { max-width: 61ch; margin-left: 10%; }
.journal-pullquote { margin: 70px 0 40px 24%; padding: 0; max-width: 25ch; font: 400 clamp(31px, 3.6vw, 54px)/1.3 var(--serif); letter-spacing: -.035em; }
.journal-light-note { font-size: 16px; line-height: 1.85; width: min(100%, 60ch); margin-left: 24%; }
.journal-sea { width: 92%; margin: 76px auto var(--article-space); }
.journal-seasons { margin: 0 8%; padding: 55px 0 60px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.journal-seasons h2 { max-width: 23ch; margin-top: 25px; margin-bottom: 50px; }
.journal-season-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6%; }
.journal-season-grid h3 { font-size: 31px; letter-spacing: -.025em; margin-bottom: 22px; }
.journal-season-grid p { font-size: 16px; line-height: 1.85; }
.journal-wind { max-width: 61ch; margin: var(--article-space) 18% var(--article-space) auto; padding-left: 24px; }
.journal-voice { margin: 34px 0; padding: 0; font: 400 clamp(27px, 2.6vw, 38px)/1.35 var(--serif); letter-spacing: -.025em; }
.journal-signature { padding-top: 17px; }
.journal-venue { margin-top: 0; padding-top: 52px; border-top: 1px solid var(--line); }
.journal-venue h2 { margin-top: 28px; max-width: 11ch; }
.journal-criteria { margin: 36px 0 0; }
.journal-criteria dt { font-size: 15px; font-weight: 600; margin-top: 27px; }
.journal-criteria dd { margin: 8px 0 0; }
.journal-local { max-width: 62ch; margin: var(--article-space) auto 0 18%; }
.journal-territory { width: 76%; margin: 90px auto var(--article-space); }
.journal-matter { display: grid; grid-template-columns: 1.3fr 1fr; gap: 9%; margin: 0 12% 0 4%; align-items: center; }
.journal-matter .journal-copy { padding-top: 50px; }
.journal-matter h2 { font-size: clamp(32px, 3vw, 46px); }
.journal-matter p { font-size: 16px; }
.journal-philosophy { max-width: 64ch; margin: var(--article-space) 12% var(--article-space) auto; }
.journal-philosophy h2 { max-width: 23ch; }
.journal-philosophy .journal-lead { margin: 35px 0 28px; }
.journal-inline { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.wwh-article .textlink { display: inline-block; font-size: 11px; margin-top: 25px; }
.wwh-article .textlink:hover, .journal-entry .textlink:hover { opacity: .7; }
.journal-author { display: grid; grid-template-columns: 1.35fr 1fr; gap: 10%; align-items: center; margin: 0 8%; }
.journal-author h2 { font-size: clamp(33px, 3.2vw, 49px); margin-top: 24px; }
.journal-author .journal-copy > p:not(.eyebrow) { max-width: 36ch; }
.journal-elegance { max-width: 63ch; margin: var(--article-space) auto var(--article-space) 18%; }
.journal-elegance h2 { margin-top: 28px; }
.journal-elegance .journal-lead { margin-top: 38px; }
.journal-conclusion { background: var(--salt); padding: 90px 16% 105px; }
.journal-conclusion .journal-invitation { font: 400 clamp(36px, 4.2vw, 65px)/1.18 var(--serif); letter-spacing: -.035em; max-width: 26ch; margin: 36px 0 30px; text-wrap: balance; }
.journal-conclusion > p:not(.eyebrow):not(.journal-invitation) { max-width: 50ch; font-size: 17px; line-height: 1.8; }
.journal-conclusion .textlink { margin-top: 35px; }

@media (max-width: 1050px) {
  .journal-entry { gap: 6%; }
  .journal-entry-copy { padding-top: 10px; }
  .journal-introduction { width: 64%; margin-right: 8%; }
  .journal-split { margin-right: 8%; gap: 7%; }
  .journal-light-note { margin-left: 16%; width: 78%; }
  .journal-pullquote { margin-left: 16%; }
  .journal-wind { margin-right: 12%; margin-left: 12%; padding-left: 0; }
  .journal-local, .journal-elegance { margin-left: 12%; margin-right: 12%; }
  .journal-philosophy { margin-left: 16%; margin-right: 8%; }
  .journal-matter { gap: 7%; margin-right: 8%; }
  .journal-author { gap: 7%; }
  .journal-conclusion { padding-inline: 12%; }
}

@media (max-width: 760px) {
  .journal-entry { display: block; margin-top: 45px; }
  .journal-entry-copy { padding: 32px 0 0; }
  .journalempty .journal-entry h2 { font-size: clamp(32px, 7.7vw, 44px); margin: 18px 0 22px; }
  .wwh-article { --article-space: 80px; }
  .journal-heading { padding: 28px 7% 40px; }
  .journal-back { margin-bottom: 35px; }
  .journal-heading h1 { font-size: clamp(37px, 8.2vw, 58px); margin: 23px 0 27px; }
  .journal-byline { font-size: 12px; }
  .journal-opening { width: 100%; }
  .journal-copy { font-size: 16px; line-height: 1.85; }
  .journal-introduction { width: auto; margin: 48px 7% 75px 12%; }
  .wwh-article h2 { font-size: clamp(33px, 7.5vw, 46px); margin-bottom: 27px; }
  .journal-split { display: block; margin-inline: 7%; }
  .journal-split > h2, .journal-venue h2 { max-width: 18ch; }
  .journal-herd { width: 86%; margin: 42px 7% 0; }
  .journal-light { margin: 75px 7% 0; }
  .journal-light > .journal-copy { margin-left: 0; }
  .journal-pullquote { font-size: clamp(29px, 6.7vw, 40px); margin: 45px 0 30px 6%; max-width: none; }
  .journal-light-note { width: auto; margin-left: 6%; }
  .journal-sea { width: 100%; margin: 45px 0 75px; }
  .journal-seasons { margin: 0 7%; padding: 38px 0; }
  .journal-seasons h2 { margin-bottom: 35px; }
  .journal-season-grid { grid-template-columns: 1fr; gap: 30px; }
  .journal-season-grid h3 { font-size: 29px; margin-bottom: 14px; }
  .journal-wind { margin: 75px 7% 75px 12%; }
  .journal-venue { padding-top: 35px; }
  .journal-criteria { margin-top: 28px; }
  .journal-local { margin: 75px 7% 0; }
  .journal-territory { width: 86%; margin: 52px 7% 75px; }
  .journal-matter { display: block; margin: 0 7%; }
  .journal-matter .journal-copy { padding: 33px 0 0 6%; }
  .journal-matter h2 { font-size: 33px; }
  .journal-philosophy { margin: 75px 7%; }
  .journal-author { display: block; margin: 0 7%; }
  .journal-author .journal-copy { padding: 35px 0 0 6%; }
  .journal-author h2 { font-size: 35px; }
  .journal-elegance { margin: 75px 7% 75px 12%; }
  .journal-conclusion { padding: 64px 7% 75px; }
  .journal-conclusion .journal-invitation { font-size: clamp(34px, 8vw, 46px); margin: 30px 0 25px; }
}