/* One workday, from scattered details to a record the professional reviews. */
.home-work-story { padding: 40px var(--home-gutter) 64px; background: #f3f2ee; overflow-x: clip; }
.workday-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 9%; }
.workday-copy section { scroll-margin-top: 10px; padding-block: 56px; }
.workday-copy h2 { font-size: clamp(36px, 3.6vw, 52px); line-height: 1.12; max-width: 15ch; margin-bottom: 28px; }
.workday-copy p:not(.gb-kicker) { color: var(--gb-muted); font-size: 17px; max-width: 38ch; }
.workday-copy .workday-afterthought { margin-top: 28px; padding-left: 18px; border-left: 1px solid #b29a66; font-size: 14px !important; max-width: 33ch; }
.workday-copy .gb-text-link { margin-top: 18px; font-size: 13px; }
.workday-copy .home-tryout { margin: 30px 0 12px; font-size: 12px !important; max-width: 42ch; }
.workday-copy #keep-moving { grid-column: 1 / -1; }
.workday-copy p.workday-next-note { color: var(--gb-ink); font-size: 15px; margin-top: 28px; }
.workday-plan-link { min-height: 46px; padding: 12px 22px; justify-content: center; margin-top: 18px; }
.workday-start-link { margin-top: 18px; }
.home-tryout strong { display: block; color: var(--gb-ink); font-weight: 550; margin-bottom: 5px; }
.workday-rail { min-width: 0; }
.workday-figure { margin: 0; min-width: 0; max-width: 960px; margin-inline: auto; }
.workday-figure-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 18px 0; border-bottom: 1px solid #d4d7d5; }
.workday-figure-head h3 { font-size: 15px; font-weight: 550; letter-spacing: -.01em; margin: 0; }
.workday-figure-head > span { color: var(--gb-accent-ink); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.workday-canvas { position: relative; isolation: isolate; container-type: inline-size; margin-top: 14px; }
.workday-route { display: none; width: 100%; height: 100%; position: absolute; inset: 0; overflow: visible; pointer-events: none; }
.workday-route path { fill: none; stroke: #10233426; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.workday-route .workday-trace { stroke: #766038; stroke-width: 2.7; }
.workday-route circle { fill: #102334; stroke: #f3f2ee; stroke-width: 4; }
.workday-notes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 30px 0; list-style: none; }
.workday-note { padding: 14px; border: 1px solid #cfd4d6; border-radius: 12px; background: #fff; color: #102334; box-shadow: 0 12px 24px -10px #10233422; }
.workday-note header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.workday-note svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.workday-note strong { font-size: 11px; font-weight: 600; }
.workday-note p { font-size: 12px; line-height: 1.45; margin: 0; color: #52616c; max-width: 14ch; }
.workday-note[data-tone="ink"] { background: #102334; border-color: #102334; color: #fff; }
.workday-note[data-tone="ink"] p { color: #e4ebee; }
.workday-note[data-tone="brass"] { background: #d9c79f; border-color: #b7a57f; }
.workday-note[data-tone="brass"] p { color: #35414a; }
.workday-scramble { display: none; position: absolute; top: 35%; left: 44%; width: 49%; }
.workday-scramble h4 { font-size: clamp(23px, 3.7cqw, 32px); line-height: 1.16; letter-spacing: -.03em; margin: 0 0 20px; }
.workday-scramble p { color: #52616c; font-size: 13px; max-width: 21ch; }
.workday-scramble p span { display: block; margin-top: 8px; }
.workday-ending { max-width: 30ch; margin: 32px auto; }
.workday-ending h4 { font-size: clamp(24px, 3.7cqw, 32px); line-height: 1.16; letter-spacing: -.03em; margin: 0 0 18px; }
.workday-ending p { color: #52616c; font-size: 13px; line-height: 1.6; max-width: 25ch; margin: 0; }
.workday-report { width: min(340px, 100%); margin: 20px auto 30px; position: relative; --record-shift: translate(-42px, 12px) rotate(-6deg); --documentation-shift: translate(-18px, 4px) rotate(-3deg); --work-report-shift: translate(8px, -4px) rotate(-.5deg); --invoice-shift: translate(34px, -10px) rotate(2deg); }
.workday-record-pages { position: relative; isolation: isolate; }
.workday-report-paper { position: relative; border: 1px solid #c8cfcf; border-radius: 16px; padding: 28px; background: #fff; box-shadow: 0 24px 40px -18px #10233433; }
.workday-record-pages::before { content: ""; position: absolute; inset: 0; border: 1px solid #d5d8d3; border-radius: 16px; background: #fcfcfa; transform: translate(9px, 8px) rotate(2deg); z-index: -1; }
.workday-report .workday-report-kicker { color: #766038; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 20px; }
.workday-report h3 { font-size: 32px; line-height: 1.06; letter-spacing: -.035em; margin-bottom: 18px; }
.workday-report-paper p:not(.workday-report-kicker) { color: #52616c; font-size: 12px; max-width: 28ch; }
.workday-report-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; padding: 0; list-style: none; margin: 26px 0 18px; }
.workday-report-list li { display: flex; align-items: baseline; gap: 7px; font-size: 11px; border-top: 1px solid #e1e4e2; padding-block: 12px; }
.workday-report-list span { color: #766038; }
.workday-report .workday-public-line { border-top: 1px solid #ccd3d3; padding-top: 15px; margin: 0; font-size: 11px !important; color: #102334 !important; }
.workday-output { position: relative; margin-top: 24px; padding: 28px; border: 1px solid #c8cfcf; border-radius: 16px; background: #fff; box-shadow: 0 24px 40px -18px #10233433; }
.workday-report .workday-output-kicker { margin: 0 0 22px; font-size: 9px; letter-spacing: .075em; text-transform: uppercase; color: #766038; max-width: none; }
.workday-report .workday-output h3 { font-size: 28px; margin: 0 0 16px; }
.workday-report .workday-output-subtitle { color: #52616c; font-size: 12px; line-height: 1.5; margin: 0 0 22px; }
.workday-document-body h4 { font-size: 11px; font-weight: 600; margin: 0 0 7px; }
.workday-report .workday-document-body p { color: #52616c; font-size: 12px; line-height: 1.5; margin: 0 0 18px; }
.workday-document-attachments { display: flex; gap: 16px; border-top: 1px solid #d9dfdc; padding-top: 14px; font-size: 10px; color: #52616c; margin-bottom: 20px; }
.workday-output-lines { margin: 0 0 20px; }
.workday-output-lines > div { display: grid; grid-template-columns: 80px 1fr; gap: 10px; padding: 12px 0; border-top: 1px solid #d9dfdc; }
.workday-output-lines dt { font-size: 10px; color: #52616c; }
.workday-output-lines dd { font-size: 12px; line-height: 1.5; margin: 0; }
.workday-report .workday-output-footer { color: #52616c; font-size: 10px; margin: auto 0 0; border-top: 1px solid #ccd3d3; padding-top: 14px; max-width: none; }
.workday-report .workday-invoice-note { color: #52616c; font-size: 11px; line-height: 1.5; margin: 0 0 22px; }
.workday-output[data-workday-output="documentation"] { background: #fdfcf8; }
.workday-output[data-workday-output="invoice"] { border-top: 3px solid #b29a66; }
.workday-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 20px; border-top: 1px solid #d4d7d5; }
.workday-phase-controls { position: relative; display: flex; gap: 20px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.workday-phase-controls::-webkit-scrollbar { display: none; }
.workday-controls button { border: 0; background: transparent; color: #52616c; font: inherit; font-size: 12px; cursor: pointer; min-height: 44px; padding: 10px 0; }
.workday-phase-controls button { flex: 0 0 auto; white-space: nowrap; border-bottom: 2px solid transparent; }
.workday-phase-controls button[aria-pressed="true"] { color: #102334; border-bottom-color: #766038; }
.workday-motion-controls { display: flex; justify-content: flex-end; gap: 12px; width: 140px; min-height: 44px; }
.workday-motion-controls button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; font-size: 11px; }
.workday-motion-controls svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.workday-motion-controls .workday-play-icon { display: none; }
[data-playback="paused"] .workday-pause-icon { display: none; }
[data-playback="paused"] .workday-motion-controls .workday-play-icon { display: block; }
.workday-figure figcaption { margin-top: 14px; color: #52616c; font-size: 10px; max-width: 54ch; }
.workday-sr-only { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.is-enhanced .workday-canvas { height: 550px; }
.is-enhanced .workday-route { display: block; }
.is-enhanced .workday-notes { display: block; position: absolute; inset: 0; padding: 0; }
.is-enhanced .workday-note { position: absolute; inset: 0 auto auto 0; width: clamp(118px, 18.5cqw, 152px); min-height: 104px; transform-origin: center; }
.is-enhanced .workday-report { position: absolute; margin: 0; top: 24px; left: 50%; width: min(340px, calc(100% - 24px)); transform: translateX(-50%); }
.is-enhanced .workday-ending { position: absolute; left: 57%; top: 34%; width: 40%; margin: 0; }
.is-enhanced[data-workday-ending="record"] .workday-report { transform: translateX(calc(-50% - 25cqw)) scale(.82); }
.is-enhanced[data-workday-ending="outputs"] .workday-report { transform: translateX(calc(-50% - 25cqw)) scale(.74); }
.is-enhanced .workday-output { position: absolute; inset: 0; display: flex; flex-direction: column; margin: 0; }
.is-enhanced[data-workday-phase="outputs"] .workday-record-pages { transform: var(--record-shift); }
.is-enhanced .workday-output[data-workday-output="documentation"] { transform: var(--documentation-shift); z-index: 2; }
.is-enhanced .workday-output[data-workday-output="work-report"] { transform: var(--work-report-shift); z-index: 3; }
.is-enhanced .workday-output[data-workday-output="invoice"] { transform: var(--invoice-shift); z-index: 4; }
.is-enhanced .workday-scramble:not([hidden]) { display: block; }
.is-enhanced[data-workday-phase="paperwork"] .workday-route { opacity: .12; }
.is-enhanced[data-workday-phase="record"] .workday-route { opacity: .1; }
.is-enhanced[data-workday-phase="outputs"] .workday-route { opacity: .07; }
.home-work-story.is-pinned { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.4fr); gap: 7%; padding-top: 0; }
.is-pinned .workday-copy { display: block; }
.is-pinned .workday-copy section { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: max(640px, 85svh); padding-block: 70px; }
.is-pinned .workday-copy section:last-child { min-height: max(680px, 95svh); }
.is-pinned .workday-figure { position: sticky; top: 112px; }
.is-pinned .workday-canvas { height: clamp(380px, calc(100svh - 300px), 530px); }
.is-pinned .workday-figure figcaption { max-width: none; }
@media (max-height: 900px) {
  .is-pinned .workday-figure-head { padding-block: 12px; }
  .is-pinned .workday-figure figcaption { margin-top: 10px; }
  .is-pinned .workday-report-paper, .is-pinned .workday-output { padding: 22px; }
  .is-pinned .workday-report .workday-report-kicker { margin-bottom: 14px; }
  .is-pinned .workday-report h3 { font-size: 28px; margin-bottom: 14px; }
  .is-pinned .workday-report-list { margin: 18px 0 14px; }
  .is-pinned .workday-report-list li { padding-block: 9px; }
  .is-pinned .workday-report .workday-public-line { padding-top: 12px; }
}
@media (max-height: 740px) {
  .is-pinned .workday-report { top: 14px; --record-shift: translate(-42px, 4px) rotate(-4deg); }
  .is-pinned .workday-report-paper, .is-pinned .workday-output { padding: 18px; }
  .is-pinned .workday-report h3 { font-size: 26px; margin-bottom: 10px; }
  .is-pinned .workday-report .workday-report-kicker, .is-pinned .workday-report .workday-output-kicker { font-size: 9px; margin-bottom: 10px; }
  .is-pinned .workday-report-paper p:not(.workday-report-kicker) { font-size: 11px; line-height: 1.5; }
  .is-pinned .workday-report-list { margin: 14px 0 10px; }
  .is-pinned .workday-report-list li { padding-block: 6px; }
  .is-pinned .workday-report .workday-public-line { padding-top: 10px; font-size: 10px !important; }
  .is-pinned .workday-report .workday-output h3 { font-size: 26px; margin-bottom: 10px; }
  .is-pinned .workday-report .workday-output-subtitle { margin-bottom: 14px; }
  .is-pinned .workday-output-lines { margin-bottom: 14px; }
  .is-pinned .workday-output-lines > div { padding-block: 7px; }
  .is-pinned .workday-output-lines dd { font-size: 11px; }
  .is-pinned .workday-report .workday-output-footer { font-size: 10px; padding-top: 10px; }
  .is-pinned .workday-report .workday-invoice-note { margin-bottom: 12px; }
  .is-pinned .workday-report .workday-document-body p { margin-bottom: 12px; }
  .is-pinned .workday-document-attachments { padding-top: 10px; margin-bottom: 14px; }
}
@media (max-width: 820px) {
  .home-work-story { padding-top: 14px; padding-bottom: 54px; }
  .workday-copy { gap: 36px; }
  .workday-copy section { padding-block: 40px; }
  .workday-copy h2 { font-size: 36px; }
  .workday-copy p:not(.gb-kicker) { font-size: 16px; }
  .workday-notes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .workday-copy { display: block; }
  .workday-copy section + section { border-top: 1px solid #d4d7d5; }
  .workday-copy section:last-child { padding-bottom: 44px; }
  .workday-copy h2 { font-size: clamp(34px, 8.6vw, 44px); }
  .workday-figure-head { gap: 12px; }
  .workday-figure-head h3 { max-width: 24ch; font-size: 13px; }
  .workday-figure-head > span { font-size: 9px; }
  .is-enhanced .workday-route { opacity: .2; }
  .is-enhanced .workday-canvas { height: 548px; }
  .is-enhanced .workday-note { width: calc((100% - 16px) / 2); min-height: 100px; padding: 14px; }
  .workday-note p { max-width: 16ch; }
  .workday-controls { gap: 12px; }
  .workday-phase-controls { gap: 16px; }
  .workday-phase-controls button { font-size: 11px; }
  .workday-motion-controls { gap: 4px; width: 92px; }
  .workday-motion-controls button > span { display: none; }
  .workday-scramble { left: 15px; top: 53%; width: calc(100% - 30px); }
  .workday-scramble h4 { max-width: 21ch; font-size: 28px; }
  .workday-scramble p { max-width: none; }
  .workday-scramble p span { display: block; margin-top: 4px; }
  .is-enhanced .workday-ending { left: 15px; top: 396px; width: calc(100% - 30px); max-width: none; }
  .workday-ending h4 { font-size: 26px; margin-bottom: 12px; }
  .workday-ending p { max-width: 34ch; }
  .is-enhanced[data-workday-ending="record"] .workday-report, .is-enhanced[data-workday-ending="outputs"] .workday-report { transform: translateX(calc(-50% - 24px)) translateY(-52px) scale(.72); }
  .workday-report { --record-shift: translate(-12px, 8px) rotate(-3deg); --documentation-shift: translate(-5px, 4px) rotate(-1.7deg); --work-report-shift: translate(2px, 0px); --invoice-shift: translate(9px, -4px) rotate(1deg); }
  .workday-report-paper, .workday-output { padding: 24px 20px; }
  .workday-report .workday-output h3 { font-size: 26px; }
  .workday-output-lines > div { grid-template-columns: 70px 1fr; }
  .workday-report h3 { font-size: 30px; }
  .workday-report-list { gap: 0 10px; }
}