/* The handwritten voice already used by the Sovereign paper-journal artwork. */
@font-face{font-family:Caveat;src:url(assets/caveat.ttf) format('truetype');font-display:swap}
.story-beat .journal-example{background:linear-gradient(0deg,#e9e1ca26,#f8f3e6);padding:20px 23px;border-left:1px solid #c0ac79;transform:rotate(-.6deg)}
.story-beat .journal-example blockquote{font:450 21px/1.5 Caveat,cursive;color:#384438;letter-spacing:.01em;margin-top:13px;max-width:360px}
.story-beat .journal-example>span{font-size:9px}
.story-site .context-quote{font:450 28px/1.25 Caveat,cursive;letter-spacing:0;color:#384438}
.story-anchor{position:absolute;top:0;scroll-margin-top:calc(var(--nav-height) + 24px)}
.desk-beat{position:relative}
.desk-sorting{margin-top:26px;--sort-a:1;--sort-b:1;--sort-c:1;--sort-thread:1}
.loose-note{position:relative;background:#f9f3e4;border:1px solid #d8cfb7;border-radius:2px;box-shadow:3px 4px 0 #d7cfbb40;padding:18px 22px;transform:rotate(calc(-1.2deg * (1 - var(--sort-thread))));transform-origin:bottom center}
.loose-note>span,.sorted-desk article>span,.desk-follow-through>span{font:400 9px/1.6 Jakarta,Arial,sans-serif;color:#887447;letter-spacing:.055em}
.story-beat .loose-note>p{font:450 21px/1.35 Caveat,cursive;color:#394638;margin:10px 0 0;max-width:none}
.sorting-thread{height:42px;padding:0 12px;overflow:hidden}.sorting-thread svg{display:block;width:100%;height:100%}.sorting-thread path{fill:none;stroke:#a68c51;stroke-width:1.15;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sort-thread))}
.sorted-desk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.sorted-desk article{padding:13px 12px 15px;background:#f5f5ea;border:1px solid #bdc8ae85;border-radius:2px;transform:translateY(calc((1 - var(--sort-item,1))*14px));opacity:calc(.6 + var(--sort-item,1)*.4);min-width:0}
.sorted-desk article:nth-child(1){--sort-item:var(--sort-a);border-top:2px solid #a3ae86}.sorted-desk article:nth-child(2){--sort-item:var(--sort-b);border-top:2px solid #c4a96c}.sorted-desk article:nth-child(3){--sort-item:var(--sort-c);border-top:2px solid #8da5a0}
.story-beat .sorted-desk h3{font:450 21px/1.1 Caveat,cursive;letter-spacing:0;color:#3a4b3a;margin:9px 0 0;overflow-wrap:anywhere}
.story-beat .sorted-desk p{font:400 10px/1.6 Jakarta,Arial,sans-serif;color:#6c755d;margin:10px 0 0;max-width:none}
.desk-follow-through{margin-top:23px;border-left:1px solid #b99c59;padding:0 0 0 17px}
.desk-follow-through>span{display:flex;align-items:center;gap:9px}.story-beat .desk-follow-through>p{font:400 13px/1.8 Jakarta,Arial,sans-serif;color:#4e624c;margin:12px 0 0;max-width:none}
.suggested-hour{margin-top:15px;padding:11px 13px;background:#e9eddf;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;color:#59674b}.suggested-hour>span{font:400 9px/1.6 Jakarta,sans-serif}.suggested-hour>strong{font:500 11px/1.6 Jakarta,sans-serif}
.desk-sorting>small{display:block;font-size:9px;line-height:1.7;color:#778168;margin-top:17px}
.story-site .river-copy>p+p{margin-top:18px}.river-story{padding-bottom:35px}
@media(min-width:701px){.motion-enabled .desk-beat{padding-top:48px;padding-bottom:72px}.story-site .desk-beat>div{max-width:470px}.desk-beat>.story-anchor{display:block}}
@media(max-width:1050px) and (min-width:701px){.sorted-desk{gap:5px}.sorted-desk article{padding:11px 8px}.story-beat .sorted-desk h3{font-size:20px}.story-beat .sorted-desk p{font-size:9px}.story-beat .loose-note>p{font-size:20px}}
@media(max-width:700px){
 .story-beat .journal-example blockquote{font-size:20px;line-height:1.5}.story-site .context-quote{font-size:27px}
 .story-site .desk-beat{display:flex;flex-direction:column;align-items:stretch}.story-site .desk-beat>div{display:contents}
 .desk-beat>div>.eyebrow{order:0;margin:0 24px 20px}.desk-beat>div>h2{order:1;margin:0 24px}.desk-beat>div>p:not(.eyebrow){order:2;margin:22px 24px 0;max-width:none}
 .story-site .desk-beat>.mobile-scene{order:3;margin:24px auto 0}.desk-beat .desk-sorting{order:4;margin:20px 24px 0}.desk-beat>div>.text-link{order:5;align-self:flex-start;margin:24px 24px 30px}
 .story-beat .loose-note>p{font-size:20px}.story-beat .sorted-desk h3{font-size:20px}.story-beat .sorted-desk p{font-size:9px}.sorted-desk{gap:7px}.sorted-desk article{padding:13px 10px}.river-story{padding-bottom:10px}
}
@media(max-width:380px){.sorted-desk{grid-template-columns:1fr;gap:8px}.sorted-desk article{display:grid;grid-template-columns:62px 1fr;gap:4px 8px;border-top-width:1px;border-left-width:2px;align-items:baseline}.story-beat .sorted-desk h3{margin:0;font-size:21px}.story-beat .sorted-desk p{grid-column:2;margin:0;font-size:10px}.sorting-thread{height:25px;position:relative}.sorting-thread svg{display:none}.sorting-thread:after{content:"";display:block;width:1px;height:100%;background:#a68c51;margin:auto;transform:scaleY(var(--sort-thread));transform-origin:top}.loose-note{padding:18px}.story-site .context-quote{font-size:25px}}
@media(prefers-reduced-motion:reduce){.loose-note,.sorted-desk article{transform:none!important;opacity:1!important}.sorting-thread path{stroke-dashoffset:0!important}}
.motion-paused .loose-note,.motion-paused .sorted-desk article{transform:none!important;opacity:1!important}.motion-paused .sorting-thread path{stroke-dashoffset:0!important}
