/* A compact, personal arrangement. The objects are the navigation. */
.desk-mode .top { max-width:1180px;padding:18px 30px 0; }
.desk-local-time { margin-left:auto;color:var(--ink-soft);font-size:10px;line-height:1.3;white-space:nowrap; }
.desk-mode .top-link { margin-left:18px; }
.desk-home { max-width:1180px;padding:24px 30px 0; }
.desk-heading { max-width:none;text-align:left; }
.desk-title { font-size:clamp(58px,6.5vw,94px);line-height:1;letter-spacing:-.04em;white-space:nowrap; }
.desk-title em { font-weight:500; }
.desk-description { max-width:690px;margin:14px 0 0;font-size:14px;line-height:1.5;text-wrap:pretty; }
.desk-scene { height:622px;margin-top:8px; }
.desk-scene::after { display:none; }
.desk-portrait { left:35%;top:11px;width:30%; }
.portrait-dialogue { min-height:110px;margin-bottom:18px;background:transparent;box-shadow:none;rotate:0deg;padding:10px 12px; }
.portrait-dialogue::after { display:none; }
.portrait-dialogue p { font-size:22px;line-height:1.08; }
.desk-portrait img { max-height:245px;filter:none; }
.desk-portrait-note { margin-top:6px; }
.portrait-controls { margin-top:10px; }
.desk-object { transition:translate .2s ease,rotate .2s ease; }
.desk-object:hover,.desk-object:focus-visible { translate:0 -4px; }
.desk-object strong { letter-spacing:-.03em; }
.desk-folder { left:2%;top:68px;width:243px;padding:26px 23px 19px;rotate:-7deg;box-shadow:3px 8px 15px rgba(70,47,19,.15); }
.desk-folder strong { font-size:40px; }
.folder-status { margin-top:17px; }
.desk-photos { top:28px;right:2%;width:238px;rotate:5deg; }
.desk-photos strong { font-size:24px; }
.desk-photos .object-caption { max-width:210px; }
.desk-book { top:329px;left:7%;width:213px;min-height:156px;padding:22px 20px 20px 30px;rotate:5deg;box-shadow:4px 7px 14px rgba(34,30,25,.15); }
.desk-book strong { font-size:31px; }
.desk-book .object-caption { font-size:18px; }
.desk-player { top:336px;right:1%;width:281px;min-height:132px;padding:15px 16px;rotate:-4deg;box-shadow:4px 7px 14px rgba(34,30,25,.14); }
.player-label strong { font-size:26px; }
.desk-business { left:6%;top:523px;width:88%;min-height:86px;padding:15px 23px;grid-template-columns:1fr 1.15fr 1.05fr;column-gap:24px;row-gap:5px;align-items:center;rotate:-1deg;box-shadow:3px 7px 14px rgba(34,30,25,.09); }
.desk-business::before { left:45%;width:78px; }
.business-heading { grid-row:1/3; }
.business-heading strong { font-size:25px;line-height:1; }
.business-main,.business-sister { align-self:start;border-top:0;padding-top:2px; }
.business-main strong,.business-sister strong { font-size:13px;line-height:1.35; }
.business-main small,.business-sister small { font-size:10px;margin-top:5px; }
.business-disclosure { grid-column:2/4;margin-top:2px;font-size:10px; }
.desk-bottom { min-height:52px;gap:25px;padding:9px 0 15px;flex-wrap:wrap; }
.desk-bottom>span { font-size:18px; }
.desk-surprise { min-height:44px;padding:7px 15px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);font-family:var(--hand);font-size:21px;line-height:1.1;rotate:-2deg;cursor:pointer; }
.desk-surprise:hover { background:var(--red);border-color:var(--red); }
.desk-surprise:focus-visible { outline:2px solid var(--red);outline-offset:4px; }
.desk-contact { max-width:none;padding:28px 0 17px;text-align:left; }
.desk-contact .desk-invitation { display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:40px;padding:0;background:none;box-shadow:none;rotate:0deg;text-align:left; }
.desk-invitation-copy { max-width:650px; }
.desk-contact .desk-invitation h2 { max-width:650px;margin:0 0 9px;font-size:34px;line-height:1.08;letter-spacing:-.03em; }
.desk-contact .desk-invitation p { max-width:510px;margin:10px 0;font-size:13px;line-height:1.5; }
.desk-invitation-copy>a { display:inline-block;margin-top:2px;font-size:13px;text-underline-offset:4px; }
.desk-contact .desk-signature { position:relative;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;flex:none;width:auto;height:auto;margin:0;padding:0;border:0;background:none;rotate:0deg;transform:none;color:var(--ink); }
.desk-signature img { position:static;inset:auto;width:68px;max-width:100%;height:108px;object-fit:contain;rotate:16deg;transform:none;transition:none; }
.desk-signature:hover img { transform:none; }
.desk-signature>span { font-family:var(--hand);font-size:25px;line-height:1.1;text-align:left; }
.desk-signature small { display:block;margin-top:7px;font-family:inherit;font-size:17px;color:var(--ink-soft); }
.desk-signature:hover small { color:var(--red); }
.desk-object:focus-visible,.desk-signature:focus-visible { outline:2px solid var(--red);outline-offset:6px; }
@media (min-width:701px) and (max-width:1000px) {
  .desk-home { padding-inline:25px; }
  .desk-title { font-size:clamp(48px,6.5vw,65px); }
  .desk-description { font-size:13px; }
  .desk-scene { height:643px; }
  .desk-folder { left:0;top:80px;width:205px;padding:24px 18px 18px; }
  .desk-folder strong { font-size:34px; }
  .desk-folder .object-caption { font-size:17px; }
  .desk-portrait { left:34%;width:31%; }
  .desk-portrait img { max-height:220px; }
  .portrait-dialogue { min-height:125px;padding-inline:0; }
  .portrait-dialogue p { font-size:20px; }
  .desk-portrait-note { font-size:17px; }
  .portrait-controls { gap:8px; }
  .portrait-controls button { font-size:10px; }
  .desk-photos { right:0;width:195px;top:40px; }
  .desk-photos img { width:160px;height:156px; }
  .desk-photos img+img { left:28px; }
  .desk-photos strong { top:171px;left:13px;font-size:21px; }
  .desk-photos .object-caption { top:224px;left:13px;max-width:180px;font-size:17px; }
  .desk-book { left:3%;top:342px;width:182px; }
  .desk-book strong { font-size:27px; }
  .desk-book .object-caption { font-size:16px; }
  .desk-player { right:0;top:345px;width:218px;grid-template-columns:65px 1fr;gap:10px;padding:14px 12px; }
  .record-disc { width:65px;height:65px; }
  .record-disc::before { inset:21px;border-width:5px; }
  .record-disc::after { inset:31px; }
  .player-label strong { font-size:24px; }
  .player-label span { font-size:16px; }
  .desk-business { left:2%;top:538px;width:96%;padding:14px 17px;column-gap:16px; }
  .business-heading strong { font-size:24px; }
  .business-main strong,.business-sister strong { font-size:12px; }
  .business-main small,.business-sister small { font-size:9px; }
  .desk-contact .desk-invitation h2 { font-size:30px; }
  .desk-signature img { width:55px;height:95px; }
  .desk-signature>span { font-size:22px; }
}
@media (max-width:700px) {
  .desk-mode .top { padding:14px 21px 0;flex-wrap:wrap;row-gap:10px; }
  .desk-local-time { font-size:9px; }
  .desk-mode .top-link { margin-left:9px; }
  .desk-home { padding:24px 22px 0; }
  .desk-title { white-space:normal;font-size:clamp(52px,12.5vw,82px);line-height:.95;letter-spacing:-.04em; }
  .desk-title em { display:block; }
  .desk-description { max-width:390px;margin-top:16px;font-size:13px;line-height:1.45; }
  .desk-description br { display:none; }
  .desk-scene { height:auto;margin-top:3px;gap:28px 21px;padding-bottom:30px; }
  .desk-portrait { left:auto;top:auto;width:100%;max-width:235px; }
  .portrait-dialogue { min-height:87px;margin-bottom:8px;padding:12px 0 5px; }
  .portrait-dialogue p { font-size:21px; }
  .desk-portrait img { max-height:220px; }
  .portrait-controls { margin-top:10px; }
  .desk-portrait-note { font-size:17px; }
  .desk-object { left:auto;top:auto;right:auto;width:100%; }
  .desk-folder { min-height:165px;padding:24px 14px 15px; }
  .desk-folder strong { font-size:31px; }
  .folder-status { margin-top:13px;font-size:8px; }
  .desk-folder .object-caption { font-size:16px; }
  .desk-photos { min-height:231px;padding-top:170px; }
  .desk-photos img { width:calc(100% - 15px);height:145px; }
  .desk-photos strong { position:static;font-size:21px;line-height:1.06; }
  .desk-photos .object-caption { position:static;font-size:15px; }
  .desk-book { min-height:170px;padding:24px 12px 17px 24px; }
  .desk-book strong { font-size:29px; }
  .desk-book .object-caption { font-size:17px; }
  .desk-player { min-height:170px;padding:13px 10px;gap:8px; }
  .player-label strong { font-size:23px; }
  .player-label span { font-size:15px; }
  .record-disc { width:65px;height:65px; }
  .record-disc::before { inset:21px;border-width:5px; }
  .record-disc::after { inset:31px; }
  .desk-business { grid-template-columns:1fr;gap:13px;margin-top:9px;padding:20px 21px;min-height:0; }
  .business-heading { grid-row:auto; }
  .business-heading strong { font-size:28px; }
  .business-heading br { display:none; }
  .business-main,.business-sister { border-top:1px solid #D9CDBB;padding-top:12px; }
  .business-main strong,.business-sister strong { font-size:14px; }
  .business-main small,.business-sister small { font-size:11px; }
  .business-disclosure { grid-column:auto;margin-top:0;font-size:11px;line-height:1.4; }
  .desk-bottom { gap:15px 22px;padding:7px 0 20px; }
  .desk-surprise { order:3;width:100%;max-width:240px;font-size:21px; }
  .desk-contact .desk-invitation { display:block; }
  .desk-contact { padding:25px 0 10px; }
  .desk-contact .desk-invitation h2 { font-size:29px; }
  .desk-contact .desk-invitation p { font-size:13px; }
  .desk-contact .desk-signature { display:flex;width:fit-content;margin:24px 0 0 auto; }
  .desk-signature img { width:48px;height:88px; }
  .desk-signature>span { font-size:18px; }
  .desk-signature small { font-size:14px;max-width:8ch; }
}
@media (max-width:360px) {
  .desk-home { padding-inline:18px; }
  .desk-scene { gap:27px 16px; }
  .desk-title { font-size:52px; }
  .desk-folder { padding-inline:12px; }
  .desk-folder strong { font-size:29px; }
  .desk-contact .desk-invitation { display:block; }
  .desk-contact .desk-signature { display:flex;margin-top:15px; }
  .desk-signature img { height:70px; }
  .desk-signature small { max-width:none; }
}
@media (prefers-reduced-motion:reduce) {
  .desk-object { transition:none; }
  .desk-object:hover,.desk-object:focus-visible { translate:none; }
}
