@font-face{font-family:Audiowide;src:url('/assets/fonts/Audiowide.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* The office's ambient PWES core. Decorative motion is independent of job state. */
.office-wall .wall-sign b{font-size:14px;letter-spacing:3px;color:#b2c39b;text-shadow:none}
.office-wall .wall-sign span{margin-top:8px;font-size:6px;letter-spacing:1.2px}
.desk-floor{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr) minmax(0,1fr);gap:5px 2%;padding:8px 5% 22px;isolation:isolate;background:radial-gradient(ellipse at center,#567b2122,transparent 62%),repeating-linear-gradient(0deg,transparent,transparent 52px,#68836213 53px,#68836213 54px),repeating-linear-gradient(90deg,transparent,transparent 72px,#68836213 73px,#68836213 74px)}
.desk-floor>.room-desk{z-index:1;padding:2px 8px 7px}.desk-floor .desk-art{max-width:192px}.desk-floor .desk-label{max-width:210px;min-height:52px;padding-block:8px}
.heart-conduits{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.heart-conduits path{fill:none;stroke:#829c4e;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.22;stroke-linejoin:round}
.trash-heart{grid-column:2;grid-row:1/span 3;position:relative;align-self:center;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;pointer-events:none;isolation:isolate}
.heart-eyebrow{font:8px ui-monospace,monospace;letter-spacing:2px;line-height:1.6;color:#aac185;white-space:nowrap;margin-bottom:17px}
.heart-chamber{width:min(100%,280px);aspect-ratio:1;position:relative;perspective:700px;isolation:isolate}
.heart-halo{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,#b6ee4930 0,#7fb32b15 35%,transparent 65%);animation:heart-aura 5.6s ease-in-out infinite;z-index:-2}
.heart-pulse{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#e1fca3 0,#b5e657 13%,#6a9c23 40%,#304f17 66%,#142e15 84%);box-shadow:inset 0 0 24px #a7ea4c80,0 0 32px #9ed84235;animation:trash-heartbeat 5.6s ease-in-out infinite}
.heart-membrane{position:absolute;inset:-7%;border:1px solid #c1ee7990;border-radius:42% 58% 63% 37%/54% 38% 62% 46%;background:conic-gradient(from 30deg,transparent 5%,#d6ff8725 17%,transparent 28%,#9ccc4925 42%,transparent 57%,#b4f45735 78%,transparent 91%);box-shadow:inset 5px 3px 16px #d9ff6b40,inset -3px -5px 20px #122c16aa;animation:heart-turn 38s linear infinite}
.heart-glass{position:absolute;inset:0;border:1px solid #d2f78a65;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#f0ffd34d,transparent 34%),linear-gradient(145deg,transparent 38%,#122d0866 65%,#122d08a6);box-shadow:inset -12px -9px 18px #0b291659,inset 2px 2px 6px #efffb765}
.heart-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f3ffd9;text-shadow:0 2px 8px #163310,0 0 24px #d8ff7c90;transform:translateY(3px)}
.heart-brand strong{font-family:var(--heart-font,Audiowide),system-ui,sans-serif;font-size:36px;letter-spacing:var(--heart-tracking,-.04em);line-height:1.2;font-weight:var(--heart-weight,400);font-synthesis:none}
.heart-brand span{font:6px ui-monospace,monospace;letter-spacing:1.6px;margin-top:8px;color:#e5f8c6}
.heart-orbit{position:absolute;inset:2%;border:1px solid #b6df6b5c;border-radius:50%;box-shadow:0 0 12px #a6dc4310;transform-style:preserve-3d}
.orbit-one{transform:rotate(-31deg) rotateX(62deg);border-top:2px solid #d4ed8fa6;border-bottom:2px solid #b5db644d;animation:heart-orbit-one 28s linear infinite}
.orbit-two{inset:-1%;transform:rotate(55deg) rotateX(69deg);border-right:2px solid #c4f17080;animation:heart-orbit-two 36s linear infinite reverse}
.orbit-three{inset:0;border:1px dashed #a3c75b38;animation:heart-turn 80s linear infinite}
.heart-pedestal{position:absolute;z-index:-1;bottom:-16%;left:1%;right:1%;height:24%;border:1px solid #97b95744;border-radius:50%;background:radial-gradient(ellipse,#c1ec5866,#76953429 40%,#0b1e175c 68%,transparent 70%);box-shadow:0 12px 30px #05140e77,inset 0 0 0 7px #0f271b33;transform:rotateX(25deg)}
.heart-motto{font:7px ui-monospace,monospace;letter-spacing:2px;color:#98ae77;line-height:1.5;margin-top:68px}
.motion-paused .trash-heart *{animation-play-state:paused!important}
@keyframes trash-heartbeat{0%,38%,100%{transform:scale(.97)}46%{transform:scale(1.025)}53%{transform:scale(.985)}61%{transform:scale(1.012)}74%{transform:scale(.97)}}
@keyframes heart-aura{0%,38%,100%{opacity:.55;transform:scale(.98)}48%,62%{opacity:.9;transform:scale(1.04)}75%{opacity:.55;transform:scale(.98)}}
@keyframes heart-turn{to{transform:rotate(360deg)}}
@keyframes heart-orbit-one{from{transform:rotate(-31deg) rotateX(62deg) rotateZ(0)}to{transform:rotate(-31deg) rotateX(62deg) rotateZ(360deg)}}
@keyframes heart-orbit-two{from{transform:rotate(55deg) rotateX(69deg) rotateZ(0)}to{transform:rotate(55deg) rotateX(69deg) rotateZ(360deg)}}
@media(max-width:1100px){.desk-floor{padding-inline:3%;gap:6px 1%}.heart-eyebrow{font-size:6px;letter-spacing:1px}.heart-brand strong{font-size:30px}.heart-brand span{font-size:5px;letter-spacing:1px}.heart-motto{font-size:6px;letter-spacing:1px}.desk-floor>.room-desk{padding-inline:3px}}
@media(max-width:700px){.office-wall .wall-sign b{font-size:10px;letter-spacing:1.5px}.office-wall .wall-sign span{font-size:4px;letter-spacing:.5px;max-width:160px}.desk-floor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 5%;padding:12px 4% 18px}.desk-floor .desk-art{max-width:192px}.desk-floor .desk-label{min-height:60px}.trash-heart{grid-column:1/-1;grid-row:2;margin:12px 0 16px}.heart-chamber{width:188px}.heart-eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}.heart-brand strong{font-size:32px}.heart-brand span{font-size:5px;letter-spacing:1px}.heart-motto{margin-top:43px;font-size:6px;letter-spacing:1.7px}.heart-conduits{display:none}}
@media(prefers-reduced-motion:reduce){.trash-heart *{animation:none!important}}
@media(forced-colors:active){.trash-heart{forced-color-adjust:none}}

/* Compact office: keep the crew and selected job together; open longer notes on demand. */
body:has(#page-team.on) .top{margin-bottom:18px}
.office-page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}
.office-page-heading .bighead{font-size:34px;margin:7px 0 0;letter-spacing:-1.3px}
.office-page-heading .eyebrow{font-size:8px;letter-spacing:1.7px}
.office-page-heading .intro{font-size:12px;margin:0 0 3px;max-width:300px}
#page-team .office-sim{margin-top:0;overflow:visible}
.office-sim .office-topline{position:relative;z-index:5;padding:6px 20px;min-height:46px;border-radius:15px 15px 0 0}
.office-sim .office-room{border-radius:0}
.office-sim .office-wall{height:42px;padding:5px 6%;border-bottom-width:4px;box-shadow:0 3px 0 #36503b}
.office-wall .wall-window{width:62px;height:27px;border-width:2px}
.office-wall .wall-board{padding:3px 8px;border-width:2px;display:flex;gap:5px;transform:none}
.office-wall .wall-board span{font-size:5px;letter-spacing:.3px}
.office-wall .wall-sign b{font-size:9px;letter-spacing:2px}
.office-wall .wall-sign span{display:block}
.office-sim .desk-floor{padding:5px 4% 9px;gap:2px 3%;grid-template-columns:minmax(0,1fr) minmax(170px,.95fr) minmax(0,1fr)}
.desk-floor>.room-desk{width:100%;max-width:240px;justify-self:center;padding:0 7px 5px}
.desk-floor .desk-art{max-width:150px}
.desk-floor .desk-label{min-height:41px;padding:6px 22px 6px 10px;max-width:210px}
.desk-label>b{font-size:12px}.desk-label>span{font-size:10px;margin-top:2px;line-height:1.35}
.desk-label .state-led{top:12px}
.heart-chamber{width:min(100%,230px)}.heart-eyebrow{margin-bottom:12px;font-size:6px;letter-spacing:1.4px}
.heart-motto{margin-top:48px;font-size:6px;letter-spacing:1.4px}
.office-sim .office-floor-label{padding:0 0 10px;font-size:6px;letter-spacing:1.6px}
.office-sim .office-caption{padding:9px 16px;font-size:10px;align-items:center;border-radius:0 0 15px 15px}
.office-sim .office-caption details{max-width:360px}
#page-team .desk-spotlight{padding:15px 20px;margin-top:10px}
.desk-spotlight .desk-who{gap:12px;margin-bottom:12px}.desk-who .crew-portrait{width:28px;height:42px}
.desk-who h3{font-size:16px;margin:3px 0}.desk-who small{font-size:10px}
.desk-spotlight .field-brief p{font-size:12px;line-height:1.6;margin-top:5px}.desk-spotlight>.text-action{margin-top:7px;min-height:32px}
.office-drawers{margin-top:15px;border:1px solid #3b51374d;border-radius:10px;background:#10241a66}
.office-drawers>.office-drawer{margin-top:0}
.office-drawer+details{border-top:1px solid #3b51374d}
.office-drawer>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:15px 18px;font-size:12px;color:#d1dfc4;min-height:48px}
.office-drawer>summary::-webkit-details-marker{display:none}
.office-drawer>summary:before{content:'+';color:#bdeb7a;font:16px ui-monospace,monospace;width:12px}
.office-drawer[open]>summary:before{content:'−'}
.office-drawer>summary>small{margin-left:auto;color:#9bad93;font-size:10px}
.office-drawer>div,.office-drawer>p{margin:0 15px 15px}
.office-drawer .report-card{margin-top:0}
.office-controls{display:flex;align-items:center;gap:20px;min-width:0}
.office-sim .office-caption details{margin:0}
[data-lettering=audiowide]{--heart-font:Audiowide;--heart-weight:400;--heart-tracking:-.045em}
@media(max-width:1100px){.office-sim .desk-floor{padding-inline:2%;gap:2px 1%}.heart-chamber{width:min(100%,200px)}.heart-brand strong{font-size:31px}.office-page-heading .intro{max-width:220px}}
@media(max-width:700px){
 body:has(#page-team.on) .top{margin-bottom:16px}
 .office-page-heading{display:block;margin-bottom:12px}.office-page-heading .bighead{font-size:29px}.office-page-heading .intro{font-size:11px;max-width:none;margin:7px 0 0}
 .office-sim .office-topline{padding:6px 10px;min-height:44px;gap:8px}.office-topline>span{font-size:7px;letter-spacing:.6px}.office-controls{gap:10px}.office-sim .office-topline #office-pause{font-size:9px;white-space:nowrap}
 .office-sim .office-wall{height:32px;padding:4px 6%}.office-wall .wall-window{width:40px;height:20px}.office-wall .wall-board{padding:2px 4px;gap:0;display:block}.office-wall .wall-board span{font-size:3px;line-height:1.5}.office-wall .wall-sign b{font-size:7px;letter-spacing:1.5px}
 .office-sim .desk-floor{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 4% 10px;gap:5px 5%}.desk-floor>.room-desk{padding:0 2px 5px}.desk-floor .desk-art{max-width:126px}.desk-floor .desk-label{padding:6px 17px 6px 8px;min-height:44px}.desk-label>span{font-size:9px}.desk-label>b{font-size:11px}
 .trash-heart{margin:3px 0 7px}.heart-chamber{width:152px}.heart-eyebrow{font-size:5px;letter-spacing:1.1px;margin-bottom:6px}.heart-motto{margin-top:27px;font-size:5px;letter-spacing:1.1px}.heart-brand strong{font-size:27px}.heart-brand span{font-size:4px;letter-spacing:.9px;margin-top:5px}
 .office-sim .office-caption{padding:8px 11px;gap:3px;font-size:9px;align-items:start}.office-sim .office-floor-label{padding:0 0 7px;font-size:5px}
 #page-team .desk-spotlight{padding:14px}.desk-spotlight .field-brief{gap:11px}.desk-spotlight .field-brief p{font-size:12px}.desk-who .eyebrow{font-size:7px}.desk-who h3{font-size:15px}
 .office-drawer>summary{padding:13px 12px;font-size:11px;gap:8px}.office-drawer>summary>small{font-size:9px;max-width:42%;text-align:right}.office-drawer>div,.office-drawer>p{margin:0 9px 12px}
}
@media(max-width:360px){.office-topline>span{display:none}.office-controls{justify-content:space-between;width:100%}}
@media(min-width:1280px){
 #agent-office{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:12px;align-items:stretch}
 #agent-office>.office-sim{min-width:0}
 #page-team #desk-spotlight{margin:0;padding:20px 18px;display:flex;flex-direction:column;justify-content:flex-start}
 #desk-spotlight .desk-who{align-items:start;gap:11px;margin-bottom:23px}
 #desk-spotlight .desk-who .eyebrow{font-size:7px;letter-spacing:.8px}
 #desk-spotlight .desk-who h3{font-size:16px;line-height:1.45;margin:4px 0}
 #desk-spotlight .desk-who small{line-height:1.6;display:block}
 #desk-spotlight .field-brief{grid-template-columns:1fr;gap:20px}
 #desk-spotlight .field-brief p{font-size:12px;line-height:1.75}
 #desk-spotlight>.text-action{margin-top:auto;padding-top:20px;text-align:left}
 .office-sim .office-topline{padding-inline:14px;gap:12px}
 .office-sim .office-topline>span{font-size:7px;letter-spacing:.8px}
 .office-controls{gap:14px}
 .office-sim .desk-floor{padding-inline:3%;gap:2px 1%;grid-template-columns:minmax(0,1fr) minmax(160px,.95fr) minmax(0,1fr)}
 .desk-floor>.room-desk{padding-inline:4px}.desk-floor .desk-art{max-width:144px}
 .heart-chamber{width:min(100%,210px)}.heart-brand strong{font-size:34px}
 .office-sim .office-caption{font-size:9px;padding:8px 12px;gap:9px;align-items:flex-start}
 .office-sim .office-caption>span{max-width:52%}
 .office-sim .office-caption details{max-width:46%}
}

/* Mid-century back office, with the machine's living core at its center. */
.office-sim .office-wall{height:83px;padding:9px 7%;border-bottom:5px solid #826e4d;background:repeating-linear-gradient(90deg,transparent 0 22px,#59776112 23px 24px),linear-gradient(#d8ddbe,#bbc6a1);box-shadow:0 5px 0 #1e3429}
.office-wall .wall-sign{position:relative;min-width:164px;padding:0 16px}
.office-wall .wall-sign .wall-pwes{font:10px Audiowide,system-ui,sans-serif;color:#32523f;letter-spacing:2px;margin:0}
.office-wall .wall-sign b{display:block;font:italic 34px Georgia,serif;letter-spacing:-1.5px;color:#254c39;line-height:1.05;text-shadow:1px 1px #edf0d4}
.office-wall .wall-sign span:last-child{margin-top:4px;font-size:5px;letter-spacing:1px;color:#45614d}
.office-wall .wall-window{width:65px;height:46px;border:4px solid #657458;background:linear-gradient(#b8c4a1,#708e68);box-shadow:0 0 0 2px #e7e6c8}
.office-wall .wall-board{border:3px solid #82704f;background:#d7cea9;box-shadow:2px 2px #64775233;padding:7px 9px;transform:rotate(-3deg);display:block}
.office-wall .wall-board span{font-size:5px;line-height:1.8;color:#394e37;letter-spacing:.5px}
.office-wall .wall-board span:first-child{border-bottom:1px solid #9a9d79;margin-bottom:3px}
.office-room{background:radial-gradient(ellipse at center,#72984816,transparent 65%),#21372b}
.office-sim .desk-floor{background:radial-gradient(ellipse at center,#9bc5531c,transparent 60%),repeating-conic-gradient(#8d9b6610 0 25%,transparent 0 50%) 0 0/64px 64px}
.desk-label{border-color:#b2a87c55;border-radius:3px;box-shadow:0 2px 0 #071b1488}
.desk-label>b{font-family:Georgia,serif;font-size:15px;color:#e5ddbe}
.heart-motto{color:#cbd7ae;font-size:8px;letter-spacing:1.3px}
@media(max-width:700px){.office-sim .office-wall{height:76px;padding:8px 5%}.office-wall .wall-sign{min-width:120px;padding:0 7px}.office-wall .wall-sign b{font-size:28px}.office-wall .wall-sign .wall-pwes{font-size:8px}.office-wall .wall-window{width:38px;height:38px}.office-wall .wall-board{padding:5px}.office-wall .wall-board span{font-size:4px}.office-wall .wall-sign span:last-child{font-size:4px;letter-spacing:.4px}.heart-motto{font-size:7px;letter-spacing:.7px}}