/* Act II: a project file taking shape on a quiet, physical workbench. */
.act-transition { position: relative; padding: 88px var(--edge) 76px; background: #f0efe9; border-bottom: 1px solid #d7d7d0; }
.act-transition h2 { position: relative; z-index: 1; max-width: 1120px; margin-top: 34px; font-size: clamp(48px, 5.6vw, 84px); line-height: 1.08; letter-spacing: -.065em; }
.act-transition h2 em { color: var(--blue); }
.act-transition-bottom { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-top: 34px; }
.act-transition-bottom p { color: #626b74; font-size: 14px; line-height: 1.9; }
.act-transition-bottom a { display: flex; gap: 30px; align-items: center; font-size: 12px; border-bottom: 1px solid #a6acae; padding-bottom: 8px; }
.act-transition-bottom a span { font-size: 22px; color: var(--blue); }
.act-turn { position: absolute; right: var(--edge); top: 54px; color: #d0d2c9; font: 160px/1 var(--serif); }
.delivery-story { --desk-paper: #fffef9; --paper-travel: 0px; --paper-turn: 0deg; --chapter-progress: 0; --delivery-header: 86px; --delivery-compact-height: 220px; display: grid; grid-template-columns: 48% 52%; position: relative; background: #f0efe9; }
.delivery-station { min-width: 0; position: relative; border-right: 1px solid #d7d7d0; background: #e7e8e1; }
.delivery-desk { padding: 28px clamp(24px, 3.5vw, 60px) 23px; }
.delivery-enhanced .delivery-desk { position: sticky; top: var(--delivery-header); display: flex; flex-direction: column; height: calc(100svh - var(--delivery-header)); min-height: 590px; max-height: 930px; }
.desk-topline { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 19px; border-bottom: 1px solid #c6cbc3; color: #555f60; font: 9px/1.5 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.desk-edition { white-space: nowrap; color: #707973; }
.desk-stage { position: relative; width: 100%; max-width: 580px; height: 510px; min-height: 0; align-self: center; flex: 1; container-type: inline-size; perspective: 1400px; }
.desk-coordinate { position: absolute; top: 45%; left: -7px; color: #7b8279; writing-mode: vertical-rl; transform: rotate(180deg); font: 7px var(--mono); letter-spacing: .13em; }
.desk-ground { position: absolute; width: 71%; height: 62%; top: 21%; left: 19%; background: #535d5111; border-radius: 50%; filter: blur(20px); transform: rotate(-10deg); }
.desk-paper { position: absolute; left: 16%; top: 50%; width: 73%; height: 390px; height: min(93cqw, 420px); padding: clamp(24px, 6cqw, 34px); background: var(--desk-paper); border: 1px solid #dadcd3; box-shadow: 0 2px 3px #23302609, 0 17px 28px -16px #26312745; transform-origin: 50% 85%; transition: transform .9s cubic-bezier(.22,.68,.2,1), opacity .6s, box-shadow .9s; backface-visibility: hidden; }
.paper-running { display: flex; justify-content: space-between; gap: 6px; padding-bottom: 11px; border-bottom: 1px solid #cfd3cb; color: #737e75; font: 8px/1.4 var(--mono); letter-spacing: .035em; }
.paper-kicker { display: block; margin-top: 23px; color: #748075; font: 7px/1.5 var(--mono); letter-spacing: .12em; }
.paper-title { font: 500 clamp(25px, 3.1vw, 42px)/1.02 var(--sans); letter-spacing: -.065em; margin-top: 13px; color: #293c32; }
.paper-title em { color: var(--blue); font-size: 1.06em; }
.paper-foot { position: absolute; inset: auto 9% 6%; border-top: 1px solid #cfd3cb; padding-top: 11px; display: flex; justify-content: space-between; font: 6px/1.4 var(--mono); letter-spacing: .03em; color: #718174; }
.review-findings { margin-top: 22px; font-size: 10px; }
.review-findings > div { display: flex; align-items: center; gap: 11px; padding: 8px 0; border-bottom: 1px solid #e3e5dc; }
.review-findings > div > span { font: 7px var(--mono); color: #7e897e; }
.review-findings p { letter-spacing: -.02em; }
.review-findings i { font: italic 11px var(--serif); margin-left: auto; color: #88664a; }
.review-findings > div:last-child p { background: linear-gradient(transparent 45%, #efe5a3 45%); }
.paper-assessment { z-index: 5; transform: translate(0, calc(-50% + var(--paper-travel))) rotate(calc(-6deg + var(--paper-turn))); }
.paper-plan { z-index: 3; background: #2748d9; border-color: #2748d9; transform: translate(5%, -44%) rotate(3deg); }
.paper-plan .paper-running, .paper-plan .paper-foot { color: #c4d0ff; border-color: #ffffff45; }
.paper-plan .paper-kicker { color: #afc2ff; }
.paper-plan .paper-title { color: white; }
.paper-plan .paper-title em { color: #d3dfff; }
.plan-steps { display: grid; gap: 0; margin-top: 23px; color: #f0f3ff; font-size: 10px; }
.plan-steps > span { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px solid #ffffff25; }
.plan-steps b { color: #bacaff; font: 7px var(--mono); align-self: center; }
.plan-steps i { margin-left: auto; font-style: normal; }
.paper-handover { z-index: 2; transform: translate(-6%, -46%) rotate(-10deg); }
.handover-inventory { display: grid; gap: 10px; margin-top: 24px; font-size: 10px; }
.handover-inventory span { display: flex; gap: 11px; }
.handover-inventory i { color: var(--blue); font-style: normal; }
.paper-scope { z-index: 1; transform: translate(8%, -43%) rotate(6deg); }
.scope-paper-name { margin-top: 24px; max-width: 230px; color: #2f4239; font: 500 clamp(19px, 2.1vw, 30px)/1.1 var(--sans); letter-spacing: -.04em; }
.scope-paper-price { margin-top: 24px; color: var(--blue); }
.scope-paper-price > small { display: block; font: 8px var(--mono); text-transform: uppercase; margin-bottom: 3px; }
.scope-paper-price strong { font: 500 clamp(32px, 4vw, 59px)/1 var(--sans); letter-spacing: -.065em; }
.scope-paper-price > span { font-size: 11px; }
.scope-paper-price > em { display: block; font: 9px var(--sans); color: #687b70; margin-top: 5px; }
.scope-paper-detail { font-size: 9px; color: #748075; line-height: 1.5; margin-top: 9px; }
.scope-agreement { display: grid; margin-top: 18px; color: #4a5d4f; font: 13px/1.4 var(--serif); }
.project-folder { position: absolute; left: 10%; width: 82%; border: 1px solid #9baf9f; background: #c0cbbb; transition: transform .9s cubic-bezier(.22,.68,.2,1), opacity .6s; }
.folder-back { z-index: 0; top: 50%; height: min(83cqw, 410px); transform: translate(0, -36%) rotate(-3deg); border-radius: 0 3px 3px 3px; }
.folder-back::before { content: ''; position: absolute; left: -1px; bottom: 100%; width: 46%; height: 24px; background: #c0cbbb; border: 1px solid #9baf9f; border-bottom: 0; border-radius: 7px 15px 0 0; }
.folder-back > span { position: absolute; left: 6%; top: -16px; color: #4a604d; font: 6px var(--mono); }
.folder-front { z-index: 6; top: 50%; height: min(42cqw, 195px); padding: 6% 7%; transform: translate(0, 35%) rotate(-3deg); opacity: 0; border-radius: 0 0 3px 3px; background: #b8c7b6; box-shadow: 0 11px 19px -15px #1e3c3566; }
.folder-front > span { color: #536852; font: 7px var(--mono); letter-spacing: .1em; }
.folder-front > p { margin-top: 16px; display: flex; justify-content: space-between; font: 500 clamp(23px, 2.8vw, 40px)/1.1 var(--sans); letter-spacing: -.06em; color: #293e31; }
.folder-front i { font-style: normal; font-weight: 300; color: #49664c; }
.folder-front small { display: block; color: #526b55; font: italic 14px var(--serif); margin-top: 13px; }
.desk-annotation { position: absolute; z-index: 8; left: 1%; top: 19%; transform: rotate(-13deg); color: #a15c37; transition: opacity .4s, transform .8s; }
.desk-annotation > span { font: italic 22px var(--serif); }
.desk-annotation svg { display: block; margin: 4px 0 0 15px; width: 70px; height: 45px; stroke: currentColor; fill: none; stroke-width: 1.4; }
.desk-slip { position: absolute; z-index: 7; width: 67%; left: 30%; top: 66%; background: #f3eebd; padding: 20px 23px; box-shadow: 0 3px 4px #152a2920; transform: translate(10%, 35px) rotate(8deg); opacity: 0; transition: transform .9s cubic-bezier(.22,.68,.2,1), opacity .5s; }
.desk-slip > span { display: block; font: 7px var(--mono); letter-spacing: .08em; color: #757449; }
.desk-slip strong { display: block; margin-top: 10px; font-size: clamp(16px, 1.8vw, 25px); font-weight: 500; line-height: 1.2; letter-spacing: -.045em; color: #444a36; }
.desk-slip small { display: block; margin-top: 7px; font: 8px/1.4 var(--mono); color: #777e56; }
.desk-stamp { position: absolute; right: -1%; bottom: 11%; z-index: 8; width: 91px; height: 91px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #9d6658; outline: 1px solid #9d6658; outline-offset: -5px; border-radius: 50%; color: #98675c; font: italic 23px/1.1 var(--serif); transform: rotate(-18deg); transition: opacity .5s, transform .9s; }
.desk-stamp span { display: block; font: 6px var(--mono); text-transform: uppercase; margin-top: 7px; }
.desk-caption { display: flex; gap: 19px; align-items: center; border-top: 1px solid #c6cbc3; padding-top: 21px; }
.desk-count { flex: none; font: 9px var(--mono); color: #7d877b; }
.desk-count b { font-weight: 400; color: #263f2e; }
.desk-caption > p { font: italic 19px/1.3 var(--serif); letter-spacing: -.025em; color: #334d3e; max-width: 280px; }
.desk-scroll { margin-left: auto; font-size: 24px; color: #647663; }
.desk-chapters { display: flex; justify-content: space-between; gap: 7px; margin-top: 27px; }
.desk-chapters a { position: relative; padding-bottom: 9px; color: #647260; font-size: 10px; border-bottom: 1px solid #c2c9be; }
.desk-chapters span { font: 8px var(--mono); margin-right: 5px; }
.desk-chapters a[aria-current] { color: #1e3928; }
.desk-chapters a[aria-current]::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #385b40; transform: scaleX(var(--chapter-progress)); transform-origin: left; }
.desk-chapters a:hover { color: var(--blue); }
.desk-disclaimer { font: 7px/1.5 var(--mono); color: #70786c; margin-top: 17px; }

/* The same physical objects have four deliberately different compositions. */
[data-chapter="build"] .paper-assessment { z-index: 2; transform: translate(-13%, -51%) rotate(-12deg); }
[data-chapter="build"] .paper-plan { z-index: 5; transform: translate(0, calc(-54% + var(--paper-travel))) rotate(calc(3deg + var(--paper-turn))); }
[data-chapter="build"] .paper-handover { transform: translate(-4%, -44%) rotate(-4deg); }
[data-chapter="build"] .desk-slip { opacity: 1; transform: translate(0, var(--paper-travel)) rotate(-6deg); }
[data-chapter="build"] .desk-annotation { opacity: 0; transform: translate(-15px, -10px) rotate(-20deg); }
[data-chapter="build"] .desk-stamp { opacity: 0; transform: translateY(30px) rotate(5deg); }
[data-chapter="handover"] .paper-assessment { z-index: 1; transform: translate(-12%, -54%) rotate(-11deg); }
[data-chapter="handover"] .paper-plan { z-index: 2; transform: translate(8%, -56%) rotate(7deg); }
[data-chapter="handover"] .paper-handover { z-index: 5; transform: translate(0, calc(-50% + var(--paper-travel))) rotate(calc(-3deg + var(--paper-turn))); }
[data-chapter="handover"] .folder-front { opacity: 1; transform: translate(0, 30%) rotate(-3deg); }
[data-chapter="handover"] .folder-back { transform: translate(0, -41%) rotate(-3deg); }
[data-chapter="handover"] .desk-annotation, [data-chapter="handover"] .desk-stamp { opacity: 0; }
[data-chapter="scope"] .paper-assessment { z-index: 1; transform: translate(-10%, -47%) rotate(-9deg); }
[data-chapter="scope"] .paper-plan { z-index: 2; transform: translate(8%, -43%) rotate(5deg); }
[data-chapter="scope"] .paper-handover { z-index: 3; transform: translate(-4%, -49%) rotate(-5deg); }
[data-chapter="scope"] .paper-scope { z-index: 5; transform: translate(0, calc(-52% + var(--paper-travel))) rotate(calc(-2deg + var(--paper-turn))); }
[data-chapter="scope"] .desk-annotation { opacity: 0; }
[data-chapter="scope"] .desk-stamp { opacity: 0; }

.delivery-reading { min-width: 0; }
.delivery-chapter { position: relative; min-height: 94svh; padding: 83px clamp(30px, 5vw, 90px) 45px; scroll-margin-top: 12px; }
.delivery-chapter + .delivery-chapter { border-top: 1px solid #d5d8cf; }
.chapter-label { display: flex; align-items: center; gap: 13px; font: 9px/1.7 var(--mono); color: #647361; letter-spacing: .07em; text-transform: uppercase; }
.chapter-label > span { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #b8c3b3; border-radius: 50%; font-size: 9px; letter-spacing: 0; }
.delivery-chapter h2 { font-size: clamp(38px, 4vw, 61px); line-height: 1.07; margin-top: 27px; letter-spacing: -.065em; color: #263b31; }
.delivery-chapter h2 em { color: var(--blue); }
.chapter-lead { font-size: 14px; line-height: 1.9; color: #637069; margin-top: 27px; max-width: 450px; }
.chapter-body { font-size: 13px; line-height: 1.9; color: #657068; max-width: 425px; }
.assessment-question { border-left: 2px solid #afbda4; margin: 33px 0 29px; padding: 3px 0 4px 23px; }
.assessment-question > span { display: block; font: 8px var(--mono); letter-spacing: .07em; color: #6f796b; }
.assessment-question > p { font: 25px/1.3 var(--serif); letter-spacing: -.02em; color: #3a5141; margin-top: 15px; }
.assessment-question em { color: #6e7e64; }
.assessment-offer { margin-top: 31px; border-top: 1px solid #c8cec1; padding-top: 20px; }
.assessment-offer > span { display: block; font: 8px/1.5 var(--mono); color: #667363; letter-spacing: .03em; }
.assessment-offer > p { display: flex; align-items: baseline; gap: 9px; color: var(--blue); margin-top: 13px; }
.assessment-offer p strong { font: 500 42px/1 var(--sans); letter-spacing: -.06em; }
.assessment-offer p small { font: 9px var(--mono); }
.assessment-offer .request-offer { display: flex; justify-content: space-between; align-items: center; margin-top: 19px; background: #284cde; color: white; padding: 11px 15px; font-size: 12px; }
.assessment-offer .request-offer:hover { background: var(--blue-dark); }
.chapter-link { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; font-size: 12px; color: var(--blue); margin-top: 20px; padding-bottom: 9px; border-bottom: 1px solid #c1c9bc; }
.chapter-link > span { font-size: 20px; }
.chapter-link:hover, .chapter-secondary:hover { color: var(--blue-dark); }
.chapter-footnote { font-size: 10px; line-height: 1.8; color: #70796d; margin-top: 17px; max-width: 425px; }
.chapter-continuation { color: #7b8477; font: italic 16px/1.6 var(--serif); margin-top: 50px; }
.chapter-continuation > span { display: block; color: #3e5641; }
.discipline-register { margin-top: 28px; }
.discipline-entry { position: relative; display: grid; grid-template-columns: 23px 1fr 18px; align-items: start; gap: 12px; padding: 22px 0; border-top: 1px solid #cbd0c4; }
.discipline-entry:last-child { border-bottom: 1px solid #cbd0c4; }
.discipline-number { font: 9px var(--mono); color: #838d7d; padding-top: 2px; }
.discipline-label { display: block; font: 8px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .04em; color: #6b7b62; }
.discipline-entry h3 { font-size: clamp(19px, 1.85vw, 28px); margin-top: 8px; line-height: 1.15; color: #304838; letter-spacing: -.045em; }
.discipline-entry p { font-size: 11px; color: #74816e; margin-top: 7px; }
.discipline-arrow { color: #627957; font-size: 20px; line-height: 1; align-self: center; transition: transform .2s; }
.discipline-entry:hover h3, .discipline-entry:focus-visible h3, .discipline-entry.is-previewed h3 { color: var(--blue); }
.discipline-entry:hover .discipline-arrow { transform: translate(2px, -2px); }
.knowledge-note { position: relative; margin: 40px 0 35px; padding: 19px 0 25px 24px; border-bottom: 1px solid #c7cec1; }
.knowledge-mark { position: absolute; top: -27px; left: -5px; font: 97px var(--serif); color: #b0bda7; }
.knowledge-note > p { position: relative; font-size: clamp(27px, 2.8vw, 42px); letter-spacing: -.06em; line-height: 1.1; color: #304b37; }
.knowledge-note > p em { color: var(--blue); }
.knowledge-attribution { display: block; font: 8px var(--mono); color: #6c7c63; margin-top: 24px; letter-spacing: .04em; }
.handover-promises { display: grid; gap: 20px; font-size: 13px; color: #687561; line-height: 1.85; }
.handover-promises strong { font-weight: 600; color: #3c543d; }
.chapter-secondary { display: inline-block; font-size: 11px; color: var(--blue); margin-top: 17px; }
.scope-register { margin-top: 35px; border-top: 1px solid #b8c3b0; }
.scope-start { display: grid; grid-template-columns: 1fr auto 14px; gap: 13px; align-items: center; padding: 23px 0; border-bottom: 1px solid #cbd0c4; }
.scope-start > div > span { display: block; font: 8px var(--mono); letter-spacing: .02em; text-transform: uppercase; color: #6d7c64; }
.scope-start h3 { font-size: clamp(19px, 1.65vw, 25px); line-height: 1.15; letter-spacing: -.04em; color: #304838; margin-top: 9px; }
.scope-start-caption { font-size: 10px; line-height: 1.7; color: #6f7c67; margin-top: 8px; max-width: 205px; }
.scope-start-price { text-align: right; color: var(--blue); white-space: nowrap; }
.scope-start-price strong { font: 500 clamp(26px, 2.5vw, 37px)/1 var(--sans); letter-spacing: -.06em; }
.scope-start-price small { display: block; font: 8px var(--mono); margin-bottom: 5px; }
.scope-start-price > span { display: block; font-size: 9px; }
.scope-start-price > em { display: block; font: 8px/1.5 var(--sans); white-space: normal; margin-top: 5px; }
.scope-start-arrow { font-size: 19px; color: #5d7953; }
.scope-start:hover h3, .scope-start.is-previewed h3 { color: var(--blue); }
.first-conversation { margin-top: 38px; padding-top: 22px; border-top: 1px solid #b8c3b0; }
.first-conversation > span { font: 8px var(--mono); color: #6c7c63; letter-spacing: .06em; }
.first-conversation > p { font: 28px/1.2 var(--sans); letter-spacing: -.05em; margin-top: 15px; color: #304b37; }
.first-conversation em { color: #6b7d62; }
.first-conversation a { display: flex; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 13px 15px; background: #304b37; color: white; font-size: 12px; }
.first-conversation a:hover { background: #1c3523; }
.story-postscript { position: relative; padding: 39px var(--edge) 43px; color: #d6e0cf; background: #304638; display: flex; justify-content: space-between; gap: 35px; align-items: center; }
.story-postscript > span { font: 9px var(--mono); letter-spacing: .07em; }
.story-postscript > p { font-size: 34px; letter-spacing: -.05em; line-height: 1.1; color: #f0f2e9; }
.story-postscript em { color: #b1c3a3; }
.story-postscript > a { font-size: 43px; line-height: 1; width: 57px; height: 57px; border: 1px solid #8b9d82; border-radius: 50%; display: grid; place-items: center; }
.conversation { background: #fffef9; border-top: 0; }
.letter { background: #f8f7f0; padding: 27px 30px 30px; border: 1px solid #d9ddd1; box-shadow: 0 7px 0 -3px #fffef9, 0 8px 0 -3px #d9ddd1; }
.conversation-head > .folio-label { color: #637a55; }
.conversation-arrow { color: #b5c4aa; }
.conversation-next, .letter label, .contact-details { color: #6b7c69; }
.company-details summary > span:first-child { color: #6b7c69; }
.colophon { background: #f0efe9; }

@media (min-width: 761px) and (max-height: 760px) {
  .delivery-enhanced .delivery-desk { min-height: 495px; padding-block: 17px; }
  .desk-topline { padding-bottom: 10px; }
  .desk-stage { transform: scale(.86); margin: -15px -10px; }
  .desk-caption { padding-top: 12px; }
  .desk-chapters { margin-top: 17px; }
  .desk-disclaimer { margin-top: 10px; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .delivery-story { grid-template-columns: 46% 54%; }
  .delivery-desk { padding-inline: 24px; }
  .desk-stage { transform: scale(.9); }
  .desk-edition { display: none; }
  .delivery-chapter { padding-inline: 35px; }
  .desk-paper { left: 12%; width: 80%; height: 107cqw; padding: 7%; }
  .paper-title { font-size: 32px; }
  .paper-running { font-size: 7px; }
  .paper-kicker { margin-top: 16px; font-size: 6px; }
  .paper-title { margin-top: 10px; }
  .review-findings, .plan-steps, .handover-inventory { margin-top: 15px; font-size: 9px; }
  .review-findings > div, .plan-steps > span { padding-block: 7px; }
  .paper-foot { font-size: 5px; }
  .desk-stamp { width: 75px; height: 75px; font-size: 20px; right: -7%; }
  .desk-annotation { left: -4%; }
  .desk-annotation > span { font-size: 19px; }
  .desk-slip { padding: 16px; left: 27%; width: 76%; }
  .desk-chapters { flex-wrap: wrap; gap: 13px 18px; }
  .desk-chapters a { flex-basis: calc(50% - 10px); }
  .desk-caption { gap: 11px; }
  .desk-caption > p { font-size: 17px; }
  .desk-scroll { display: none; }
  .scope-paper-name { font-size: 23px; margin-top: 17px; }
  .scope-paper-price { margin-top: 18px; }
  .scope-paper-price strong { font-size: 43px; }
  .scope-agreement { margin-top: 18px; font-size: 13px; }
  .delivery-chapter h2 { font-size: 40px; }
  .scope-start { gap: 10px; }
}
@media (max-width: 760px) {
  .act-transition { padding-block: 52px 43px; }
  .act-transition h2 { font-size: clamp(39px, 7vw, 57px); margin-top: 25px; }
  .act-turn { font-size: 105px; top: 29px; opacity: .65; }
  .act-transition-bottom { flex-direction: column; align-items: start; margin-top: 26px; gap: 21px; }
  .act-transition-bottom p { font-size: 13px; }
  .delivery-story { display: block; }
  .delivery-station { border-right: 0; border-bottom: 1px solid #bfc8b7; z-index: 10; }
  .delivery-enhanced .delivery-station { position: sticky; top: var(--delivery-header); }
  .delivery-desk, .delivery-enhanced .delivery-desk { position: relative; top: auto; height: 226px; min-height: 0; max-height: none; padding: 0 var(--edge); display: grid; grid-template-columns: 44% 56%; grid-template-rows: 37px 1fr 62px 23px; }
  .desk-topline { grid-column: 2; grid-row: 1; font-size: 7px; gap: 7px; padding: 16px 0 0 12px; border: 0; align-self: start; }
  .desk-edition, .desk-coordinate { display: none; }
  .desk-stage { grid-column: 1; grid-row: 1 / 5; height: 220px; width: 176px; justify-self: center; align-self: center; flex: none; transform: scale(.8); margin: 0; }
  .desk-paper { width: 135px; height: 177px; left: 27px; padding: 12px 13px; box-shadow: 0 3px 8px #26312718; }
  .paper-running { font-size: 4px; padding-bottom: 5px; }
  .paper-kicker { font-size: 3.4px; margin-top: 9px; }
  .paper-title { font-size: 22px; margin-top: 7px; }
  .review-findings, .plan-steps, .handover-inventory { margin-top: 9px; font-size: 4.5px; }
  .review-findings > div { padding: 3px 0; gap: 5px; }
  .review-findings > div > span, .plan-steps b { font-size: 3px; }
  .review-findings i { font-size: 5px; }
  .paper-foot { font-size: 2.5px; padding-top: 5px; inset-inline: 10%; }
  .plan-steps > span { padding: 3px 0; gap: 5px; }
  .handover-inventory { gap: 5px; }
  .handover-inventory span { gap: 5px; }
  .scope-paper-name { margin-top: 11px; font-size: 14px; }
  .scope-paper-price { margin-top: 10px; }
  .scope-paper-price strong { font-size: 28px; }
  .scope-paper-price > small { font-size: 4px; margin-bottom: 1px; }
  .scope-paper-price > span { font-size: 5px; }
  .scope-paper-price > em { font-size: 4px; margin-top: 2px; }
  .scope-paper-detail { font-size: 4px; margin-top: 4px; }
  .scope-agreement { margin-top: 8px; font-size: 7px; }
  .project-folder { width: 150px; left: 17px; }
  .folder-back { height: 160px; }
  .folder-back::before { height: 12px; border-radius: 4px 7px 0 0; }
  .folder-back > span { font-size: 2.8px; top: -8px; }
  .folder-front { height: 84px; padding: 12px; }
  .folder-front > span { font-size: 3.3px; }
  .folder-front > p { font-size: 20px; margin-top: 8px; }
  .folder-front small { font-size: 6px; margin-top: 7px; }
  .desk-annotation { top: 11%; left: -3%; }
  .desk-annotation > span { font-size: 12px; }
  .desk-annotation svg { width: 35px; height: 25px; margin-left: 4px; }
  .desk-stamp { width: 43px; height: 43px; right: -3%; bottom: 5%; font-size: 13px; outline-offset: -3px; }
  .desk-stamp span { font-size: 3px; margin-top: 3px; }
  .desk-slip { left: 24%; top: 67%; width: 138px; padding: 10px 12px; }
  .desk-slip > span { font-size: 3.5px; }
  .desk-slip strong { font-size: 12px; margin-top: 5px; }
  .desk-slip small { font-size: 3.5px; margin-top: 4px; }
  .desk-caption { grid-column: 2; grid-row: 2; border: 0; padding: 10px 0 0 15px; display: block; align-self: center; }
  .desk-count { display: block; font-size: 8px; }
  .desk-caption > p { margin-top: 9px; font-size: clamp(16px, 3.5vw, 22px); max-width: 235px; line-height: 1.25; }
  .desk-scroll { display: none; }
  .desk-chapters { grid-column: 2; grid-row: 3; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin: 0 0 0 15px; align-self: center; }
  .desk-chapters a { font-size: 10px; min-height: 26px; padding-block: 3px; line-height: 1.5; }
  .desk-chapters span { font-size: 6px; margin-right: 3px; }
  .desk-disclaimer { grid-column: 2; grid-row: 4; padding-left: 15px; margin-top: 3px; font-size: 5px; line-height: 1.5; }
  .delivery-chapter { min-height: 0; padding: 48px var(--edge) 35px; scroll-margin-top: calc(var(--delivery-compact-height) + 6px); }
  .delivery-chapter h2 { font-size: clamp(39px, 7vw, 56px); margin-top: 24px; }
  .chapter-lead { font-size: 14px; max-width: 560px; }
  .chapter-body { max-width: 530px; }
  .chapter-label { font-size: 9px; }
  .chapter-continuation { margin-top: 33px; }
  .discipline-entry { padding-block: 22px; grid-template-columns: 23px 1fr 20px; }
  .discipline-entry h3 { font-size: 24px; }
  .discipline-entry p { font-size: 12px; }
  .discipline-label { font-size: 9px; }
  .knowledge-note > p { font-size: 36px; }
  .scope-start { grid-template-columns: 1fr auto 16px; gap: 13px; }
  .scope-start h3 { font-size: 23px; }
  .scope-start-price strong { font-size: 32px; }
  .scope-start-caption { font-size: 11px; }
  .first-conversation > p { font-size: 32px; }
  .chapter-footnote { font-size: 11px; }
  .chapter-secondary { font-size: 12px; }
  .story-postscript { flex-wrap: wrap; gap: 22px; padding-block: 31px; }
  .story-postscript > span { width: 100%; font-size: 8px; }
  .story-postscript > p { font-size: 33px; }
  .story-postscript > a { width: 48px; height: 48px; font-size: 33px; }
  .letter { padding: 24px 21px; }
}
@media (max-width: 390px) {
  .delivery-desk, .delivery-enhanced .delivery-desk { height: 213px; grid-template-columns: 42% 58%; grid-template-rows: 31px 1fr 58px 23px; }
  .desk-stage { transform: scale(.72); transform-origin: center; width: 176px; }
  .desk-caption, .desk-disclaimer { padding-left: 17px; }
  .desk-chapters { margin-left: 17px; gap: 5px 8px; }
  .desk-caption > p { font-size: 16px; }
  .desk-topline { padding-left: 17px; font-size: 6px; }
  .desk-chapters a { font-size: 9px; }
  .scope-start { gap: 8px; }
  .scope-start h3 { font-size: 21px; }
  .scope-start-price strong { font-size: 28px; }
  .scope-start > div > span { font-size: 7px; }
  .scope-start-caption { font-size: 10px; }
}
@media (max-height: 600px) {
  .delivery-enhanced .delivery-station, .delivery-enhanced .delivery-desk { position: relative; top: auto; }
  .delivery-chapter { scroll-margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .delivery-story { --paper-travel: 0px !important; --paper-turn: 0deg !important; }
  .desk-paper, .project-folder, .desk-slip, .desk-stamp, .desk-annotation { transition: none; }
}
@media print {
  .delivery-station, .act-turn, .story-postscript > a { display: none; }
  .delivery-story { display: block; }
  .delivery-chapter { min-height: 0; break-inside: avoid; padding: 24px 0; }
}
