@font-face{font-family:OfficeType;src:url('assets/Typewriter.otf')}@font-face{font-family:OfficeTypeBold;src:url('assets/TypewriterBold.otf')}@font-face{font-family:OfficeHeading;src:url('assets/Heading.otf')}
body{margin:0;padding:0;background-color:#34251c;background-image:repeating-linear-gradient(91deg,transparent 0 9px,#160d0711 10px 12px,transparent 13px 38px),radial-gradient(ellipse at top,#78523955,transparent 70%);color:#342923}.office{position:relative;container-type:inline-size;width:100%;max-width:520px;margin:0 auto;box-shadow:0 0 55px #160d0980;isolation:isolate}.office-bg{display:block;width:100%;height:auto;position:relative;z-index:-1}.office-title{position:absolute;top:2.85%;left:20%;width:60%;display:block;padding:0;margin:0;border:0;background:none;text-align:center}.office-title:after{display:none}.office-title h1{font:6.7cqw/.94 OfficeHeading,Georgia,serif;letter-spacing:-.05cqw;color:#641b23;margin:0}.office-title p{font:2.5cqw/1.2 OfficeType,monospace;margin:1.2cqw -2cqw 0;color:#342923}.office-tools{position:absolute;top:9.8%;right:2.7%;width:22%;display:flex;align-items:center;justify-content:center;gap:.6cqw;padding:.5cqw .4cqw;background:#ddc9a4e6;transform:rotate(-2deg);font:2.2cqw/1.6 OfficeType,monospace;box-shadow:0 1px 4px #23170c30}.office-tools button{padding:0;border:0;background:none;color:#39291b;font:inherit;white-space:nowrap}.office button:focus-visible{outline:3px solid #fff3b3;outline-offset:3px;box-shadow:0 0 0 6px #862e35}.object-hit{position:absolute;border:0;background:transparent;margin:0;padding:0;color:#70242b;text-align:center;cursor:pointer;text-decoration:none}.object-hit:hover{background:#fff5d20c}.object-hit:active{background:#3d20100d;transform:translateY(1px)}.nameplate-hit{left:59%;top:35.2%;width:31%;height:3.7%;color:#352113;display:flex;flex-direction:column;justify-content:center;gap:.6cqw;transform:rotate(.3deg)}.nameplate-hit strong{font:3.6cqw/1 OfficeHeading,Georgia,serif}.nameplate-hit small{font:2.0cqw/1.2 OfficeType,monospace}.folder{left:7%;width:87%;height:7.8%;text-align:left}.folder-one{top:41.35%}.folder-two{top:50.3%}.folder-three{top:59.3%}.folder-copy{position:absolute;left:32%;top:25%;width:55%;display:block}.folder strong{display:block;font:4.05cqw/1.08 OfficeTypeBold,monospace;white-space:nowrap;border-bottom:1px solid #862e3575;padding-bottom:.85cqw;margin-bottom:1.0cqw;letter-spacing:-.07cqw}.folder small{display:block;font:2.5cqw/1.25 OfficeType,monospace;color:#70242b;letter-spacing:-.03cqw}.sos-hit{top:69.4%;left:39.4%;width:19%;height:4.5%;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:none;color:#ffe4be}.sos-hit span{font:bold 5.2cqw/.95 Georgia,serif;position:relative;top:1.4cqw;text-shadow:0 1px 1px #5b1727}.sos-hit:hover{background:#ffbfbf16}.sos-paper{position:absolute;top:71.2%;left:66.5%;width:26%;text-align:center;font:3.0cqw OfficeType,monospace;color:#382416;transform:rotate(-3deg);pointer-events:none}.office-notice{position:absolute;left:20%;top:78.4%;width:61%;height:10.1%;perspective:900px}.notice-hit{position:relative;width:100%;height:100%;padding:0;border:0;background:none;color:#382b21;text-align:center;transform:rotate(-3deg);transition:transform .35s}.notice-hit.opened{transform:rotate(-1deg)}.office-note-face{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1.9cqw;padding:1.8cqw 1.6cqw;transition:opacity .18s}.office-note-face strong{font:3.35cqw/1.1 OfficeTypeBold,monospace}.office-note-face>span{font:3.0cqw/1.2 OfficeType,monospace}.office-note-face small{font:2.0cqw/1.2 OfficeType,monospace;color:#70242b;align-self:flex-end;margin-top:1cqw}.office-note-face[aria-hidden="true"]{visibility:hidden;opacity:0;pointer-events:none}.office-note-face[aria-hidden="false"]{visibility:visible;opacity:1}.office-note-face#notice-back{background:#f1e3c9f7;box-shadow:0 2px 4px #39251120}.office-note-face#notice-back strong{font-size:2.6cqw}.office-note-face#notice-back>span{font-size:2.4cqw;line-height:1.35}.office-note-face#notice-back small{font-size:1.6cqw;margin:0}.office-note-face em{font:1.7cqw OfficeType,monospace;color:#70242b}.book-hit{left:29%;top:93.1%;width:54%;height:3.2%;font:3.0cqw/1.1 OfficeType,monospace;color:#322117;display:flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-js{max-width:500px;margin:auto;background:#fff2d6;padding:15px}.modal h2{font-family:OfficeHeading,Georgia,serif}.modal .document,.doc-head,.doc-meta,.eyebrow,.hint,.action{font-family:OfficeType,monospace}.topic-list .greeting-choice{margin:10px 0}.topic-list strong{font-size:16px!important}dialog{width:min(720px,94vw)}@media(min-width:600px){body{padding:20px 0 35px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep labels anchored to the background, without inherited button offsets. */
.office .sos-hit{padding:0!important;min-height:0;margin:0;line-height:1}.office .sos-hit span{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);margin:0;line-height:1}.random-primary{display:block;width:100%;padding:20px!important;font-size:20px!important}.topic-list .greeting-choice{padding:10px 12px;margin:5px 0;min-height:44px}.topic-list strong{font-size:14px!important}.image-preview{max-height:92vh;overflow:auto;background:#f5efdf}.image-preview::backdrop{background:#20170ed9}

.office-tools{top:9.6%;right:2.5%;width:24%;min-height:2.4%;background:transparent;box-shadow:none;transform:rotate(-3deg);padding:0 .5cqw;font-size:2.05cqw;gap:.5cqw}.office-tools button{text-decoration:underline;text-decoration-color:#70513b66;text-underline-offset:3px}.office .sos-hit span{font-size:4.35cqw;top:45%;color:#e8cbaa;text-shadow:0 1px 1px #50171d80;opacity:.86;letter-spacing:-.13cqw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='40'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' fill='%23937664' d='M0 0h70v40H0z'/%3E%3C/svg%3E");background-clip:text;-webkit-background-clip:text}
.office-tools{top:9.75%;right:3%;width:23%;font-family:OfficeTypeBold,monospace;font-size:2cqw;transform:rotate(-3deg);justify-content:center}.office-tools button{font-family:OfficeTypeBold,monospace}.sos-paper{left:65%;width:27%;top:71%;font-size:2.75cqw;white-space:nowrap}.book-hit{left:29%;width:40%;top:93%;height:3.6%;display:flex;flex-direction:column;gap:.5cqw;font-size:2.65cqw;line-height:1.08}.book-hit small{font:1.65cqw OfficeType,monospace;text-decoration:underline;text-underline-offset:2px}.nameplate-hit small{text-decoration:underline;text-underline-offset:2px}.cream-jar{position:absolute;top:91.6%;left:73%;width:19%;height:5%;background:linear-gradient(100deg,#eee4cbbb,#fff7ddee 35%,#b4a58be6);border:1px solid #806e4b;border-radius:16% 16% 22% 22%;box-shadow:1cqw 1.3cqw 1.3cqw #1a0b0970;transform:rotate(3deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.3cqw .4cqw .2cqw;color:#652e27;cursor:pointer}.cream-lid{position:absolute;top:-.7cqw;left:-3%;width:106%;height:1.4cqw;border-radius:50%;background:linear-gradient(#e3d8b8,#a99b74);border:1px solid #7e6c48}.cream-label{font:2.6cqw/1.05 OfficeTypeBold,monospace;display:block}.cream-jar small{font:1.7cqw/1.2 OfficeType,monospace;text-decoration:underline;margin-top:.5cqw}.cream-jar:hover{filter:brightness(1.09)}

/* Both the physical SOS button and its paper label open the same department. */
.office .sos-paper{top:70%;left:65%;width:27%;height:4.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7cqw;pointer-events:auto;white-space:normal;text-decoration:none;cursor:pointer;transform:rotate(-3deg);padding:.5cqw;color:#382416}.office .sos-paper strong{font:2.0cqw/1.15 OfficeTypeBold,monospace}.office .sos-paper>span{font:1.9cqw/1.3 OfficeType,monospace;text-decoration:underline;text-underline-offset:2px}.office .sos-paper:focus-visible{outline:2px solid #fff3b3;outline-offset:2px}.office .sos-paper:hover{filter:brightness(1.1)}