From 1880a5b0db29fae7c304f39ccc526e67e1f76ae8 Mon Sep 17 00:00:00 2001
From: Martin Dvorak <dvorak@dvorakmortonxd.dev>
Date: Wed, 30 Sep 2026 09:59:00 +0000
Subject: [PATCH] redraw the desk as cartoon skeuomorphism: CSS-only materials
 (no textures), light cream desk, per-item hues, cork board, receipt,
 scoreboard

---
 README.md                      |   50 +-
 agents.md                      |   46 +-
 package.json                   |    2 +-
 public/textures/carbon.jpg     |  Bin 15587 -> 0 bytes
 public/textures/desk.jpg       |  Bin 21173 -> 0 bytes
 public/textures/metal.jpg      |  Bin 24385 -> 0 bytes
 public/textures/paper.jpg      |  Bin 11068 -> 0 bytes
 public/textures/plastic.jpg    |  Bin 8584 -> 0 bytes
 src/app/components/WebSite.tsx |  225 +++--
 src/app/components/web-ui.tsx  |  100 +-
 src/app/credits/page.tsx       |  112 +--
 src/app/globals.css            |   27 +-
 src/app/layout.tsx             |   14 +-
 src/app/web.css                | 1614 +++++++++++++++++---------------
 14 files changed, 1183 insertions(+), 1007 deletions(-)
 delete mode 100644 public/textures/carbon.jpg
 delete mode 100644 public/textures/desk.jpg
 delete mode 100644 public/textures/metal.jpg
 delete mode 100644 public/textures/paper.jpg
 delete mode 100644 public/textures/plastic.jpg

