@font-face{font-family:DeskFraunces;src:url('assets/fonts/fraunces.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:DeskSpace;src:url('assets/fonts/space-grotesk.ttf');font-weight:300 700;font-display:swap}@font-face{font-family:DeskRouted;src:url('assets/fonts/routed-gothic.woff');font-display:swap}
*{box-sizing:border-box}body{margin:0;color:#26333a;background:#f4efe4;font-family:DeskSpace,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #385a72;outline-offset:4px}.desk{position:relative;height:max(960px,66.667vw);max-height:1120px;overflow:hidden;background:linear-gradient(#f5f2ea70,#f5f2ea70),url('assets/paper-material.webp') center/auto,650px}header{position:absolute;top:4%;left:4%;right:4%;z-index:30;display:flex;align-items:center;justify-content:space-between}.brand{font:400 clamp(30px,3.4vw,51px)/1 DeskFraunces,serif;letter-spacing:-.045em;text-decoration:none;color:#142a43}.header-contact{font-size:13px;background:#f7f2e8dd;padding:9px 13px}.intro{position:absolute;left:20%;top:20%;width:36%;z-index:20}.intro h1{font:400 clamp(48px,4.8vw,74px)/1.06 DeskFraunces,serif;letter-spacing:-.045em;color:#142a43;margin:0 0 22px}.intro p{font-size:clamp(14px,1.35vw,20px);margin:0 0 28px;line-height:1.45}.contact{display:inline-block;padding:14px 21px;background:#152c43;color:#fff;text-decoration:none;font-size:14px;border-radius:2px}
.paper{position:absolute;background:linear-gradient(#fffdf17a,#fffdf17a),url('assets/paper-material.webp') center/auto,440px;border:1px solid #c9c2b18a;box-shadow:1px 2px 2px #44382025,5px 8px 12px #44382020;padding:22px;color:#2a3335}.paper:before{content:'';position:absolute;inset:3px -3px -3px 2px;z-index:-1;border:1px solid #d2cab9;background:transparent}h2{font-size:14px;line-height:1.3;font-weight:500;margin:0 0 14px}p{line-height:1.55}.meta,.small{font-size:10px;line-height:1.5}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:9px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:7px 5px;border-bottom:1px solid #9b9f9360;font-weight:400}th{font-size:9px;border-top:1px solid #87928b80}dl{font-size:10px;margin:20px 0}dt{color:#677169;font-size:9px;margin-top:12px}dd{margin:3px 0 10px}.problem-trigger{display:block;text-align:left;border:0;background:none;color:#284e68;font:11px/1.5 DeskSpace,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:12px 0 3px;cursor:pointer;position:relative;z-index:4;min-height:42px}.is-selected{outline:2px solid #97722a;outline-offset:4px}
.invoice{left:-2%;top:19%;width:18%;height:55%;transform:rotate(-6deg);z-index:3;padding:25px}.invoice table{font-size:9px}.drawing{margin:0;left:50%;top:-3%;width:51%;height:38%;transform:rotate(5deg);z-index:11;padding:0;overflow:hidden;background:#f5f2e8}.drawing img{width:112%;height:122%;object-fit:cover;object-position:center 44%;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.08);opacity:.8;position:absolute;left:-6%;top:-9%}.job{left:53%;top:32%;width:31%;transform:rotate(4deg);z-index:8;padding:30px 24px 22px;background-color:#fcfbf6}.job:after{content:'';position:absolute;width:10px;height:10px;left:9px;top:43%;border-radius:50%;background:#d1c8b5;box-shadow:inset 1px 1px 2px #6d665847}.job td:nth-child(3){white-space:nowrap}#delivery-date{border:1px solid #b87f23;border-radius:3px;padding:3px 6px;color:#785314}
.legal{left:84%;top:34%;width:23%;min-height:47%;transform:rotate(7deg);z-index:10;background-color:#eee0a5;background-image:linear-gradient(90deg,transparent 30px,#bf777966 31px,transparent 32px),repeating-linear-gradient(transparent 0,transparent 25px,#7696a63d 26px),linear-gradient(#f4e3a182,#f4e3a182),url('assets/paper-material.webp');padding:45px 22px 24px 45px;border-top:12px solid #cfbf85}.legal p{font:17px/1.6 DeskRouted,sans-serif;margin:18px 0}.legal h2{font-size:11px}.redline{font-family:DeskRouted,sans-serif;color:#883f32;text-decoration:underline;text-underline-offset:4px}
.graph{left:0%;top:58%;width:46%;height:43%;transform:rotate(-5deg);z-index:2;padding:25px 35px;background-color:#eef2ed;background-image:linear-gradient(#668ea122 1px,transparent 1px),linear-gradient(90deg,#668ea122 1px,transparent 1px),linear-gradient(#eef3ed99,#eef3ed99),url('assets/paper-material.webp');background-size:13px 13px,13px 13px,auto,440px}.graph h2,.graph>p,.graph dl,.graph>.problem-trigger{margin-left:40%}.graph dl{display:grid;grid-template-columns:1fr 1fr;margin-top:5px;margin-bottom:0}.graph dt,.graph dd{margin:4px}.graph-notes{font:15px/1.7 DeskRouted,sans-serif;max-width:180px;margin-top:20px;color:#4d6065}
.payroll{left:14%;top:74%;width:26%;min-height:28%;transform:rotate(1deg);z-index:14;border-radius:10px 10px 0 0;background-color:#f9f3e6;padding:24px}.payroll td{padding:6px 4px}.notebook{position:absolute;left:43%;top:73%;width:34%;height:31%;transform:rotate(7deg);z-index:13;background:url('assets/notebook-material.webp') center/100% 100%;display:grid;grid-template-columns:1fr 1fr;padding:34px 24px 22px;color:#4a4940;text-decoration:none;box-shadow:4px 6px 9px #44382020;border-radius:15px}.notebook>div{padding:8px 15px}.notebook h2{font-size:10px;color:#6d6a5d}.notebook p{font:14px/1.6 DeskRouted,sans-serif}.email{position:absolute;left:68%;top:67%;width:32%;min-height:34%;transform:rotate(5deg);z-index:18;background:#172b3e;color:#eef1ee;border:1px solid #59636c;border-radius:12px;padding:22px 26px;box-shadow:3px 6px 14px #26313940}.mail-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #9bafbc50;padding-bottom:14px;margin-bottom:16px;font-size:10px;color:#c7d3d8}.email h2{font-size:17px;margin-bottom:9px}.pending{font-size:9px;border:1px solid #c39136;color:#f1c66f;padding:3px 7px}.mail-meta{font-size:10px;display:flex;justify-content:space-between;margin:18px 0;border-bottom:1px solid #9bafbc35;padding-bottom:12px}.email p{font-size:12px;margin:10px 0}.email a{display:inline-block;min-height:42px;padding-top:13px;font-size:12px;color:#f3db9d}.handoff{position:absolute;inset:0;width:100%;height:100%;z-index:19;pointer-events:none}.handoff path{fill:none;stroke:#bd882e;stroke-width:1.5}.handoff circle{fill:#bd882e}footer{padding:20px 4%;font-size:10px;color:#677068}footer p{margin:4px 0}details{max-width:700px}summary{cursor:pointer}dialog{max-width:530px;width:calc(100% - 32px);padding:30px;border:1px solid #b4ae9b;background:#faf6ec url('assets/paper-material.webp') center/650px;color:#293a42}dialog::backdrop{background:#19263375}dialog h2{font:32px/1.2 DeskFraunces,serif;margin:20px 0}dialog p{font-size:14px;line-height:1.7}.solution-close{float:right;border:0;background:none;font-size:26px;cursor:pointer;padding:0 0 12px 20px}.kicker{font-size:11px!important}dialog .small{font-size:11px;margin-top:20px}.material-review-controls{display:flex;gap:15px;flex-wrap:wrap;margin:15px 4%;font-size:11px}.material-review-controls a{padding:6px 0}body[data-material="leather"] .desk{background-image:linear-gradient(#f5f1ea85,#f5f1ea85),url('assets/wood-table-2k.jpg');background-size:auto,450px}
@media(min-width:901px) and (max-width:1150px){.desk{height:960px}.intro{left:18%;top:20%;width:40%}.intro h1{font-size:52px}.job{width:34%;left:52%;padding:25px 17px}.job table{font-size:9px}.legal{left:86%;width:23%;padding-left:28px}.legal p{font-size:15px}.payroll{left:12%;width:29%;padding:19px}.email{left:67%;width:33%;padding:20px}.notebook{left:41%;width:36%;padding:30px 15px}.notebook p{font-size:12px}.graph{width:47%}.graph h2,.graph>p,.graph dl,.graph>.problem-trigger{margin-left:28%}}
@media(max-width:900px){.desk{height:auto;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 6% 30px;overflow:hidden}header{position:relative;inset:auto;grid-column:1/-1;margin-bottom:18px}.brand{font-size:34px}.intro{position:relative;inset:auto;width:auto;grid-column:1/-1;padding:20px 0 25px}.intro h1{font-size:clamp(43px,7vw,65px)}.intro p{font-size:17px}.paper,.notebook,.email{position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none;margin:0}.drawing{grid-column:1/-1;height:250px;order:1;transform:rotate(2deg)}.job{grid-column:1/-1;order:2;transform:rotate(-1deg)}.email{grid-column:1/-1;order:3;transform:rotate(1deg)}.legal{order:4;padding:30px 20px 20px 34px;transform:rotate(2deg)}.graph{order:5;transform:rotate(-2deg);padding:20px}.graph h2,.graph>p,.graph dl,.graph>.problem-trigger{margin-left:0}.graph-notes{display:none}.payroll{order:6;padding:20px}.notebook{order:7;min-height:250px;padding:30px 13px;grid-column:1/-1;max-width:550px;justify-self:center;transform:rotate(2deg)}.invoice{order:8;grid-column:1/-1;max-width:450px;justify-self:center}.handoff{display:none}.legal p{font-size:16px}.email h2{font-size:19px}}
@media(max-width:520px){.desk{display:flex;flex-direction:column;gap:20px;padding:22px 6%}.brand{font-size:30px}header{margin-bottom:0}.intro{padding:15px 0}.intro h1{font-size:44px}.intro p{font-size:16px}.drawing{height:185px}.job{padding:22px 17px}.job table{font-size:9px}.job td{padding:7px 3px}.legal{width:86%;align-self:flex-end}.graph,.payroll{width:96%}.notebook{min-height:250px;width:100%;padding:28px 10px}.notebook>div{padding:8px 13px}.notebook p{font-size:12px}.email{padding:22px}.invoice{width:80%;align-self:flex-start}.header-contact{font-size:11px;padding:8px}.contact{font-size:13px}dialog{padding:25px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.legal{background:url('assets/legal-pad-material.webp') center/100% 100%;border:0;padding-top:55px;box-shadow:none}.legal:before{display:none}
.desk{background-image:linear-gradient(#f5f2ea70,#f5f2ea70),url('assets/paper-material.webp');background-size:auto,650px;background-position:center}
.paper:not(.drawing):not(.legal):not(.graph){background-image:linear-gradient(#fffdf17a,#fffdf17a),url('assets/paper-material.webp');background-size:auto,440px;background-position:center}

.graph{background-color:#e8f0f1}.graph>.problem-trigger{padding-top:0;margin-top:0;margin-bottom:12px}.graph h2{margin-bottom:6px}
.job>.problem-trigger,.payroll>.problem-trigger{padding-top:0;margin-bottom:9px}.job h2,.payroll h2{margin-bottom:7px}

/* Three illustrative relationships, activated only by the visitor. */
.handoff g{opacity:.22}.handoff g.active{opacity:1}.handoff g[data-route="quote"] path{stroke:#718797}.handoff g[data-route="quote"] circle{fill:#718797}.handoff g[data-route="hours"] path{stroke:#927d62}.handoff g[data-route="hours"] circle{fill:#927d62}.route-endpoint{outline:1px solid #b895535c;outline-offset:3px}
@media(max-width:900px){.handoff{display:none}.route-endpoint{outline:none}}
/* Same desk, three reviewable connection treatments. */
body[data-connections="quiet"] .handoff g{opacity:.18}
body[data-connections="route"] .handoff g{opacity:0}
body[data-connections="route"] .handoff g[data-route="delivery"]{opacity:.85}
body[data-connections="route"] .handoff g[data-route="delivery"] path{stroke-width:2.2;stroke-dasharray:5 3}
body[data-connections="web"] .handoff g{opacity:.68}
body[data-connections="web"] .handoff g path{stroke:#a15e44;stroke-width:1.7}
body[data-connections="web"] .handoff g circle{fill:#a15e44}
body[data-connections="web"] .handoff g[data-route="delivery"] path{stroke:#b58430}
body[data-connections] .handoff g.active{opacity:1}
.material-review-controls a[aria-current="page"]{font-weight:700;text-decoration-thickness:2px}
/* Three substantially distinct native planning folios, not historical-source claims. */
.direction-folio{padding:28px 30px 18px;top:0;height:36%;background:linear-gradient(#faf9f1a8,#faf9f1a8),url('assets/paper-material.webp');background-size:auto,500px;transform:rotate(3deg)}.direction-folio:before{display:none}.folio-heading{font:400 25px/1.15 DeskFraunces,serif;color:#203b4b;margin-bottom:6px}.folio-note{font-size:10px;color:#65716a}.direction-folio svg{width:100%;height:calc(100% - 75px);overflow:visible}.folio-labels{font:19px DeskSpace,sans-serif;fill:#293e49}.folio-small{font:12px DeskSpace,sans-serif;fill:#65716a}.plan-rule{fill:none;stroke:#8b9c9b;stroke-width:.7;opacity:.5}.ink-route{fill:none;stroke:#965d43;stroke-width:2}.direction-folio circle{fill:#965d43}.folio-caption{font:11px DeskSpace,sans-serif;margin:-9px 0 0;color:#61706b}.plan-labels{font-size:14px}.revision{font:15px DeskRouted,sans-serif;fill:#914b38}.revision-stroke{fill:none;stroke:#914b38;stroke-width:1.2}
body[data-connections="route"] .direction-folio{transform:rotate(-2deg);background-color:#edf1ed;background-image:linear-gradient(#7694a011 1px,transparent 1px),linear-gradient(90deg,#7694a011 1px,transparent 1px),linear-gradient(#f8f9f3a0,#f8f9f3a0),url('assets/paper-material.webp');background-size:15px 15px,15px 15px,auto,500px}
body[data-connections="quiet"] .direction-folio{display:grid;grid-template-columns:44% 56%;padding:0;transform:rotate(2deg);overflow:hidden}.translation-paper{padding:35px 22px}.translation-paper p{font-size:13px;line-height:1.6}.translation-terminal{background:#182e40;color:#e3ebe8;padding:30px 25px;box-shadow:inset 3px 0 8px #0e1b2833}.terminal-head{font-size:10px;color:#a4b7bf;padding-bottom:15px;border-bottom:1px solid #8a9ca44d}.translation-terminal p{font:14px/1.8 DeskSpace,sans-serif;margin:12px 0}.terminal-review{color:#e7c989;font-size:12px;border-top:1px solid #8a9ca44d;padding-top:15px;margin-top:17px}.translation-terminal small{font-size:9px;color:#b3c0c4;display:block;margin-top:12px}
@media(max-width:900px){.direction-folio{height:320px;padding:24px;order:1}.direction-folio svg{height:220px}.folio-caption{margin:0}.translation-paper,.translation-terminal{padding:25px 18px}.translation-paper .folio-heading{font-size:24px}}
@media(max-width:520px){.direction-folio{height:265px;padding:18px 14px}.folio-heading{font-size:22px}.direction-folio svg{height:170px}.folio-caption{font-size:9px}.translation-terminal p{font-size:11px}.translation-paper p{font-size:11px}.translation-paper,.translation-terminal{padding:22px 14px}.translation-paper .folio-heading{font-size:21px}.terminal-review{font-size:10px}}

/* Unfinished workday: contradictory notes on an actual planning page, not a tidy diagram. */
body[data-connections] .unfinished-folio{display:block;padding:22px 28px 18px;background:linear-gradient(#fffdf1a8,#fffdf1a8),url('assets/paper-material.webp');background-size:auto,460px;transform:rotate(3deg);height:36%;overflow:visible}
.planning-page{height:100%;position:relative}.planning-header{display:flex;justify-content:space-between;border-bottom:1px solid #8e978b;padding-bottom:11px;margin-bottom:15px}.planning-header h2{font-size:18px;margin:0}.planning-header>span{font-size:9px;color:#72796f}.planning-columns{display:grid;grid-template-columns:70% 30%;gap:13px}.planning-main table{font-size:10px}.planning-main th{font-size:9px}.planning-main td{padding:9px 4px}.planning-margin{padding:0 4px;transform:rotate(-3deg)}.planning-margin p{font:14px/1.5 DeskRouted,sans-serif;color:#854737;margin:14px 0}.revised-date{position:relative;display:inline-block;font:21px DeskRouted,sans-serif;color:#874833;padding:10px 9px}.revised-date svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#a35a42;stroke-width:1.7}.old-date{position:relative}.old-date:after{content:'';position:absolute;left:-3px;right:-3px;top:48%;height:1px;background:#9a4b3a;transform:rotate(-9deg)}.old-quote{font-size:11px;margin-top:16px;display:flex;gap:18px}.old-quote span{font:13px DeskRouted,sans-serif;color:#92513d;transform:rotate(-5deg);border-bottom:1px solid #92513d}.pencil-note{font:13px DeskRouted,sans-serif;color:#87513e;margin:8px 0}.planning-bottom{display:flex;justify-content:space-between;font-size:9px;color:#74796e;margin-top:13px;border-top:1px solid #b7b9aa;padding-top:8px}.planning-bottom span{font-family:DeskRouted,sans-serif;color:#895342}.hours-scrap{background:#f4ecd5;padding:10px 13px;transform:rotate(4deg);width:180px;font-size:13px;box-shadow:1px 2px 3px #403c301c}.loose-hours{color:#874d3d;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px) and (min-width:901px){body[data-connections] .unfinished-folio{padding:20px}.planning-main table{font-size:9px}.planning-margin p{font-size:12px}.revised-date{font-size:18px}.planning-header h2{font-size:16px}.planning-columns{gap:8px}}
@media(max-width:900px){body[data-connections] .unfinished-folio{height:320px;padding:23px}.hours-scrap{display:block;margin-top:15px}}
@media(max-width:520px){body[data-connections] .unfinished-folio{height:320px;padding:20px 13px}.planning-columns{grid-template-columns:65% 35%;gap:7px}.planning-main table{font-size:8px}.planning-main th{font-size:8px}.planning-main td{padding:9px 2px}.planning-margin p{font-size:12px}.revised-date{font-size:18px}.planning-header h2{font-size:16px}.planning-header>span{font-size:8px}.planning-bottom{font-size:8px}.old-quote{font-size:10px;gap:8px}.pencil-note{font-size:12px}}
.legal .legal-date{font-size:inherit;padding:3px 6px}
@media(min-width:901px){.graph .hours-scrap{position:absolute;left:12px;top:165px;width:112px;padding:9px;font-size:11px;margin:0;transform:rotate(-3deg)}}

/* Working desk2: brief pen notes, clear printed actions; original macro composition retained. */
@font-face{font-family:DeskHand;src:url('assets/fonts/NothingYouCouldDo.ttf') format('truetype');font-weight:400;font-display:swap}
.hand{font:400 23px/1.45 DeskHand,cursive!important;color:#614735}.hand-blue{color:#315f82!important}.hand-red{color:#964b3c!important}
body[data-connections] .hand-planning{padding:30px;overflow:visible}.work-strip{width:56%;transform:rotate(-2deg);background:#fdfbf090;border:1px solid #aaa99860;padding:12px 15px}.work-strip h2{font-size:12px;margin-bottom:10px}.work-strip table{font-size:11px}.work-strip td{padding:8px 4px}.old-date:before{content:'';position:absolute;left:-4px;right:-5px;height:1px;top:57%;background:#994936;transform:rotate(4deg)}.new-tuesday{position:absolute;left:64%;top:18%;transform:rotate(2deg);margin:0}.crew-first{position:absolute;left:57%;top:48%;transform:rotate(-3deg);margin:0;white-space:nowrap}.quote-margin{position:absolute;left:9%;bottom:12%;font-size:20px!important;transform:rotate(-2deg);margin:0}.callback-slip{position:absolute;right:5%;bottom:-15px;width:40%;padding:10px 12px;background:#f9f0d7 url('assets/paper-material.webp') center/450px;box-shadow:1px 3px 5px #42392b25;transform:rotate(-3deg);clip-path:polygon(0 0,100% 1%,99% 97%,91% 100%,80% 97%,66% 99%,54% 97%,43% 100%,30% 97%,17% 100%,1% 97%)}.callback-slip small{display:block;font-size:9px;color:#7a766b;margin-bottom:4px}.callback-slip .hand{font-size:18px!important}
.legal .hand{font-size:23px!important;margin:20px 0;transform:rotate(-2deg)}.legal .hand:nth-of-type(2){transform:rotate(2deg)}.legal .hand:nth-of-type(3){transform:rotate(-1deg)}.legal{padding-left:34px}
.problem-trigger{font-size:15px;line-height:1.35;min-height:46px;padding:7px 0 9px;text-decoration-thickness:1px}.job>.problem-trigger{max-width:95%}.graph>.problem-trigger{margin-bottom:6px}.graph>.hand{font-size:21px!important;max-width:240px;line-height:1.4!important;margin-top:8px;margin-bottom:12px}.hours-scrap.hand{font-size:20px!important;line-height:1.25!important}.hours-scrap small{font-size:13px}.email .pending.hand{font-size:17px!important;color:#e8ba84!important;border:0;padding:0;transform:rotate(-3deg);display:inline-block}.email>a{font-size:15px}.email p{font-size:13px}
@media(min-width:901px){.graph h2,.graph>.problem-trigger,.graph>.hand,.graph dl{margin-left:40%}.graph>.problem-trigger{max-width:58%;white-space:normal}.graph .hours-scrap{width:115px;left:10px;top:180px}.payroll>.problem-trigger{white-space:nowrap;font-size:15px}}
@media(min-width:901px) and (max-width:1150px){body[data-connections] .hand-planning{padding:25px 22px}.new-tuesday{left:62%;font-size:23px!important}.crew-first{left:53%;font-size:21px!important}.quote-margin{font-size:17px!important}.work-strip{width:56%;padding:10px}.callback-slip .hand{font-size:16px!important}.legal .hand{font-size:21px!important}.graph>.hand{font-size:19px!important}}
@media(max-width:900px){.graph h2,.graph>.problem-trigger,.graph>.hand,.graph dl{margin-left:0}.hand-planning .new-tuesday{left:64%}.crew-first{left:57%;font-size:22px!important}.callback-slip{bottom:0}.problem-trigger{font-size:16px}.hours-scrap.hand{width:170px}}
@media(max-width:520px){body[data-connections] .hand-planning{padding:23px 15px;height:310px}.work-strip{width:59%;padding:10px}.work-strip table{font-size:10px}.hand-planning .new-tuesday{left:64%;font-size:23px!important;top:21%}.crew-first{left:49%;top:54%;font-size:20px!important}.quote-margin{left:5%;bottom:12%;max-width:47%;font-size:18px!important}.callback-slip{right:0;width:46%;bottom:-5px}.callback-slip .hand{font-size:17px!important}.legal .hand{font-size:24px!important}.graph>.hand{font-size:23px!important}.email a{font-size:16px}}
.new-tuesday .pen-oval{position:absolute;left:-12px;top:-7px;width:calc(100% + 24px);height:calc(100% + 15px);overflow:visible;fill:none;stroke:#315f82;stroke-width:1.15;pointer-events:none}
@media(min-width:901px){.graph .hours-scrap.hand{position:absolute;left:10px;top:180px;width:98px;margin:0!important;padding:9px 7px;font-size:16px!important;line-height:1.35!important;transform:rotate(-3deg)}.graph .hours-scrap.hand small{font-size:12px}.graph .hours-scrap.hand .loose-hours{white-space:nowrap}}

/* Service clarity revamp: quiet message island plus explanatory connection paths. */
.intro>p{font-size:17px;line-height:1.55;max-width:410px;margin-bottom:20px}.conversation-prompt{display:block;font-size:12px;line-height:1.4;margin-top:10px;color:#596b6a;max-width:310px}.action-benefit{display:block;font-size:11px;line-height:1.35;color:#65716b;margin:0 0 9px}.graph>.action-benefit{margin-left:40%;max-width:58%}.problem-trigger{margin-bottom:0!important}
#connection-heading{font-size:12px;margin:14px 0;color:#596d70}#connection-steps{display:flex;list-style:none;padding:0;margin:0 0 20px;gap:18px;border-top:1px solid #aebbb5}#connection-steps li{flex:1;position:relative;font-size:13px;line-height:1.5;padding-top:14px}#connection-steps li:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:#5e7b80}#solution-explanation{font-size:13px}#solution-benefit{font-weight:500}
@media(min-width:901px) and (max-width:1150px){.intro>p{font-size:16px;max-width:340px}.intro h1{font-size:49px}.conversation-prompt{font-size:11px}}
@media(max-width:900px){.intro>p{max-width:560px}.graph>.action-benefit{margin-left:0;max-width:none}}
@media(max-width:520px){.intro>p{font-size:16px}.conversation-prompt{font-size:12px}#connection-steps{gap:12px}#connection-steps li{font-size:12px}dialog h2{font-size:26px;margin:15px 0}dialog{max-height:calc(100svh - 32px);overflow:auto}}
@media(min-width:901px) and (max-width:1150px){.intro>p{max-width:calc(32vw - 34px)}}

/* Material revamp1: professional receipt and pressure-copy form, no live cursive. */
@font-face{font-family:DeskForm;src:url('assets/fonts/barlow-condensed.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:DeskReceipt;src:url('assets/fonts/jetbrains-mono.ttf') format('truetype');font-weight:100 800;font-display:swap}
body .hand,body .hand-blue,body .hand-red,body .legal .hand,body .graph>.hand,body .hours-scrap.hand,body .callback-slip .hand,body .email .pending.hand{font-family:DeskForm,Arial,sans-serif!important;font-weight:500!important;letter-spacing:.015em}
body .notebook p,body .redline,body .graph-notes,body .revised-date,body .planning-margin p,body .pencil-note{font-family:DeskForm,Arial,sans-serif}
.paper h2,.work-strip h2{font-family:DeskForm,Arial,sans-serif;font-size:17px;letter-spacing:.02em}
.thermal-receipt{background:#fafaf5!important;border:0;border-radius:0;box-shadow:2px 4px 6px #3940341c;padding:26px 22px!important;height:52%;transform:rotate(-4deg);clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%);background-image:repeating-linear-gradient(#fafaf5 0,#fafaf5 3px,#efefe833 4px)!important}
.thermal-receipt:before{display:none}.thermal-receipt h2{font:500 13px DeskReceipt,monospace;margin-bottom:8px}.thermal-receipt p,.thermal-receipt table,.thermal-receipt dl{font:10px/1.75 DeskReceipt,monospace}.thermal-receipt td{border:0;padding:7px 0}.thermal-receipt td:last-child{text-align:right}.thermal-receipt dt{font:9px DeskReceipt,monospace;margin:16px 0 5px;color:#59635e}.thermal-receipt dd{font:11px DeskReceipt,monospace;margin:0}.receipt-rule{border-top:1px dashed #7d857f80;margin:15px 0}.receipt-reference,.receipt-footer{color:#69736a}.receipt-review{margin-top:22px;display:inline-block;position:relative}
body[data-connections] .carbon-set{background:#fbf8ed;box-shadow:1px 3px 4px #41433922;border:1px solid #c8c5b6;isolation:isolate}
.carbon-copy{position:absolute;inset:0;z-index:-1;border:1px solid #aabac360;pointer-events:none}.carbon-blue{background:#dce7eb;transform:translate(12px,13px) rotate(-.8deg)}.carbon-pink{background:#eadcdf;transform:translate(23px,24px) rotate(.5deg)}.carbon-copy span{position:absolute;bottom:2px;right:9px;font:10px DeskForm,sans-serif;color:#647f94}.carbon-pink span{color:#9b7c85}.carbon-set>.work-strip,.carbon-set>p,.carbon-set>.callback-slip{z-index:1}.carbon-set:after{content:'';position:absolute;inset:0;background:#fbf8ed;z-index:0;pointer-events:none}.carbon-set>.work-strip{position:relative;background:transparent;border-color:#b7b9ac80}.carbon-set>.callback-slip{background:#f7f4e7;border:1px solid #d3d1c2;clip-path:none;box-shadow:1px 2px 3px #41433918}
body .new-tuesday{font-size:26px!important;color:#395c76!important}.date-highlight:before,.review-highlight:before{content:'';position:absolute;inset:4px -4px 1px;background:#e7d87855;transform:rotate(-2deg);z-index:-1}.date-highlight,.review-highlight{isolation:isolate}.old-highlight{background:linear-gradient(transparent 25%,#e4d98555 25%,#e4d98555 80%,transparent 80%)}
body .crew-first{font-size:23px!important;letter-spacing:.015em}.thermal-receipt .receipt-review{font-size:10px}
@media(max-width:900px){.thermal-receipt{height:auto;min-height:340px;max-width:280px}.carbon-copy{inset:0 8px 0 0}.carbon-pink{transform:translate(16px,19px)}.carbon-blue{transform:translate(8px,10px)}}
@media(max-width:520px){body .legal .hand{font-size:25px!important}body .graph>.hand{font-size:24px!important}.thermal-receipt{align-self:flex-start}.carbon-set{margin-bottom:15px!important}}
@media(min-width:901px){.thermal-receipt{left:1%;width:15%;padding-left:14px!important;padding-right:14px!important;transform:rotate(-2deg)}}

/* Realism-flow1: stronger existing wordmark, tighter paper grouping, personal reminders. */
header .brand{font-size:clamp(34px,4.1vw,60px);font-weight:500;letter-spacing:-.035em;color:#142a43;font-variation-settings:'SOFT' 0,'WONK' 0,'opsz' 48}
body[data-connections] .carbon-set{height:30%;top:2%;padding:23px 26px;transform:rotate(2deg)}.carbon-set .work-strip{width:54%;padding:10px 12px}.carbon-set .work-strip td{padding:6px 3px}.carbon-set .new-tuesday{top:17%;left:63%}.carbon-set .crew-first{left:57%;top:43%;max-width:39%;white-space:normal;font-size:20px!important;line-height:1.25!important}.carbon-set .quote-margin{bottom:10%;font-size:17px!important}.carbon-set .callback-slip{bottom:-18px;width:39%;padding:8px 12px}.carbon-set .callback-slip .hand{font-size:16px!important}.carbon-blue{transform:translate(8px,10px) rotate(-.4deg)}.carbon-pink{transform:translate(15px,17px) rotate(.4deg)}
.paper:not(.thermal-receipt){box-shadow:1px 1px 1px #4a44352e,3px 5px 8px #4a443515}.job{transform:rotate(2deg)}.legal{transform:rotate(4deg)}.legal .hand{line-height:1.35!important;margin:18px 0}.email{transform:rotate(3deg)}.graph{transform:rotate(-3deg)}.payroll{transform:rotate(.5deg)}.problem-trigger{font-weight:500;color:#214d70;text-decoration-thickness:1px;text-underline-offset:5px}.problem-trigger:hover,.problem-trigger:focus-visible{color:#122f45;text-decoration-thickness:2px}.action-benefit{color:#64706d}.graph table,.job table,.payroll table{color:#374039}.paper th{color:#67716a}.notebook p{font-size:15px;line-height:1.65}.date-highlight:before{inset:6px -3px 3px;transform:rotate(-3deg);background:#dfd37b45}
@media(min-width:901px) and (max-width:1150px){.carbon-set .crew-first{font-size:18px!important}.carbon-set .quote-margin{font-size:15px!important}.carbon-set .callback-slip .hand{font-size:15px!important}body[data-connections] .carbon-set{padding:21px 20px}.legal .hand{font-size:19px!important}}
@media(max-width:900px){header .brand{font-size:38px}body[data-connections] .carbon-set{height:290px;top:auto;padding:23px;margin-bottom:15px}.job,.email,.graph,.payroll{transform:none}.legal{transform:rotate(2deg)}.carbon-set .crew-first{font-size:21px!important}.notebook p{font-size:14px}}
@media(max-width:520px){header .brand{font-size:32px}body[data-connections] .carbon-set{padding:20px 13px;height:290px}.carbon-set .crew-first{font-size:18px!important;left:55%;max-width:43%}.carbon-set .quote-margin{font-size:16px!important;left:5%;max-width:48%}.carbon-set .callback-slip{width:45%;right:0}.carbon-set .callback-slip .hand{font-size:15px!important}.legal .hand{font-size:24px!important}.notebook p{font-size:13px}}
@media(min-width:901px){.legal{padding-left:20px;padding-right:10px}.legal h2,.legal .hand{max-width:calc(14vw - 34px)}.legal .hand{font-size:18px!important;overflow-wrap:normal;line-height:1.3!important}}

/* Contact-clear1: persistent public contact rail, separate from illustrated paperwork. */
.desk>header{position:fixed;inset:0 0 auto;z-index:80;height:88px;padding:15px 4%;background:#f8f5edfa;border-bottom:1px solid #c6c8bd;box-shadow:0 1px 2px #323b3410;gap:20px}
.desk>header .brand{font-size:clamp(30px,3.4vw,46px)}
.header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;background:#173449;color:#fff;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;border-radius:2px}
.header-contact:hover{background:#244e66}.header-contact:focus-visible{outline:3px solid #aa823e;outline-offset:4px}
.example-cue{display:block;font-size:10px;font-weight:400;letter-spacing:.01em;text-decoration:none;line-height:1.4;color:#657b86;margin-top:4px}
@media(max-width:900px){.desk{padding-top:106px}.desk>header{margin:0;height:84px;padding:15px 5%}.desk>header .brand{font-size:34px}.header-contact{font-size:13px;padding:11px 15px}}
@media(max-width:520px){.desk>header{height:78px;padding:13px 5%;gap:10px}.desk>header .brand{font-size:27px;letter-spacing:-.045em}.header-contact{font-size:11px;padding:10px 11px;min-height:44px}.desk{padding-top:94px}}
@media(min-width:901px){.desk{margin-top:88px}}

/* Disconnected-work1: deliberately incomplete paths, no system-to-system links. */
body[data-connections] .handoff g{opacity:.35}body[data-connections] .handoff g.active{opacity:.85}
body[data-connections] .handoff g path{stroke:#917863;stroke-width:1.2;stroke-dasharray:none}
.handoff g circle:last-child{display:none}.unresolved-count{display:inline-flex;align-items:center;justify-content:center;background:#a6493e;color:white;min-width:17px;height:17px;border-radius:50%;font:10px DeskSpace,sans-serif;margin-left:8px}
.mail-toolbar{justify-content:flex-start;gap:10px}.mail-toolbar>span:first-child{margin-left:auto}.pending-mark{display:inline-block;width:5px;height:5px;border:1px solid #a17a36;border-radius:50%;margin:0 0 3px 8px;vertical-align:middle}

/* Calendar-desk1: only the upper-right working-paper interior changes. */
.calendar-folio .weekly-calendar{position:relative;z-index:1;height:100%;padding-right:26px}.calendar-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:15px;gap:10px}.calendar-heading h2{font:500 22px DeskForm,sans-serif;margin:0}.calendar-heading>span{font:10px DeskSpace,sans-serif;color:#6f756c}.calendar-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #65766e;border-bottom:1px solid #9ca79d}.calendar-days>section{min-height:128px;border-right:1px solid #9ba69b55;padding:0 7px 10px;background:repeating-linear-gradient(transparent 0,transparent 31px,#9da99522 32px)}.calendar-days>section:last-child{border-right:0}.calendar-days h3{font:500 17px DeskForm,sans-serif;margin:0 -7px 13px;padding:7px;border-bottom:1px solid #a6afa35e;color:#3c4c4b}.calendar-days p{font:16px/1.3 DeskForm,sans-serif;margin:0 0 7px;color:#445654}.calendar-days small{font:9px/1.3 DeskSpace,sans-serif;display:block;color:#6d766f}.calendar-days .calendar-blue{color:#2b6080;background:linear-gradient(transparent 35%,#e5d77b44 35%,#e5d77b44 85%,transparent 85%)}.calendar-days .calendar-red{color:#944d40}.calendar-days .calendar-empty{color:#a4aaa0}.calendar-strike{text-decoration:line-through;text-decoration-color:#a14e3d;text-decoration-thickness:1px;transform:rotate(-2deg)}.calendar-reminder{font:18px/1.25 DeskForm,sans-serif;color:#684d3d;position:absolute;right:30px;bottom:-12px;background:#f8efd9;padding:10px 15px;transform:rotate(-2deg);box-shadow:1px 2px 3px #383e301b;border-top:1px solid #d5cebb}
@media(min-width:901px) and (max-width:1150px){.calendar-folio .weekly-calendar{padding-right:22px}.calendar-heading h2{font-size:20px}.calendar-heading>span{font-size:9px}.calendar-days>section{padding-left:5px;padding-right:5px;min-height:130px}.calendar-days h3{margin-left:-5px;margin-right:-5px;padding:6px 5px}.calendar-days p{font-size:14px}.calendar-days small{font-size:8px}.calendar-reminder{font-size:16px;right:24px;bottom:-12px}}
@media(max-width:900px){.calendar-folio .weekly-calendar{padding-right:0}.calendar-reminder{right:0;bottom:-7px}}
@media(max-width:520px){body[data-connections] .calendar-folio{height:auto;min-height:380px}.calendar-days{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-days>section{min-height:113px}.calendar-days>section:nth-child(3){border-right:0}.calendar-days>section:nth-child(n+4){border-top:1px solid #9ba69b55}.calendar-days h3{font-size:18px}.calendar-days p{font-size:16px}.calendar-days small{font-size:9px}.calendar-heading>span{font-size:9px}.calendar-reminder{right:0;bottom:-18px;font-size:17px}}

/* Composed-desk1: three coherent groups; compact manual selection on small screens. */
.cluster-controls{display:none}[hidden]{display:none!important}
@media(min-width:901px){
body[data-composition="clustered"] .desk{height:calc(100svh - 88px);min-height:630px;max-height:900px}
body[data-composition="clustered"] .intro{left:20%;top:11%;width:37%}
body[data-composition="clustered"] .intro h1{font-size:clamp(45px,4.5vw,65px);margin-bottom:17px}
body[data-composition="clustered"] .intro>p{font-size:16px;line-height:1.5;max-width:390px;margin-bottom:16px}
body[data-composition="clustered"] .thermal-receipt{top:17%;height:43%;left:1%;width:15%}
body[data-composition="clustered"][data-connections] .calendar-folio{left:59%;top:1%;width:39%;height:31%;padding:17px 19px}
body[data-composition="clustered"] .calendar-heading{margin-bottom:10px}
body[data-composition="clustered"] .calendar-days>section{min-height:100px}
body[data-composition="clustered"] .calendar-days p{font-size:14px}
body[data-composition="clustered"] .calendar-reminder{font-size:15px;bottom:-9px;padding:7px 10px}
body[data-composition="clustered"] .job{left:60%;top:37%;width:27%;padding:19px 18px}
body[data-composition="clustered"] .job td{font-size:9px;padding:5px 3px}
body[data-composition="clustered"] .job .metadata{gap:4px;margin-bottom:8px}
body[data-composition="clustered"] .legal{left:88%;top:35%;width:21%;padding-left:15px}
body[data-composition="clustered"] .legal .hand{max-width:calc(12vw - 28px);font-size:16px!important}
body[data-composition="clustered"] .graph{left:3%;top:68%;width:29%;height:40%;padding:21px}
body[data-composition="clustered"] .graph h2,body[data-composition="clustered"] .graph>.problem-trigger,body[data-composition="clustered"] .graph>.hand,body[data-composition="clustered"] .graph dl,body[data-composition="clustered"] .graph>.action-benefit{margin-left:0;max-width:100%}
body[data-composition="clustered"] .graph .hours-scrap{left:5px;top:205px}
body[data-composition="clustered"] .payroll{left:35%;top:68%;width:26%;padding:20px}
body[data-composition="clustered"] .payroll td{padding:5px 4px}
body[data-composition="clustered"] .notebook{left:49%;top:83%;width:31%;height:35%}
body[data-composition="clustered"] .email{left:74%;top:78%;width:27%;padding:20px}
body[data-composition="clustered"] .problem-trigger{font-size:15px;line-height:1.25}
body[data-composition="clustered"] .graph>.hand{font-size:19px!important;margin:5px 0}
}

.brand-p .brand-consulting{right:100%;margin-right:1px}
.brand-p .brand-modernization{left:42%;margin-left:2px}
@media(max-width:900px){body[data-type] .desk>header{flex-wrap:wrap;gap:12px;height:auto}body[data-type] .desk>header .header-contact{margin-left:auto}}

@media(min-width:901px) and (max-width:1100px){body[data-composition="clustered"] .intro>p{max-width:320px;font-size:15px}body[data-composition="clustered"] .intro h1{font-size:45px}body[data-composition="clustered"] .payroll{width:28%}body[data-composition="clustered"] .job{left:59%;width:29%}body[data-composition="clustered"] .calendar-days p{font-size:12px}body[data-composition="clustered"] .calendar-days small{font-size:8px}}
@media(max-width:900px){
.cluster-controls{display:flex;grid-column:1/-1;gap:8px;order:0;margin-bottom:10px}
.cluster-controls button{flex:1;min-height:44px;border:1px solid #8d9f9c;background:#f8f5ec;color:#36525f;font:14px DeskSpace,sans-serif;padding:9px;cursor:pointer}
.cluster-controls button[aria-pressed="true"]{background:#294b60;color:white;border-color:#294b60}
body[data-composition="clustered"] .intro{padding-bottom:10px}
body[data-composition="clustered"] .job{order:1;grid-column:1/-1}
body[data-composition="clustered"] .calendar-folio{order:2;grid-column:1/-1}
body[data-composition="clustered"] .legal{order:3}
body[data-composition="clustered"] .graph{order:1;grid-column:1/-1}
body[data-composition="clustered"] .invoice{order:2}
body[data-composition="clustered"] .payroll{order:1;grid-column:1/-1}
body[data-composition="clustered"] .notebook{order:2}
body[data-composition="clustered"] .email{order:4;grid-column:1/-1}
body[data-composition="clustered"] .payroll>.problem-trigger{white-space:normal}
}
@media(min-width:901px){body[data-composition="clustered"] .thermal-receipt{height:auto;min-height:0;padding-top:17px!important;padding-bottom:24px!important}.thermal-receipt .receipt-rule{margin:9px 0}.thermal-receipt dl{margin:9px 0}.thermal-receipt dt{margin-top:9px}.thermal-receipt .receipt-review{margin-top:10px}.thermal-receipt .receipt-footer{margin-bottom:3px}body[data-composition="clustered"] .calendar-days>section{min-height:92px}body[data-composition="clustered"] .calendar-reminder{position:relative;right:auto;bottom:auto;margin:5px 0 0 auto;width:max-content;font-size:12px;line-height:1.15;padding:4px 8px}body[data-composition="clustered"] .calendar-reminder br{display:none}}
@media(max-width:900px){.payroll>.hours-scrap{display:block;position:relative;width:150px;margin:14px 0 0 auto!important;padding:12px;transform:rotate(-2deg)}}

/* Actual-desk1: real existing leather texture, distinct physical paper stock. */
body[data-material="leather"] .desk{background-color:#4a3027;background-image:url('assets/wood-table-2k.jpg');background-size:450px;background-blend-mode:multiply}
body[data-material="leather"] .intro h1,body[data-material="leather"] .intro>p{color:#fbf4e4}
body[data-material="leather"] .intro .contact{background:#f6edd9;color:#173449;border:1px solid #fff7e680}
body[data-material="leather"] .intro .contact:hover{background:#fff9ed}
body[data-material="leather"] .paper:not(.thermal-receipt):not(.legal):not(.graph),body[data-material="leather"][data-connections] .carbon-set{background-color:#fbfaf3}
body[data-material="leather"] .thermal-receipt{background-color:#fffffa!important;color:#29322d}
body[data-material="leather"] .carbon-blue{background:#cadfe8;border-color:#9bb5c0}
body[data-material="leather"] .carbon-pink{background:#e4cfd3;border-color:#c1a7ad}
body[data-material="leather"] .graph{background-color:#e6f0f1;background-image:linear-gradient(#537d982a 1px,transparent 1px),linear-gradient(90deg,#537d982a 1px,transparent 1px),linear-gradient(#e9f3f0bb,#e9f3f0bb),url('assets/paper-material.webp');background-size:13px 13px,13px 13px,auto,440px}
body[data-material="leather"] .paper{border-color:#c8c4b5;box-shadow:1px 2px 2px #130e0a50,4px 7px 10px #130e0a35}
body[data-material="leather"] .legal{border:0;filter:drop-shadow(2px 5px 4px #130e0a35)}
body[data-material="leather"] .notebook{box-shadow:2px 4px 5px #130e0a50,5px 8px 12px #130e0a30}
body[data-material="leather"] .email{box-shadow:2px 4px 5px #130e0a50,5px 8px 12px #130e0a30;border-color:#61717a}
body[data-material="leather"] .cluster-controls button{background:#f4ecd9;border-color:#d6c6aa}
body[data-material="leather"] .cluster-controls button[aria-pressed="true"]{background:#294b60;color:#fff;border-color:#aec4cf}
.intro h1{text-wrap:balance}body[data-material="leather"] .desk{background-color:#684b3c}

/* Real-materials1: unmodified CC0 photographic diffuse textures, no brown tint/blend. */
body[data-material="leather"] .desk{background-image:url('assets/brown-leather-2k.jpg');background-size:1000px;background-color:#48342b;background-blend-mode:normal}
body[data-material="wood"] .desk{background-image:linear-gradient(#30271f38,#30271f38),url('assets/wood-table-2k.jpg');background-size:auto,1400px;background-color:#8e7254;background-blend-mode:normal}
body[data-material="wood"] .intro h1,body[data-material="wood"] .intro>p{color:#fbf4e4}
body[data-material="wood"] .intro .contact{background:#f6edd9;color:#173449;border:1px solid #fff7e680}

/* Pinned-work1: physical attachment cues without moving the existing layout. */
.paper-fastener{position:absolute;pointer-events:none;z-index:5}
.paper-pin{width:9px;height:9px;top:7px;right:15px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#dfd2b7 0,#a19379 37%,#65594b 75%);border:1px solid #6b5c4880;box-shadow:1px 2px 2px #20170e50}
.paper-pin:after{content:'';position:absolute;left:3px;top:7px;width:1px;height:5px;background:#534637;transform:rotate(-18deg);transform-origin:top}
.paper-clip{top:-6px;right:24px;width:12px;height:32px;border:1.5px solid #89908a;border-radius:7px;transform:rotate(5deg);box-shadow:1px 1px 1px #1e251e35}
.paper-clip:after{content:'';position:absolute;inset:3px 2px 4px;border:1px solid #a7aaa0;border-radius:5px}
.pinned-paper{transition:filter 160ms ease,outline-color 160ms ease}
.pinned-paper:hover,.pinned-paper:focus-within{filter:brightness(1.025);outline:1px solid #a79c7655;outline-offset:2px}
.pinned-paper .problem-trigger:hover,.pinned-paper .problem-trigger:focus-visible{text-decoration-thickness:2px;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){.pinned-paper{transition:none}}
@media(hover:none){.pinned-paper:hover{filter:none;outline:none}.pinned-paper:focus-within{outline:1px solid #a79c7655}}
.pinned-paper{translate:0 0;transition:filter 160ms ease,outline-color 160ms ease,translate 160ms ease}.pinned-paper:hover,.pinned-paper:focus-within{translate:0 -2px}@media(prefers-reduced-motion:reduce){.pinned-paper{transition:none}.pinned-paper:hover,.pinned-paper:focus-within{translate:none}}@media(hover:none){.pinned-paper:hover{translate:none}}
.service-information{max-width:880px;margin:0 auto;padding:30px 5%;color:#293e48}.service-information h2{font:24px DeskFraunces,serif}.service-information>p{font-size:14px;line-height:1.6}.service-information details{padding:14px 0;border-bottom:1px solid #bac1b6;max-width:none}.service-information summary{font-size:15px;font-weight:500;min-height:30px}.service-information details p{font-size:14px;line-height:1.65}.service-information details a{display:inline-block;padding:8px 0;font-size:13px}.service-information .service-boundary{font-size:12px;color:#65716b}
/* Craft-type1: condensed display, full readable brand, restrained drafting notes. */
body .desk .intro h1{font-family:DeskForm,Arial,sans-serif;font-weight:500;letter-spacing:-.012em;line-height:1.03;text-wrap:balance}
body .desk>header .brand{font-family:DeskSpace,Arial,sans-serif;font-weight:500;letter-spacing:-.02em;line-height:1.05;font-size:clamp(30px,3vw,40px)}
body .desk .hand,body .desk .hand-blue,body .desk .hand-red,body .desk .legal .hand,body .desk .graph>.hand,body .desk .hours-scrap.hand,body .desk .email .pending.hand,body .desk .calendar-reminder{font-family:DeskRouted,sans-serif!important;font-weight:400!important;letter-spacing:0}
body .desk .calendar-reminder{font-size:12px;line-height:1.3}
body .desk .pending-mark,body .desk .handoff{display:none}
@media(min-width:901px){body[data-composition="clustered"] .desk .intro h1{font-size:clamp(50px,4.7vw,68px)}}
@media(min-width:901px) and (max-width:1100px){body[data-composition="clustered"] .desk .intro h1{font-size:50px}}
@media(max-width:900px){body .desk .intro h1{font-size:clamp(48px,7vw,64px)}body .desk>header .brand{font-size:31px}}
@media(max-width:520px){body .desk .intro h1{font-size:48px}body .desk>header .brand{font-size:26px}}

/* Integrated-work1: editorial service column on the existing material surface. */
body[data-material="paper"] .desk>header .brand{color:#173449}
body .desk>header{position:absolute;inset:0 0 auto;height:84px;background:transparent;border:0;box-shadow:none;padding:20px 4%}
body .desk>header .brand{font-family:DeskFraunces,serif;font-weight:400;font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 48;letter-spacing:-.035em;color:#fff5df;font-size:35px}
body .header-contact{position:fixed;top:18px;right:4%;z-index:90;background:#fbf3df;color:#173449;box-shadow:0 2px 8px #17140d40}
body .desk .intro h1{font-family:DeskFraunces,serif;font-weight:400;font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 60;letter-spacing:-.035em;line-height:1.1;font-size:clamp(42px,4.2vw,58px)}
body .desk .service-information{color:#293e48;background:#f8f5ea url('assets/paper-material.webp') center/650px;padding:25px 28px;box-shadow:1px 2px 2px #17140d35;z-index:25;max-width:none}
body .service-information h2{font:400 24px/1.2 DeskFraunces,serif;margin:0 0 13px}
body .service-information summary{font:500 16px/1.4 DeskSpace,sans-serif;padding:5px 0}
body .service-information details p{font-size:14px;line-height:1.6}
@media(min-width:901px){
body[data-composition="clustered"] .desk{margin-top:0;height:auto;min-height:1100px;max-height:none;padding:115px 0 90px}
body[data-composition="clustered"] .intro{position:relative;left:auto;top:auto;margin:0 0 30px 20%;width:36%}
body[data-composition="clustered"] .desk .intro h1{font-size:clamp(42px,4.2vw,58px)}
body .desk .service-information{position:relative;margin:0 0 0 35%;width:35%}
body[data-composition="clustered"][data-connections] .calendar-folio{top:100px;height:210px}
body[data-composition="clustered"] .job{top:350px}
body[data-composition="clustered"] .legal{top:350px}
body[data-composition="clustered"] .graph{top:540px;left:2%;width:30%;height:280px}
body[data-composition="clustered"] .payroll{top:840px;left:3%;width:29%}
body[data-composition="clustered"] .notebook{top:850px;left:37%;width:34%;height:260px}
body[data-composition="clustered"] .email{top:680px}
body[data-composition="clustered"] .thermal-receipt{top:175px}
}
@media(max-width:900px){
body .desk{padding-top:110px}
body .desk .service-information{position:relative;grid-column:1/-1;order:5;width:100%;margin:15px 0 0;padding:24px}
body .desk .intro h1{font-size:48px}
body .desk>header .brand{font-size:30px}
}
@media(max-width:520px){body .desk>header .brand{font-size:26px}body .header-contact{top:18px;right:5%;font-size:11px}body .desk .intro h1{font-size:42px}}

/* Plex-hero1: hero only; original composition and wordmark untouched. */
@font-face{font-family:DeskPlex;src:url('assets/fonts/ibm-plex-sans.ttf') format('truetype');font-weight:100 700;font-stretch:75% 100%;font-display:swap}
body .desk .intro h1{font-family:DeskPlex,Arial,sans-serif;font-weight:500;font-variation-settings:"wght" 500,"wdth" 100;letter-spacing:-.025em;line-height:1.08}


/* Depth-work1: foreground service, materially distinct peripheral working papers. */
@media(min-width:901px){body[data-material="wood"] .desk:after,body[data-material="leather"] .desk:after{content:'';position:absolute;pointer-events:none;left:15%;top:85px;width:46%;height:760px;z-index:26;background:radial-gradient(ellipse closest-side at 50% 50%,#17130ec9 0%,#17130e9c 50%,#17130e00 100%)}body[data-composition="clustered"] .notebook{box-shadow:1px 2px 3px #100d0955,8px 14px 16px #100d0940}body[data-composition="clustered"] .job{box-shadow:1px 2px 2px #100d0945,6px 10px 12px #100d0930}body[data-composition="clustered"] .thermal-receipt{box-shadow:1px 2px 2px #100d0935,4px 8px 9px #100d0925}}
body .desk .service-information{background:none;box-shadow:none;color:#fbf4e4;padding:12px 0}
body .service-information details{border-color:#f4e6ce40}
body .service-information .service-boundary{color:#e3d5c0}
body .service-information a{color:#fff2ca}
.service-related{outline:2px solid #bd995d!important;outline-offset:4px}
.paper.service-related{z-index:24}
.service-information summary:focus-visible{outline:2px solid #f5db99;outline-offset:4px}
body[data-material="paper"] .desk .service-information{color:#243c49}
body[data-material="paper"] .service-information a,body[data-material="paper"] .service-information .service-boundary{color:#395668}
@media(min-width:901px){
body[data-composition="clustered"] .intro{z-index:30}
body .desk .service-information{margin:10px 0 0 20%;width:36%;z-index:30}
body[data-composition="clustered"] .job{left:68%;top:365px;width:30%;transform:rotate(3deg)}
body[data-composition="clustered"] .graph{left:-2%;top:590px;width:21%;height:auto;min-height:260px;padding:22px 18px 22px 35px;transform:rotate(-4deg)}
body[data-composition="clustered"] .payroll{left:66%;top:680px;width:30%;transform:rotate(-2deg)}
body[data-composition="clustered"] .thermal-receipt{top:120px;left:1%;width:16%;transform:rotate(-3deg)}
body[data-composition="clustered"] .notebook{top:360px;left:0;width:20%;height:190px;padding:16px 9px;transform:rotate(-7deg);z-index:22}
body[data-composition="clustered"] .notebook>div{padding:5px}
body[data-composition="clustered"] .notebook p{font-size:10px;line-height:1.5}
body[data-composition="clustered"] .legal{top:590px;left:83%;width:23%;transform:rotate(6deg)}
body[data-composition="clustered"] .email{top:1000px;left:72%;width:28%}
}
@media(max-width:900px){
body .desk .service-information{order:1;margin:0;width:100%}
body[data-composition="clustered"] .notebook{display:grid;order:0;grid-column:1/-1;width:240px;height:175px;min-height:0;margin:5px auto 20px;transform:rotate(-4deg);padding:19px 13px}
body[data-composition="clustered"] .notebook>div{padding:5px}
body[data-composition="clustered"] .notebook p{font-size:11px;line-height:1.5}
.service-information{scroll-margin-top:85px}
}

/* Type-hierarchy1: printed forms, drafting notes, and foreground voice are distinct. */
body .desk .intro h1{font-weight:600;font-variation-settings:"wght" 600,"wdth" 100}
body .desk .paper p,body .desk .paper table,body .desk .paper td,body .desk .paper th,body .desk .paper dl,body .desk .paper dt,body .desk .paper dd,body .desk .paper .metadata{font-family:DeskReceipt,monospace;font-weight:400}
body .desk .paper h2,body .desk .paper h3,body .desk .paper .metadata label,body .desk .paper th{font-family:DeskForm,sans-serif;font-weight:500}
body .desk .paper .hand,body .desk .notebook p,body .desk .paper .calendar-reminder,body .desk .paper .pencil-note,body .desk .paper .redline,body .desk .paper .graph-notes,body .desk .paper .problem-trigger{font-family:DeskRouted,sans-serif!important;font-weight:400!important}
body .desk .service-information summary,body .desk .service-information p{font-family:DeskSpace,sans-serif}

/* Fit the complete drafting notes within the existing notebook pages. */
body[data-composition="clustered"] .desk .notebook p{font-size:10px;line-height:1.3;margin:5px 0;overflow-wrap:normal}
body[data-composition="clustered"] .desk .notebook h2{font-size:9px;line-height:1.15;margin:0 0 4px}

/* Consulting descriptor: existing wordmark and header geometry retained. */
body[data-composition="clustered"] .desk .intro .consultation-note{font:400 13px/1.45 DeskSpace,sans-serif;margin:10px 0 0;max-width:34ch}
body .desk>header .brand{display:inline-flex;flex-direction:column;align-items:flex-start}
body .desk>header .brand .brand-descriptor{font:400 12px/1.2 DeskSpace,sans-serif;letter-spacing:.055em;margin-top:1px;color:inherit;align-self:flex-end;margin-right:3.2em}
@media(max-width:520px){body .desk>header .brand .brand-descriptor{font-size:10px;margin-top:0}}

/* Foreground-type1: query-only foreground comparison, default unchanged. */
.service-benefit,.service-example{display:block}.service-example{margin-top:10px}
@media(max-width:900px){body[data-composition="clustered"] .desk>.intro,body[data-composition="clustered"] .desk>.cluster-controls,body[data-composition="clustered"] .desk>.notebook,body[data-composition="clustered"] .desk>.job,body[data-composition="clustered"] .desk>.graph,body[data-composition="clustered"] .desk>.payroll,body[data-composition="clustered"] .desk>.service-information,body[data-composition="clustered"] .desk>.calendar-folio,body[data-composition="clustered"] .desk>.invoice,body[data-composition="clustered"] .desk>.legal,body[data-composition="clustered"] .desk>.email{order:0}}
/* Paperwork-craft1: ordinary printed forms and a dated monthly desk calendar. */
body .desk .paper h2,body .desk .paper h3,body .desk .paper th,body .desk .paper .metadata label{font-family:ReviewSans,sans-serif;font-weight:600}
body .desk .legal .reminder-label{font:400 12px/1.3 DeskRouted,sans-serif;letter-spacing:0;text-transform:none;margin-bottom:15px;color:#6d6251}
.note-checkbox{display:inline-block;width:9px;height:9px;border:1px solid currentColor;margin-right:7px;transform:rotate(-3deg)}
body .desk .legal{padding-top:85px}
body[data-composition="clustered"] .desk .legal .hand{max-width:100%;width:100%;padding-right:8px}
body .desk .legal .delivery-question{display:block;font:400 13px/1.3 DeskRouted,sans-serif;color:#315f82;margin-top:3px}
@media(min-width:901px){body[data-composition="clustered"] .legal{top:505px;left:81%;width:24%;padding-top:85px}}
body .desk .calendar-folio .weekly-calendar{padding-right:0;height:auto}
body .desk .calendar-folio{border-top:9px solid #353733}
body .desk .calendar-heading{margin-bottom:7px}
body .desk .calendar-heading h2{font:600 22px/1.1 ReviewSans,sans-serif}
body .desk .calendar-heading h2 span{font-weight:400;color:#64706a}
body .desk .calendar-heading>span{font:10px ReviewSans,sans-serif}
body .desk .month-grid{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #7b847c}
body .desk .month-grid th{font:600 10px ReviewSans,sans-serif;padding:4px 1px;border-bottom:1px solid #7b847c;text-align:center;color:#45514a}
body .desk .month-grid td{height:35px;vertical-align:top;padding:3px;border:1px solid #abb2a88a;font:10px/1.15 ReviewSans,sans-serif}
.month-grid time{display:block;color:#465149}.month-grid .month-note{display:block;font:11px/1.1 DeskRouted,sans-serif;overflow-wrap:normal;margin-top:2px}.month-grid .month-blue{color:#285b79}.month-grid .month-red{color:#964e42}.month-grid .month-strike{color:#80624e;text-decoration:line-through;text-decoration-color:#994337}.month-empty{background:#b7bcac0d}
.month-grid .month-ink{color:#555448}.month-grid tr:nth-child(2n) .month-note{transform:rotate(-2deg)}.month-grid tr:nth-child(2n+1) td:nth-child(2n) .month-note{transform:rotate(1.5deg)}.month-grid .month-red{font-size:10px;text-decoration:underline;text-underline-offset:2px}.month-grid time[datetime="2026-09-08"]{display:table;position:relative}.month-grid time[datetime="2026-09-08"]:after{content:'';position:absolute;inset:-2px -5px;border:1px solid #365d777a;border-radius:47% 55% 43% 58%;transform:rotate(-12deg);pointer-events:none}
body .desk .legal .hand{letter-spacing:-.015em}body .desk .legal .hand-red{transform:rotate(-1deg)}body .desk .graph>.hand{transform:rotate(-2deg);text-decoration:underline;text-decoration-color:#355f7660;text-underline-offset:5px}
/* A single illustrative stain at a blank outer margin, not a photographic asset. */
body .desk .thermal-receipt:before{content:'';display:block;position:absolute;pointer-events:none;z-index:0;left:-29px;top:40%;width:49px;height:57px;border:3px solid transparent;border-right-color:#98692b40;border-bottom-color:#97612616;border-radius:42% 58% 49% 54%;transform:rotate(19deg);box-shadow:2px 0 2px #9a71290d}
@media(min-width:901px){body[data-composition="clustered"][data-connections] .calendar-folio{top:65px;height:295px;padding:15px 16px 12px}}
body .desk .month-grid .month-note{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance;line-height:1.2}
body .desk .month-grid td{height:40px}
.calendar-scroll{max-width:100%;overflow-x:auto}.calendar-scroll:focus-visible{outline:2px solid #365b72;outline-offset:2px}.calendar-scroll-hint{display:none}
@media(max-width:380px){body .desk .calendar-scroll .month-grid{min-width:360px}body .desk .calendar-scroll-hint{display:block;font:11px/1.3 ReviewSans,sans-serif;margin:7px 0 0;color:#53615a}}
@media(min-width:901px){body[data-composition="clustered"][data-connections] .calendar-folio{height:auto;min-height:295px}body[data-composition="clustered"] .desk .graph>.hand{font-size:17px!important;line-height:1.3!important;white-space:normal;text-wrap:balance}}
@media(max-width:900px){body[data-composition="clustered"][data-connections] .calendar-folio{height:auto;min-height:0;padding:18px 14px}.month-grid .month-note{font-size:10px}body .desk .month-grid td{height:40px}}
@font-face{font-family:ReviewSans;src:url('assets/fonts/source-sans3.woff2') format('woff2');font-weight:200 900;font-display:swap}
/* Mobile reading flow: useful content first, materials remain secondary. */
@media(max-width:900px){
 body[data-composition="clustered"] .desk{padding-top:20px;gap:16px}
 body .desk>header{position:relative;inset:auto;height:auto;padding:0;margin:0;gap:12px;align-items:center}
 body .header-contact{position:static;min-height:44px;padding:10px 12px;flex-shrink:0}
 body[data-composition="clustered"] .desk>.intro{padding:12px 0 0;margin:0}
 body .desk .service-information{padding:0;margin:0;scroll-margin-top:16px}
 body .service-information summary{min-height:44px;display:list-item;padding:10px 0;scroll-margin-top:16px}
 body .service-information details{padding:6px 0}
 body .service-information details a{min-height:44px;padding:12px 0}
 body .desk>.cluster-controls{margin:12px 0 0}
 body[data-composition="clustered"] .desk>.job{min-height:0;padding-top:18px;padding-bottom:18px}
 body[data-composition="clustered"] .desk>.notebook{margin:12px auto}
 body .desk .problem-trigger{min-height:44px}
 body .desk>header .brand .brand-descriptor{font-size:12px}
}
@font-face{font-family:ReviewSerif;src:url('assets/fonts/source-serif4.woff2') format('woff2');font-weight:200 900;font-display:swap}
body[data-type="humanist"] .desk .intro h1{font-family:ReviewSans,sans-serif;font-weight:600;font-variation-settings:"wght" 600;letter-spacing:-.02em}
body[data-type="editorial"] .desk .intro h1{font-family:ReviewSerif,serif;font-weight:400;font-variation-settings:"wght" 400,"opsz" 48;letter-spacing:-.025em}
body[data-type="humanist"] .desk .intro>p,body[data-type="editorial"] .desk .intro>p,
body[data-type="humanist"] .desk .service-information h2,body[data-type="editorial"] .desk .service-information h2,
body[data-type="humanist"] .desk .service-information summary,body[data-type="editorial"] .desk .service-information summary,
body[data-type="humanist"] .desk .service-information p,body[data-type="editorial"] .desk .service-information p{font-family:ReviewSans,sans-serif;font-variation-settings:normal}

/* Shared material study: one upper-left light, printed forms and personal ink. */
body[data-type] .desk .paper:not(.thermal-receipt):not(.legal){box-shadow:none}
body[data-type] .desk .carbon-copy{box-shadow:1px 2px 2px #241e1635; background-image:linear-gradient(115deg,#ffffff24,transparent 55%,#3f485c0c)}
body[data-type] .desk .calendar-folio:after{background:linear-gradient(110deg,#ffffffab 0%,#ffffff59 52%,#a89b7c13 100%),url('assets/paper-material.webp') center/540px;box-shadow:inset 0 2px 3px #1e211d35,inset -1px -1px 0 #7a756535}
body[data-type] .desk .calendar-folio{border-top-color:#292c28}
body[data-type][data-connections] .desk .calendar-folio{background:image-set(url('assets/calendar-photo-study-v1.webp') 1x,url('assets/calendar-photo-study-v1-native-q90.webp') 1.30667x) center/contain no-repeat;border-color:transparent;box-shadow:none;filter:drop-shadow(2px 4px 3px #160f0b50)}
body[data-type] .desk .calendar-folio:after,body[data-type] .desk .calendar-folio:before,body[data-type] .desk .calendar-folio>.carbon-copy{display:none}
body[data-type] .desk .calendar-folio>.weekly-calendar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-type] .desk .month-grid{border-color:#70756b88}
body[data-type] .desk .month-grid td{border-color:#81877860}
body[data-type] .desk .month-grid .month-note{font-family:DeskHand,sans-serif;font-weight:400;letter-spacing:-.2px;color:#364b59;transform:none}
body[data-type] .desk .month-grid .month-red{color:#834638}
body[data-type] .desk .month-grid .month-strike{color:#675b50}
body[data-type] .desk .notebook{background:image-set(url('assets/notebook-photo-study-v1.webp') 1x,url('assets/notebook-photo-study-v1-native-q90.webp') 2.07857x) center/contain no-repeat;box-shadow:none;filter:drop-shadow(2px 4px 3px #160f0b60)}
body[data-type] .desk .notebook>div{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-type] .desk .notebook>div{background:linear-gradient(90deg,transparent 75%,#4137250c)}
body[data-type] .desk .notebook>div:nth-child(2){background:linear-gradient(90deg,#41372510,transparent 22%)}
body[data-type] .desk .notebook p{font-family:DeskHand,sans-serif!important;font-size:11px;line-height:1.2;letter-spacing:-.15px;color:#354d63;margin:5px 0}
body[data-type] .desk .notebook h2{font-family:DeskHand,sans-serif;font-weight:400;color:#414d54;letter-spacing:0}
body[data-type] .desk .notebook .small{font-family:DeskHand,sans-serif;font-weight:400;color:#474d58;line-height:1.2}
body[data-type] .desk .notebook .notebook-ink{display:block;margin-bottom:4px;transform-origin:left center}
body[data-type] .desk .notebook .notebook-ink:nth-child(2){margin-left:3px;color:#435970}
body[data-type] .desk .notebook>div:nth-child(2) .notebook-ink{color:#474d58}
body[data-type] .desk .legal{box-shadow:1px 2px 2px #160f0b55,4px 7px 8px #160f0b35}
body[data-type] .desk .legal .hand,body[data-type] .desk .legal .delivery-question,body[data-type] .desk .graph>.hand{font-family:DeskHand,sans-serif!important;font-weight:400!important}
body[data-type] .desk .thermal-receipt{background:transparent image-set(url('assets/receipt-photo-study-v1.webp') 1x,url('assets/receipt-photo-study-v1-native-q90.webp') 1.83778x) center/contain no-repeat!important;clip-path:none;box-shadow:none;border:0;filter:drop-shadow(2px 3px 2px #160f0b55)}
body[data-type] .desk .legal{background:transparent image-set(url('assets/legal-photo-study-v1.webp') 1x,url('assets/legal-photo-study-v1-native-q90.webp') 1.55143x) center/contain no-repeat!important;border:0;box-shadow:none;filter:drop-shadow(2px 4px 3px #160f0b55)}
body[data-type] .desk .thermal-receipt:before,body[data-type] .desk .thermal-receipt:after,body[data-type] .desk .legal:before,body[data-type] .desk .legal:after{display:none}
body[data-type] .desk .thermal-receipt>*,body[data-type] .desk .legal>*{opacity:0}
body[data-type] .desk .job,body[data-type] .desk .payroll,body[data-type] .desk .graph{background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(2px 4px 3px #160f0b50);padding:0;height:auto;min-height:0;aspect-ratio:3/4}
body[data-type] .desk .job{background:transparent image-set(url('assets/workorder-photo-study-v1.webp') 1x,url('assets/workorder-photo-study-v1-native-q90.webp') 1.20667x) center/contain no-repeat!important}
body[data-type] .desk .payroll{background:transparent image-set(url('assets/timesheet-photo-study-v1.webp') 1x,url('assets/timesheet-photo-study-v1-native-q90.webp') 1.20667x) center/contain no-repeat!important}
body[data-type] .desk .graph{background:transparent image-set(url('assets/graph-photo-study-v1.webp') 1x,url('assets/graph-photo-study-v1-native-q90.webp') 1.55143x) center/contain no-repeat!important}
body[data-type] .desk .job:before,body[data-type] .desk .payroll:before,body[data-type] .desk .graph:before{display:none}
body[data-type] .desk :is(.job,.payroll,.graph)>:not(.problem-trigger){position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-type] .desk :is(.job,.payroll,.graph)>.problem-trigger{position:absolute;top:-40px;right:10px;left:auto;margin:0;min-height:44px;padding:8px 12px;color:#fff4df;background:#172b3ef0;border-radius:2px;font:400 14px/1.3 ReviewSans,sans-serif;z-index:5}
body[data-type] .desk .graph>.problem-trigger{top:auto;bottom:-40px}
body[data-type] .desk :is(.job,.payroll,.graph)>.problem-trigger:focus-visible{outline:2px solid #fff4df;outline-offset:4px;color:#fff4df}
/* Image alpha supplies the physical edge; legacy CSS frames must not overprint it. */
body[data-type] .desk :is(.calendar-folio,.graph,.job,.payroll,.legal,.thermal-receipt){border:0!important;box-shadow:none!important;outline:none;translate:none}
body[data-type] .desk :is(.calendar-folio,.graph,.job,.payroll,.legal,.thermal-receipt)::before,
body[data-type] .desk :is(.calendar-folio,.graph,.job,.payroll,.legal,.thermal-receipt)::after{content:none!important;display:none!important}
body[data-type] .desk :is(.calendar-folio,.graph,.job,.payroll,.legal,.thermal-receipt).service-related{outline:none!important;filter:drop-shadow(1px 2px 2px #bd995d99) drop-shadow(3px 5px 3px #160f0b55)}
body[data-type] .desk .notebook:focus-visible{outline:2px solid #fff4df;outline-offset:5px}

/* Mobile hero only: keep the desktop desk intact, without clipping enlarged text. */
.mobile-art{display:none}
.booking-option{margin:12px 0}.booking-option a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px}.booking-option a:focus-visible{outline:2px solid #fff4df;outline-offset:4px}
body .desk .calendar-booking{position:absolute;right:0;top:100%;color:#fff4df;margin:0;font:14px ReviewSans,sans-serif}
@media(max-width:900px){
 body[data-type] .desk{display:flex;flex-direction:column;min-height:100svh;height:auto;max-height:none;overflow:visible;padding:22px 6% 32px;gap:24px}
 body[data-type] .desk>:not(header):not(.intro):not(.photographic-art){display:none!important}
 body footer{display:none!important}
 body[data-type] .desk>.intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;padding:18px 0;margin:0;width:100%}
 body[data-type] .desk>.intro h1{max-width:13ch}
 body[data-type] .desk>.intro>p{max-width:38ch}
 body .desk>header{flex-shrink:0}
 body[data-type] .desk>.mobile-art[aria-hidden]{display:block!important;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
 body[data-type] .desk>.intro{position:relative;z-index:2}
 body .mobile-art .invoice{display:block!important;position:absolute!important;left:-70px!important;top:100px!important;width:125px!important;min-height:0!important;height:145px!important;padding:16px!important;transform:rotate(-9deg)!important;opacity:1;filter:none;overflow:hidden}
 body .mobile-art .notebook{display:grid!important;grid-template-columns:1fr 1fr;position:absolute!important;left:auto!important;right:-8px!important;top:auto!important;bottom:-12px!important;width:240px!important;height:175px!important;min-height:0!important;margin:0!important;padding:22px 14px!important;transform:rotate(-5deg)!important;opacity:1;filter:drop-shadow(2px 4px 3px #160f0b60)}
 body .mobile-art .notebook>div{padding:4px!important}
 body[data-type] .desk .mobile-art .notebook p{font-family:DeskHand,sans-serif!important;font-size:11px;line-height:1.2;letter-spacing:-.15px;color:#354d63;margin:5px 0}
 body .mobile-art .notebook .notebook-ink{display:block;margin-bottom:5px;transform:none;transform-origin:left center}
 body .mobile-art .notebook .notebook-ink:nth-child(2){margin-left:3px;color:#435970}
 body .mobile-art .notebook .notebook-ink:nth-child(3){margin-left:1px}
 body .mobile-art .notebook>div:nth-child(2) .notebook-ink{color:#474d58}
 body .mobile-art .drawing{display:block!important;position:absolute!important;left:auto!important;right:-35px!important;top:85px!important;width:285px!important;height:170px!important;min-height:0!important;padding:12px!important;transform:rotate(4deg)!important;opacity:1;filter:none;overflow:hidden}
 body .mobile-art .drawing .calendar-heading{display:flex;margin-bottom:4px}
 body .mobile-art .drawing .calendar-heading h2{font-size:14px}
 body .mobile-art .drawing .calendar-heading>span{display:none}
 body .mobile-art .drawing .month-grid{min-width:0!important}
 body .mobile-art .drawing .month-grid td{height:35px;padding:2px}
 body .mobile-art .drawing .month-note{font-size:10px;line-height:1.1}
}
@media(max-width:900px) and (max-height:500px){
 body[data-type] .desk{padding-top:16px;padding-bottom:20px;gap:12px}
 body[data-type] .desk>.intro{padding:0}
 body[data-type] .desk>.intro h1{font-size:36px;max-width:22ch;margin-bottom:14px}
 body[data-type] .desk>.intro>p{margin-bottom:16px}
}
@media(max-width:900px) and (max-height:700px){
 body .mobile-art .invoice{top:65px!important;height:45px!important;left:-95px!important}
 body .mobile-art .drawing{top:65px!important;height:45px!important;right:-140px!important}
 body .mobile-art .notebook{bottom:-105px!important}
}
@media(min-width:600px) and (max-width:900px) and (min-height:701px){
 body[data-type] .desk>.intro{max-width:460px}
 body[data-type] .desk>.intro h1{font-size:56px;max-width:15ch}
 body[data-type] .desk>.intro>p{font-size:18px}
 body .mobile-art .drawing{width:360px!important;height:230px!important;right:-15px!important}
 body .mobile-art .notebook{width:330px!important;height:240px!important;bottom:-12px!important}
}
/* P-anchored consulting/modernization lockup. */
body .desk>header .brand{display:block;white-space:nowrap;padding:0 76px 15px 0;line-height:1}
.brand-p{position:relative;display:inline-block}
.brand-p .brand-consulting,.brand-p .brand-modernization{position:absolute;top:76%;font:400 12px/1 DeskSpace,sans-serif;letter-spacing:0;white-space:nowrap}