/* Enoch's technical story, within the portfolio's existing article system. */
.work-article--enoch .work-deck a { text-decoration: underline; text-underline-offset: 5px; }
.work-article--enoch .work-deck a:hover { color: var(--text); }
.work-article--enoch .work-deck a:focus-visible { outline: 2px solid var(--focus); outline-offset: 5px; }
.enoch-contents { display: flex; flex-wrap: wrap; gap: 14px 26px; margin: -12px 0 46px; color: var(--body); font: 400 16px/1.5 "Barlow Semi Condensed", sans-serif; }
.enoch-contents a { text-decoration: underline; text-decoration-color: var(--hairline-strong); text-underline-offset: 5px; }
.enoch-contents a:hover { color: var(--text); text-decoration-color: currentColor; }
.enoch-contents a:focus-visible { outline: 2px solid var(--focus); outline-offset: 6px; }
.work-article--enoch #project-tools-title, .enoch-funnel-detail { scroll-margin-top: 110px; }
.enoch-screen img { border: 1px solid var(--hairline); border-radius: 5px; }
.enoch-feature { margin: 0 0 112px; }
.enoch-feature-copy { display: grid; grid-template-columns: 1fr 1.45fr; gap: clamp(36px, 6vw, 88px); margin: 34px 0 0; }
.enoch-feature-copy h3, .enoch-tech-notes h3 { margin: 0; font: 500 clamp(30px, 3vw, 40px)/1.12 "Barlow Condensed", sans-serif; letter-spacing: -.015em; text-wrap: balance; }
.enoch-feature-copy p { margin: 0; color: var(--body); font: 400 20px/1.7 "Barlow Semi Condensed", sans-serif; }
.enoch-feature-copy p + p { margin-top: 20px; }
.enoch-product-story { grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: clamp(32px, 4vw, 60px); }
.enoch-product-story.work-chapter--reverse { grid-template-columns: minmax(0,1fr) minmax(0,1.65fr); }
.enoch-product-story .work-chapter-copy p { font-size: 19px; line-height: 1.6; }
.enoch-flow { margin: 0 0 66px; border-top: 1px solid var(--hairline-strong); border-bottom: 1px solid var(--hairline-strong); }
.enoch-flow figcaption { padding: 22px 0; color: var(--muted); font: 400 13px/1.5 "IBM Plex Mono", monospace; }
.enoch-flow ol { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); list-style: none; padding: 0; margin: 0; }
.enoch-flow li { display: flex; flex-direction: column; gap: 9px; padding: 24px 26px 30px 0; min-width: 0; border-top: 1px solid var(--hairline); }
.enoch-flow .enoch-step { margin-bottom: 8px; color: var(--muted); font: 400 12px/1.4 "IBM Plex Mono", monospace; }
.enoch-flow strong { font: 500 27px/1.2 "Barlow Condensed", sans-serif; }
.enoch-flow li > span:last-child { max-width: 30ch; color: var(--body); font: 400 16px/1.5 "Barlow Semi Condensed", sans-serif; }
.enoch-tech-notes { margin: 0 0 110px; }
.enoch-tech-notes h3 { max-width: 26ch; margin-bottom: 32px; }
.enoch-tech-notes dl { margin: 0; }
.enoch-tech-notes dl > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2.1fr); gap: 40px; padding: 26px 0; border-top: 1px solid var(--hairline); }
.enoch-tech-notes dt { font: 500 25px/1.25 "Barlow Condensed", sans-serif; }
.enoch-tech-notes dd { margin: 0; max-width: 68ch; color: var(--body); font: 400 19px/1.65 "Barlow Semi Condensed", sans-serif; }
.enoch-summary { margin-top: 110px; margin-bottom: 54px; }
.work-article--enoch .project-tools--directory > h2 { font: 500 32px/1.12 "Barlow Condensed", sans-serif; margin: 0 0 26px; }
@media (max-width: 800px) {
  .enoch-feature-copy, .enoch-product-story, .enoch-product-story.work-chapter--reverse { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .enoch-feature, .enoch-tech-notes { margin-bottom: 76px; }
  .enoch-tech-notes dl > div { grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: 26px; }
}
@media (max-width: 600px) {
  .enoch-contents { margin-bottom: 32px; gap: 14px 22px; }
  .enoch-feature-copy { margin-top: 28px; }
  .enoch-feature-copy h3, .enoch-tech-notes h3 { font-size: 32px; }
  .enoch-feature-copy p { font-size: 19px; }
  .enoch-flow { margin-bottom: 50px; }
  .enoch-flow ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .enoch-flow li { padding: 20px 16px 24px 0; }
  .enoch-flow strong { font-size: 24px; }
  .enoch-flow li > span:last-child { font-size: 15px; }
  .enoch-tech-notes dl > div { grid-template-columns: minmax(0,1fr); gap: 12px; padding: 24px 0; }
  .enoch-summary { margin-top: 76px; }
}