diff --git a/README.md b/README.md
index 6c42e91..c3109e5 100644
--- a/README.md
+++ b/README.md
@@ -2,16 +2,17 @@
 
 > The source code for my personal website, **[dvorakmortonxd.dev](https://dvorakmortonxd.dev)**.
 
-It's a **skeuomorphic personal site**: a near-black desk with anodised hardware, machined
-aluminium, clean printed labels and a single orange accent, with the whole KDE desktop
-simulation kept behind a physical power switch. Two modes, one content set:
+It's a **cartoon-skeuomorphic personal site**: a warm cream desk with chunky, brightly coloured
+hardware resting on it, drawn entirely in CSS — no textures, no images — with the whole KDE
+desktop simulation kept behind a physical power switch. Two modes, one content set:
 
-- **Web** (default) — the desk. A monitor carries the headline with a mechanical keyboard in
-  front of it and a small rack beside it; services are 1U rack units with health LEDs, the 18
-  coding projects are labelled drives in a drawer, the machines are barcoded asset labels on a
-  pegboard, the contribution heatmap is printed on a label-printer sheet, friends are business
-  cards, the gym log is a clipboard and the socials are a patch panel. Textures are CC0 — see
-  [`/credits`](https://dvorakmortonxd.dev/credits).
+- **Web** (default) — the desk. A monitor carries the headline with a candy-keycap keyboard in
+  front of it and a mini rack beside it; services are 1U rack units with coloured strips and
+  health LEDs, the 18 coding projects are labelled drives in a drawer, the machines are cards
+  pinned to a cork board, the contribution heatmap is printed on a receipt, friends are business
+  cards, the gym numbers are a scoreboard and the socials are a patch panel with coloured ports.
+  [`/credits`](https://dvorakmortonxd.dev/credits) lists the type and nothing else — there are no
+  asset licences because there are no assets.
 - **Desktop mode** — the KDE Plasma / Windows-style **desktop simulation**: draggable
   snap-to-grid icons, resizable/floating windows, a Start menu, taskbar, live clock and a
   working in-browser terminal (Alacritty). Reached from the power switch and hidden on phones.
@@ -24,10 +25,12 @@ heatmap**, gym SBD and links to friends' sites.
 
 - **Web theme is the landing view** — the site always opens on the desk; the theme is
   deliberately not persisted, so a reload never drops you into the desktop.
-- **Skeuomorphic materials, modern finish** — near-black desk, dark anodised faceplates,
-  machined aluminium plaques, matte printed labels and mint/orange LEDs, all CSS over five CC0
-  textures. Every section is a physical object with a contact shadow; nothing is pure white on
-  black or grey on black.
+- **CSS-only skeuomorphism** — every surface is a flat gradient with a thick bottom edge, a soft
+  cast shadow and `color-mix()` tints: slate chassis, cream plastic, paper, cork, black glass,
+  LEDs, screws, pushpins. The web theme ships no images at all.
+- **Not afraid of colour** — a hue per item (orange / teal / blue / lilac / mint / coral /
+  yellow) cycles through every list, so the desk reads as separate pieces of hardware instead of
+  one grey wall.
 - **Desktop mode (desktop-only)** — a physical power switch in the top rail (and in the footer)
   flips to the KDE-style desktop for the session. Phones never get it: the switch is hidden, so
   the old iOS-style phone home screen is gone.
@@ -67,15 +70,16 @@ heatmap**, gym SBD and links to friends' sites.
 - **Framework:** Next.js 16 (App Router, Turbopack)
 - **Language:** TypeScript, React 19 (client components everywhere interactivity lives)
 - **Styling:** `src/app/globals.css` holds the palette tokens, base styles, the Tailwind v4
-  `@theme`/`@utility` classes and the scroll reveals. `src/app/web.css` is the material system
-  (near-black desk, anodised metal, machined aluminium, printed labels, black glass, LEDs, rack
-  rails, rocker switch) and the object layouts. `page.css` keeps the shared component styles the
-  desktop apps still use, and `skeuo.css` is the KDE desktop.
-- **Fonts:** IBM Plex Sans/Mono for screens, machine labels and headings; Newsreader for things
-  printed on paper; via `next/font/google`. The desktop keeps its system sans stack.
-- **Textures:** five CC0 materials from ambientCG — `desk` (near-black wood), `metal`, `paper`,
-  `carbon`, `plastic` — downscaled to 512 px in `public/textures`. Attribution is on `/credits`.
-- **Version:** `3.3.0` (see `package.json`)
+  `@theme`/`@utility` classes and the scroll reveals. `src/app/web.css` is the whole desk: the
+  materials (slate chassis, cream plastic, paper, cork, black glass), the details (screws, LEDs,
+  pushpins, rack rails, barcode, torn receipt edge) and every object layout, all CSS with
+  `color-mix()` for tints and shades. `page.css` keeps the shared component styles the desktop
+  apps still use, and `skeuo.css` is the KDE desktop.
+- **Fonts:** Nunito for hardware labels and headings, Newsreader for anything printed on paper,
+  IBM Plex Sans/Mono for body copy and terminal text — all via `next/font/google`. The desktop
+  keeps its system sans stack.
+- **Assets:** the web theme ships **no images**. The desktop keeps its own wallpaper and icons.
+- **Version:** `4.0.0` (see `package.json`)
 
 ## 🚀 Running Locally
 
@@ -182,7 +186,7 @@ src/app/
   page.css                → shared component styles still used by the desktop apps
   skeuo.css               → KDE desktop styles
   data.ts                 → socials, codingProjects, techProjects, friends, wallpapers
-  credits/page.tsx        → credit page for the textures and fonts
+  credits/page.tsx        → credit page (type only — the desk ships no assets)
   revival-inc/page.tsx    → embeds the bundled game at /public/revival-inc/index.html
   api/
     heatmap/route.ts      → contribution heatmap proxy
diff --git a/agents.md b/agents.md
index f14726f..c407c86 100644
--- a/agents.md
+++ b/agents.md
@@ -34,20 +34,24 @@ When in doubt, prefer updating. A stale README **or** agents.md is treated as a
 ## What this project is
 
 Personal portfolio site for **dvorakmortonxd.dev**. The default view is a
-**skeuomorphic desk**: a near-black surface with a monitor, mechanical keyboard,
-rack, drive drawer, pegboard of asset labels, label-printer report, business
-cards, clipboard and patch panel resting on it. A physical power switch flips to
-a **KDE Plasma desktop simulation**. Phones only ever get the desk.
+**cartoon-skeuomorphic desk**: a warm cream surface with a monitor, candy-keycap
+keyboard, mini rack, drive drawer, cork board of pinned cards, printed receipt,
+business cards, scoreboard and patch panel resting on it — all drawn in CSS, with
+no image assets. A physical power switch flips to a **KDE Plasma desktop
+simulation**. Phones only ever get the desk.
 
 - Framework: **Next.js 16** (App Router, Turbopack), **React 19**, TypeScript.
-- Styling: **Tailwind v4** for layout plus **`web.css`**, the material system
-  (near-black desk, anodised metal, machined aluminium, printed labels, black
-  glass, LEDs, rack rails, rocker switch) over five CC0 textures in
-  `public/textures` (credited on `/credits`). `globals.css` holds the tokens,
-  base styles and the reveals; `skeuo.css` and `page.css` are the desktop and
-  the shared desktop-app styles.
+- Styling: **Tailwind v4** for layout plus **`web.css`**, which is the whole desk
+  — materials (slate chassis, cream plastic, paper, cork, black glass), details
+  (screws, LEDs, pushpins, rails, barcode, torn receipt edge) and object layouts,
+  all CSS with `color-mix()` tints. `globals.css` holds the tokens, base styles
+  and the reveals; `skeuo.css` and `page.css` are the desktop and the shared
+  desktop-app styles. **The web theme ships no images.**
+- Hue system: list items take a `--tone` custom property from a shared palette
+  (orange, teal, blue, lilac, mint, coral, yellow), set inline, so objects are
+  colourful without per-item CSS.
 - Path alias: `@/*` → `src/*`.
-- Version: `3.3.0` (see `package.json`).
+- Version: `4.0.0` (see `package.json`).
 
 ### Scripts
 ```bash
@@ -85,7 +89,7 @@ src/app/
   page.css              → shared component styles used by the desktop apps
   skeuo.css             → KDE Plasma desktop styles
   data.ts               → socials, codingProjects, techProjects, friends, wallpapers
-  credits/page.tsx      → credits for the CC0 textures and fonts
+  credits/page.tsx      → credits (type only — the desk ships no assets)
   revival-inc/page.tsx  → fullscreen iframe embedding /public/revival-inc/index.html
   api/
     heatmap/route.ts    → proxy for git.dvorakmortonxd.dev contribution heatmap
@@ -124,14 +128,14 @@ scripts/
    desktop is up so its scroll position survives; the desktop mounts on demand
    (phones can never reach `skeuo`).
 
-Modes: `web` = the skeuomorphic desk (default/landing), `skeuo` = KDE Plasma
-desktop.
+Modes: `web` = the cartoon-skeuomorphic desk (default/landing), `skeuo` = KDE
+Plasma desktop.
 
-The desk uses **five CC0 textures** from ambientCG (`public/textures`: near-black
-desk wood, metal, paper, carbon, plastic), downscaled to 512 px and credited on
-`/credits`. The social SVGs are used as monochrome CSS masks (`.social-mask`);
+The desk ships **no image assets** — every surface is CSS. The only external
+visual files are the social SVGs, used as monochrome CSS masks (`.social-mask`);
 `linkedin.svg` is a filled badge that masks to a plain square, so `web-ui.tsx`
-renders an inline mark for it instead. The desktop still uses the image assets.
+renders an inline mark for it instead. The desktop still uses its own wallpaper
+and icons.
 
 ---
 
@@ -242,6 +246,12 @@ not free placement. Don't confuse the two.
 - Angles and offsets that hover states need to override live in CSS custom
   properties (e.g. `--tilt` on `.w-drive`), never in inline `style` transforms —
   an inline transform wins over `:hover`.
+- **The web desk is CSS-only by design.** No textures, no images, no `url()`
+  beyond the social masks. Build a surface from a flat gradient plus a thick
+  bottom edge (`0 5px 0 <edge-colour>`) and a soft cast shadow, and shade with
+  `color-mix(in srgb, var(--tone) N%, …)` instead of adding new hues to the
+  stylesheet. New list items take a `--tone` from the shared `TONES` palette in
+  `WebSite.tsx` / `web-ui.tsx` rather than hard-coding a colour.
 - The desk reveals blocks with `.reveal` (see `Reveal` in `web-ui.tsx`): hidden by
   default, `.is-in` shows. On load the first screenful cascades top-to-bottom
   (90ms per block, in DOM order); the rest reveal when they scroll in. **Wrap
diff --git a/package.json b/package.json
index 17e136d..bba8849 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dvorakmortonxd",
-  "version": "3.3.0",
+  "version": "4.0.0",
   "private": true,
   "scripts": {
     "dev": "node scripts/dev-server.mjs",
diff --git a/public/textures/carbon.jpg b/public/textures/carbon.jpg
deleted file mode 100644
index 772ef5ac9bc71e9da630d38bbb6a08ad598d25e4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15587
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

diff --git a/public/textures/desk.jpg b/public/textures/desk.jpg
deleted file mode 100644
index 3ab201defb6ba8de61e6fee09e43ca3aa01d52ca..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 21173
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

diff --git a/public/textures/metal.jpg b/public/textures/metal.jpg
deleted file mode 100644
index 9dc68b5fe4d495e25fb98bcecad66f4d8f33f183..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 24385
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%0A5fJOc
z6|$~H6RG@T7o5ZxzaMyxWW6A|1N`_o%6?49Sx<q3Zol~u2%07Z3FhB^M}>OhrEut$
ze--1$f1r2?{6+Ty*mJb*OLtC99rE2@@1-|ND45Ws32?cN|J#AcodPU;8LKNDh0M}`
z9P@7k4>HNgBAQyFDxqY=UQrDTzl5e{T}vqml-D^x)cVbieAM`TWps%EU#{5Y^2C8+
zqFWnBCMouc!>P0{?O1T|0r<C^s@I6|rMw{KT+(D~^Y}0!$*!E{wPc>mhF$--D`S#!
zpB$lY<6>);&D#fw-I-OL`}#QE6vhoN1_!^&GjJ@C0rNOe7@r?{v|*fLEc*T4XT=cG
zyvnrET?#5Kb4Lzv{?OE?(%mA4kFL_s`Exh54p}LxB%;8-;{4`{Xa_c(5~I+r6Ua`e
z*h&V54FJX(>9c-YhrGjEyw3{t1-SjPWtQ*_^XX(X_(x%e*LdGQAcxgw7%q2ezyLN4
zz5>-QzH{{4UpLXJ%>4in>G_Hf*0C-EVv_cLrDVth*EX8UvqR@?z$-C%aV;23eD5X}
zIBEO?!6#gyqD^d)UG+g<-O<vY#l>uT2KAve?Yke{4ixR2(bF05o*>^qx;0(Rb2}vS
zGE*09p%{_tvmjJ&UbEc%1X@;Yo;coM*aA`D#s^*ysyE^vx@#Z@8s=<Zc*j>;{)f=u
zGC~2|CDO)%C!1hpJf;qirm=f@Fcpq?3vP@P9M!_cw-9+?s8ck^KbXzf1NT3q+-w0h
z)RjhsHc?FbxFQr&Tn_p5@Mc@9LDo&&boaZa#;4%0o^U`?HUwQVGLOc}z(OY!p+mo0
zeKuIxT~EXi=?EoGhrfz3h0Wm&yc+n|he;U-338#U=d*y(T9#Tsw#DK$*tk1Vp-<=*
zR|69Nvv@kd{a<f=(LsJz@h~R0LeQ<xZ2K1Q7~?w1Dk!->*lan9He!<XF%=1w#(e4>
zz<^JyKHN#p4!S*};lKGiY>MBUUDpKoMy62@+~n(6Pdn-;GY;}&uL0ZTs@l<geZ3H+
zFSY{N;erv*6bx3MjyDTKL4{Gh>inz{(|cm<bPc3#^L~RTlw9e^SOUbTH(kHqHwgXZ
z>{6tX1pLs*w*x{dE0*0?CsaZRRymK7JK4{=jD*2|41z#o+0YMN>;g}{(jXtr(7GDh
zJqH*{xJ6otyNJI3{x@A7#W?tVWzP3_N<IPuxlYq0wEx39Lfy;yLARcWo<S8vf|qK2
zr{2lm4*ea`2Ej%fwV&3WyAIkA!~RGycCSl&5Ko1*quuMhDdr62BMnSawLWC?3A8i?
z_k=WVK5F)XKBKMHclD<P+I7YH&YOAiD7C9K)ljPZMh9J(r|DWeW(%bB=-#3)o?b!d
zqJCCCp~e0FMg=@PuPL@2rn;!X4mAYakVhM{iqlbo@d5^@s18u3h!>dvUPJuQ?Gs4Y
zbufcgV@3*^(>+;4JVmeX%7TW~=kNqLuAFv&(TJxQEBh9jj*66(JJFR@n+<*!;19F!
z=MZ<J6u=TPE+l76Q0~hlp`g#ZJvV_(k*?Hw2P%WMZ87j?-@rrf{oM&Akv0K=<pbUK
zlvC2te5~4B0@nw3+)sIY0ss@;8yqcm|E_1*JH;3|0`!2st^)GE^BDPXo{vbzk|!bD
zJefZZN=N?{dzhCLY`4Xg`zuv;NC-}Y@i>dxi2hh5-q6O%Aynlgt8?RjpkWy;U?4jK
zE>hT;CiRpZ=>U)z_&}F+ArTb>TCJAR{bJIeKLxdSZ0&nUV<j)kS`DgqaVWIt^HD16
z2o*ASr<FiEgyevr{px=1yo;?kzo0^)q*!E=K`&fuo_RxL64jBhlYs<x^in3lWnF&j
z{;FF7d}f`=zAeqWe9@kOfw}dku1=Vd#`{X`{Ss+}R<B$0@nR8!jE{(eYn9LyxEuj?
zY3o9Re2o2axgF9=g#&F|3nV~~>ILpeH7G#lwHMq)Cjp*&a%o9BTBPlRy%A$>c=Jwc
zLbF577S!|eE0lePi%>4D>1RKv4pH=S661a5lL+9BQB`*NvNe#<Tx(JNmSBgC)i~b}
z;o5VQs(RtTZ;ODM$>gI@fb(BlZx=H_se576&<4Q})jt-3;1qa}A*q*Zv%^fztNbJp
zFZR5U7E)|8!<!+HVZdouX>jGnfr}z*8bI3=^<9i8siGLkyPl0dhkF5*hkJts`2M5I
zg0b#-5Xp)&GYc5bBUIfb>IPFU$!Yf^Y6pQ&81}$**8j|Ua;4Wi4i>IreRf+(E8IVE
zwShd9nrqhVE8y7r&xY|ov;OCHJxN#$WJAy|#-|fACBv=A`DxT!xHb*(S^2RYsR{LA
zl>6*en$n%+c)sEaB}lS830}5T`3|WSRRf($kMhwyRZhu24xYXrCgvXQ%-FU`ud#oM
zW@f;aJZrr<IB93fBVf@zcmY!~dW36;b3WP)EHFFwKB1&n(RLolN^@o<TpX#ZsQ2fh
z<C~mMLKH0(RHf!4hrRn`w1-v~-<on!W}4PO0|cWu%=$l}|7JCwg$tdCAAS@0R&1he
zizOHxA)^+cg~A0(L0djokE4X<cNMl9+yzd_I~{~P4Y$U^ZQw`Qo1v=~)C=%x=vs^K
zTOOBWA1TK^K7T#_kkp^v1g*(6+y5r=c76x(ZM_V=*iO<k=YA|Wb@DzCY=MixN;?Ma
z&<7_gIO*P5N~Jdzp|yVMqZC^@$3ede#A4P=K+~?5;evL)^4`;2OxG(FK%=)wSKO1g
zDTL-Zb;YOtjxt91odeNuA8K{j{i_gUi(F0`ZoUVJr&~4x>@E$yA$|3Xk++1p<bhWr
zfChPVW{dKt+s_RjNjT4Mf3_@+qZB6^mpZt_k+aR8W(@)U=^eF0vZz6GxEYlzsXW*h
zo&|!u=w$HyuM7SfquA$`{vP}@WEd(4sQdtT^Q!L#Lu4v2P2;7FK_%+J6ai749a^9W
z_t(xkt%4Yc_vo4G4Pe8wede_R*~oB7fP2DOw)`Dsmy!2cOBJCWT-Q1X3SK)BOeKPK
z@PS@c3kz${KR};^6=*JXB{cWZ6|-L0q4Z;-<HehLx#%o=J?ML?MsxI}t`s|x%?Gl!
z^45At1WrYHC8CIMO956lCtQDz82A3m%5SG90Oj4w>e*amc#}|{&GtWs1TVzcAqyd#
zmP0Q|JysJCbY&V_j61GRszgWQP9Ps;XAhSkbghF1Rk|qcS+|I>HKS@`Dih6^Pa}_W
zq6wAk;AE&u({T+-u54M({?K9!+T!NEcS1O#Ax|C;G}VR{A-z2X``~_(Ldr$3d;Jfr
zg9}Uk@3g=RL&b(*)%JzBeA1wque}B}4VSG?AXl3`;=M=P`UI*=CL+lTlTrbeY$wvX
z$b;ndo!_MsDED>?^ojrYR<ok&J&<$2p-&E=F_snVK5qB|f_As~=3r1+D;WXH=B5nt
zKrTzNoDw=GlN$S2ke*UaNWX9ia!YDc>19|Ii$}2s__<maL6LqTx3=J#jHYdWB?dw!
zN^wm_$}k#JwPF75&jXR<mWcg;DZsQ+N&uSkluR{Yd^>8S&N1+TEh!0agsG0@IMjkW
zB*#B^5<<~#^2a4<5EwDd9|_s6gLq-*6J_++4-F@f$yU(Cs*HBrtb<%kQvW4FQPFP^
z`o%B?<YnoiKT|ToFC$+b$HfA<Pbx#`JGG$&E{&@lV`lX`1_P=7nx2%8{>-dIW%(5A
z?j5ZOpfHq5={e-aRhxPZOsE>J4eGvwAI<=^YOqZj5BVEqA`cWm?!8oDFTnlo^)dcN
zKu8ShL272MuUS*YMdgR5Ient!=DOHnR^}ip(~FZ2QLNKbE1)*0kkEAc{N6#stT9S{
zn?)4s%SuWffWYeFm|f?PpRTC`g|76zeMnBf&~kR}i*L@Ai2tU#i64rS(~2$dnj`&C
zsRlc|O5oUcL<;Zfl|t<Hx{8(6Ad}>$9dY-4n=zi!NgA&z)N##DELI6Z6^}gDH33`2
z*N=aa;a6F3p^^6V$)2C!0F%*Kz`(PZBs3t<7ByX-s<F73sami>HO0Ok1&8C8TJ1@S
zQ6*X&52mkbm2;pr+@L4aLH=1$*j9A+GWw-y!`hD?$f(JLoaR(PaQxUIO336}Cpush
z7*>)@>Yd`;nk!>$iK$<`MSlnzE%pLju_KsWJ1l|7EnKvtjgBSRVTxbfCn98w%JtqU
z20ajD8<=YEy@|Yvr&BD}R5ZLYRughNeKS%i`8UMOly(u_S8g>Ni=|oH1tAV#^BHGN
zX52a=z~0I;3}?3h7ByNX2QW^<T*w2gd+v`jBg;wit(XejrOwI+Nu%0$46dAiD92u0
z1yY~xoehU!#UQl09q}+fb_FrbH=?u$dMZKmrP-R!H8RHZ_SCi=KOK*)7tQQJU^MW2
z4EJqj_I5rDzpf_0Gb9JMfo@zCTY<e^PFnO@*bWnN(EmdmSVg=E1w!4Lm3%MdF)fc!
zP*WQ|bi^$$If$Hg71@z-;7uxyKqe)u`?fFg_|khBO?NS(Sl6;<dh5My1I;30=Rwo+
zuhEX#`#QeJ@QYJotn`jQn7u*(j1TI_hDb<g@=Bn~WIMOl10SZ(a4>&Ja?8gd{>1Kh
zW(^ru?p7|kfAk>TpdI4?#rMa4VpM5I7J!OMTAJKQJ7y8B4U+Inhkfc$rfWZJN=J#g
zB47*C{rUz^LS(Gj{kPuk*)QPYzq}*mPaxQcqyV^-*bg9C7AgS(z6CC#$Wviz4R9Cx
zDy`M|4ypFi`g(jX0=U(3?*S_W&_e`<;2^g0j1y`o#V^NaRQ7R#NJ~$+rKu8H1vh2v
zAxW`9n+0i)(4JlZKCH>YHeY0T;iMRgO@*KJ0r#+gSkqbp-iTFcMoV133h?92HnuS2
z9<*RJa6Rq(h(Fvj>x~oRtbJ3*Kf_O2!EdBvAQaEY0sa}~nJA*CJqB@5!6IoH?GdEd
z`fxF}*uL5n+RdIh7@;1Cf<xhahgF^_ftym+70a-AsM|me75aNGFo!qa9<{-xezqpb
zEkO`d73Bl!1LMd41+a0~8<+Y@K>faOB!zWSfGt4LUjr!=p7a-_EJcw3km35<8XZy>
zTziKY_^|}P78)74iScVu(*M)JmB&M!|Nr-A4r9h0)yNowS*DVZ6_GwlCbnfts@<%0
z728sdE|Nadsi}~*cANCkvFvUaYaQDrT?Q4?u|;HA*M8e{po41rJ^lX8BTb)qe_rqB
z`GW80aDX!%q3t=S(n`(_=Cz>z&9iNWKje78<J5k3tdu-&g<|b9wT@evouIWYgG4H?
zg_t<5#14$NuuUu<Or_1I#!e!8Wmu{ZIahr7H{#SIZb8Z9v^jI-fFr)DuDvS$PWx!g
z0=;!-t5`=FERR@$I~f9L;MT)m^nSqbQFLt|UrGyYKPjb6B#><71p$;yqjQ53*Eh3p
ziJH<(;(2^slLp~_I24z`Onacol;b;yWF;o*pqnRjdWW!~;P(U10cCZ8dF9x*!--GK
z_H#T^m3b0EBay54>KG{kW2(=lkrh;CL^axNw;CXlq=kDMu9v7d^!Tp=o6rtUsN$-D
zPRu6qnPzvg>nH7;y9~D}o@yDHL5nhbNx%oZ)wbN;1|Z|MJyz{Hs?vTf6d=EyZ*GuT
zJ~JlI2_h-)i(xcyZxjE{ak!cPTwME-Hd$y>01>FUV-yz4^^;LRds6l(Jbkad_`WV)
zFd`wsMib=mJ`yL1S)qa|-W{f#i){?zT_23HSUu+nHW@nZl}7S83FJoRA|30bkf*O=
z%%ZJw`b#kJTcs!unl*Nvlu41Nx%Ye;30GLe)F2AGBDzP%U)Hb^riR%dYJR)ha3g0!
zD_iyV3UmaKI}nOvkzmBJ=?b2Ws^>+S|7Fakgn$Q6#D?!wl;fyQS%fsx!B2_D!n6eM
zJT2f`St2wXjx9Hb%xyovnk;^LGV6F9Gez^OgsVY~a{VKA6oL8P3$3W&ocm=+14`&%
zXHojpTg7V-nhMBwP%~D9O|IOJV(xyQI<L-QR*>)eiuh-~l=lqL<Ls>&<Hx`@SyKvO
zlCbJkj9!9@n{`!3mM2<J7R7x~C3j6l3aS<QuS*ho@0Je6xD8%bFxGf{si;MJ;^vs;
z!pSQHQ<i<`CA{~w8=ziSKXUPOU~DdO$C$?4aW;r>#b_{6oDv#Y++k%_vdNbH=r9T%
zQB?9+C2;q=xefc1H9GEA2B7V2D_BjPIIgIVneGtu2~jp4gFqw=j=>C?S~XI0f)R%r
zyWqe1>}Xjk`0762EhlT>SIVe0%eK-pXkJ2^_AK#<t&*0Ltev-1oJ4zGN+8R(Nlk{Y
z_pH4dRp5Hu4GG@+uANUr((o^zb=0Jwj9hkz<~haeSsKt|Tuv_DuZ~30+NMvou}8&o
zPV$<KIII#^(WkpYjv`4+-$8P;Ws0_4#l1g43{^p>H$J4~Z)Ti-SS->#+#}Bn`Q(cV
zUftOb9SV+e&czsd{LXou$j(}RRn^B>HslqI0{pcoB||sJ^xWnBcNwEou_j1)W!)dk
zdmnZxhE-1`zsvs|viDFlV{L<jKiR$z<jy(?A$iK&c>&shZ>{jTE+WMe2ogh`z9L8b
zXX9z&tiKh!u~*d<5^<kwqg~jItf2B1qTt-4(h$tgXO>eT3_aFo1-Tn0SnngsrrTP{
zG~(-^=g_7eh1smULFU-V`cIRP!9xopBiFMAe%pQ?jb>z>8WCCQiE(bJmLf2=#>)3T
znb>_E*Ve?w^2E0~UPR1{pB#~F+w^vW^m|q~BU|%9!KsSG*$J-p1!=mGaO_eEN7WW>
zLGA{(BVM~evUeK*mprcmR8ww{tArxaHn<~3lZ>#5sRh!(&U1T4UqI7&npDNToK6;%
z8-ldk=T*94ugKew`ei=o&Ng|E;-KDCJQ8Wf2(Vw{<sg#jMq}~CMA=JvqRh~q6}VY%
z$M`%KV1pY~8Z4@0S>B@Wxufe@;ji05#4L4OU_ov%)y)o!S@6I$ATP&N!8lp2Kfe1}
zh}O)s?1zvmVk40=m{xzAxJA!O2fA6|8Lr~E2)@Dlm6i~~{f+pKzmQ_gCjk~{0tTA{
z!*89S;2b=+M(M>0ibk{&6nDq`>o?8$r~sW$*f+JhzH=jMa8x<3gPC|I?FLc0j+m6;
zDBapw8TBNdyvtJl#6l6UZ4Z>cVujrf^SfD3*1)ZP5jC4n!YZp*ee;=fK&DE;sa>`9
zk1D8x$;|-zl5+wv_|dgEA0S~%du}<Vne0CbSIm3|6HL*xXcv<h9EEM4#hrJjQqPu-
zLb@#S>OM;rx`j<dJHO52M)v(2a%NWo)X@a@IJ90)3>e{;nZ7V0UM9~Ppc#EtYNB}+
zuHr9sOuoVjE;q6Vp@nyxp`U;Tc=2qmGLy>mrpyLoEoySrt%XpSn;-WAKxD!AI~L<y
zTXIODqmzd*-gJe6bNoxP;c53>#xBn<B^3$yzQs$7TUfoipcmdcUU9+VkVPoL1bj{a
z=2DDq)8p3&8mq?g-@59iS$Jc!9cT*MhoWaR+cDO0Q)lGXG1e*cm@aT<9}>vc%X+=W
zq{fW-v{}W%U>w1pw>%Jl<!c;fA>TNp#d?XFd;PI7C~#ljUOL+?NkK%xxRDLNZ%{j@
z$GHQ_ubv~377)w7is^VxV%H^nNWElP)L+)Fv~bNn3t4O&)?CR~I?Xh0W%*?hR<oNF
zoJRpm1IM1JNB{1!bc~Fp^saiJ{AB27Uqz=ju)+h4)lnF4wguK5b&UONn&n2xq;R69
zGz>~Wc+7e#1o%Q)m-atkBzvkjfOvl$KBCWcJWH1OUo(NGVpi@f00{rK&vqIj<ICxS
z{?f5XbY;@ONAi&6X)!hJuYlFqWL2KmV`Meq7r?cawR~3T(*vCLN5g{Jf1ogDR4i-u
zghX}pZE^=A&1KxK$3ouPyRzQqIVSp@10BZTD1%jt5M44@`{oL=0Yz$DN2cd2{$}jI
z&b$f%KNhJbE>m1%gl&1Q%w`cbV5vSQ)Fw}N;@>_nXOoBoR5)v-2t=5kNnn5Sl;@C8
zsXPLU>9V#Vft|=+GjBr#J|AMc!(Y?(XbA**nbFl@11(tC#pth36PX0;_~(DO)v9>A
z^(8u9MkTPn8!xn$)z8w}F~&tl)(bp=Vhj%;49s_!j=xw$b!CAv{OP*0-3yyNJX=jI
z<rsXXoanW{h|IOfVMLG~m|2dv1psc%yjf-Z1g?I2)XAiDu#*Yj!n5Suk>I*q&{@L4
z`l+oVa!%U^Zy}=*c&XWJdS7w{Bh7XS#^S1HO<UqQo9x<M^IfnbFKZC9L2eadtq+Uu
z*6f`M&dQM(uuR6@@{0p&v4ZDGXgUnCCEpPp_jPw6Zly^64dSuViIN_1r&PtyCEXf0
z#!vk>*)g`$G?Y%oseJrCo^$=1BW3ZN&B?oQ%W$NzofwkerhLg*t-aRW!MOh;zL&$B
zU%wVbxCQb)#&+c}D||cnu<&!@{3=4&$MA83IfyE)@kZY76+mMf+%g2O;?t(Dkqjze
zu03ETNIhXb9Tq|PGFFM8bUOHbcjbRz$v!~~w*sJ;R;T8vU&M1X*J3W<#;I2pFT&Wk
z2{YMbU9>R>ZAJy}+&zHms}sE!a4lKU=}k^>8icZ_9%fcHJ&t``=%sb1W(8PJ)Tp?p
z4rB@vUZKFdS8zB%sC9HF7ll0B3BOL5*gG5XOt;<!Ob^2R^By3Q?`dyadJi*Wz6@Ef
z<Xq)esM^|lr-_SNs&pr8E{%kt+mZ>E*owgqbDJGc3}?FF0mK~h8%cAgyb^2UidenR
zEHl>CLZaJkV5*v}pp^RY)Q++ZueG2ZM^^3`fIm-11?!Eyb;@TCA41Psm=aHI=szDs
z&ixDSEgH1Gvs1EvnBq#HObxy9V+~5?UG*5nX%*Wo+<@!`WyP?(sSi7tal8+IW7fTs
zh)8rH_8i9I=zH1jMotJ2UuB@cLCm>$RF3oM!T)CtK(I}TJL!D~jppPpsHd1$gyWjE
zD;U>^bG1Cca?1?bxH>dn3IA<g<s}kKFBO0~vr&-2m1*-mU)g1u-L%c!20bND{S%70
z9@Ngo|6faxmrA-%bFHi*YrJHCXPJ)V{1;10N?H9$oKS1Zvs1-$l?ArWVm9macHRhc
z7KEWzUDMx1o6AOq259b&Zx3z8ev{oV#RMMg9_ky)5<*JrC;Lc{UJqcGXN1xhXk<+-
z-mmGdL-?7x$h`RWE6961#BENMU9iW{{7kf6o`Q{70=vv^s}wYQd3$YN_$EX%Qy=~4
z*klqB&s{Jq#_Eyqr#6dd<J{!q>10)AD8R2Ua!U!7oV!edr?v11l58ccu)3w3v<5sP
zCf+b$_xs<vR7#H@o!hwe5<UJ!Al{MCAqQxVmqY`5ln`7`zG3&@Cl-(G;D3b^tP4p$
z@oX{h<JktZtSoWZ4sv0SE_nhq$t-b%c1OqKcUM|;_B$1(ZBk~`h>Ev1KRBN1G`f5i
zL?kbVFj)_4;wg{e7}{KGqu=p|j@uVr1h{#9q2WhTSU}l3cT&TMOv@FE+AOF5P!r>`
zG^fb^Ak=|6mwq*pH<>-#H)>atjI@N@&0|7DL{7*%e;wbmA#fuwvPQ#TDCcfH?fQ|d
zX54K)1m6KAsB_Ckkgd1_+lYenud1P^CaYhwvHJ8UsqH%3mInEHBsPDchNKiL80dt)
zZ0X{i8R1(%beW6bPUbAH47mL--o0`DZ7E*e=dt~XzFf5mf8d_f?S*9y+=>CwtYq3S
zOlTk5zwt}5&CsVQ4gImi<HYza%U@In6Z_Uh#)3SqT1;48=-|);#%gL8<mzc}LW0P;
z1aY!1DW1BE<r8s!w8fE~a0Yw0sc?y+OSH&Y6yI!vJpG$j?na!s|5-Nu?aA`yY_?;F
zZxrtSyiFM!z^e1AAl_^*<(Fch7#%`~Y`_OOGpil9i6{jtMqV^-`G@L%ZXDRa3d)ck
zkeuwn^svN_=1uOcA{4yk!sv2+qP29Vk_FEmwy4Op4VmSJ0V?}p)<5ysjUB}4(yZ64
zX!V(=en3HmiZ|Tm$L^F{wicf@_9I!Ytr37-Ub&k3(4Cy!vAet4ftg}#(oGwq4nlDb
zxaWJ`CgI70HVEfQVr3BEnh47eB41dU<swZxrLOnXqQ7u(?!LHB-m5pOT*NRO`4{5N
zBpS2*C{Oj9*<`}lKP|46LItpzOJ+^rFb*afq&scgvwb>`!~8vz<R^({Cb#CV5mPNX
z{zo!h0`}`^sKUmlyD6t~$gX2(aM(I_C8L_Zw5#q<ZV4W2N%O*utPuC4OUemGaiPuD
zojjD}r<>De=>Q~xt;U!f%Y!eLaN4IGBCl`;H<&jUgIOklw?{1hfdqUcD}W6GlFJc;
zoG9xCQuNNayo31Hj<+9V^%P<}Xr&XAuHzp55Q$pAbcAgtVjbE}q*N5|J|Io7N4N*^
z8D~O|>Rc@=4rUd`lY`G-D`{`u=7@#sqpz#iS&%#8u;z4<^5etVS*$RWIl-9s8m6K=
zsPD4;HRiGKaUNh&iEqLrlEJLO=ds(;c>)Q%&TRTdZF3iGxYF@_5KqRFDlLfG?-TDI
zNS2-L<w@jN@C@1{6fbAQb`hDY*M&WYc{8c~_o=Y<f-4Xp9{spv<|X3mdgSm2sKy%p
z=u6sYUn!;~_Z06nvVDmsCQrRtc%S;_i`S)&r-^H^qF&g9S=zNrI&8Qw3Z{?W<H8Yk
z-b#6{f>Zu)7BUmFjup8UKF%zlT)kvJkk!~ia(+sjC#$~+lx6=h-*R#UPsmZgT2QOF
zh3}zE{_<uI43Y=E5Ml&2;VQ1*tzyJP%nbi4C$H+BkagF3kthUPn%S9m7Zl_nSn5%6
z5+I23pPF)FHhAzY7RjLUP&yKbU>tWK-3De{M^;|eyJwqqvZHepxVi7Cf9}6T{H#)D
zG@*N6U2Cl%fi8_E@)y|l(JI>?fTDqdbmLz8`6Ot5{FS3)nY|Lj>)Bd_@u?{6JCX-|
z8SJg%|0cF{H&ms}p!NHKeDr%J@f_N%Tl*O96~I}do<ve~6nYe1zpGr}IrzyVi{G7^
z#8YxhDrGic$WE&{F?W8YjZ$;*AQVrr_aem=Wt&eTYKBQaZ|-~&cGx!starLGqy=*?
z$@=Fsw;NFBAn&{<A`+frNt{|mT1a{yV~tO{mq~*_2i@sHgb+pqF#aUJ$6%W;4f6ob
zL`K(2<{Tp)R)17TBGYyJL$+m0U>i6d9IH60VLQ0z;_gZU(s5!A*+aBB{a@%?cm{@*
z5t!Pf{?Z6*;Am+<%JMldxo<aiKVoDF2M_qsruKzPhJb;#@9^|l#~Ng)+-BPR@g+}w
zhI=laQ(a(?|2<H&X~UuJ%U=?Y1+lB-`!`ANlf0&19B;uKs$vG~@I4&_Du!WEsGu%1
z{66hE{)L#Y3&Rf}Eu$Dhv&LYJ%bCr6jPy3z!W_=^41Cq6zT<CtOdFGR&#@g_3^YOS
z)(ngl@O6Wj?HjTG8A;ePPv=%U0_}}s<ZboX0}|7dj8k)1fLAgTYWk)gC@)jaLAo}(
z)#FScpC6eJyJnb*NeegZW8?>lyJ-`9yR6&=-)mWSef0%xH)3komNHHY=wkYz4-33a
zQy}x0bp|Ly>GAE6xXiumb4aNvMn|8Q_Q!Zmp>bDB+z@M^V~#QqnpX*uSW!pHhvIk`
oJkoTHikAbyp#`8<J!nK+v+7xn3s*!gq{&2N89>oT^0D>*0R0<B0ssI2

diff --git a/public/textures/paper.jpg b/public/textures/paper.jpg
deleted file mode 100644
index 5f1849e0c0065954c68e2ec70448ca8e2e17c889..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11068
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
P3Mdhf(e~f`*<1eu36WkT

diff --git a/public/textures/plastic.jpg b/public/textures/plastic.jpg
deleted file mode 100644
index 4ac785504987fd732454bfad442096f3647d9725..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8584
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

diff --git a/src/app/components/WebSite.tsx b/src/app/components/WebSite.tsx
index bf5b4fe..d0b7169 100644
--- a/src/app/components/WebSite.tsx
+++ b/src/app/components/WebSite.tsx
@@ -27,6 +27,17 @@ const NAV = [
   { href: "#contact", label: "contact" },
 ];
 
+/** One hue per item, so every list reads as separate pieces of hardware. */
+const TONES = [
+  "var(--orange)",
+  "var(--teal)",
+  "var(--blue)",
+  "var(--lilac)",
+  "var(--mint)",
+  "var(--coral)",
+  "var(--yellow)",
+];
+
 const SERVICES: {
   name: string;
   desc: string;
@@ -72,11 +83,11 @@ export default function WebSite() {
   return (
     <div className="w-page">
       {/* -------------------------------------------------------------- rail */}
-      <header className="w-rail w-mt-metal-flush" style={{ borderRadius: 0 }}>
+      <header className="w-rail">
         <div className="mx-auto flex h-16 w-full max-w-[1120px] items-center gap-5 px-5 sm:px-8">
           <a href="#top" className="flex shrink-0 items-center gap-2.5" aria-label="Back to top">
             <Led kind="on" pulse slow />
-            <span className="w-wordmark w-engrave">dvorakmortonxd</span>
+            <span className="w-wordmark">dvorakmortonxd</span>
           </a>
 
           <nav className="ml-auto hidden items-center gap-6 md:flex" aria-label="Main">
@@ -95,7 +106,7 @@ export default function WebSite() {
               className="desktop-toggle flex items-center gap-3"
               title="Flip to Desktop mode"
             >
-              <span className="w-mono hidden text-[0.6rem] tracking-[0.2em] text-[var(--ftext-faint)] sm:inline">
+              <span className="w-mono hidden text-[0.6rem] tracking-[0.2em] text-[var(--ink-soft)] sm:inline">
                 DESKTOP
               </span>
               <span className="w-rocker">
@@ -110,7 +121,7 @@ export default function WebSite() {
                 onClick={() => setMenuOpen((v) => !v)}
                 aria-expanded={menuOpen}
                 aria-label={menuOpen ? "Close menu" : "Open menu"}
-                className="w-keybtn !px-3 !py-2"
+                className="w-keybtn"
               >
                 {menuOpen ? "close" : "menu"}
               </button>
@@ -120,7 +131,7 @@ export default function WebSite() {
 
         {menuOpen ? (
           <nav
-            className="w-mt-metal-flush mx-auto mb-3 flex w-[calc(100%-2.5rem)] max-w-[1120px] flex-col gap-1 rounded-lg p-3 md:hidden"
+            className="w-plastic mx-auto mb-3 flex w-[calc(100%-2.5rem)] max-w-[1120px] flex-col gap-1 p-3 md:hidden"
             aria-label="Main"
           >
             {NAV.map((item) => (
@@ -128,7 +139,7 @@ export default function WebSite() {
                 key={item.href}
                 href={item.href}
                 onClick={() => setMenuOpen(false)}
-                className="w-mono border-b border-[rgba(255,226,180,0.07)] py-3 text-[0.78rem] text-[var(--ftext-dim)] last:border-b-0"
+                className="w-display border-b-2 border-dashed border-[var(--plastic-edge)] py-3 text-[0.9rem] text-[var(--plastic-ink)] last:border-b-0"
               >
                 {item.label}
               </a>
@@ -149,18 +160,18 @@ export default function WebSite() {
                   <span className="a">martin@dvorakmortonxd</span>:~$ whoami
                   <span className="w-caret ml-2" />
                 </p>
-                <h1 className="w-display mt-5 text-[clamp(1.8rem,4.1vw,2.75rem)] text-[var(--ftext)]">
+                <h1 className="w-display mt-5 text-[clamp(1.8rem,4.1vw,2.75rem)] text-[var(--glass-ink)]">
                   My own little internet — one rack, zero subscriptions.
                 </h1>
-                <p className="w-prose mt-5 max-w-[54ch] text-[var(--ftext-dim)]">
+                <p className="w-prose mt-5 max-w-[54ch] text-[var(--glass-dim)]">
                   I&rsquo;m Martin Dvořák. Git, media, music, an AI box and a Minecraft server all run on a
                   Proxmox machine in my room — plus the hardware graveyard I keep rescuing from e-waste.
                 </p>
-                <p className="mt-7 flex flex-wrap gap-x-8 gap-y-3">
+                <p className="mt-7 flex flex-wrap gap-3">
                   <a href="#services" className="w-cmd">
                     $ open rack --services
                   </a>
-                  <a href="#projects" className="w-cmd">
+                  <a href="#projects" className="w-cmd w-cmd--quiet">
                     $ open drawer --projects
                   </a>
                 </p>
@@ -175,10 +186,10 @@ export default function WebSite() {
               <div className="flex flex-col gap-6">
                 <MiniRack />
                 <div className="grid grid-cols-2 gap-3">
-                  <Plaque value={String(SERVICES.length)} label="services" />
-                  <Plaque value={String(codingProjects.length)} label="projects" />
-                  <Plaque value={String(techProjects.length)} label="machines" />
-                  <Plaque value="401" label="kg best SBD" />
+                  <Plaque value={String(SERVICES.length)} label="services" tone="var(--orange)" />
+                  <Plaque value={String(codingProjects.length)} label="projects" tone="var(--teal)" />
+                  <Plaque value={String(techProjects.length)} label="machines" tone="var(--blue)" />
+                  <Plaque value="401" label="kg best SBD" tone="var(--coral)" />
                 </div>
               </div>
             </Reveal>
@@ -193,7 +204,7 @@ export default function WebSite() {
             </Reveal>
             <div className="grid gap-7 lg:grid-cols-[minmax(0,1.55fr)_minmax(0,1fr)] lg:items-start">
               <Reveal delay={60}>
-                <article className="w-mt-paper w-sheet">
+                <article className="w-paper w-sheet">
                   <div className="w-sheet__head">
                     <span>manifest.txt</span>
                     <span className="ml-auto">printed on the desk</span>
@@ -224,15 +235,13 @@ export default function WebSite() {
               </Reveal>
 
               <Reveal delay={150}>
-                <aside className="w-mt-paper w-cardindex lg:mt-12">
-                  <p className="w-mono text-[0.62rem] tracking-[0.16em] text-[var(--ink-soft)]">
-                    INDEX CARD
-                  </p>
-                  <p className="w-serif mt-3 text-[1.15rem] text-[var(--ink)]">
+                <aside className="w-paper w-cardindex lg:mt-14" style={{ "--tone": "var(--teal)" } as CSSProperties}>
+                  <p className="w-kicker">index card</p>
+                  <p className="w-serif mt-3 text-[1.2rem] text-[var(--ink)]">
                     &ldquo;If it has a fan, I&rsquo;ll find a use for it.&rdquo;
                   </p>
                   <div className="w-rule my-4" />
-                  <ul className="w-mono space-y-2 text-[0.66rem] text-[var(--ink-soft)]">
+                  <ul className="w-mono space-y-2 text-[0.68rem] text-[var(--ink-soft)]">
                     <li>school · sssvt.cz</li>
                     <li>gym · PPL 3–5×/week</li>
                     <li>games · Terraria, Minecraft</li>
@@ -251,14 +260,13 @@ export default function WebSite() {
             <div className="grid gap-7 lg:grid-cols-[minmax(0,1.3fr)_minmax(0,1fr)] lg:items-start">
               <Reveal delay={60}>
                 <div className="w-note">
-                  <p className="w-mono text-[0.62rem] tracking-[0.16em] text-[#6b7075]">
-                    NOW.TXT · UPDATED 09/2026
-                  </p>
-                  <p className="w-prose mt-4 text-[#34383b]">
+                  <span className="w-pin" aria-hidden="true" />
+                  <p className="w-kicker !text-[#8a7420]">now.txt · updated 09/2026</p>
+                  <p className="w-prose mt-4 text-[#5c4a1f]">
                     I&rsquo;m hosting an SMP — message me on Discord if you want in. I&rsquo;m also cooking most
                     days, bulking through the non-summer seasons.
                   </p>
-                  <p className="w-prose mt-3 text-[#34383b]">
+                  <p className="w-prose mt-3 text-[#5c4a1f]">
                     Me and my friend{" "}
                     <a className="w-link" href="https://skopec.dev" target="_blank" rel="noopener noreferrer">
                       Pepa
@@ -278,24 +286,25 @@ export default function WebSite() {
               </Reveal>
 
               <Reveal delay={140}>
-                <div className="flex flex-col gap-6">
-                  <div className="w-mt-paper w-cardindex w-cardindex--alt">
-                    <p className="w-mono text-[0.62rem] tracking-[0.16em] text-[var(--ink-soft)]">
-                      BENCH STATUS
-                    </p>
-                    <ul className="w-mono mt-3 space-y-2 text-[0.7rem] text-[var(--ink)]">
-                      <li className="flex items-center gap-2">
+                <div className="flex flex-col gap-8">
+                  <div className="w-paper w-cardindex w-cardindex--alt" style={{ "--tone": "var(--coral)" } as CSSProperties}>
+                    <p className="w-kicker">bench status</p>
+                    <ul className="w-display mt-4 space-y-2.5 text-[0.82rem] text-[var(--ink)]">
+                      <li className="flex items-center gap-2.5">
                         <Led kind="on" /> smp · accepting players
                       </li>
-                      <li className="flex items-center gap-2">
+                      <li className="flex items-center gap-2.5">
                         <Led kind="amber" pulse /> maturita.c · in development
                       </li>
-                      <li className="flex items-center gap-2">
+                      <li className="flex items-center gap-2.5">
                         <Led kind="on" /> gym · PPL 3–5×/week
                       </li>
                     </ul>
                   </div>
-                  <i className="w-pen ml-6 w-44" aria-hidden="true" />
+                  <div className="flex items-end gap-6">
+                    <i className="w-pen mb-3 w-40" aria-hidden="true" />
+                    <span className="w-mug mr-6" aria-hidden="true" />
+                  </div>
                 </div>
               </Reveal>
             </div>
@@ -307,11 +316,13 @@ export default function WebSite() {
               <SectionHead index="03" label="rack" title="Six machines, one shelf" />
             </Reveal>
             <Reveal delay={60}>
-              <div className="w-mt-metal w-rack">
+              <div className="w-chassis w-rack">
                 <div className="w-rack__top">
                   <Led kind="on" pulse slow />
-                  <span className="w-engrave text-[0.62rem] tracking-[0.2em]">RACK 01 · SERVICES</span>
-                  <span className="w-mono ml-auto hidden text-[0.6rem] tracking-[0.14em] text-[var(--ftext-faint)] sm:inline">
+                  <span className="w-display text-[0.7rem] tracking-[0.18em] text-[var(--chassis-ink)]">
+                    RACK 01 · SERVICES
+                  </span>
+                  <span className="w-mono ml-auto hidden text-[0.62rem] tracking-[0.12em] text-[var(--chassis-faint)] sm:inline">
                     health checked from this page
                   </span>
                   <span className="w-rack__vent w-vents" />
@@ -319,8 +330,8 @@ export default function WebSite() {
                 <div className="w-rack__grid">
                   <span className="w-rails" />
                   <div>
-                    {SERVICES.map((s) => (
-                      <ServiceUnit key={s.name} {...s} />
+                    {SERVICES.map((s, i) => (
+                      <ServiceUnit key={s.name} tone={TONES[i % TONES.length]} {...s} />
                     ))}
                   </div>
                   <span className="w-rails" />
@@ -335,8 +346,8 @@ export default function WebSite() {
               <SectionHead index="04" label="drawer" title="Eighteen drives, all labelled" />
             </Reveal>
             <Reveal delay={60}>
-              <div className="w-mt-metal w-drawer">
-                <div className="w-mt-plastic w-drawer__inner w-scroll">
+              <div className="w-chassis w-drawer">
+                <div className="w-well w-drawer__inner w-scroll">
                   <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
                     {codingProjects.map((p, i) => {
                       const { name, status } = splitStatus(p.title);
@@ -347,7 +358,12 @@ export default function WebSite() {
                           target="_blank"
                           rel="noopener noreferrer"
                           className="w-drive"
-                          style={{ "--tilt": `${i % 2 ? 0.5 : -0.6}deg` } as CSSProperties}
+                          style={
+                            {
+                              "--tilt": `${i % 2 ? 0.6 : -0.7}deg`,
+                              "--tone": TONES[i % TONES.length],
+                            } as CSSProperties
+                          }
                           title={p.desc}
                         >
                           <span className="w-drive__port" aria-hidden="true" />
@@ -364,7 +380,7 @@ export default function WebSite() {
                     })}
                   </div>
                 </div>
-                <div className="w-mt-metal-flush w-drawer__front">
+                <div className="w-chassis-2 w-drawer__front">
                   <i className="w-screw" aria-hidden="true" />
                   <span className="w-drawer__handle" aria-hidden="true" />
                   <i className="w-screw" aria-hidden="true" />
@@ -376,18 +392,22 @@ export default function WebSite() {
           {/* ------------------------------------------------------ hardware */}
           <section id="hardware" className="scroll-mt-28">
             <Reveal>
-              <SectionHead index="05" label="machines" title="Tagged on the pegboard" />
+              <SectionHead index="05" label="machines" title="Pinned to the cork board" />
             </Reveal>
             <Reveal delay={60}>
-              <div className="w-mt-metal w-pegboard">
+              <div className="w-pegboard">
                 <div className="w-pegboard__face">
-                  <div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
-                    {techProjects.map((t) => (
-                      <article key={t.title} className="w-mt-paper w-hangtag">
-                        <span className="w-hangtag__clip" aria-hidden="true" />
-                        <h3 className="w-display text-[1rem] text-[var(--ink)]">{t.title}</h3>
-                        <p className="w-prose mb-4 mt-2 text-[0.8rem] text-[var(--ink-soft)]">{t.desc}</p>
-                        <span className="w-barcode w-hangtag__bar" aria-hidden="true" />
+                  <div className="grid gap-5 sm:grid-cols-2 xl:grid-cols-3">
+                    {techProjects.map((t, i) => (
+                      <article
+                        key={t.title}
+                        className="w-paper w-hangtag"
+                        style={{ "--tone": TONES[i % TONES.length] } as CSSProperties}
+                      >
+                        <span className="w-pin" aria-hidden="true" />
+                        <h3 className="w-display text-[1.05rem] text-[var(--ink)]">{t.title}</h3>
+                        <span className="w-hangtag__rule" aria-hidden="true" />
+                        <p className="w-prose text-[0.84rem] text-[var(--ink-soft)]">{t.desc}</p>
                       </article>
                     ))}
                   </div>
@@ -399,7 +419,7 @@ export default function WebSite() {
           {/* -------------------------------------------------- activity feed */}
           <section id="gitdxd" className="scroll-mt-28">
             <Reveal>
-              <SectionHead index="06" label="gitdxd" title="The printer spits out the forge" />
+              <SectionHead index="06" label="gitdxd" title="The receipt for this year's commits" />
             </Reveal>
             <Reveal delay={60}>
               <Report />
@@ -418,11 +438,16 @@ export default function WebSite() {
                     href={f.realUrl || f.url}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="w-mt-paper w-bizcard"
-                    style={{ "--tilt": `${i === 1 ? 0.9 : i === 2 ? -1 : -1.4}deg` } as CSSProperties}
+                    className="w-bizcard"
+                    style={
+                      {
+                        "--tilt": `${i === 1 ? 0.9 : i === 2 ? -1 : -1.4}deg`,
+                        "--tone": TONES[(i + 1) % TONES.length],
+                      } as CSSProperties
+                    }
                   >
-                    <p className="w-serif text-[1.15rem] text-[var(--ink)]">{f.name}</p>
-                    <p className="w-mono mt-1 text-[0.66rem] text-[var(--ink-soft)]">{f.desc}</p>
+                    <p className="w-serif text-[1.2rem] text-[var(--ink)]">{f.name}</p>
+                    <p className="w-mono mt-1 text-[0.68rem] text-[var(--ink-soft)]">{f.desc}</p>
                   </a>
                 </Reveal>
               ))}
@@ -432,29 +457,32 @@ export default function WebSite() {
           {/* ----------------------------------------------------------- gym */}
           <section id="gym" className="scroll-mt-28">
             <Reveal>
-              <SectionHead index="08" label="strength" title="Numbers on the clipboard" />
+              <SectionHead index="08" label="strength" title="Numbers on the scoreboard" />
             </Reveal>
             <Reveal delay={60}>
-              <div className="w-clipboard">
-                <div className="w-mt-metal w-clipboard__clip" aria-hidden="true" />
-                <div className="w-mt-paper w-logsheet">
-                  <div className="w-sheet__head">
-                    <span>training log</span>
-                    <span className="ml-auto">73 kg bodyweight</span>
-                  </div>
-                  <div className="mt-3">
-                    {LIFTS.map((l) => (
-                      <div key={l.lift} className="w-logrow">
-                        <span className="w-logrow__lift">{l.lift}</span>
-                        <span className="w-logrow__weight">{l.weight} kg</span>
-                        <span className="w-logrow__date">{l.date}</span>
-                      </div>
-                    ))}
-                  </div>
-                  <p className="w-mono mt-4 text-[0.62rem] tracking-[0.14em] text-[var(--ink-soft)]">
-                    BEST SBD TOTAL · 401 KG · 165 + 111 + 125
-                  </p>
+              <div className="w-chassis w-score">
+                <div className="w-score__head">
+                  <Led kind="on" pulse slow />
+                  <span>TRAINING LOG · 73 KG BODYWEIGHT</span>
+                  <span className="ml-auto hidden sm:inline">3 LIFTS</span>
                 </div>
+                <div className="w-score__tiles">
+                  {LIFTS.map((l, i) => (
+                    <div
+                      key={l.lift}
+                      className="w-score__tile"
+                      style={{ "--tone": TONES[(i + 2) % TONES.length] } as CSSProperties}
+                    >
+                      <span className="w-score__num">
+                        {l.weight}
+                        <small>kg</small>
+                      </span>
+                      <span className="w-score__lift">{l.lift}</span>
+                      <span className="w-score__date">{l.date}</span>
+                    </div>
+                  ))}
+                </div>
+                <p className="w-score__foot">BEST SBD TOTAL · 401 KG · 165 + 111 + 125</p>
               </div>
             </Reveal>
           </section>
@@ -465,16 +493,23 @@ export default function WebSite() {
               <SectionHead index="09" label="patch panel" title="Twelve ports, all live" />
             </Reveal>
             <Reveal delay={60}>
-              <div className="w-mt-metal w-patch">
-                <div className="w-mt-metal-flush w-patch__face">
+              <div className="w-chassis w-patch">
+                <div className="w-chassis-2 w-patch__face">
                   <div className="w-patch__head">
                     <i className="w-screw" aria-hidden="true" />
-                    <span className="w-engrave text-[0.62rem] tracking-[0.2em]">PATCH 01 · SOCIALS</span>
+                    <span>PATCH 01 · SOCIALS</span>
                     <i className="w-screw ml-auto" aria-hidden="true" />
                   </div>
                   <div className="grid gap-2.5 sm:grid-cols-2 xl:grid-cols-3">
-                    {socials.map((s) => (
-                      <a key={s.name} href={s.url} target="_blank" rel="noopener noreferrer" className="w-port">
+                    {socials.map((s, i) => (
+                      <a
+                        key={s.name}
+                        href={s.url}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="w-port"
+                        style={{ "--tone": TONES[i % TONES.length] } as CSSProperties}
+                      >
                         <span className="w-port__jack" aria-hidden="true">
                           <span className="w-port__slot" />
                         </span>
@@ -485,7 +520,7 @@ export default function WebSite() {
                       </a>
                     ))}
                   </div>
-                  <p className="w-mono mt-5 text-[0.64rem] tracking-[0.06em] text-[var(--ftext-faint)]">
+                  <p className="w-mono mt-5 text-[0.66rem] text-[var(--chassis-faint)]">
                     fastest reply is Discord or Instagram · mail{" "}
                     <a className="w-link" href="mailto:dvorak@dvorakmortonxd.dev">
                       dvorak@dvorakmortonxd.dev
@@ -501,11 +536,13 @@ export default function WebSite() {
       {/* ------------------------------------------------------------ footer */}
       <footer className="mx-auto w-full max-w-[1120px] px-5 pb-16 sm:px-8">
         <Reveal>
-          <div className="w-mt-alu relative flex flex-col gap-5 px-6 py-5 sm:flex-row sm:items-center sm:justify-between">
+          <div className="w-plastic relative flex flex-col gap-5 px-6 py-5 sm:flex-row sm:items-center sm:justify-between">
             <div className="min-w-0">
-              <p className="w-mono text-[0.72rem] tracking-[0.2em]">DVORAKMORTONXD.LOCAL</p>
-              <p className="w-mono mt-1.5 text-[0.62rem] opacity-80">
-                v3.3.0 · GPL-3.0-only · built with Next.js · textures CC0 via{" "}
+              <p className="w-display text-[0.8rem] tracking-[0.16em] text-[var(--plastic-ink)]">
+                DVORAKMORTONXD.LOCAL
+              </p>
+              <p className="w-mono mt-1.5 text-[0.64rem] text-[var(--ink-soft)]">
+                v4.0.0 · GPL-3.0-only · built with Next.js · no textures, all CSS ·{" "}
                 <a className="w-link" href="/credits">
                   credits
                 </a>
@@ -514,15 +551,15 @@ export default function WebSite() {
             <button
               type="button"
               onClick={() => setTheme("skeuo")}
-              className="w-keybtn desktop-toggle shrink-0 self-start sm:self-auto"
+              className="w-keybtn w-btn-accent desktop-toggle shrink-0 self-start sm:self-auto"
               title="Flip to Desktop mode"
             >
-              <Led kind="amber" /> desktop mode
+              <Led kind="on" /> desktop mode
             </button>
-            <i className="w-screw w-screw--alu w-corner-tr" aria-hidden="true" />
-            <i className="w-screw w-screw--alu w-corner-bl" aria-hidden="true" />
+            <i className="w-screw w-corner-tr" aria-hidden="true" />
+            <i className="w-screw w-corner-bl" aria-hidden="true" />
           </div>
-          <p className="w-mono mt-4 text-[0.62rem] text-[var(--ftext-faint)]">
+          <p className="w-mono mt-4 text-[0.64rem] text-[var(--ink-soft)]">
             © 2025–2026 Martin Dvořák — follow the licence or don&rsquo;t, I don&rsquo;t mind
           </p>
         </Reveal>
diff --git a/src/app/components/web-ui.tsx b/src/app/components/web-ui.tsx
index 03be02d..088f86f 100644
--- a/src/app/components/web-ui.tsx
+++ b/src/app/components/web-ui.tsx
@@ -79,22 +79,34 @@ export function Led({
   );
 }
 
-export function Screws({ count = 2, alu = false, className = "" }: { count?: number; alu?: boolean; className?: string }) {
+export function Screws({ count = 2, className = "" }: { count?: number; className?: string }) {
   return (
     <span className={`w-unit__screws ${className}`}>
       {Array.from({ length: count }).map((_, i) => (
-        <i key={i} className={`w-screw${alu ? " w-screw--alu" : ""}`} />
+        <i key={i} className="w-screw" />
       ))}
     </span>
   );
 }
 
-/** Section heading: an etched aluminium tab on the desk + painted title. */
+/** Section heading: a coloured chip on the desk + a painted title. */
 export function SectionHead({ index, label, title }: { index: string; label: string; title: string }) {
+  const tones = [
+    "var(--orange)",
+    "var(--teal)",
+    "var(--blue)",
+    "var(--lilac)",
+    "var(--mint)",
+    "var(--coral)",
+    "var(--yellow)",
+  ];
+  const n = Number.parseInt(index, 10);
+  const tone = tones[Number.isFinite(n) ? (n - 1) % tones.length : 0];
+
   return (
     <div className="w-sechead">
-      <span className="w-mt-alu w-sechead__tab">
-        <b>{index}</b> {label}
+      <span className="w-chip w-sechead__tab" style={{ "--tone": tone } as CSSProperties}>
+        {index} · {label}
       </span>
       <h2 className="w-display w-paint w-sechead__title">{title}</h2>
     </div>
@@ -107,9 +119,9 @@ export function Monitor({ children, className = "" }: { children: ReactNode; cla
   return (
     <div className={`w-monitor ${className}`}>
       <div className="w-monitor__frame">
-        <div className="w-mt-glass w-monitor__glass">{children}</div>
+        <div className="w-glass w-monitor__glass">{children}</div>
         <div className="w-monitor__chin">
-          <Led kind="amber" />
+          <Led kind="on" />
           <span className="w-monitor__brand">DXD</span>
           <span className="w-monitor__osd" aria-hidden="true">
             <i className="w-osdkey" />
@@ -127,6 +139,7 @@ export function Monitor({ children, className = "" }: { children: ReactNode; cla
 }
 
 const KEY_ROWS = ["1234567890-=".split(""), "qwertyuiop[]".split(""), "asdfghjkl;'".split("")];
+const CAP_TONES = ["var(--mint)", "var(--blue)", "var(--yellow)", "var(--coral)", "var(--lilac)", "var(--teal)"];
 
 export function Keyboard() {
   return (
@@ -134,16 +147,20 @@ export function Keyboard() {
       <div className="w-keyboard__deck">
         <div className="w-keyboard__row">
           <span className="w-key w-key--accent">esc</span>
-          {KEY_ROWS[0].map((k) => (
-            <span key={k} className="w-key">
+          {KEY_ROWS[0].map((k, i) => (
+            <span key={k} className="w-key" style={{ "--tone": CAP_TONES[i % CAP_TONES.length] } as CSSProperties}>
               {k}
             </span>
           ))}
         </div>
-        {KEY_ROWS.slice(1).map((row, i) => (
-          <div key={i} className="w-keyboard__row">
-            {row.map((k) => (
-              <span key={k} className="w-key">
+        {KEY_ROWS.slice(1).map((row, r) => (
+          <div key={r} className="w-keyboard__row">
+            {row.map((k, i) => (
+              <span
+                key={k}
+                className="w-key"
+                style={{ "--tone": CAP_TONES[(i + r + 2) % CAP_TONES.length] } as CSSProperties}
+              >
                 {k}
               </span>
             ))}
@@ -158,24 +175,27 @@ export function Keyboard() {
   );
 }
 
+const RACK_TONES = ["var(--mint)", "var(--blue)", "var(--yellow)", "var(--coral)"];
+
 /** A small rack that sits on the desk in the hero. */
 export function MiniRack({ label = "DXD-01" }: { label?: string }) {
   return (
-    <div className="w-rack w-mt-metal" aria-hidden="true">
+    <div className="w-chassis w-rack" aria-hidden="true">
       <div className="w-rack__top">
         <Led kind="on" pulse />
-        <span className="w-engrave text-[0.62rem] tracking-[0.2em]">{label}</span>
+        <span className="w-display text-[0.68rem] tracking-[0.2em] text-[var(--chassis-ink)]">{label}</span>
         <span className="w-rack__vent w-vents" />
       </div>
       <div className="w-rack__grid">
         <span className="w-rails" />
         <div>
           {[0, 1, 2, 3].map((i) => (
-            <div key={i} className="w-unit !min-h-[46px] !gap-[10px] !py-2">
-              <span className="w-unit__grille !h-6 !w-9" />
+            <div key={i} className="w-unit !min-h-[48px] !gap-[10px] !py-2" style={{ "--tone": RACK_TONES[i] } as CSSProperties}>
+              <span className="w-unit__grip !h-7 !w-3" />
+              <span className="w-unit__grille !h-7 !w-10" />
               <Led kind="on" pulse style={{ animationDelay: `${i * 0.5}s` }} />
               <Led kind="amber" pulse slow style={{ animationDelay: `${i * 0.3}s` }} />
-              <span className="ml-auto w-engrave text-[0.58rem] tracking-[0.14em]">
+              <span className="w-display ml-auto text-[0.6rem] tracking-[0.14em] text-[var(--chassis-dim)]">
                 {["pxe", "aio", "nas", "web"][i]}
               </span>
             </div>
@@ -187,13 +207,13 @@ export function MiniRack({ label = "DXD-01" }: { label?: string }) {
   );
 }
 
-/** A machined aluminium plate with one number etched into it. */
-export function Plaque({ value, label }: { value: string; label: string }) {
+/** A big coloured sticker with one number on it. */
+export function Plaque({ value, label, tone = "var(--orange)" }: { value: string; label: string; tone?: string }) {
   return (
-    <div className="w-mt-alu w-plaque">
+    <div className="w-sticker w-plaque" style={{ "--tone": tone } as CSSProperties}>
       <span className="w-plaque__value">{value}</span>
       <span className="w-plaque__label">{label}</span>
-      <Led kind="amber" className="w-plaque__dot" />
+      <i className="w-plaque__dot" aria-hidden="true" />
     </div>
   );
 }
@@ -209,6 +229,7 @@ export function ServiceUnit({
   access,
   checkUrl,
   disabled,
+  tone = "var(--teal)",
 }: {
   name: string;
   desc: string;
@@ -216,6 +237,7 @@ export function ServiceUnit({
   access?: ServiceAccess;
   checkUrl?: string;
   disabled?: boolean;
+  tone?: string;
 }) {
   const [status, setStatus] = useState<"pending" | "up" | "down">("pending");
 
@@ -237,6 +259,7 @@ export function ServiceUnit({
 
   const live = disabled ? "up" : status;
   const kind = live === "up" ? "on" : live === "down" ? "off" : "amber";
+  const stateClass = disabled ? "is-wait" : live === "up" ? "is-on" : live === "down" ? "is-off" : "is-wait";
   const label = disabled ? "STANDBY" : live === "up" ? "ONLINE" : live === "down" ? "OFFLINE" : "POLLING";
   const accessLabel = access === "public" ? "public" : access === "private" ? "private" : access === "on_request" ? "on request" : null;
 
@@ -253,8 +276,8 @@ export function ServiceUnit({
       <span className="w-unit__grip" aria-hidden="true" />
       <span className="w-unit__grille w-grille" aria-hidden="true" />
       <span className="w-unit__id">
-        <span className="w-unit__name w-engrave">{name}</span>
-        <span className="w-tape mt-1">
+        <span className="w-unit__name">{name}</span>
+        <span className="w-tape mt-1.5">
           {host}
           {accessLabel ? ` · ${accessLabel}` : ""}
         </span>
@@ -262,7 +285,7 @@ export function ServiceUnit({
       </span>
       <span className="w-unit__state">
         <Led kind={kind} pulse={live === "up"} />
-        <span className="w-unit__status w-engrave">{label}</span>
+        <span className={`w-unit__status ${stateClass}`}>{label}</span>
       </span>
       <Screws />
     </>
@@ -270,13 +293,20 @@ export function ServiceUnit({
 
   if (disabled) {
     return (
-      <span className="w-unit" aria-disabled="true">
+      <span className="w-unit" style={{ "--tone": tone } as CSSProperties} aria-disabled="true">
         {inner}
       </span>
     );
   }
   return (
-    <a href={url} target="_blank" rel="noopener noreferrer" className="w-unit w-unit--link" title={desc}>
+    <a
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="w-unit w-unit--link"
+      style={{ "--tone": tone } as CSSProperties}
+      title={desc}
+    >
       {inner}
     </a>
   );
@@ -295,7 +325,7 @@ interface Activity {
   repo?: { full_name?: string };
 }
 
-const DOT_OPACITY = [0.07, 0.3, 0.48, 0.64, 0.82];
+const DOT_OPACITY = [0.12, 0.35, 0.55, 0.75, 1];
 
 export function Report() {
   const [weeks, setWeeks] = useState<{ date: string; contribs: number; level: number }[][]>([]);
@@ -377,7 +407,7 @@ export function Report() {
 
   return (
     <div className="w-printout">
-      <div className="w-mt-paper w-printout__paper">
+      <div className="w-printout__paper">
         <p className="w-print__head">
           <span>GITDXD · ACTIVITY REPORT · 12 MONTHS</span>
           <span className="ml-auto flex items-center gap-3">
@@ -387,20 +417,20 @@ export function Report() {
         </p>
 
         {state === "error" ? (
-          <p className="w-mono mt-5 text-[0.72rem] text-[#4a4133]">could not reach the forge.</p>
+          <p className="w-mono mt-5 text-[0.74rem] text-[var(--ink-soft)]">could not reach the forge.</p>
         ) : (
           <>
             <div className="mt-5 flex flex-wrap items-end gap-x-6 gap-y-2">
               <div>
-                <p className="w-mono text-[0.62rem] tracking-[0.16em] text-[#4a4133]">TOTAL / 12 MONTHS</p>
-                <p className="w-display text-[2.6rem] leading-none text-[var(--ink)]">
+                <p className="w-kicker">total / 12 months</p>
+                <p className="w-display mt-1 text-[2.6rem] leading-none text-[var(--ink)]">
                   {state === "loading" ? "—" : total}
                 </p>
               </div>
-              <p className="w-mono text-[0.62rem] leading-relaxed text-[#6f6450]">
-                each dot = one day
+              <p className="w-mono text-[0.64rem] leading-relaxed text-[var(--ink-soft)]">
+                each square = one day
                 <br />
-                darkest = busiest
+                strongest orange = busiest
               </p>
             </div>
 
diff --git a/src/app/credits/page.tsx b/src/app/credits/page.tsx
index 7f19d62..2b9925c 100644
--- a/src/app/credits/page.tsx
+++ b/src/app/credits/page.tsx
@@ -4,34 +4,32 @@ import "../web.css";
 
 export const metadata: Metadata = {
   title: "credits · dvorakmortonxd.dev",
-  description: "Textures, type and other borrowed work used on dvorakmortonxd.dev.",
+  description: "Type and other borrowed work used on dvorakmortonxd.dev.",
 };
 
-const TEXTURES = [
-  { file: "desk.jpg", asset: "Wood 028", id: "Wood028", use: "the near-black desk" },
-  { file: "metal.jpg", asset: "Metal 051 C", id: "Metal051C", use: "rack, monitor, panel hardware" },
-  { file: "paper.jpg", asset: "Paper 003", id: "Paper003", use: "sheets, labels, tape, the report" },
-  { file: "carbon.jpg", asset: "Fabric 004", id: "Fabric004", use: "the keyboard deck" },
-  { file: "plastic.jpg", asset: "Plastic 012 A", id: "Plastic012A", use: "the drawer interior" },
-];
-
 const FONTS = [
+  {
+    name: "Nunito",
+    by: "Vernon Adams, Cyreal, Jacques Le Bailly",
+    use: "hardware labels, headings, buttons",
+    href: "https://fonts.google.com/specimen/Nunito",
+  },
   {
     name: "Newsreader",
     by: "Production Type",
-    use: "printed headlines, sheet copy, stamped numbers",
+    use: "anything printed on paper",
     href: "https://fonts.google.com/specimen/Newsreader",
   },
   {
     name: "IBM Plex Sans",
     by: "IBM",
-    use: "body text on the desk",
+    use: "body copy",
     href: "https://fonts.google.com/specimen/IBM+Plex+Sans",
   },
   {
     name: "IBM Plex Mono",
     by: "IBM",
-    use: "engraved labels, terminal text, index cards",
+    use: "terminal text, receipt, technical labels",
     href: "https://fonts.google.com/specimen/IBM+Plex+Mono",
   },
 ];
@@ -41,70 +39,34 @@ export default function Credits() {
     <div className="w-page">
       <main className="mx-auto w-full max-w-[1120px] px-5 pt-24 pb-20 sm:px-8">
         <div className="w-sechead">
-          <span className="w-mt-alu w-sechead__tab">credits</span>
+          <span className="w-chip w-sechead__tab" style={{ "--tone": "var(--mint)" } as React.CSSProperties}>
+            credits
+          </span>
           <h1 className="w-display w-paint w-sechead__title">Everything borrowed, credited.</h1>
         </div>
-        <p className="w-prose w-paint max-w-[64ch] text-[var(--ftext-dim)]">
-          The desk is built out of five CC0 textures and three open-licensed typefaces. Nothing is scraped
-          or unlicensed — the authors are named even where the licence does not require it.
+        <p className="w-prose w-paint max-w-[62ch] text-[var(--ink-soft)]">
+          The desk contains <strong>no images at all</strong> — every surface, screw, LED, paper sheet and coffee
+          mug is drawn in CSS. That means there are no photography or texture licences to track: the only
+          borrowed work is type.
         </p>
 
-        <section className="mt-14">
-          <div className="w-sechead !mb-6">
-            <span className="w-mt-alu w-sechead__tab">textures</span>
-            <h2 className="w-display w-paint w-sechead__title !text-[1.3rem]">ambientCG — CC0 1.0</h2>
-          </div>
-          <p className="w-prose w-paint max-w-[64ch] text-[var(--ftext-dim)]">
-            All five materials come from{" "}
-            <a className="w-link" href="https://ambientcg.com" target="_blank" rel="noopener noreferrer">
-              ambientCG
-            </a>{" "}
-            (Struffel Productions) under the{" "}
-            <a
-              className="w-link"
-              href="https://creativecommons.org/publicdomain/zero/1.0/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              CC0 1.0
-            </a>{" "}
-            public-domain dedication. I downloaded the 1K JPG colour maps, downscaled them to 512&nbsp;px and
-            tint them in CSS.
-          </p>
-
-          <ul className="mt-7 grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
-            {TEXTURES.map((t) => (
-              <li key={t.id} className="w-mt-paper w-cardindex">
-                <p className="w-serif text-[1.05rem] text-[var(--ink)]">{t.asset}</p>
-                <p className="w-mono mt-2 text-[0.64rem] leading-relaxed text-[var(--ink-soft)]">
-                  source:{" "}
-                  <a
-                    className="w-link"
-                    href={`https://ambientcg.com/view?id=${t.id}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    ambientCG / {t.id}
-                  </a>
-                  <br />
-                  licence: CC0 1.0
-                  <br />
-                  used as <code>{`/textures/${t.file}`}</code> — {t.use}
-                </p>
-              </li>
-            ))}
-          </ul>
-        </section>
-
         <section className="mt-16">
           <div className="w-sechead !mb-6">
-            <span className="w-mt-alu w-sechead__tab">type</span>
-            <h2 className="w-display w-paint w-sechead__title !text-[1.3rem]">Google Fonts — SIL OFL 1.1</h2>
+            <span className="w-chip w-sechead__tab" style={{ "--tone": "var(--teal)" } as React.CSSProperties}>
+              type
+            </span>
+            <h2 className="w-display w-paint w-sechead__title !text-[1.3rem]">
+              Google Fonts — SIL Open Font License 1.1
+            </h2>
           </div>
-          <ul className="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
-            {FONTS.map((f) => (
-              <li key={f.name} className="w-mt-paper w-cardindex w-cardindex--alt">
-                <p className="w-serif text-[1.05rem] text-[var(--ink)]">{f.name}</p>
+          <ul className="grid gap-5 sm:grid-cols-2 xl:grid-cols-4">
+            {FONTS.map((f, i) => (
+              <li
+                key={f.name}
+                className="w-paper w-cardindex"
+                style={{ "--tone": ["var(--orange)", "var(--blue)", "var(--lilac)", "var(--mint)"][i % 4] } as React.CSSProperties}
+              >
+                <p className="w-display text-[1.05rem] text-[var(--ink)]">{f.name}</p>
                 <p className="w-mono mt-2 text-[0.64rem] leading-relaxed text-[var(--ink-soft)]">
                   by {f.by}
                   <br />
@@ -122,13 +84,15 @@ export default function Credits() {
 
         <section className="mt-16">
           <div className="w-sechead !mb-6">
-            <span className="w-mt-alu w-sechead__tab">notes</span>
+            <span className="w-chip w-sechead__tab" style={{ "--tone": "var(--lilac)" } as React.CSSProperties}>
+              notes
+            </span>
             <h2 className="w-display w-paint w-sechead__title !text-[1.3rem]">Other marks</h2>
           </div>
-          <p className="w-prose w-paint max-w-[64ch] text-[var(--ftext-dim)]">
-            The social ports use brand marks that remain the property of their owners and are used only to
-            link to those accounts. Everything written on the paper is mine. The desktop mode (the KDE
-            simulation) uses its own separate assets.
+          <p className="w-prose w-paint max-w-[62ch] text-[var(--ink-soft)]">
+            The patch panel uses brand marks that remain the property of their owners and are used only to
+            link to those accounts. Everything written on the paper — and every pixel of the desk itself — is
+            mine. The desktop mode (the KDE simulation) uses its own separate assets.
           </p>
         </section>
 
diff --git a/src/app/globals.css b/src/app/globals.css
index 1cd443f..593f321 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -37,15 +37,20 @@
   --ease-cinematic: cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-/* Beats page.css's :root when the editorial theme is active. */
+/* Beats page.css's :root when the web theme is active. The desk is a light,
+   colourful, cartoon-skeuomorphic surface — the dark gruvbox values in :root
+   are only the fallback for the desktop mode. */
 html[data-theme="web"] {
-  color-scheme: dark;
-  --accent: #fe8019;
-  --accent2: #d65d0e;
-  --accent3: #fabd2f;
-  --green: #b8bb26;
-  --red: #fb4934;
-  --gray: #a89984;
+  color-scheme: light;
+  --bg: #f7e7c6;
+  --bg-raised: #fffdf6;
+  --bg-well: #eed9b0;
+  --accent: #f4823a;
+  --accent2: #d4611c;
+  --accent3: #f2c14e;
+  --green: #58bd72;
+  --red: #ea6f6a;
+  --gray: #7f7768;
 }
 
 @theme inline {
@@ -71,7 +76,7 @@ html[data-theme="web"] {
 }
 
 html[data-theme="web"] ::selection {
-  background: rgba(254, 128, 25, 0.28);
+  background: rgba(244, 130, 58, 0.3);
   color: var(--ink);
 }
 
@@ -88,12 +93,12 @@ html[data-theme="web"] ::-webkit-scrollbar-track {
   background: var(--bg-well);
 }
 html[data-theme="web"] ::-webkit-scrollbar-thumb {
-  background: #3c3836;
+  background: #d9c49b;
   border: 3px solid var(--bg-well);
   border-radius: 99px;
 }
 html[data-theme="web"] ::-webkit-scrollbar-thumb:hover {
-  background: #504945;
+  background: #c9b184;
 }
 
 /* Phones never get the desktop-mode button. */
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e9834bd..a33249c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,10 +1,10 @@
 import type { Metadata } from "next";
-import { Newsreader, IBM_Plex_Sans, IBM_Plex_Mono } from "next/font/google";
+import { Newsreader, IBM_Plex_Sans, IBM_Plex_Mono, Nunito } from "next/font/google";
 import "./globals.css";
 import ThemeScript from "./components/ThemeScript";
 
-// Display serif for headlines, Plex for body/labels — same pairing as the
-// reference editorial site.
+// The web desk pairs a rounded sans (hardware labels, headings) with a printed
+// serif (anything on paper) and a mono (terminal text + technical labels).
 const news = Newsreader({
   variable: "--font-news",
   subsets: ["latin"],
@@ -24,6 +24,12 @@ const plexMono = IBM_Plex_Mono({
   weight: ["400", "500"],
   display: "swap",
 });
+const round = Nunito({
+  variable: "--font-round",
+  subsets: ["latin"],
+  weight: ["600", "700", "800"],
+  display: "swap",
+});
 
 export const metadata: Metadata = {
   title: "dvorakmortonxd.dev",
@@ -51,7 +57,7 @@ export default function RootLayout({
       lang="en"
       data-theme="web"
       suppressHydrationWarning
-      className={`${news.variable} ${plex.variable} ${plexMono.variable}`}
+      className={`${news.variable} ${plex.variable} ${plexMono.variable} ${round.variable}`}
     >
       <body className="antialiased">
         <noscript>
diff --git a/src/app/web.css b/src/app/web.css
index 62c5934..1fb4bb1 100644
--- a/src/app/web.css
+++ b/src/app/web.css
@@ -1,15 +1,14 @@
 /* ============================================================
-   WEB THEME — “the desk” (modern pass)
+   WEB THEME — “the desk”, cartoon-skeuomorphic
    ------------------------------------------------------------
-   A dark, precisely lit workbench. One palette everywhere:
-     near-black desk → graphite hardware → machined aluminium →
-     clean labels → orange accent.
-   Objects are still physical (skeuomorphism), but the materials
-   are the modern ones: anodised metal, bead-blasted aluminium,
-   matte plastic, thermal labels, black glass. No sepia, no
-   brass, no tractor paper, no pure white, no pure black.
+   Real objects, drawn entirely in CSS: no textures, no images.
+   A warm cream desk with chunky, rounded, brightly coloured
+   hardware sitting on it — every surface is a flat gradient,
+   every object has a thick bottom edge and a soft shadow.
 
-   Textures are CC0 (see /credits).
+   Palette: cream desk, slate hardware, cream paper, and hues
+   (orange / teal / blue / yellow / coral / mint / lilac) that
+   cycle through lists so each item reads as a different piece.
 
    NAMING RULE: never name a class after a Tailwind utility.
    `.w-screen` once collided with Tailwind's `w-screen` (100vw)
@@ -20,67 +19,78 @@
    ============================================================ */
 
 html[data-theme="web"] {
-  color-scheme: dark;
+  color-scheme: light;
 
-  /* near-black desk */
-  --desk: #141518;
-  --desk-edge: #0a0b0c;
+  /* the desk */
+  --desk: #f7e6c1;
+  --desk-2: #eed9ae;
+  --desk-3: #e0c795;
+  --desk-ink: #4c452f;
 
-  /* graphite hardware (cool) */
-  --g1: #34383c; /* lit face */
-  --g2: #212427; /* mid      */
-  --g3: #101214; /* shade    */
-  --rim: rgba(255, 255, 255, 0.1);
-  --edge: #0b0c0d;
+  /* slate hardware */
+  --chassis: #4a5f70;
+  --chassis-2: #3d5162;
+  --chassis-3: #2c3d4a;
+  --chassis-edge: #20303a;
+  --chassis-ink: #eef5f9;
+  --chassis-dim: #b3c6d3;
+  --chassis-faint: #8ba2b1;
 
-  /* machined aluminium */
-  --alu-ink: #26292c;
+  /* cream plastic (rail, deck, drawer front) */
+  --plastic: #fffdf6;
+  --plastic-2: #f5ead4;
+  --plastic-edge: #ddcaa6;
+  --plastic-ink: #46596a;
 
-  /* black glass */
-  --s1: #121417;
-  --s2: #08090b;
+  /* paper */
+  --paper: #fffdf7;
+  --paper-2: #f8efdc;
+  --paper-edge: #e4d5b7;
+  --ink: #3d4a53;
+  --ink-soft: #837b69;
 
-  /* clean paper / labels */
-  --paper: #eceae4;
-  --paper-2: #dcdad3;
-  --ink: #2b2e30;
-  --ink-soft: #62666a;
+  /* screen glass */
+  --glass-1: #43596a;
+  --glass-2: #22303a;
+  --glass-ink: #eaf4fa;
+  --glass-dim: #a7c0cf;
 
-  /* one accent */
-  --orange: #ff7a18;
-  --orange-ink: #b34e08;
+  /* hues */
+  --orange: #f4823a;
+  --orange-ink: #b64f0e;
+  --teal: #2fa89a;
+  --blue: #4c86e0;
+  --yellow: #f0bd45;
+  --coral: #ea6f6a;
+  --mint: #58bd72;
+  --lilac: #9a8ad2;
+
+  /* text on dark surfaces (keep the old token names used by the markup) */
+  --ftext: var(--chassis-ink);
+  --ftext-dim: var(--chassis-dim);
+  --ftext-faint: var(--chassis-faint);
 
   /* signals */
-  --on: #7fd3a0;
-  --off: #5a4a44;
+  --on: var(--mint);
+  --off: var(--coral);
 
-  /* text on dark */
-  --ftext: #e9eae8;
-  --ftext-dim: #a9adaa;
-  --ftext-faint: #7c807e;
-
-  /* light from above: tight contact + soft ambient */
-  --drop: 0 1px 1px rgba(0, 0, 0, 0.55), 0 18px 30px -18px rgba(0, 0, 0, 0.85);
+  --ease: cubic-bezier(0.34, 1.4, 0.5, 1);
 }
 
 /* ------------------------------------------------------------- the desk */
 
 html[data-theme="web"] body {
-  color: var(--ftext);
-  font-family: var(--font-plex), ui-sans-serif, system-ui, sans-serif;
+  color: var(--ink);
+  font-family: var(--font-round), ui-rounded, "Segoe UI", system-ui, sans-serif;
   font-size: 1rem;
-  line-height: 1.6;
+  line-height: 1.62;
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
   background-color: var(--desk);
   background-image:
-    radial-gradient(120% 70% at 50% -10%, rgba(255, 255, 255, 0.055) 0%, transparent 58%),
-    radial-gradient(150% 130% at 50% 42%, transparent 34%, rgba(0, 0, 0, 0.68) 100%),
-    linear-gradient(rgba(21, 22, 25, 0.72), rgba(10, 11, 13, 0.86)),
-    url("/textures/desk.jpg");
-  background-size: auto, auto, auto, 520px;
-  background-position: top center, center, center, center;
-  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
+    radial-gradient(120% 60% at 50% -8%, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0) 62%),
+    repeating-linear-gradient(180deg, rgba(180, 145, 90, 0.07) 0 2px, rgba(255, 255, 255, 0) 2px 7px),
+    radial-gradient(140% 120% at 50% 45%, rgba(255, 255, 255, 0) 42%, rgba(150, 115, 62, 0.18) 100%);
   background-attachment: fixed;
 }
 
@@ -89,108 +99,144 @@ html[data-theme="web"] body {
   z-index: 1;
 }
 
-/* -------------------------------------------------------------- materials */
+/* --------------------------------------------------------- the materials */
 
-/* graphite faceplate / chassis */
-.w-mt-metal {
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.12) 46%, rgba(0, 0, 0, 0.34)),
-    linear-gradient(rgba(46, 50, 54, 0.86), rgba(22, 25, 27, 0.92)),
-    url("/textures/metal.jpg") center / 340px;
-  border: 1px solid var(--edge);
+/* slate hardware: monitor, rack, panels, scoreboard */
+.w-chassis {
+  background: linear-gradient(180deg, var(--chassis) 0%, var(--chassis-2) 55%, var(--chassis-3) 100%);
+  color: var(--chassis-ink);
+  border: 2px solid var(--chassis-edge);
+  border-radius: 20px;
   box-shadow:
-    inset 0 1px 0 var(--rim),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
-    var(--drop);
+    inset 0 2px 0 rgba(255, 255, 255, 0.18),
+    inset 0 -5px 0 rgba(0, 0, 0, 0.22),
+    0 8px 0 color-mix(in srgb, var(--chassis-3) 78%, #16232b),
+    0 24px 30px -22px rgba(76, 60, 38, 0.75);
 }
 
-/* same metal, mounted flush on another surface */
-.w-mt-metal-flush {
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.32)),
-    linear-gradient(rgba(42, 46, 50, 0.88), rgba(20, 23, 25, 0.94)),
-    url("/textures/metal.jpg") center / 300px;
-  border: 1px solid var(--edge);
+/* same slate, mounted flush on another surface */
+.w-chassis-2 {
+  background: linear-gradient(180deg, var(--chassis-2), color-mix(in srgb, var(--chassis-3) 82%, #1b2831));
+  color: var(--chassis-ink);
+  border: 2px solid var(--chassis-edge);
+  border-radius: 14px;
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.09),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.5);
+    inset 0 2px 0 rgba(255, 255, 255, 0.13),
+    inset 0 -3px 0 rgba(0, 0, 0, 0.2);
 }
 
-.w-mt-plastic {
-  background: linear-gradient(180deg, #26292c, #141619);
-  border: 1px solid var(--edge);
+/* cream plastic */
+.w-plastic {
+  background: linear-gradient(180deg, var(--plastic), var(--plastic-2));
+  color: var(--plastic-ink);
+  border: 2px solid var(--plastic-edge);
+  border-radius: 16px;
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.08),
-    var(--drop);
+    inset 0 2px 0 #fff,
+    0 6px 0 var(--plastic-edge),
+    0 20px 26px -20px rgba(76, 60, 38, 0.6);
 }
 
-/* bead-blasted / brushed aluminium: plaques, tabs, plates */
-.w-mt-alu {
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 42%, rgba(0, 0, 0, 0.14)),
-    linear-gradient(100deg, #c9ccd0, #e4e7ea 22%, #bfc3c8 46%, #d9dcdf 68%, #b2b6bb),
-    url("/textures/metal.jpg") center / 280px;
-  border: 1px solid #71767c;
-  color: var(--alu-ink);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.75),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.28),
-    0 1px 1px rgba(0, 0, 0, 0.45),
-    0 16px 26px -20px rgba(0, 0, 0, 0.85);
-}
-
-/* clean paper */
-.w-mt-paper {
-  background:
-    linear-gradient(rgba(255, 255, 255, 0.34), rgba(226, 224, 217, 0.42)),
-    url("/textures/paper.jpg") center / 330px,
-    var(--paper);
+/* paper */
+.w-paper {
+  background: linear-gradient(180deg, var(--paper), var(--paper-2));
   color: var(--ink);
-  border: 1px solid rgba(60, 64, 68, 0.16);
+  border: 2px solid var(--paper-edge);
+  border-radius: 12px;
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.7),
-    0 1px 1px rgba(0, 0, 0, 0.35),
-    0 18px 26px -20px rgba(0, 0, 0, 0.9);
+    inset 0 2px 0 #fff,
+    0 5px 0 var(--paper-edge),
+    0 20px 26px -20px rgba(76, 60, 38, 0.6);
 }
 
-/* black glass */
-.w-mt-glass {
+/* a recessed well (inside a drawer, under paper) */
+.w-well {
+  background: linear-gradient(180deg, color-mix(in srgb, var(--desk-2) 72%, #fff), var(--desk-2));
+  border: 2px solid var(--desk-3);
+  border-radius: 14px;
+  box-shadow: inset 0 8px 14px -6px rgba(140, 105, 55, 0.35);
+}
+
+/* dark glass screen */
+.w-glass {
   position: relative;
   background:
-    radial-gradient(120% 90% at 28% -14%, rgba(255, 255, 255, 0.06), transparent 55%),
-    radial-gradient(90% 70% at 80% 108%, rgba(255, 122, 24, 0.06), transparent 60%),
-    linear-gradient(158deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0) 34%),
-    linear-gradient(var(--s1), var(--s2));
-  border: 1px solid #050607;
+    radial-gradient(120% 100% at 24% -20%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 58%),
+    linear-gradient(163deg, var(--glass-1), var(--glass-2));
+  border: 2px solid #1b2731;
+  border-radius: 14px;
   box-shadow:
-    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
-    inset 0 22px 44px rgba(0, 0, 0, 0.72),
-    0 1px 0 rgba(255, 255, 255, 0.06);
+    inset 0 0 0 2px rgba(255, 255, 255, 0.05),
+    inset 0 20px 34px rgba(0, 0, 0, 0.35);
   overflow: hidden;
 }
+/* a single glossy streak sweeping across the top-left, like real glass */
+.w-glass::after {
+  content: "";
+  position: absolute;
+  left: -8%;
+  right: 52%;
+  top: 1%;
+  height: 30%;
+  transform: rotate(-8deg);
+  border-radius: 999px;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
+  pointer-events: none;
+}
+
+/* a brightly coloured chip (section tabs, tags) */
+.w-chip {
+  --tone: var(--orange);
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  padding: 0.34rem 0.7rem;
+  border-radius: 999px;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.64rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 88%, #fff), var(--tone));
+  border: 2px solid color-mix(in srgb, var(--tone) 62%, #2b3a44);
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.4),
+    0 4px 0 color-mix(in srgb, var(--tone) 62%, #2b3a44);
+}
+
+/* a big coloured sticker/tag (stats) */
+.w-sticker {
+  --tone: var(--orange);
+  position: relative;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 88%, #fff), var(--tone));
+  color: #fff;
+  border: 2px solid color-mix(in srgb, var(--tone) 62%, #2b3a44);
+  border-radius: 18px;
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.42),
+    0 6px 0 color-mix(in srgb, var(--tone) 62%, #2b3a44),
+    0 18px 24px -16px rgba(76, 60, 38, 0.7);
+}
 
 /* --------------------------------------------------------------- details */
 
 .w-screw {
   position: relative;
-  width: 11px;
-  height: 11px;
+  width: 12px;
+  height: 12px;
   border-radius: 50%;
   flex: none;
-  background: radial-gradient(circle at 34% 28%, #9aa0a6, #33383c 70%);
-  box-shadow:
-    inset 0 0 0 1px rgba(0, 0, 0, 0.6),
-    0 1px 1px rgba(0, 0, 0, 0.5);
-}
-.w-screw--alu {
-  background: radial-gradient(circle at 34% 28%, #f2f4f6, #8a9096 72%);
+  background: radial-gradient(circle at 34% 28%, #ffffff, #ccd6dd 52%, #93a2ad);
+  border: 1px solid #7d8b96;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
 }
 .w-screw::after {
   content: "";
   position: absolute;
-  inset: 3px;
-  background: #0d0f11;
-  border-radius: 1px;
+  inset: 2px;
+  background: #6f7d88;
   clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
 }
 
@@ -201,158 +247,171 @@ html[data-theme="web"] body {
 .w-corner-bl { position: absolute; bottom: 12px; left: 12px; }
 .w-corner-br { position: absolute; bottom: 12px; right: 12px; }
 
-.w-vents {
-  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.9) 1.1px, transparent 1.35px);
-  background-size: 8px 8px;
+.w-led {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex: none;
+  background: currentColor;
+  box-shadow:
+    0 0 0 2px rgba(20, 30, 38, 0.16),
+    inset 0 -2px 2px rgba(0, 0, 0, 0.28),
+    inset 0 2px 1px rgba(255, 255, 255, 0.65),
+    0 0 10px color-mix(in srgb, currentColor 55%, transparent);
+}
+.w-led--on { color: var(--mint); }
+.w-led--amber { color: var(--orange); }
+.w-led--off { color: #b9c3ca; box-shadow: 0 0 0 2px rgba(20, 30, 38, 0.12), inset 0 2px 2px rgba(0, 0, 0, 0.18); }
+.w-led--pulse { animation: w-pulse 1.9s ease-in-out infinite; }
+.w-led--pulse-slow { animation: w-pulse 3.4s ease-in-out infinite; }
+@keyframes w-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.35; }
 }
 
 .w-grille {
   background-image: repeating-linear-gradient(
     180deg,
-    #0d0f10 0 2px,
-    #4d5358 2px 3px,
-    #1b1e20 3px 5px,
-    #0d0f10 5px 7px
+    rgba(24, 36, 44, 0.85) 0 3px,
+    rgba(255, 255, 255, 0.16) 3px 4px,
+    rgba(255, 255, 255, 0) 4px 9px
   );
 }
 
-.w-led {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  flex: none;
-  background: currentColor;
-  box-shadow:
-    0 0 6px currentColor,
-    inset 0 0 2px rgba(255, 255, 255, 0.6);
-}
-.w-led--on { color: var(--on); }
-.w-led--amber { color: var(--orange); }
-.w-led--off { color: var(--off); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8); }
-.w-led--pulse { animation: w-pulse 1.8s ease-in-out infinite; }
-.w-led--pulse-slow { animation: w-pulse 3.2s ease-in-out infinite; }
-@keyframes w-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.32; }
+.w-vents {
+  background-image: radial-gradient(circle, rgba(24, 36, 44, 0.75) 1.6px, rgba(255, 255, 255, 0) 2px);
+  background-size: 9px 9px;
 }
 
-/* A printed label stuck onto hardware: crisp, matte, thin border. */
+/* rack rails: a column of round holes */
+.w-rails {
+  border-radius: 7px;
+  background-color: #cbd7de;
+  background-image: radial-gradient(circle at 50% 50%, #77889a 0 3.2px, rgba(0, 0, 0, 0) 3.6px);
+  background-size: 100% 22px;
+  background-position: 50% 8px;
+  border: 2px solid #a7b6c0;
+  box-shadow: inset 0 1px 0 #fff;
+}
+
+/* a printed label stuck onto hardware */
 .w-tape {
   display: inline-block;
   max-width: 100%;
-  padding: 0.16rem 0.5rem;
-  color: #3a3e42;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.66rem;
-  letter-spacing: 0.02em;
-  background: linear-gradient(#f2f1ed, #e2e1db);
-  border: 1px solid rgba(40, 44, 48, 0.22);
-  border-radius: 3px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
+  padding: 0.14rem 0.5rem;
+  border-radius: 8px;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 700;
+  font-size: 0.68rem;
+  letter-spacing: 0.01em;
+  color: #46596a;
+  background: #fffdf4;
+  border: 2px solid #e2d5b8;
+  box-shadow: 0 2px 0 #e2d5b8;
 }
 
-/* rack rails: a column of square holes */
-.w-rails {
-  border-radius: 3px;
-  background-image:
-    radial-gradient(circle at 50% 50%, #060708 0 2.6px, rgba(0, 0, 0, 0) 3.1px),
-    linear-gradient(90deg, #2c3034, #14171a 62%, #0a0c0e);
-  background-size: 100% 22px, auto;
-  background-repeat: repeat, no-repeat;
-  background-position: 50% 8px, center;
-  box-shadow:
-    inset 0 0 0 1px rgba(0, 0, 0, 0.6),
-    inset 1px 0 0 rgba(255, 255, 255, 0.05);
+/* a pushpin */
+.w-pin {
+  --tone: var(--coral);
+  width: 17px;
+  height: 17px;
+  border-radius: 50%;
+  flex: none;
+  background: radial-gradient(circle at 34% 30%, #fff 0 14%, var(--tone) 46%, color-mix(in srgb, var(--tone) 60%, #000) 100%);
+  box-shadow: 0 3px 4px rgba(110, 80, 40, 0.45);
 }
 
-/* laser-etched lettering in metal */
-.w-engrave {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  color: #c3c7ca;
-  text-shadow:
-    0 1px 0 rgba(0, 0, 0, 0.9),
-    0 -1px 0 rgba(255, 255, 255, 0.07);
-}
-/* etched into aluminium: dark, hairline-deep */
-.w-engrave-dark {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  color: #2b2f33;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
+/* a barcode strip printed on labels */
+.w-barcode {
+  display: block;
+  height: 12px;
+  border-radius: 2px;
+  background:
+    repeating-linear-gradient(
+      90deg,
+      #46596a 0 1px,
+      transparent 1px 2px,
+      #46596a 2px 3px,
+      transparent 3px 5px,
+      #46596a 5px 6px,
+      transparent 6px 9px,
+      #46596a 9px 12px,
+      transparent 12px 13px
+    );
+  opacity: 0.75;
 }
 
 /* ------------------------------------------------------ text & typography */
 
 .w-display {
-  font-family: var(--font-plex), ui-sans-serif, system-ui, sans-serif;
-  font-weight: 600;
-  letter-spacing: -0.024em;
-  line-height: 1.04;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  letter-spacing: -0.015em;
+  line-height: 1.06;
 }
 .w-serif {
   font-family: var(--font-news), Georgia, serif;
   font-weight: 500;
-  letter-spacing: -0.012em;
-  line-height: 1.1;
+  letter-spacing: -0.01em;
+  line-height: 1.12;
 }
 .w-mono {
   font-family: var(--font-plexmono), ui-monospace, monospace;
 }
 .w-kicker {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
   font-size: 0.66rem;
   letter-spacing: 0.16em;
   text-transform: uppercase;
-  color: var(--ftext-faint);
+  color: var(--ink-soft);
 }
 .w-prose {
   font-size: 1rem;
-  line-height: 1.68;
+  line-height: 1.66;
 }
+
 .w-link {
-  color: var(--orange);
+  color: var(--orange-ink);
   text-decoration: underline;
   text-underline-offset: 3px;
-  text-decoration-thickness: 1px;
-  text-decoration-color: rgba(255, 122, 24, 0.4);
+  text-decoration-thickness: 2px;
+  text-decoration-color: color-mix(in srgb, var(--orange) 45%, transparent);
 }
 .w-link:hover { text-decoration-color: var(--orange); }
-.w-mt-paper .w-link,
-.w-sheet .w-link,
-.w-note .w-link {
-  color: var(--orange-ink);
-  text-decoration-color: rgba(179, 78, 8, 0.4);
+.w-chassis .w-link,
+.w-chassis-2 .w-link,
+.w-glass .w-link {
+  color: #ffc48c;
+  text-decoration-color: rgba(255, 196, 140, 0.45);
 }
-.w-mt-paper .w-link:hover { text-decoration-color: var(--orange-ink); }
-.w-mt-alu .w-link {
-  color: #a34a08;
-  text-decoration-color: rgba(163, 74, 8, 0.45);
-}
-.w-mt-alu .w-link:hover { text-decoration-color: #a34a08; }
+.w-chassis .w-link:hover,
+.w-chassis-2 .w-link:hover,
+.w-glass .w-link:hover { text-decoration-color: #ffc48c; }
 
-/* printed on a dark surface */
+/* text painted/printed on the desk */
 .w-paint {
-  color: var(--ftext);
-  text-shadow:
-    0 1px 0 rgba(0, 0, 0, 0.85),
-    0 0 26px rgba(0, 0, 0, 0.6);
+  color: var(--ink);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
 }
 
-/* terminal text on a screen */
+/* terminal text on the screen */
 .w-tft {
   font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.8rem;
-  line-height: 1.75;
-  color: var(--ftext-dim);
+  font-size: 0.82rem;
+  line-height: 1.7;
+  color: var(--glass-dim);
   position: relative;
   z-index: 1;
 }
-.w-tft b { color: var(--ftext); font-weight: 400; }
-.w-tft .a { color: var(--orange); }
+.w-tft b { color: var(--glass-ink); font-weight: 400; }
+.w-tft .a { color: #ffc48c; }
 .w-caret {
   display: inline-block;
   width: 0.55em;
   height: 1.02em;
   vertical-align: -0.16em;
+  border-radius: 2px;
   background: var(--orange);
   animation: w-blink 1.1s step-end infinite;
 }
@@ -360,103 +419,114 @@ html[data-theme="web"] body {
   0%, 49% { opacity: 1; }
   50%, 100% { opacity: 0; }
 }
-.w-cmd {
-  display: inline-block;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.84rem;
-  color: var(--orange);
-  border-bottom: 1px solid rgba(255, 122, 24, 0.32);
-  padding-bottom: 2px;
-  transition: text-shadow 160ms ease-out, border-color 160ms ease-out;
-}
-.w-cmd:hover {
-  text-shadow: 0 0 12px rgba(255, 122, 24, 0.55);
-  border-bottom-color: var(--orange);
-}
-
-/* a barcode strip printed on labels */
-.w-barcode {
-  display: block;
-  height: 12px;
-  border-radius: 1px;
-  background:
-    repeating-linear-gradient(
-      90deg,
-      #2b2e30 0 1px,
-      transparent 1px 2px,
-      #2b2e30 2px 3px,
-      transparent 3px 5px,
-      #2b2e30 5px 6px,
-      transparent 6px 9px,
-      #2b2e30 9px 12px,
-      transparent 12px 13px
-    );
-  opacity: 0.85;
-}
 
 /* ------------------------------------------------------------ chunky keys */
 
 .w-keybtn {
   display: inline-flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.85rem;
-  border-radius: 7px;
-  background: linear-gradient(180deg, #363a3e, #1b1e21);
-  border: 1px solid #0a0b0c;
-  color: var(--ftext);
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.72rem;
-  letter-spacing: 0.04em;
+  gap: 0.45rem;
+  padding: 0.45rem 0.8rem;
+  border-radius: 12px;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.76rem;
+  color: var(--plastic-ink);
+  background: linear-gradient(180deg, var(--plastic), var(--plastic-2));
+  border: 2px solid var(--plastic-edge);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.14),
-    0 2px 0 #0a0b0c,
-    0 10px 16px -8px rgba(0, 0, 0, 0.8);
-  transition: filter 140ms ease-out, transform 80ms ease-out, box-shadow 80ms ease-out;
+    inset 0 2px 0 #fff,
+    0 4px 0 var(--plastic-edge);
+  transition: transform 110ms var(--ease), box-shadow 110ms var(--ease), filter 140ms ease-out;
 }
-.w-keybtn:hover { filter: brightness(1.12); }
+.w-keybtn:hover { filter: brightness(1.03); transform: translateY(-1px); }
 .w-keybtn:active {
-  transform: translateY(2px);
+  transform: translateY(3px);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.08),
-    0 0 0 #0a0b0c,
-    0 5px 10px -6px rgba(0, 0, 0, 0.8);
+    inset 0 2px 0 #fff,
+    0 1px 0 var(--plastic-edge);
+}
+
+/* the accent key/button (orange) */
+.w-btn-accent {
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--orange) 88%, #fff), var(--orange));
+  border-color: color-mix(in srgb, var(--orange) 62%, #2b3a44);
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.4),
+    0 4px 0 color-mix(in srgb, var(--orange) 62%, #2b3a44);
+}
+.w-btn-accent:active {
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.35),
+    0 1px 0 color-mix(in srgb, var(--orange) 62%, #2b3a44);
+}
+
+/* chunky terminal button (on the screen) */
+.w-cmd {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.55rem 0.95rem;
+  border-radius: 12px;
+  font-family: var(--font-plexmono), ui-monospace, monospace;
+  font-size: 0.78rem;
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--orange) 88%, #fff), var(--orange));
+  border: 2px solid color-mix(in srgb, var(--orange) 62%, #2b3a44);
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.4),
+    0 4px 0 color-mix(in srgb, var(--orange) 62%, #2b3a44);
+  transition: transform 110ms var(--ease), box-shadow 110ms var(--ease), filter 140ms ease-out;
+}
+.w-cmd:hover { filter: brightness(1.06); transform: translateY(-1px); }
+.w-cmd:active {
+  transform: translateY(3px);
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.35),
+    0 1px 0 color-mix(in srgb, var(--orange) 62%, #2b3a44);
+}
+.w-cmd--quiet {
+  color: var(--glass-ink);
+  background: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.22);
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.14),
+    0 4px 0 rgba(0, 0, 0, 0.28);
+}
+.w-cmd--quiet:active {
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.1),
+    0 1px 0 rgba(0, 0, 0, 0.28);
 }
 
 /* rocker power switch */
 .w-rocker {
   position: relative;
-  width: 58px;
-  height: 30px;
-  border-radius: 7px;
+  width: 62px;
+  height: 32px;
+  border-radius: 999px;
   flex: none;
-  background: linear-gradient(180deg, #0a0b0c, #1a1d20);
-  border: 1px solid #000;
-  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.85);
+  background: linear-gradient(180deg, #2c3d4a, #4a5f70);
+  border: 2px solid #20303a;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45);
 }
 .w-rocker__knob {
   position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 25px;
-  height: 22px;
-  border-radius: 5px;
-  background: linear-gradient(180deg, #54595e, #26292c);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.24),
-    0 2px 4px rgba(0, 0, 0, 0.65);
-  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-.w-rocker__knob::after {
-  content: "";
-  position: absolute;
-  inset: 6px 5px;
-  border-radius: 2px;
-  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 4px);
+  top: 2px;
+  left: 2px;
+  width: 26px;
+  height: 24px;
+  border-radius: 999px;
+  background: linear-gradient(180deg, #fffdf7, #e8dcc4);
+  border: 1px solid #cbbda0;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
+  transition: transform 180ms var(--ease);
 }
 .w-rocker__led {
   position: absolute;
-  right: 7px;
+  right: 8px;
   top: 50%;
   transform: translateY(-50%);
 }
@@ -467,63 +537,54 @@ html[data-theme="web"] body {
 
 .w-monitor__frame {
   position: relative;
-  padding: 10px 10px 28px;
-  border-radius: 14px;
-  background: linear-gradient(180deg, #26292c, #101214);
-  border: 1px solid #060708;
+  padding: 12px 12px 34px;
+  border-radius: 24px;
+  background: linear-gradient(180deg, var(--chassis) 0%, var(--chassis-2) 58%, var(--chassis-3) 100%);
+  border: 2px solid var(--chassis-edge);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.1),
-    inset 0 -2px 0 rgba(0, 0, 0, 0.6),
-    var(--drop);
+    inset 0 2px 0 rgba(255, 255, 255, 0.2),
+    inset 0 -6px 0 rgba(0, 0, 0, 0.22),
+    0 10px 0 color-mix(in srgb, var(--chassis-3) 78%, #16232b),
+    0 26px 32px -24px rgba(76, 60, 38, 0.8);
 }
 
 .w-monitor__glass {
-  border-radius: 7px;
-  padding: clamp(1.4rem, 3.4vw, 2.6rem);
+  border-radius: 14px;
+  padding: clamp(1.4rem, 3.4vw, 2.5rem);
   min-height: clamp(320px, 42vw, 420px);
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 
-/* the faint diagonal reflection you get across a real panel */
-.w-monitor__glass::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background: linear-gradient(114deg, rgba(255, 255, 255, 0.05) 0 16%, rgba(255, 255, 255, 0) 40%);
-}
-
 .w-monitor__chin {
   position: absolute;
-  left: 16px;
-  right: 16px;
-  bottom: 8px;
+  left: 20px;
+  right: 20px;
+  bottom: 10px;
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 9px;
 }
 .w-monitor__brand {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.58rem;
-  letter-spacing: 0.34em;
-  color: #6f757a;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.62rem;
+  letter-spacing: 0.28em;
+  color: var(--chassis-faint);
 }
 .w-monitor__osd {
   margin-left: auto;
   display: flex;
-  gap: 5px;
+  gap: 6px;
 }
 .w-osdkey {
-  width: 22px;
-  height: 11px;
-  border-radius: 3px;
-  background: linear-gradient(180deg, #3a3e42, #212427);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.14),
-    0 1px 0 #090a0b;
+  width: 24px;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(180deg, #62798b, #3d5162);
+  border: 1px solid #20303a;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
 }
 
 .w-monitor__stand {
@@ -533,152 +594,141 @@ html[data-theme="web"] body {
   align-items: center;
 }
 .w-monitor__neck {
-  width: 72px;
-  height: 52px;
+  width: 84px;
+  height: 54px;
   margin-top: -2px;
-  background: linear-gradient(90deg, #1b1e21, #383d41 38%, #131518);
+  background: linear-gradient(90deg, #2c3d4a, #56707f 40%, #26343d);
   clip-path: polygon(24% 0, 76% 0, 100% 100%, 0 100%);
-  box-shadow: 0 8px 14px -8px rgba(0, 0, 0, 0.85);
 }
 .w-monitor__base {
-  width: min(250px, 60%);
-  height: 14px;
-  border-radius: 50% / 60%;
-  background: linear-gradient(180deg, #3a3f43, #121417);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.14),
-    0 16px 22px -10px rgba(0, 0, 0, 0.9);
+  width: min(260px, 60%);
+  height: 18px;
+  border-radius: 999px;
+  background: linear-gradient(180deg, #56707f, #2c3d4a);
+  border: 2px solid #20303a;
+  box-shadow: 0 6px 0 #22303a;
 }
 
-/* keyboard: low-profile keycaps, seen slightly from above */
+/* keyboard: chunky candy keycaps, seen slightly from above */
 .w-keyboard {
-  transform: perspective(760px) rotateX(17deg);
+  transform: perspective(900px) rotateX(14deg);
   transform-origin: 50% 0;
-  filter: drop-shadow(0 22px 20px rgba(0, 0, 0, 0.6));
+  filter: drop-shadow(0 20px 16px rgba(76, 60, 38, 0.35));
 }
 .w-keyboard__deck {
-  padding: 12px 12px 14px;
-  border-radius: 10px;
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.36)),
-    linear-gradient(rgba(32, 35, 38, 0.66), rgba(14, 16, 18, 0.76)),
-    url("/textures/carbon.jpg") center / 150px,
-    #131518;
-  border: 1px solid #08090b;
+  padding: 13px 13px 15px;
+  border-radius: 18px;
+  background: linear-gradient(180deg, var(--plastic), var(--plastic-2));
+  border: 2px solid var(--plastic-edge);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.1),
-    inset 0 -3px 0 rgba(0, 0, 0, 0.5);
-}
-/* the light bar mechanical keyboards have under the spacebar row */
-.w-keyboard__bar {
-  height: 3px;
-  margin: 10px 6px 0;
-  border-radius: 2px;
-  background: linear-gradient(90deg, rgba(255, 122, 24, 0) 0%, rgba(255, 122, 24, 0.85) 50%, rgba(255, 122, 24, 0) 100%);
-  box-shadow: 0 0 10px rgba(255, 122, 24, 0.5);
+    inset 0 2px 0 #fff,
+    inset 0 -4px 0 rgba(0, 0, 0, 0.06);
 }
 .w-keyboard__row {
   display: flex;
-  gap: 6px;
+  gap: 7px;
   justify-content: center;
 }
-.w-keyboard__row + .w-keyboard__row { margin-top: 7px; }
+.w-keyboard__row + .w-keyboard__row { margin-top: 8px; }
 .w-key {
+  --tone: var(--plastic);
   flex: 1 1 0;
   min-width: 0;
-  height: 33px;
-  border-radius: 5px;
+  height: 34px;
+  border-radius: 9px;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.56rem;
-  color: #8b9196;
-  background: linear-gradient(180deg, #33383c 0%, #24282b 60%, #1b1e21 100%);
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.58rem;
+  color: color-mix(in srgb, var(--tone) 30%, #2b3a44);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 40%, #fff), color-mix(in srgb, var(--tone) 82%, #fff));
+  border: 1px solid color-mix(in srgb, var(--tone) 55%, #b7a887);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.14),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.6),
-    0 2px 0 #0c0e10,
-    0 3px 4px rgba(0, 0, 0, 0.5);
+    inset 0 2px 0 rgba(255, 255, 255, 0.75),
+    0 3px 0 color-mix(in srgb, var(--tone) 50%, #b7a887);
 }
 .w-key--space { flex: 4.4 1 0; }
 .w-key--accent {
-  color: #ffd9b8;
-  background: linear-gradient(180deg, #b8560f 0%, #8e3f08 60%, #6f3106 100%);
+  color: #fff;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--orange) 88%, #fff), var(--orange));
+  border-color: color-mix(in srgb, var(--orange) 62%, #2b3a44);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.22),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.5),
-    0 2px 0 #3d1a03,
-    0 3px 4px rgba(0, 0, 0, 0.5);
+    inset 0 2px 0 rgba(255, 255, 255, 0.4),
+    0 3px 0 color-mix(in srgb, var(--orange) 62%, #2b3a44);
+}
+.w-keyboard__bar {
+  height: 5px;
+  margin: 12px 8px 2px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, rgba(244, 130, 58, 0) 0%, var(--orange) 50%, rgba(244, 130, 58, 0) 100%);
+  opacity: 0.75;
 }
 
-/* ---------------------------------------------------------------- THE RACK */
+/* ------------------------------------------------------------------ THE RACK */
 
-.w-rack { padding: 14px; border-radius: 14px; }
+.w-rack { padding: 16px; border-radius: 24px; }
 .w-rack__top {
   display: flex;
   align-items: center;
   gap: 12px;
-  padding: 0 4px 12px;
+  padding: 0 4px 14px;
 }
 .w-rack__vent {
   margin-left: auto;
   width: clamp(60px, 18%, 150px);
-  height: 20px;
-  border-radius: 4px;
-  border: 1px solid #090a0b;
-  background-color: #101214;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
+  height: 22px;
+  border-radius: 8px;
+  border: 2px solid rgba(11, 20, 26, 0.5);
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
 }
 .w-rack__grid {
   display: grid;
-  grid-template-columns: 20px minmax(0, 1fr) 20px;
-  gap: 8px;
+  grid-template-columns: 22px minmax(0, 1fr) 22px;
+  gap: 9px;
   align-items: stretch;
 }
 
-/* one rack unit: 1U of anodised faceplate */
+/* one rack unit */
 .w-unit {
+  --tone: var(--teal);
   position: relative;
   display: flex;
   align-items: center;
   gap: 14px;
-  min-height: 64px;
+  min-height: 66px;
   padding: 10px 16px;
-  border-radius: 6px;
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.14) 52%, rgba(0, 0, 0, 0.34)),
-    linear-gradient(rgba(33, 37, 41, 0.9), rgba(14, 16, 18, 0.95)),
-    url("/textures/metal.jpg") center / 320px;
-  border: 1px solid var(--edge);
+  border-radius: 14px;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--chassis) 88%, #fff), var(--chassis-2));
+  border: 2px solid rgba(11, 20, 26, 0.45);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.08),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.5),
-    0 3px 5px -2px rgba(0, 0, 0, 0.65);
-  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms ease-out;
+    inset 0 2px 0 rgba(255, 255, 255, 0.22),
+    0 4px 0 rgba(20, 32, 40, 0.35);
+  transition: transform 150ms var(--ease), filter 150ms ease-out;
 }
-.w-unit + .w-unit { margin-top: 7px; }
+.w-unit + .w-unit { margin-top: 9px; }
 .w-unit--link:hover {
   transform: translateX(4px);
-  filter: brightness(1.12);
+  filter: brightness(1.05);
 }
-/* the small vertical grip on the left of a rack unit */
+/* the coloured label strip down the left edge */
 .w-unit__grip {
-  width: 12px;
-  height: 34px;
-  border-radius: 3px;
+  width: 14px;
+  height: 40px;
+  border-radius: 999px;
   flex: none;
-  background:
-    repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0 2px, rgba(255, 255, 255, 0.06) 2px 3px),
-    linear-gradient(90deg, #22262a, #40454a 55%, #141719);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 80%, #fff), var(--tone));
+  border: 2px solid color-mix(in srgb, var(--tone) 60%, #22303a);
 }
 .w-unit__grille {
   width: 54px;
   height: 38px;
-  border-radius: 4px;
+  border-radius: 10px;
   flex: none;
-  border: 1px solid #0a0b0c;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
+  background-color: rgba(20, 32, 40, 0.35);
+  border: 1px solid rgba(255, 255, 255, 0.12);
 }
 .w-unit__id {
   min-width: 0;
@@ -686,9 +736,11 @@ html[data-theme="web"] body {
 }
 .w-unit__name {
   display: block;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 1rem;
-  letter-spacing: 0.03em;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 1.05rem;
+  letter-spacing: 0.01em;
+  color: var(--chassis-ink);
 }
 .w-unit__state {
   display: flex;
@@ -697,52 +749,60 @@ html[data-theme="web"] body {
   flex: none;
 }
 .w-unit__status {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.62rem;
-  letter-spacing: 0.18em;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.66rem;
+  letter-spacing: 0.14em;
 }
+.w-unit__status.is-on { color: var(--mint); }
+.w-unit__status.is-off { color: var(--coral); }
+.w-unit__status.is-wait { color: var(--yellow); }
 .w-unit__screws {
   position: absolute;
-  top: 6px;
-  right: 7px;
-  bottom: 6px;
+  top: 7px;
+  right: 8px;
+  bottom: 7px;
   display: none;
   flex-direction: column;
   justify-content: space-between;
 }
 @media (min-width: 640px) {
   .w-unit__screws { display: flex; }
-  .w-unit__state { margin-right: 16px; }
+  .w-unit__state { margin-right: 18px; }
 }
 
-/* ------------------------------------------------------- aluminium plaques */
+/* ------------------------------------------------------------- stat stickers */
 
 .w-plaque {
   position: relative;
-  padding: 0.8rem 1rem;
-  border-radius: 5px;
   display: flex;
   align-items: baseline;
   gap: 0.7rem;
+  padding: 0.85rem 1.05rem;
+  border-radius: 18px;
 }
 .w-plaque__value {
-  font-family: var(--font-plex), ui-sans-serif, system-ui, sans-serif;
-  font-size: 1.85rem;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 2rem;
   line-height: 1;
-  font-weight: 600;
-  letter-spacing: -0.03em;
+  letter-spacing: -0.02em;
+  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.14);
 }
 .w-plaque__label {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.6rem;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 700;
+  font-size: 0.62rem;
   letter-spacing: 0.12em;
   text-transform: uppercase;
-  opacity: 0.7;
+  opacity: 0.92;
 }
 .w-plaque__dot {
   position: absolute;
-  top: 7px;
-  right: 8px;
+  top: 9px;
+  right: 10px;
+  color: #fff !important;
+  box-shadow: none !important;
 }
 
 /* --------------------------------------------------------- section headers */
@@ -752,20 +812,9 @@ html[data-theme="web"] body {
   align-items: center;
   gap: 1rem;
   flex-wrap: wrap;
-  margin-bottom: 1.35rem;
+  margin-bottom: 1.4rem;
 }
-.w-sechead__tab {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.3rem 0.7rem;
-  border-radius: 4px;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.64rem;
-  letter-spacing: 0.18em;
-  text-transform: uppercase;
-}
-.w-sechead__tab b { color: var(--orange-ink); font-weight: 400; }
+.w-sechead__tab { transform: rotate(-1.5deg); }
 .w-sechead__title {
   font-size: clamp(1.4rem, 3.2vw, 1.95rem);
 }
@@ -773,172 +822,179 @@ html[data-theme="web"] body {
 /* ------------------------------------------------------------------ paper */
 
 .w-sheet {
+  position: relative;
+  padding: clamp(1.5rem, 3vw, 2.1rem);
+}
+/* a strip of washi tape holding the sheet down */
+.w-sheet::before {
+  content: "";
+  position: absolute;
+  top: -12px;
+  left: 34px;
+  width: 104px;
+  height: 28px;
+  transform: rotate(-3.5deg);
   border-radius: 3px;
-  padding: clamp(1.4rem, 3vw, 2.1rem);
+  background: color-mix(in srgb, var(--teal) 42%, rgba(255, 255, 255, 0.5));
+  border: 1px dashed rgba(255, 255, 255, 0.55);
+  box-shadow: 0 2px 3px rgba(76, 60, 38, 0.18);
 }
 .w-sheet__head {
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  padding-bottom: 0.7rem;
-  border-bottom: 1px solid rgba(60, 64, 68, 0.22);
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.64rem;
-  letter-spacing: 0.14em;
+  padding-bottom: 0.65rem;
+  border-bottom: 2px dashed var(--paper-edge);
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.66rem;
+  letter-spacing: 0.12em;
   text-transform: uppercase;
   color: var(--ink-soft);
 }
 
 .w-rule {
-  border-bottom: 1px solid rgba(60, 64, 68, 0.2);
+  border-bottom: 2px dashed var(--paper-edge);
 }
 
-/* small card, slightly off-square like a real card index */
+/* a card with a coloured header strip */
 .w-cardindex {
-  border-radius: 3px;
-  padding: 1.05rem 1.1rem;
-  transform: rotate(-0.7deg);
-}
-.w-cardindex--alt { transform: rotate(0.8deg); }
-
-/* matte memo note */
-.w-note {
+  --tone: var(--teal);
   position: relative;
-  padding: 1.15rem 1.2rem 1.3rem;
-  border-radius: 3px;
-  background:
-    linear-gradient(rgba(255, 255, 255, 0.5), rgba(226, 223, 214, 0.4)),
-    url("/textures/paper.jpg") center / 300px,
-    #e7e5dd;
-  color: #34383b;
-  border: 1px solid rgba(60, 64, 68, 0.2);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.6),
-    0 1px 1px rgba(0, 0, 0, 0.35),
-    0 16px 22px -16px rgba(0, 0, 0, 0.9);
-  transform: rotate(0.9deg);
+  padding: 1.35rem 1.1rem 1.05rem;
+  transform: rotate(-0.8deg);
 }
-/* the lifted corner */
-.w-note::after {
+.w-cardindex::before {
   content: "";
   position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 32px;
-  height: 32px;
-  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.6) 54%);
-  border-bottom-right-radius: 3px;
+  top: 10px;
+  left: 14px;
+  right: 14px;
+  height: 7px;
+  border-radius: 999px;
+  background: var(--tone);
+  opacity: 0.85;
+}
+.w-cardindex--alt { transform: rotate(0.9deg); }
+
+/* memo note with a pin */
+.w-note {
+  position: relative;
+  padding: 1.5rem 1.2rem 1.2rem;
+  border-radius: 14px;
+  transform: rotate(1deg);
+  background: linear-gradient(180deg, #fde9a8, #f7d97f);
+  border: 2px solid #e6c364;
+  color: #5c4a1f;
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.6),
+    0 5px 0 #e6c364,
+    0 20px 26px -20px rgba(76, 60, 38, 0.6);
+}
+.w-note .w-pin {
+  position: absolute;
+  top: -8px;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
-/* a matte black pen resting on the desk */
+/* a cartoon pencil resting on the desk */
 .w-pen {
+  --tone: var(--yellow);
   position: relative;
-  height: 9px;
-  border-radius: 4px;
+  height: 13px;
+  border-radius: 999px;
   background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.4) 60%),
-    linear-gradient(90deg, #1f2225 0 78%, #c8ccd0 78% 84%, #6f757a 84% 88%, #c8ccd0 88% 92%, #1b1e21 92% 100%),
-    #202326;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55);
-  transform: rotate(-2.2deg);
+    linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.06) 60%),
+    linear-gradient(
+      90deg,
+      #e8b98a 0 12%,
+      #4a5f70 12% 14%,
+      var(--tone) 14% 82%,
+      #dfe6ea 82% 86%,
+      var(--coral) 86% 100%
+    );
+  border: 2px solid rgba(76, 60, 38, 0.35);
+  transform: rotate(-2.4deg);
 }
 
 /* --------------------------------------------------------- drawer of drives */
 
-.w-drawer {
-  border-radius: 14px;
-  padding: 12px;
-}
+.w-drawer { padding: 14px; border-radius: 24px; }
 .w-drawer__inner {
-  border-radius: 8px;
-  padding: 14px;
-  border: 1px solid #08090b;
-  background:
-    linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.18) 18%, rgba(0, 0, 0, 0.26)),
-    linear-gradient(rgba(30, 33, 36, 0.9), rgba(16, 18, 20, 0.95)),
-    url("/textures/plastic.jpg") center / 260px;
-  box-shadow:
-    inset 0 14px 20px -12px rgba(0, 0, 0, 0.9),
-    inset 0 -20px 26px -20px rgba(0, 0, 0, 0.95),
-    inset 0 -2px 0 rgba(255, 255, 255, 0.03);
+  padding: 16px;
   max-height: 540px;
   overflow-y: auto;
   scrollbar-gutter: stable;
 }
 .w-drawer__front {
-  margin-top: 12px;
+  margin-top: 14px;
   display: flex;
   align-items: center;
   gap: 14px;
-  padding: 10px 16px;
-  border-radius: 8px;
+  padding: 12px 18px;
 }
 .w-drawer__handle {
   flex: none;
   width: 46%;
-  max-width: 300px;
-  height: 15px;
+  max-width: 320px;
+  height: 18px;
   margin: 0 auto;
-  border-radius: 8px;
-  background: linear-gradient(180deg, #3f4448, #1b1e21);
-  border: 1px solid #090a0b;
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.16),
-    0 3px 5px -2px rgba(0, 0, 0, 0.75);
+  border-radius: 999px;
+  background: linear-gradient(180deg, #93a8b6, #58707f);
+  border: 2px solid #2c3d4a;
+  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4);
 }
 
-/* 2.5" drive with a clean printed label */
+/* a drive with a printed label */
 .w-drive {
+  --tone: var(--blue);
   position: relative;
   display: block;
-  /* rotation lives in --tilt so hover can still override the transform */
   transform: rotate(var(--tilt, 0deg));
-  padding: 12px 14px 12px 12px;
-  border-radius: 5px;
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.34)),
-    linear-gradient(rgba(40, 44, 48, 0.86), rgba(18, 21, 23, 0.92)),
-    url("/textures/metal.jpg") center / 300px;
-  border: 1px solid var(--edge);
+  padding: 14px 16px 14px 14px;
+  border-radius: 14px;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 26%, #fff), color-mix(in srgb, var(--tone) 55%, #fff));
+  border: 2px solid color-mix(in srgb, var(--tone) 60%, #8f9aa2);
   box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.09),
-    0 6px 10px -6px rgba(0, 0, 0, 0.9);
-  transition: transform 170ms cubic-bezier(0.22, 1, 0.36, 1), filter 170ms ease-out;
+    inset 0 2px 0 rgba(255, 255, 255, 0.75),
+    0 5px 0 color-mix(in srgb, var(--tone) 45%, #a9a193);
+  transition: transform 150ms var(--ease), filter 150ms ease-out;
 }
 .w-drive:hover {
-  transform: translateY(-3px) rotate(0deg);
-  filter: brightness(1.14);
+  transform: translateY(-4px) rotate(0deg);
+  filter: brightness(1.04);
 }
 /* sata connector notch on the left edge */
 .w-drive__port {
   position: absolute;
-  left: 5px;
+  left: 6px;
   top: 50%;
   transform: translateY(-50%);
-  width: 5px;
+  width: 6px;
   height: 26px;
-  border-radius: 2px;
-  background: linear-gradient(180deg, #d0a95c 0 42%, #17191b 42% 100%);
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  background: linear-gradient(180deg, #e0b862 0 42%, #2c3d4a 42% 100%);
+  border: 1px solid rgba(32, 48, 58, 0.5);
 }
 .w-drive__sticker {
   display: block;
-  border-radius: 3px;
+  border-radius: 10px;
   padding: 0.55rem 0.65rem 0.5rem;
-  color: #33373a;
-  background: linear-gradient(#f3f2ee, #e4e3dd);
-  border: 1px solid rgba(40, 44, 48, 0.22);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-  transform: rotate(-0.4deg);
+  color: var(--ink);
+  background: linear-gradient(180deg, #fffdf4, #f6efdd);
+  border: 2px solid #e2d5b8;
+  box-shadow: inset 0 2px 0 #fff;
 }
 .w-drive__name {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.76rem;
-  color: #2b2f32;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.82rem;
+  color: #3d4a53;
 }
 .w-drive__meta {
   display: block;
@@ -948,90 +1004,101 @@ html[data-theme="web"] body {
   margin-top: 3px;
   font-family: var(--font-plexmono), ui-monospace, monospace;
   font-size: 0.6rem;
-  letter-spacing: 0.04em;
-  color: #6b7075;
+  color: var(--ink-soft);
 }
 .w-drive__bar {
-  margin-top: 6px;
-  width: 58%;
-  height: 8px;
-  opacity: 0.45;
-  mask-image: linear-gradient(90deg, #000 0 62%, transparent 100%);
-  -webkit-mask-image: linear-gradient(90deg, #000 0 62%, transparent 100%);
-}
-.w-drive__led {
-  position: absolute;
-  right: 9px;
-  top: 9px;
-}
-
-/* ----------------------------------------------------- pegboard & labels */
-
-.w-pegboard {
-  border-radius: 14px;
-  padding: clamp(0.9rem, 2.2vw, 1.4rem);
-}
-.w-pegboard__face {
-  border-radius: 8px;
-  padding: clamp(0.9rem, 2.4vw, 1.5rem);
-  background-color: #101214;
-  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.92) 1.7px, rgba(0, 0, 0, 0) 2.2px);
-  background-size: 26px 26px;
-  border: 1px solid #090a0b;
-  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.85);
-}
-/* asset label held by a slim clip */
-.w-hangtag {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border-radius: 3px;
-  padding: 1.35rem 1rem 1rem;
-  transform: rotate(-0.6deg);
-  transition: transform 170ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-.w-hangtag:nth-child(3n + 2) { transform: rotate(0.9deg); }
-.w-hangtag:nth-child(3n + 3) { transform: rotate(-0.2deg); }
-.w-hangtag:hover { transform: rotate(0deg) translateY(-3px); }
-.w-hangtag__clip {
-  position: absolute;
-  top: 7px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 42px;
-  height: 8px;
-  border-radius: 3px;
-  background: linear-gradient(180deg, #d3d7db, #8f959a);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.7),
-    0 1px 2px rgba(0, 0, 0, 0.5);
-}
-.w-hangtag__bar {
-  margin-top: auto;
+  margin-top: 7px;
   width: 58%;
   height: 9px;
   opacity: 0.5;
-  mask-image: linear-gradient(90deg, #000 0 74%, transparent 100%);
-  -webkit-mask-image: linear-gradient(90deg, #000 0 74%, transparent 100%);
+  mask-image: linear-gradient(90deg, #000 0 64%, transparent 100%);
+  -webkit-mask-image: linear-gradient(90deg, #000 0 64%, transparent 100%);
+}
+.w-drive__led {
+  position: absolute;
+  right: 11px;
+  top: 11px;
 }
 
-/* ------------------------------------------------- label-printer report */
+/* ------------------------------------------------------------ cork board */
 
-.w-printout { position: relative; }
+.w-pegboard {
+  padding: 14px;
+  border-radius: 24px;
+  background: linear-gradient(180deg, #cf9455, #a86a33);
+  border: 2px solid #8a5527;
+  box-shadow:
+    inset 0 2px 0 rgba(255, 255, 255, 0.28),
+    0 8px 0 #8a5527,
+    0 26px 32px -24px rgba(76, 60, 38, 0.8);
+}
+.w-pegboard__face {
+  border-radius: 14px;
+  padding: clamp(1rem, 2.6vw, 1.6rem);
+  background-color: #e0b57c;
+  background-image: radial-gradient(circle at 50% 50%, rgba(150, 100, 48, 0.32) 2.4px, rgba(255, 255, 255, 0) 2.9px);
+  background-size: 15px 15px;
+  border: 2px solid #b98a53;
+  box-shadow: inset 0 6px 14px -4px rgba(120, 78, 34, 0.45);
+}
+/* a pinned card */
+.w-hangtag {
+  --tone: var(--teal);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem 1.05rem 1.05rem;
+  transform: rotate(-0.7deg);
+  transition: transform 160ms var(--ease);
+}
+.w-hangtag:nth-child(3n + 2) { transform: rotate(0.9deg); }
+.w-hangtag:nth-child(3n + 3) { transform: rotate(-0.2deg); }
+.w-hangtag:hover { transform: rotate(0deg) translateY(-6px); }
+.w-hangtag .w-pin {
+  position: absolute;
+  top: -8px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.w-hangtag h3 { padding-right: 1.5rem; }
+.w-hangtag__rule {
+  margin: 0.6rem 0 0.5rem;
+  height: 5px;
+  width: 56px;
+  border-radius: 999px;
+  background: var(--tone);
+  opacity: 0.9;
+}
+
+/* ------------------------------------------------------------ receipt report */
+
+.w-printout { position: relative; padding-bottom: 14px; }
 .w-printout__paper {
   position: relative;
-  border-radius: 6px;
-  padding: clamp(1.2rem, 3vw, 1.7rem) clamp(1.2rem, 3.4vw, 2rem);
+  padding: clamp(1.3rem, 3vw, 1.8rem) clamp(1.2rem, 3.4vw, 2rem) clamp(1.6rem, 3.4vw, 2.1rem);
+  border-radius: 16px 16px 4px 4px;
   transform: rotate(-0.3deg);
+  background: linear-gradient(180deg, #fffdf7, #f8efdc);
+  border: 2px solid var(--paper-edge);
+  border-bottom: none;
+  box-shadow:
+    inset 0 2px 0 #fff,
+    0 5px 0 var(--paper-edge);
 }
+/* torn zig-zag bottom edge, like a receipt */
 .w-printout__paper::after {
-  /* the sheen of a thermal label */
   content: "";
   position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: linear-gradient(112deg, rgba(255, 255, 255, 0.5) 0 12%, rgba(255, 255, 255, 0) 34%);
+  left: -2px;
+  right: -2px;
+  bottom: -11px;
+  height: 12px;
+  background-image:
+    linear-gradient(45deg, transparent 46%, var(--paper-2) 46% 54%, transparent 54%),
+    linear-gradient(-45deg, transparent 46%, var(--paper-2) 46% 54%, transparent 54%);
+  background-size: 16px 16px;
+  background-repeat: repeat-x;
+  background-position: 0 0, 8px 0;
 }
 
 .w-print__head {
@@ -1041,132 +1108,137 @@ html[data-theme="web"] body {
   flex-wrap: wrap;
   font-family: var(--font-plexmono), ui-monospace, monospace;
   font-size: 0.68rem;
-  letter-spacing: 0.16em;
+  letter-spacing: 0.1em;
   text-transform: uppercase;
-  color: #3d4145;
-  border-bottom: 1px solid rgba(40, 44, 48, 0.5);
-  padding-bottom: 0.55rem;
+  color: var(--ink-soft);
+  border-bottom: 2px dashed var(--paper-edge);
+  padding-bottom: 0.6rem;
 }
 .w-dotgrid {
   display: flex;
-  gap: 3px;
+  gap: 4px;
   overflow-x: auto;
-  padding: 1rem 0 0.35rem;
+  padding: 1rem 0 0.4rem;
 }
-.w-dotgrid__col { display: flex; flex-direction: column; gap: 3px; }
+.w-dotgrid__col { display: flex; flex-direction: column; gap: 4px; }
 .w-dot {
-  width: 9px;
-  height: 9px;
-  border-radius: 1px;
-  background: #2b2e30;
+  width: 10px;
+  height: 10px;
+  border-radius: 3px;
+  background: var(--orange);
 }
 .w-print__log {
-  margin-top: 0.9rem;
-  padding-top: 0.7rem;
-  border-top: 1px dashed rgba(40, 44, 48, 0.3);
+  margin-top: 1rem;
+  padding-top: 0.8rem;
+  border-top: 2px dashed var(--paper-edge);
   font-family: var(--font-plexmono), ui-monospace, monospace;
   font-size: 0.68rem;
-  line-height: 1.75;
-  color: #4a4e52;
+  line-height: 1.8;
+  color: var(--ink-soft);
 }
 
 /* --------------------------------------------------------- business cards */
 
 .w-bizcard {
+  --tone: var(--teal);
   position: relative;
   display: block;
   transform: rotate(var(--tilt, 0deg));
-  border-radius: 4px;
-  padding: 1.2rem 1.3rem;
-  transition: transform 170ms cubic-bezier(0.22, 1, 0.36, 1);
+  padding: 1.3rem 1.35rem;
+  border-radius: 16px;
+  background: linear-gradient(180deg, #fffdf7, color-mix(in srgb, var(--tone) 18%, #fff));
+  border: 2px solid color-mix(in srgb, var(--tone) 40%, var(--paper-edge));
+  box-shadow:
+    inset 0 2px 0 #fff,
+    0 5px 0 color-mix(in srgb, var(--tone) 34%, var(--paper-edge)),
+    0 20px 26px -20px rgba(76, 60, 38, 0.6);
+  transition: transform 160ms var(--ease);
 }
 .w-bizcard::after {
-  /* the printed hairline a card has around its edge */
   content: "";
   position: absolute;
-  inset: 5px;
-  border: 1px solid rgba(60, 64, 68, 0.2);
-  border-radius: 2px;
-  pointer-events: none;
+  top: 14px;
+  right: 14px;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--tone);
+  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5);
 }
-.w-bizcard:hover { transform: rotate(0deg) translateY(-4px); }
+.w-bizcard:hover { transform: rotate(0deg) translateY(-5px); }
 
-/* --------------------------------------------------------- gym clipboard */
+/* --------------------------------------------------------- gym scoreboard */
 
-.w-clipboard {
-  position: relative;
-  border-radius: 10px;
-  padding: 16px 16px 24px;
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.34)),
-    linear-gradient(rgba(32, 35, 38, 0.94), rgba(14, 16, 18, 0.96)),
-    url("/textures/plastic.jpg") center / 300px;
-  border: 1px solid #090a0b;
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.08),
-    var(--drop);
-}
-.w-clipboard__clip {
-  position: absolute;
-  left: 50%;
-  top: -12px;
-  transform: translateX(-50%);
-  width: 130px;
-  height: 38px;
-  border-radius: 8px;
+.w-score { padding: 16px; border-radius: 24px; }
+.w-score__head {
   display: flex;
   align-items: center;
-  justify-content: center;
-}
-.w-clipboard__clip::after {
-  content: "";
-  width: 54px;
-  height: 9px;
-  border-radius: 5px;
-  background: linear-gradient(180deg, #0f1113, #26292c);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.9);
-}
-.w-logsheet {
-  border-radius: 3px;
-  padding: 2.1rem clamp(1.1rem, 3vw, 2rem) clamp(1.2rem, 3vw, 1.8rem);
-}
-.w-logrow {
-  display: grid;
-  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1.2fr);
-  align-items: baseline;
   gap: 0.8rem;
-  padding: 0.85rem 0;
-  border-bottom: 1px solid rgba(60, 64, 68, 0.2);
+  padding: 0 6px 14px;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.66rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--chassis-dim);
 }
-.w-logrow:last-of-type { border-bottom: 0; }
-.w-logrow__lift {
+.w-score__tiles {
+  display: grid;
+  gap: 12px;
+}
+@media (min-width: 640px) {
+  .w-score__tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+}
+.w-score__tile {
+  --tone: var(--mint);
+  padding: 1.1rem 1rem 1.2rem;
+  border-radius: 16px;
+  text-align: center;
+  background: linear-gradient(180deg, #22303a, #18242c);
+  border: 2px solid #101a21;
+  box-shadow: inset 0 8px 16px -8px rgba(0, 0, 0, 0.9);
+}
+.w-score__num {
+  display: block;
   font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.7rem;
+  font-size: 2.1rem;
+  line-height: 1;
+  color: var(--tone);
+  text-shadow: 0 0 16px color-mix(in srgb, var(--tone) 45%, transparent);
+}
+.w-score__num small { font-size: 0.8rem; opacity: 0.75; margin-left: 2px; }
+.w-score__lift {
+  display: block;
+  margin-top: 0.6rem;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.68rem;
   letter-spacing: 0.16em;
   text-transform: uppercase;
-  color: var(--ink-soft);
+  color: #fff;
 }
-.w-logrow__weight {
-  font-family: var(--font-plex), ui-sans-serif, system-ui, sans-serif;
-  font-size: 1.5rem;
-  font-weight: 600;
-  letter-spacing: -0.02em;
-  color: var(--ink);
-  white-space: nowrap;
-}
-.w-logrow__date {
+.w-score__date {
+  display: block;
+  margin-top: 0.25rem;
   font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.66rem;
-  color: var(--ink-soft);
-  text-align: right;
+  font-size: 0.62rem;
+  color: var(--chassis-faint);
+}
+.w-score__foot {
+  margin-top: 14px;
+  padding: 0 6px;
+  font-family: var(--font-plexmono), ui-monospace, monospace;
+  font-size: 0.64rem;
+  letter-spacing: 0.08em;
+  color: var(--chassis-faint);
 }
 
 /* -------------------------------------------------------------- patch panel */
 
-.w-patch { border-radius: 14px; padding: 14px; }
+.w-patch { padding: 16px; border-radius: 24px; }
 .w-patch__face {
-  border-radius: 8px;
-  padding: clamp(0.9rem, 2.4vw, 1.35rem);
+  padding: clamp(1rem, 2.6vw, 1.5rem);
+  border-radius: 16px;
 }
 .w-patch__head {
   display: flex;
@@ -1174,45 +1246,50 @@ html[data-theme="web"] body {
   gap: 0.8rem;
   padding-bottom: 0.9rem;
   margin-bottom: 1rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
-  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
+  border-bottom: 2px solid rgba(10, 20, 26, 0.35);
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.66rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--chassis-dim);
 }
 .w-port {
+  --tone: var(--teal);
   display: flex;
   align-items: center;
   gap: 0.7rem;
-  padding: 0.6rem 0.7rem;
-  border-radius: 5px;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.24));
-  border: 1px solid rgba(0, 0, 0, 0.55);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
-  transition: filter 140ms ease-out, transform 140ms ease-out;
+  padding: 0.55rem 0.7rem;
+  border-radius: 14px;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--chassis) 78%, #fff), var(--chassis-2));
+  border: 2px solid rgba(10, 20, 26, 0.4);
+  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.18);
+  transition: transform 130ms var(--ease), filter 130ms ease-out;
 }
 .w-port:hover {
-  filter: brightness(1.18);
-  transform: translateY(-1px);
+  transform: translateY(-2px);
+  filter: brightness(1.06);
 }
 .w-port__jack {
   position: relative;
-  width: 26px;
-  height: 22px;
-  border-radius: 3px;
+  width: 28px;
+  height: 24px;
+  border-radius: 8px;
   flex: none;
-  background: linear-gradient(180deg, #303438, #16191b);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.12),
-    inset 0 -2px 3px rgba(0, 0, 0, 0.6);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 70%, #fff), var(--tone));
+  border: 2px solid color-mix(in srgb, var(--tone) 60%, #22303a);
+  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.45);
 }
 .w-port__slot {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  width: 15px;
+  width: 16px;
   height: 11px;
-  border-radius: 1px;
-  background: #060708;
-  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.9);
+  border-radius: 3px;
+  background: #1b2731;
+  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.7);
 }
 .w-port__slot::after {
   content: "";
@@ -1221,19 +1298,58 @@ html[data-theme="web"] body {
   right: 4px;
   bottom: 2px;
   height: 3px;
-  background: #4a4f54;
-  border-radius: 1px;
+  border-radius: 2px;
+  background: rgba(255, 255, 255, 0.45);
 }
 .w-port__label {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.7rem;
-  color: var(--ftext-dim);
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 700;
+  font-size: 0.76rem;
+  color: var(--chassis-ink);
+}
+.w-port__icon { color: var(--chassis-faint); flex: none; }
+
+/* --------------------------------------------------------------- the mug */
+
+.w-mug {
+  position: relative;
+  width: 104px;
+  height: 92px;
+  border-radius: 14px 14px 34px 34px;
+  background: linear-gradient(180deg, #fffdf7, #ecdfc6);
+  border: 2px solid #d8c9aa;
+  box-shadow:
+    inset -8px 0 14px -10px rgba(150, 125, 85, 0.5),
+    0 6px 0 #d8c9aa,
+    0 20px 24px -20px rgba(76, 60, 38, 0.6);
+}
+.w-mug::before {
+  content: "";
+  position: absolute;
+  left: 11px;
+  right: 11px;
+  top: 9px;
+  height: 15px;
+  border-radius: 50%;
+  background: radial-gradient(circle at 40% 40%, #7c5637, #40291a);
+  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5);
+}
+.w-mug::after {
+  content: "";
+  position: absolute;
+  right: -20px;
+  top: 24px;
+  width: 30px;
+  height: 34px;
+  border: 9px solid #eee2c9;
+  border-left: none;
+  border-radius: 0 20px 20px 0;
+  box-shadow: 2px 3px 0 -1px #d8c9aa;
 }
-.w-port__icon { color: #7c807e; flex: none; }
 
 /* ---------------------------------------------------------------- the rail */
 
@@ -1243,37 +1359,39 @@ html[data-theme="web"] body {
   left: 0;
   right: 0;
   z-index: 60;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
-  box-shadow: 0 14px 26px -14px rgba(0, 0, 0, 0.95);
+  background: linear-gradient(180deg, var(--plastic), var(--plastic-2));
+  border-bottom: 3px solid var(--plastic-edge);
+  box-shadow: 0 12px 20px -14px rgba(76, 60, 38, 0.7);
 }
 .w-wordmark {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.7rem;
-  letter-spacing: 0.2em;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.78rem;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
+  color: var(--ink);
 }
 .w-navlink {
-  font-family: var(--font-plexmono), ui-monospace, monospace;
-  font-size: 0.68rem;
-  letter-spacing: 0.1em;
-  color: var(--ftext-faint);
-  transition: color 140ms ease-out;
+  font-family: var(--font-round), ui-rounded, system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 0.78rem;
+  color: var(--ink-soft);
+  transition: color 140ms ease-out, transform 140ms var(--ease);
 }
-.w-navlink:hover { color: var(--orange); }
+.w-navlink:hover { color: var(--orange-ink); transform: translateY(-1px); }
 
 /* --------------------------------------------------------- scrolling areas */
 
-.w-scroll { scrollbar-width: thin; scrollbar-color: #45494e #101214; }
-.w-scroll::-webkit-scrollbar { width: 12px; height: 12px; }
+.w-scroll { scrollbar-width: thin; scrollbar-color: #d3bc91 #f0e0be; }
+.w-scroll::-webkit-scrollbar { width: 14px; height: 14px; }
 .w-scroll::-webkit-scrollbar-track {
-  background: #101214;
-  border-radius: 8px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
+  background: color-mix(in srgb, var(--desk-2) 60%, #fff);
+  border-radius: 999px;
 }
 .w-scroll::-webkit-scrollbar-thumb {
-  border-radius: 8px;
-  background: linear-gradient(180deg, #45494e, #2a2e32);
-  border: 1px solid #090a0b;
+  border: 3px solid color-mix(in srgb, var(--desk-2) 60%, #fff);
+  border-radius: 999px;
+  background: #d3bc91;
 }
 
 /* ------------------------------------------------------------------ socials */
@@ -1301,5 +1419,7 @@ html[data-theme="web"] body {
   .w-port,
   .w-hangtag,
   .w-bizcard,
-  .w-cmd { transition: none !important; }
+  .w-cmd,
+  .w-navlink,
+  .w-rocker__knob { transition: none !important; }
 }