.home-workbench{max-width:1100px;margin:auto;padding:70px 32px 60px}.home-workbench h2{text-align:center;font:clamp(29px,3vw,40px)/1.2 var(--font-title);color:var(--gold);margin:0 auto 28px}.home-workbench .atelier-subtitle{text-align:center;font:24px/1.4 var(--font-reading);color:var(--muted);max-width:36ch;margin:0 auto 40px}.home-workbench .piece>span{max-width:none}
.piece{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;border:0;background:transparent;color:var(--gold);font:17px/1.3 var(--font-reading);padding:15px 4px 18px;cursor:pointer;min-width:0;touch-action:manipulation;transition:color .35s ease}.piece>span{text-align:center}.piece:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}.piece:hover,.piece.is-revealed{color:var(--paper)}.object-mark{display:block;width:92px;height:118px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.piece.is-revealed .engraving{animation:engrave .9s cubic-bezier(.2,.5,.3,1) both}
@keyframes engrave{from{stroke-dasharray:100;stroke-dashoffset:100;opacity:.35}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}
.whisper{min-height:3.5em;margin:22px auto 24px;text-align:center;font:24px/1.35 var(--font-reading);max-width:44ch;color:var(--paper);display:flex;align-items:center;justify-content:center}.whisper span{animation:words .35s ease both}@keyframes words{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.whisper:empty:before{content:'Survole ou touche une pièce.';font-size:18px;font-style:italic;color:var(--muted)}
#phrase-grille{position:sticky;top:0;z-index:2;max-width:none;padding:14px 12px;background:linear-gradient(var(--night) 80%,#07090d00);margin:0 0 18px}
.icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;max-width:840px;margin:20px auto 0}.icon-grid .piece{padding:24px 10px 20px;gap:18px}.icon-grid .object-mark{width:104px;height:134px}.icon-grid .piece>span{font-size:22px}
@media(prefers-reduced-motion:reduce){.piece,.piece.is-revealed .engraving,.whisper span{animation:none;transition:none}}
@media(max-width:600px){.home-workbench{padding:50px 24px 40px}.home-workbench .atelier-subtitle{font-size:21px;margin-bottom:30px}.home-workbench .icon-grid{gap:20px 3px;margin-top:24px}.home-workbench .icon-grid .piece{padding:18px 2px 20px;gap:16px}.home-workbench .icon-grid .object-mark{width:80px;height:103px}.home-workbench .icon-grid .piece>span{font-size:17px}.home-workbench .whisper{font-size:22px;min-height:4em}}