/* A bright courtyard outside. A crisp, tactile control room inside. */
:root {
  --ws-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ws-bg:#f7f5ee; --ws-ink:#152541; --ws-muted:#58657b; --ws-line:#d3d8e1;
  --ws-accent:#30d9ec; --ws-coral:#ff7866; --ws-lilac:#bba9ff; --ws-panel:#fffefa;
  --ws-deep:#101d38; --ws-paper:var(--ws-panel);
  --paper:var(--ws-bg); --ink:var(--ws-ink); --teal:#1d3b70; --muted:var(--ws-muted);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ws-ink); background:var(--ws-bg);
}
body { background-image:radial-gradient(#20335e0b .6px,transparent .6px); background-size:5px 5px; }
.masthead { border-color:var(--ws-line); background:var(--ws-panel); }
.signature { font-weight:800; }
.signature-mark { font-family:inherit; font-weight:900; color:var(--ws-ink); letter-spacing:-4px; }
.signature small,.offer,.underworld,.key-guide b { color:var(--ws-muted); }
.intro h1 { font-family:inherit; font-weight:850; line-height:1.02; letter-spacing:-2.5px; }
.intro em { font-style:normal; font-weight:850; color:#285bd8; }
.eyebrow { color:#38518a; font-weight:800; }
.masthead .hire,.primary,.context-action,.journey-hud #open-now {
  min-height:44px; color:var(--ws-ink); background:var(--ws-coral); border:1px solid var(--ws-ink);
  border-radius:10px; font-weight:800; box-shadow:0 3px 0 var(--ws-ink);
}
.primary:hover,.masthead .hire:hover { background:#ff937f; transform:translateY(-1px); }
.masthead nav>button,.underworld button { min-height:44px; }
.arrival .primary { background:var(--ws-accent); border-color:var(--ws-ink); box-shadow:0 3px 0 var(--ws-ink),0 8px 18px #101d3824; }
.underworld span { color:#38518a; }
.loading,.pause-content h2,.arrival p,.dragon-hello { font-family:inherit; font-weight:700; }
.world-toolbar button,.play-hud .destination-picker { color:var(--ws-ink); border-color:#15254140; }
.world-toolbar button { min-height:44px; }
button:focus-visible,a:focus-visible,canvas:focus-visible { outline-color:#285bd8; }

#workshop {
  --ws-bg:#f7f5ee; --ws-ink:#152541; --ws-muted:#58657b; --ws-line:#d3d8e1;
  --ws-accent:#30d9ec; --ws-coral:#ff7866; --ws-panel:#fffefa; --ws-paper:var(--ws-panel);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background-color:var(--ws-bg); background-image:radial-gradient(#20335e0d .65px,transparent .65px); background-size:5px 5px;
}
#workshop :is(button,select,input,textarea) { font-family:inherit; }
#workshop :is(button,input,select,textarea):focus-visible { outline:3px solid #285bd8; outline-offset:3px; }
#workshop .ws-scroll { overflow-x:hidden; scrollbar-color:#98a4bb var(--ws-bg); }
#workshop .ws-top { background:var(--ws-panel); border-color:var(--ws-line); min-height:78px; }
#workshop .ws-brand { font:800 16px/1.2 var(--ws-font); letter-spacing:-.5px; }
#workshop .ws-brand>b { font:900 42px/.9 var(--ws-font); color:var(--ws-ink); }
#workshop .ws-brand small { color:var(--ws-muted); font-size:9px; font-weight:700; letter-spacing:1.4px; }
#workshop .ws-top nav,#workshop .ws-exit { font-size:12px; font-weight:650; }
#workshop .ws-top nav>button,#workshop .ws-exit { min-height:44px; }
#workshop .ws-hire {
  min-height:46px; padding:13px 18px; border:1px solid var(--ws-ink); border-radius:9px;
  background:var(--ws-coral); color:var(--ws-ink); font-size:12px; font-weight:800; box-shadow:0 3px 0 var(--ws-ink);
}
#workshop .ws-hire:hover { background:#ff9583; }
#workshop .ws-intro { padding-block:35px 30px; gap:40px; }
#workshop .ws-eyebrow { color:#426194; font-size:9px; font-weight:800; letter-spacing:1.6px; }
#workshop h1 { position:relative; isolation:isolate; font:600 clamp(34px,3.9vw,61px)/1.12 Fredoka,ui-rounded,sans-serif; letter-spacing:-.018em; max-width:850px; }
#workshop h1 em { color:#b77c98; -webkit-text-fill-color:#8e536e; font-style:normal; font-weight:600; }
#workshop h1>span { color:#6d9b80; -webkit-text-fill-color:#3a6b58; }
#workshop h1[data-gel-ready=true],#workshop h1[data-gel-ready=true] :is(em,span) { -webkit-text-fill-color:transparent; text-shadow:none; }
#workshop .ws-intro>p { font-family:Manrope,var(--ws-font); font-size:15px; line-height:1.7; max-width:370px; }
#workshop h2 { font:800 clamp(27px,2.8vw,40px)/1.08 var(--ws-font); letter-spacing:-1.2px; }
#workshop .ws-room-scroll { border:1px solid #8998b2; border-radius:16px; box-shadow:0 5px 0 #d1d7e1,0 14px 28px #15254115; scrollbar-color:#8294b1 #e2e7ef; }
#workshop .ws-room-note { color:var(--ws-muted); font-size:11px; padding-block:16px 12px; }
#workshop .ws-motion { color:var(--ws-ink); border-color:#b5bfce; background:var(--ws-panel); min-height:44px; padding:10px 13px; font-size:10px; }
#workshop .ws-hot { width:44px; height:44px; color:var(--ws-ink); font:800 12px/1 var(--ws-font); background:#fffefa; border:1px solid #253a61; box-shadow:0 3px 0 #253a61,0 6px 12px #15254126; }
#workshop .ws-hot[aria-pressed=true] { color:var(--ws-ink); background:var(--ws-accent); border-color:var(--ws-ink); box-shadow:0 0 0 4px #ffffffa6,0 3px 0 var(--ws-ink); }
#workshop .ws-hot b { color:white; background:var(--ws-deep); font-family:inherit; }
#workshop .ws-exhibits { gap:8px; }
#workshop .ws-exhibits button { min-height:58px; font-size:10px; font-weight:650; background:var(--ws-panel); border-color:#b9c3d2; border-radius:9px; box-shadow:0 2px 0 #d2d8e2; }
#workshop .ws-exhibits button>span { color:#456090; font:800 11px/1 var(--ws-font); }
#workshop .ws-exhibits button[aria-pressed=true] { color:var(--ws-ink); border-color:#385798; background:#dff9fc; box-shadow:0 2px 0 #385798; }
#workshop .ws-exhibits button.is-collected i { background:#285bd8; }
#workshop .ws-room-foot,#workshop .ws-room-foot .ws-explored { color:var(--ws-muted); }
#workshop .ws-bench { border-color:#b9c3d2; border-radius:15px; background:var(--ws-panel); box-shadow:0 5px 0 #d7dce5,0 16px 26px #1525410d; }
#workshop .ws-pain { font:500 13px/1.6 var(--ws-font); color:var(--ws-muted); }
#workshop .ws-build-copy h3 { font-size:12px; }
#workshop .ws-build-copy p { color:var(--ws-muted); font-size:12px; }
#workshop .ws-build-copy .ws-outcome { color:#244c98; font-size:12px; }
#workshop .ws-exhibit-nav button { color:#345a9c; min-height:44px; font-size:11px; }
#workshop .ws-add,#workshop .ws-chip { min-height:44px; color:var(--ws-ink); background:var(--ws-panel); border-color:#9eabc1; font-weight:700; border-radius:8px; }
#workshop .ws-add[aria-pressed=true],#workshop .ws-chip[aria-pressed=true] { color:var(--ws-ink); border-color:#526cad; background:#e9e4ff; }
#workshop .ws-related { color:#345a9c; border-color:var(--ws-line); font-size:11px; }
#workshop .ws-related small { color:var(--ws-muted); font-size:9px; }
#workshop .ws-buildbar { background:var(--ws-panel); border-color:#b9c3d2; box-shadow:0 -4px 18px #1525410a; }
#workshop .ws-selection-copy { font:750 15px/1.4 var(--ws-font); }
#workshop .ws-build-mode { background:#edf0f6; border-color:#c3ccdb; border-radius:10px; }
#workshop .ws-build-mode button { min-height:44px; color:#4e607d; font-size:11px; font-weight:650; border-radius:7px; }
#workshop .ws-build-mode button[aria-pressed=true] { color:var(--ws-ink); background:#d7f8fc; box-shadow:0 1px 3px #15254119; }

/* Small printed dots and a stepped edge give the board depth without tinting the art. */
#workshop .ai-board {
  --ai-deep:#101d38; --ai-teal:#1c3159; --ai-brass:#30d9ec; --ai-cream:#fffefa;
  border:1px solid #324a77; border-radius:20px; padding:30px;
  background:radial-gradient(ellipse at 100% 0,#5368b347,transparent 58%),radial-gradient(#b6c7ec15 .7px,transparent .7px),linear-gradient(125deg,#1c3159,#101d38 70%);
  background-size:auto,6px 6px,auto; color:#fffefa;
  box-shadow:0 1px 0 #8d9fca70 inset,0 -5px 0 #071226 inset,0 7px 0 #536b9b,0 11px 0 #203657,0 24px 35px -16px #101d3852;
}
#workshop .ai-board:before { width:500px; height:500px; right:-225px; top:-330px; border-color:#aabfff17; box-shadow:0 0 0 65px #aabfff08,0 0 0 130px #aabfff04; }
#workshop .ai-board-rim { border-color:#aabfff26; }
#workshop .ai-board-rim i { background:linear-gradient(135deg,#d7e3ff,#526c9b); box-shadow:0 1px 1px #071226; }
#workshop .ai-kicker { color:var(--ws-accent); font-size:9px; font-weight:800; letter-spacing:1.8px; }
#workshop .ai-kicker span { color:#a9b9da; }
#workshop .ai-board-header h2 { font:850 clamp(31px,3.4vw,49px)/1.06 var(--ws-font); color:#fffefa; letter-spacing:-1.7px; }
#workshop .ai-board-header h2 em { color:var(--ws-accent); font-style:normal; font-weight:850; }
#workshop .ai-board-header>div>p:last-child,#workshop .ai-privacy,#workshop .ai-output-footer p { color:#b9c7e1; }
#workshop .ai-connection { color:#cfdbef; background:#07122638; border-color:#9bb0d94d; }
#workshop .ai-lamp { background:var(--ws-lilac); box-shadow:0 0 0 4px #bba9ff12; }
#workshop [data-connection=ready] .ai-lamp { background:var(--ws-accent); box-shadow:0 0 0 4px #30d9ec18; animation:none; }
#workshop .ai-connection button { color:var(--ws-accent); min-height:24px; }
#workshop .ai-brief { color:#fffefa; background:#0a173345; border-color:#9bb0d93d; box-shadow:0 2px 10px #0712261f inset; border-radius:13px; }
#workshop .ai-brief-number { color:var(--ws-accent); border-color:#30d9ec66; font:850 24px/1 var(--ws-font); letter-spacing:-1px; padding:0; border-radius:12px; }
#workshop .ai-brief-heading h3 { font:800 23px/1.15 var(--ws-font); color:#fffefa; letter-spacing:-.6px; }
#workshop .ai-brief-heading p,#workshop .ai-brief label>span { color:#b9c7e1; }
#workshop .ai-brief label { color:#f4f7ff; font-size:12px; }
#workshop .ai-brief input,#workshop .ai-brief textarea,#workshop .ai-exhibit textarea { color:var(--ws-ink); background:var(--ws-panel); border-color:#b3bfd4; border-radius:9px; font-size:13px; box-shadow:0 2px 0 #07122622 inset; }
#workshop .ai-brief input::placeholder,#workshop .ai-brief textarea::placeholder,#workshop .ai-exhibit textarea::placeholder { color:#66748b; }
#workshop .ai-options { border-color:#9bb0d933; }
#workshop .ai-options summary { color:#c9d5ed; min-height:44px; font-size:11px; }
#workshop .ai-options summary>span { color:var(--ws-accent); }
#workshop .ai-generate,#workshop .ai-exhibit .ai-generate { min-height:48px; color:var(--ws-ink); background:var(--ws-accent); border-color:#8ceaf5; font-size:12px; font-weight:800; border-radius:8px; box-shadow:0 3px 0 #16889e; }
#workshop .ai-example,#workshop .ai-cancel { color:#d0ddf5; min-height:36px; font-size:11px; }
#workshop .ai-request-status { color:#c6e9f5; }
#workshop .ai-request-status.is-error { color:#ffb9ad; }
#workshop .ai-output-heading { color:#bccce9; font-size:10px; }
#workshop .ai-spark { color:var(--ws-accent); font-family:inherit; }
#workshop .ai-panel,#workshop .ai-panel-draft,#workshop .ai-panel-decision {
  color:var(--ws-ink); background:var(--ws-panel); border-color:#e6ebf6; border-radius:11px;
  box-shadow:0 4px 0 #b9c6df,0 9px 16px #07122633;
}
#workshop .ai-panel-decision { background:#efebff; border-color:#d9d1fb; }
#workshop .ai-panel:after { background:linear-gradient(90deg,#5f79b040,transparent); }
#workshop .ai-panel-title,#workshop .ai-panel-decision .ai-panel-title,#workshop .ai-fields,#workshop .ai-related { border-color:#cdd5e4; }
#workshop .ai-panel-title>span,#workshop .ai-panel-title i { color:#4163a7; font-family:inherit; font-weight:800; font-style:normal; }
#workshop .ai-panel-title h3,#workshop .ai-board[data-ai-state=generated] .ai-panel-title h3 { color:#40567f; font-size:11px; }
#workshop .ai-panel h4 { color:var(--ws-ink); font:800 23px/1.2 var(--ws-font); letter-spacing:-.6px; }
#workshop .ai-panel p { font-size:13px; line-height:1.75; }
#workshop .ai-panel .ai-placeholder,#workshop .ai-fields small,#workshop .ai-related>span { color:var(--ws-muted); }
#workshop .ai-workflow>li:before { color:#285bd8; font-family:inherit; font-style:normal; font-weight:800; }
#workshop .ai-workflow b,#workshop .ai-fields dt { color:#365a9c; }
#workshop .ai-fields dd,#workshop .ai-questions { color:#344967; }
#workshop .ai-related button { min-height:44px; color:#274d91; background:#eef2fa; border-color:#bcc9df; font-size:11px; }
#workshop .ai-board-contact { color:var(--ws-coral); font:800 16px/1.5 var(--ws-font); border-color:#ff786677; min-height:44px; }
#workshop .ai-stages { background:#07122645; border-color:#8ba2cc45; border-radius:10px; }
#workshop .ai-stages button { color:#c5d2ed; min-height:46px; font-size:11px; font-weight:700; }
#workshop .ai-stages button>span { color:#aabef0; font-family:inherit; font-style:normal; font-weight:800; }
#workshop .ai-stages button[aria-selected=true] { color:var(--ws-ink); background:var(--ws-accent); border-color:#8ceaf5; box-shadow:0 2px 0 #16889e,0 4px 8px #07122622; }
#workshop .ai-stages button[aria-selected=true]>span { color:#175b75; }
#workshop .ai-has-result .ai-panel { box-shadow:0 4px 0 #b9c6df,0 10px 20px #07122633; }
#workshop .ai-exhibit form { color:var(--ws-ink); background:#edf2fb; border-color:#cad5e9; border-radius:11px; }
#workshop .ai-exhibit form label,#workshop .ai-exhibit .ai-request-status { color:#345a9c; }
#workshop .ai-exhibit-context,#workshop .ai-exhibit .ai-privacy,#workshop .ai-exhibit .ai-example,#workshop .ai-exhibit .ai-cancel,#workshop .ai-exhibit .ai-output-heading,#workshop .ai-exhibit-output-note { color:var(--ws-muted); }
#workshop .ai-exhibit-context { border-color:var(--ws-line); }
#workshop .ai-exhibit-context button { color:#285bd8; }
#workshop .ai-exhibit .ai-stages { background:#e8edf8; border-color:#c5d0e5; }
#workshop .ai-exhibit .ai-stages button { color:#49618d; min-height:44px; }
#workshop .ai-exhibit .ai-stages button[aria-selected=true] { color:var(--ws-ink); background:var(--ws-accent); border-color:#16889e; box-shadow:0 2px 0 #16889e; }

/* The characters retain their original cyan, orange, and purple rendering. */
#workshop .ws-crew-guide { --crew-ink:#94edf6; background:linear-gradient(110deg,#294b7c40,#07122620); border-color:#92a9d333; border-radius:12px; }
#workshop .ws-crew-kicker { color:#a9bbda; font-weight:700; }
#workshop .ws-crew-roles b { color:#fffefa; font-family:inherit; font-weight:800; letter-spacing:-.4px; }
#workshop .ws-crew-roles button { color:#b9c9e5; min-height:52px; }
#workshop .ws-crew-roles button[aria-pressed=true] { color:var(--crew-ink); background:#07122642; border-color:#a6bbdf4d; }
#workshop .ws-crew-speech h3 { color:#fffefa; font:800 27px/1.14 var(--ws-font); letter-spacing:-.8px; }
#workshop .ws-crew-line { color:#c4d1e8; font-size:12px; }
#workshop .ws-guide-primary,#workshop .ws-guide-hire { min-height:44px; font-size:11px; font-weight:750; border-radius:8px; }
#workshop .ws-guide-primary { color:var(--ws-ink); background:var(--ws-accent); border-color:#8ceaf5; box-shadow:0 2px 0 #16889e; }
#workshop .ws-guide-primary:hover { background:#7debf5; }
#workshop .ws-guide-hire { color:var(--ws-coral); }
#workshop .ai-output>.ws-crew-guide { background:#edf2fb; border-color:#c7d2e6; padding-inline:12px; border-radius:10px; }
#workshop .ai-output>.ws-crew-guide :is(.ws-crew-roles b,.ws-crew-speech h3) { color:var(--ws-ink); }
#workshop .ai-output>.ws-crew-guide :is(.ws-crew-kicker,.ws-crew-speaker,.ws-crew-line,.ws-crew-roles button) { color:#4d6286; }
#workshop .ai-output>.ws-crew-guide .ws-crew-roles button[aria-pressed=true] { color:var(--ws-ink); background:#dceafa; border-color:#9db7db; }
#workshop .ai-output>.ws-crew-guide .ws-guide-primary { color:var(--ws-ink); background:var(--ws-accent); border-color:#16889e; box-shadow:0 2px 0 #16889e; }
#workshop .ai-output>.ws-crew-guide .ws-guide-hire { color:#345a9c; }

/* Hiring continues the same visual language on a calm ivory page. */
#portfolio { --folio-paper:var(--ws-bg); --folio-ink:var(--ws-ink); --folio-muted:var(--ws-muted); --folio-line:var(--ws-line); --folio-teal:#285bd8; font-family:var(--ws-font); border-color:#cbd3e1; scrollbar-color:#98a4bb var(--ws-bg); }
#portfolio::backdrop { background:#101d388c; }
#portfolio h1,#portfolio h2,#portfolio h3,#portfolio .folio-workshop-brief h3 { font-family:var(--ws-font); font-weight:800; }
#portfolio em { color:#285bd8; font-style:normal; font-weight:800; }
#portfolio .folio-eyebrow,#portfolio .folio-brand small { font-family:var(--ws-font); color:#426194; font-weight:750; }
#portfolio .folio-topbar { background:#fffefaf5; }
#portfolio .folio-brand>span { font-family:var(--ws-font); font-weight:900; color:var(--ws-ink); }
#portfolio .folio-brand>span>span,#portfolio .folio-note-mark,#portfolio .folio-contact-closer>span { color:#c14a40; }
#portfolio .folio-brand b,#portfolio .folio-nav button { font-weight:750; }
#portfolio .folio-nav button,#portfolio .folio-link,#portfolio .folio-contact-address button { min-height:44px; }
#portfolio .folio-nav [aria-current=page]:after { background:#285bd8; }
#portfolio .close { width:44px; height:44px; flex-basis:44px; color:var(--ws-ink); border-color:#bcc7da; background:var(--ws-panel); }
#portfolio .close:hover { background:#e7f7fb; }
#portfolio :is(button,a,input,textarea):focus-visible { outline:3px solid #285bd8; outline-offset:4px; }
#portfolio .folio-link,#portfolio .folio-contact-address a { color:#2855a5; border-color:#6481b866; font-weight:700; }
#portfolio .folio-link:hover { color:#1d3b70; border-color:#1d3b70; }
#portfolio .folio-primary { color:var(--ws-ink); background:var(--ws-coral); border-color:var(--ws-ink); border-radius:9px; font-weight:800; box-shadow:0 3px 0 var(--ws-ink); }
#portfolio .folio-primary:hover { color:var(--ws-ink); background:#ff9583; border-color:var(--ws-ink); }
#portfolio .folio-build-note,#portfolio .folio-offer,#portfolio .folio-mechanism,#portfolio .folio-craft,#portfolio .folio-workshop-brief { background:#edf2fb; border-color:#c5d0e5; }
#portfolio .folio-workshop-brief { border-radius:11px; box-shadow:0 3px 0 #d6deed; }
#portfolio .folio-workshop-brief .brief-mode { color:var(--ws-muted); }
#portfolio .folio-workshop-brief input,#portfolio .folio-workshop-brief textarea { font-family:var(--ws-font); color:var(--ws-ink); background:var(--ws-panel); border-color:#aebed8; border-radius:8px; }
#portfolio .folio-inquiry-options button { color:var(--ws-ink); background:var(--ws-panel); border-color:#b8c5db; border-radius:9px; font-weight:700; }
#portfolio .folio-inquiry-options button[aria-pressed=true] { color:var(--ws-ink); background:var(--ws-accent); border-color:#39859f; box-shadow:0 2px 0 #39859f; }
#portfolio .folio-inquiry-options button[aria-pressed=false]:hover { background:#eef2fa; }
#portfolio .folio-system>span,#portfolio .folio-tags>span { color:#405b87; background:#fffefa80; border-color:#a7b9d766; }
#portfolio .folio-system i,#portfolio .folio-method li b,#portfolio .folio-footer b,#portfolio .folio-next>.folio-link,#portfolio .folio-pullquote { font-family:var(--ws-font); font-weight:750; color:var(--ws-ink); }
#portfolio .folio-project-type,#portfolio .folio-method li:before,#portfolio .folio-case-nav>span,#portfolio .folio-case-functions article>span,#portfolio .folio-background article>span,#portfolio .folio-proof figcaption { color:var(--ws-muted); }
#portfolio .folio-commercial { color:var(--ws-muted)!important; }
#portfolio .folio-offer-bottom p b { color:var(--ws-ink); }
#portfolio .folio-proof { background:#eeeaff; border-color:#d5cdef; }
#portfolio .folio-proof.clay { background:#fff0eb; border-color:#ead3ca; }
#portfolio .folio-proof.blue { background:#e3f4fa; border-color:#c4dce6; }
#portfolio .folio-image-hint { color:var(--ws-muted); background:var(--ws-panel); }
#portfolio .folio-lightbox { background:var(--ws-bg); }
#portfolio .folio-lightbox-scroll { background:#edf2fb; }
#portfolio .folio-lightbox-bar p,#portfolio .folio-lightbox-scroll p { color:var(--ws-muted); }
@media(max-width:700px) { #portfolio .folio-contact-hero h1 { font-size:41px; letter-spacing:-1.6px; } #portfolio .folio-brand small { font-size:6px; } #portfolio .folio-workshop-brief input,#portfolio .folio-workshop-brief textarea { font-size:16px; } }

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  #workshop .ai-board:not(.ai-still) .ai-panel:hover { transform:translateY(-2px) rotateX(.4deg); box-shadow:0 5px 0 #b9c6df,0 14px 22px #07122640; }
}
@media(max-width:900px) {
  #workshop .ws-intro { padding-block:27px; }
  #workshop .ws-intro>p { max-width:620px; }
  #workshop .ai-board { padding:25px 22px 28px; }
  #workshop .ws-top nav { gap:14px; }
}
@media(max-width:600px) {
  .signature-mark { font-size:34px; }
  .masthead nav { gap:9px; }
  .masthead .hire { font-size:10px; padding:9px 11px; }
  .intro h1 { font-size:39px; letter-spacing:-1.9px; }
  .world-toolbar button { min-height:40px; }
  #workshop .ws-top { padding:10px 4%; min-height:68px; gap:8px; }
  #workshop .ws-brand { font-size:11px; gap:6px; letter-spacing:-.3px; }
  #workshop .ws-brand>b { font-size:29px; letter-spacing:-3px; }
  #workshop .ws-exit { font-size:10px; }
  #workshop .ws-top .ws-hire { min-height:44px; font-size:9px; max-width:103px; padding:8px 10px; }
  #workshop h1 { font-size:38px; letter-spacing:-.018em; }
  #workshop .ws-intro>p { font-size:14px; }
  #workshop .ws-eyebrow { font-size:8px; letter-spacing:1.2px; }
  #workshop .ws-exhibits button { min-height:48px; }
  #workshop .ws-bench { padding:23px 17px; }
  #workshop .ws-buildbar { padding:11px 5% 13px; }
  #workshop .ws-selection-copy { font-size:12px; }
  #workshop .ws-buildbar>.ws-hire { min-height:44px; font-size:10px; padding:10px 12px; }
  #workshop .ws-build-mode button { font-size:10px; }
  #workshop .ai-board { padding:23px 17px 27px; border-radius:16px; box-shadow:0 1px 0 #8d9fca70 inset,0 -4px 0 #071226 inset,0 6px 0 #536b9b,0 9px 0 #203657,0 20px 28px -16px #101d3852; }
  #workshop .ai-board-header h2 { font-size:35px; letter-spacing:-1.2px; }
  #workshop .ai-brief { padding:20px 15px; }
  #workshop .ai-brief input,#workshop .ai-brief textarea,#workshop .ai-exhibit textarea { font-size:16px; }
  #workshop .ai-kicker { font-size:8px; letter-spacing:1.2px; }
  #workshop .ai-panel h4 { font-size:23px; }
  #workshop .ws-crew-speech h3 { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) {
  #workshop *,#workshop *:before,#workshop *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  #workshop .ai-panel { transform:none!important; }
}