/* Small movements follow the same rules as the handbook: thin lines, quiet color, plenty of rest. */
.quiet-details .nf-header{position:relative}.quiet-details .chapter-bar{position:relative;overflow:hidden}.quiet-details .signal-tail{opacity:.42}
.quiet-details .forged-button,.quiet-details .quiet-link,.quiet-details .nf-nav>a{transition:background-color .25s,color .25s,border-color .25s}.quiet-details .forged-button>span,.quiet-details .quiet-link>span,.quiet-details .contact-link>span,.quiet-details .signal-build-link>b{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.quiet-details .forged-button:is(:hover,:focus-visible)>span,.quiet-details .contact-link:is(:hover,:focus-visible)>span,.quiet-details .signal-build-link:is(:hover,:focus-visible)>b{transform:translate(2px,-2px)}.quiet-details .quiet-link:is(:hover,:focus-visible)>span{transform:translateX(3px)}
.quiet-details .quiet-link{text-decoration-thickness:1px;text-decoration-color:#b8b0c5;transition:text-decoration-color .3s}.quiet-details .quiet-link:is(:hover,:focus-visible){text-decoration-color:#655c87}
.quiet-details .craft-tabs button{transition:background-color .3s,color .3s;isolation:isolate}.quiet-details .craft-tabs button:after{content:'';position:absolute;right:13px;top:12px;width:4px;height:4px;border-radius:50%;background:#8d7ba4;opacity:.15;transition:opacity .4s}.quiet-details .craft-tabs button[aria-selected=true]:after{opacity:.7;animation:indicator-breathe 10s ease-in-out infinite;animation-play-state:paused}.quiet-details #work.in-view .craft-tabs button[aria-selected=true]:after{animation-play-state:running}.quiet-details .craft-tabs button[aria-selected=true]:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#b3a4c9;transform-origin:left;animation:tab-trace .65s ease-out both}
@keyframes indicator-breathe{0%,65%,100%{box-shadow:0 0 0 0 #9a89b500;opacity:.5}18%{box-shadow:0 0 0 4px #9a89b515;opacity:.9}35%{box-shadow:0 0 0 6px #9a89b500;opacity:.5}}
@keyframes tab-trace{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.quiet-details .build-photo{overflow:hidden}.corner-mark{position:absolute;z-index:1;width:17px;height:17px;pointer-events:none;border-color:#8e81a5;border-style:solid;opacity:.4;transition:width .5s,height .5s,opacity .5s}.corner-tl{left:8px;top:8px;border-width:1px 0 0 1px}.corner-br{right:8px;bottom:8px;border-width:0 1px 1px 0}.build-photo:is(:hover,:focus-within) .corner-mark{width:24px;height:24px;opacity:.9}.quiet-details .photo-label{position:relative}.quiet-details .photo-label:after{content:'+';position:absolute;right:0;top:10px;color:#9b8aae;font-size:15px;font-weight:300;transition:transform .5s}.build-photo:is(:hover,:focus-within) .photo-label:after{transform:rotate(90deg)}
.quiet-details .data-ledger{position:relative}.quiet-details .data-ledger li{position:relative}.quiet-details .data-ledger li>span{position:relative;z-index:1;background:white}.ledger-signal{position:absolute;left:43px;top:58px;width:1px;height:calc(100% - 82px);background:#e3ddea;overflow:hidden}.ledger-signal:after{content:'';position:absolute;inset:-30px 0 auto;width:1px;height:30px;background:linear-gradient(transparent,#8c7aa2);animation:ledger-travel 13s linear infinite;animation-play-state:paused}.in-view .ledger-signal:after{animation-play-state:running}@keyframes ledger-travel{0%{top:-30px;opacity:0}4%{opacity:.7}35%{top:100%;opacity:.7}36%,100%{top:100%;opacity:0}}
.sample-light{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9989ae;margin:0 9px 2px 0;vertical-align:middle;animation:indicator-breathe 12s ease-in-out infinite;animation-play-state:paused}#evidence.in-view .sample-light{animation-play-state:running}.quiet-details .state-controls button{transition:background-color .25s,color .25s}.quiet-details .instrument-caption{position:relative}.quiet-details .instrument-caption:before{content:'';position:absolute;left:6px;right:6px;top:4px;height:1px;background:linear-gradient(90deg,#a493bd,transparent);transform:scaleX(0);transform-origin:left}.quiet-details .instrument-caption.caption-changed:before{animation:caption-trace 1.1s ease-out both}@keyframes caption-trace{0%{transform:scaleX(0);opacity:0}25%{opacity:.6}100%{transform:scaleX(1);opacity:0}}
.quiet-details .makers article{position:relative}.quiet-details .makers article:before{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;background:#7f6b99;transition:width .75s cubic-bezier(.2,.8,.2,1)}.quiet-details .makers article:is(:hover,:focus-within):before{width:100%}.quiet-details .makers img{transition:filter .6s}.quiet-details .makers article:is(:hover,:focus-within) img{filter:grayscale(.7)}
.quiet-details .forge-closing .closing-light{position:relative;isolation:isolate;overflow:hidden;text-align:left;padding:58px 52px;background:#f7f5f9;min-height:365px}.closing-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#eee9ef}.closing-atmosphere video{width:100%;height:100%;object-fit:cover;object-position:center}.closing-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbfafb 0%,#fbfafbf5 24%,#fbfafbd9 43%,#fbfafb30 70%,transparent)}.closing-copy{max-width:560px}.quiet-details .forge-closing p{margin:23px 0}.quiet-details .closing-email{width:fit-content}.quiet-details .closing-copy .forged-button{background:#655c87}.quiet-details .closing-copy .forged-button:hover{background:#50476e}
/* One pause switch covers the entire study, including hover embellishments. */
.quiet-details.motion-paused *,.quiet-details.motion-paused *:before,.quiet-details.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.quiet-details.page-hidden *,.quiet-details.page-hidden *:before,.quiet-details.page-hidden *:after{animation-play-state:paused!important}
@media(max-width:1100px){.quiet-details .study-bar>span{display:none}.quiet-details .study-bar nav{gap:18px}}
@media(max-width:800px){.quiet-details .ledger-signal{left:11px;top:72px}.quiet-details .forge-closing .closing-light{padding:38px 32px}.closing-atmosphere:after{background:linear-gradient(90deg,#fbfafbf5,#fbfafbc7 55%,#fbfafb40)}.quiet-details .closing-copy{max-width:490px}}
@media(max-width:540px){.quiet-details .study-bar{padding:8px 10px;gap:10px;min-height:64px}.quiet-details .study-bar nav{gap:11px;flex:1;justify-content:space-between}.quiet-details .study-bar a{font-size:9px;max-width:82px}.quiet-details .study-bar button{font-size:9px;max-width:57px;flex-shrink:0}.quiet-details .craft-tabs button:after{right:7px;top:10px;width:3px;height:3px}.quiet-details .forge-closing .closing-light{padding:32px 23px 48px;min-height:360px}.closing-atmosphere:after{background:linear-gradient(180deg,#fbfafbf0,#fbfafbcb 70%,#fbfafb50)}.quiet-details .forge-closing .closing-copy h2{font-size:34px}.quiet-details .forge-closing p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.quiet-details *,.quiet-details *:before,.quiet-details *:after{animation:none!important;transition:none!important}.ledger-signal:after{display:none}.quiet-details .forged-button>span,.quiet-details .quiet-link>span,.quiet-details .contact-link>span,.quiet-details .signal-build-link>b{transform:none!important}}

.quiet-details .photo-label:after{content:'';width:9px;height:9px;top:17px;background:linear-gradient(#9b8aae,#9b8aae) center/1px 9px no-repeat,linear-gradient(#9b8aae,#9b8aae) center/9px 1px no-repeat}

/* The operator display has one clear state, with no graphics layered over the old diagram. */
.quiet-details .working-svg .display-label{font:500 19px 'Avenir Next',Arial,sans-serif;letter-spacing:1.5px;fill:#64796c}
.quiet-details .working-svg .display-status{font:500 29px 'Avenir Next',Arial,sans-serif;letter-spacing:2px}
.quiet-details .working-svg .waiting-status{fill:#7d8c83}
.quiet-details .working-svg .received-status{fill:#285a48}
.quiet-details .working-svg .display-note{font:400 18px 'Avenir Next',Arial,sans-serif;letter-spacing:.2px;fill:#7d8c83}
.quiet-details .working-svg .received-note{fill:#47705d}
.quiet-details .working-svg .active-label{fill:#fff}
.display-waiting{opacity:1;transition:opacity .45s ease}.display-received{opacity:0;transition:opacity .45s ease}
.working-plate[data-phase="2"] .display-waiting{opacity:0}.working-plate[data-phase="2"] .display-received{opacity:1}
