@charset "UTF-8";
/* Written on the same pencil paper as the project archive. */
.folder-sheet > .folder-work-note { display: grid; gap: 13px; margin-top: 22px; color: #887031; font-size: 14px; letter-spacing: .08em; }
.folder-work-rule { display: block; width: 64%; height: 2px; background: #bdab65; transform: rotate(-1deg); opacity: .65; box-shadow: 0 4px 0 #c7b77a33; }
.folder.folder-upcoming { --folder: #d5d9c4; --folder-dark: #abb69a; --folder-line: #8b9878; --pencil-folder-edge: var(--pencil-edge-green); }
.folder-upcoming .folder-cover { cursor: default; }
.folder-upcoming .folder-sheets { opacity: .72; }
.folder-upcoming .folder-front { align-items: center; justify-content: center; color: #53664b; }
.folder-upcoming .folder-title { margin: 0; font-weight: 500; letter-spacing: .16em; }
.folder-upcoming .folder-front, .folder-upcoming .folder-sheet { transition: none; }
.folder-upcoming .folder-cover:hover .folder-front { transform: rotate(-1deg); box-shadow: 2px 3px 0 #66834d33; }
.folder-upcoming .folder-cover:hover .folder-sheet:first-child { transform: rotate(-5deg); }
.dialog-story-section { margin-block: 42px 46px; padding-top: 29px; border-top: 1px dashed #adb998; }
.project-story-heading { margin-bottom: 24px; }
.project-story-kicker { color: #748559; font-size: 11px; letter-spacing: .12em; }
.project-story-heading h3 { margin-top: 7px; font-size: 26px; line-height: 1.5; }
.project-story-heading h3 > span { color: #a78b35; font-weight: 400; }
.project-story-context { padding: 17px 21px; margin-bottom: 25px; background: #eee6c550; border-left: 3px solid #d0b75e; border-radius: 1px 8px 5px 2px; color: #59654b; }
.project-story-context p { margin: 0; font-size: 15px; line-height: 1.9; overflow-wrap: anywhere; }
.project-story-context p + p { margin-top: 10px; }
.project-story-stages { list-style: none; padding: 0; margin: 0; display: grid; gap: 22px; }
.project-story-stage { --story-tint: #e7edd7; position: relative; padding: 23px 24px 25px; border: 1px solid #a7b68f; border-radius: 4px 9px 3px 7px; background: #fffdf336; background-image: var(--pencil-fibre); box-shadow: 2px 3px 0 #a5b28525; }
.project-story-stage::before { content: ""; position: absolute; inset: 4px; border: 1px solid #bdc5a640; border-radius: 3px 5px 2px 4px; pointer-events: none; }
.project-story-stage:nth-child(2) { --story-tint: #f1e5ae; }
.project-story-stage:nth-child(3) { --story-tint: #dce9e9; }
.project-story-stage:nth-child(4) { --story-tint: #e8e1c8; }
.project-story-stage-heading { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-bottom: 16px; border-bottom: 1px dashed #b1bf994d; }
.project-story-number { display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 32px; font-size: 14px; font-weight: 700; background: var(--story-tint); background-image: var(--pencil-tape); border: 1px solid #97a87590; border-radius: 4px 2px 5px 3px; transform: rotate(-3deg); }
.project-story-stage-heading h4 { font-size: 18px; line-height: 1.6; color: #355238; font-weight: 650; }
.project-story-label { margin-left: auto; font-size: 10px; color: #7e8969; letter-spacing: .1em; }
.project-story-copy { position: relative; margin-top: 16px; }
.project-story-copy p { font-size: 16px; line-height: 1.95; color: #4c6148; margin: 0; overflow-wrap: anywhere; }
.project-story-copy p + p { margin-top: 13px; }
@media (max-width: 600px) {
  .dialog-story-section { margin-block: 34px 38px; padding-top: 25px; }
  .project-story-kicker { font-size: 9px; letter-spacing: .08em; }
  .project-story-heading { margin-bottom: 19px; }
  .project-story-heading h3 { font-size: 24px; }
  .project-story-context { padding: 15px 16px; margin-bottom: 21px; }
  .project-story-context p { font-size: 14px; }
  .project-story-stages { gap: 18px; }
  .project-story-stage { padding: 20px 17px 22px; }
  .project-story-stage-heading { gap: 9px; padding-bottom: 14px; }
  .project-story-stage-heading h4 { font-size: 17px; }
  .project-story-label { font-size: 9px; letter-spacing: .04em; }
  .project-story-copy p { font-size: 15px; line-height: 1.95; }
}
@media (max-width: 380px) { .project-story-label { display: none; } }