:root{--wood-shadow: #1f120a;--wood-deep: #2b1a0f;--wood: #3d2518;--wood-warm: #5a3a27;--wood-highlight: #6e4a33;--silver-shadow: #5c6068;--silver-dark: #7d828a;--silver: #b8bcc0;--silver-light: #d9dce1;--silver-bright: #ecedf0;--silver-highlight: #f7f8fa;--parchment: #f0ede8;--parchment-shadow: #d9d4ca;--parchment-edge: #b8b0a2;--ink: #1a1612;--ink-soft: #3a332c;--brass: #b08a3e;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;line-height:1.55;color:var(--parchment);background-color:var(--wood);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.014 0.42' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix type='luminanceToAlpha'/><feComponentTransfer><feFuncA type='linear' slope='0.55' intercept='-0.08'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>"),radial-gradient(ellipse at 50% 0%,#ffdcb414,#0000 55%),radial-gradient(ellipse at 50% 100%,var(--wood-shadow) 0%,rgba(0,0,0,0) 65%),linear-gradient(180deg,var(--wood-warm) 0%,var(--wood-deep) 100%);background-size:480px 480px,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-attachment:fixed}.site-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem;gap:3rem}.makers-mark{display:flex;align-items:center;gap:1rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#ecedf08c}.makers-mark:before,.makers-mark:after{content:"";width:3rem;height:1px;background:linear-gradient(90deg,transparent,rgba(236,237,240,.5),transparent)}.plaque{position:relative;padding:3.25rem 4rem;border-radius:6px;max-width:44rem;width:100%;text-align:center;background:linear-gradient(138deg,#8e9299,#b8bcc0 10%,#e4e7eb 24%,#f3f5f8 32%,#c8ccd2 48%,#9aa0a8 62%,#d4d7dc 78%,#e8eaee 86%,#858991);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px),linear-gradient(138deg,#8e9299,#b8bcc0 10%,#e4e7eb 24%,#f3f5f8 32%,#c8ccd2 48%,#9aa0a8 62%,#d4d7dc 78%,#e8eaee 86%,#858991);border:1px solid var(--silver-shadow);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #00000059,inset 2px 0 2px #ffffff2e,inset -2px 0 2px #00000038,0 12px 36px #0000008c,0 4px 12px #0006,0 1px #ffffff14}.plaque>.rivet-tl,.plaque>.rivet-tr,.plaque>.rivet-bl,.plaque>.rivet-br{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#d9dce0,#c9ccd1 55%,#a6aab1 88%,#7e828a);box-shadow:inset 0 0 0 1px #0000004d,inset 0 1px #ffffff4d,0 1px 2px #00000073}.plaque>.rivet-tl:before,.plaque>.rivet-tr:before,.plaque>.rivet-bl:before,.plaque>.rivet-br:before{content:"";position:absolute;top:50%;left:50%;width:72%;height:2px;background:linear-gradient(180deg,#000000b3,#0000008c,#ffffff2e);border-radius:1px;box-shadow:0 1px #ffffff40,inset 0 1px #0000004d}.plaque>.rivet-tl:before,.plaque>.rivet-br:before{transform:translate(-50%,-50%) rotate(45deg)}.plaque>.rivet-tr:before,.plaque>.rivet-bl:before{transform:translate(-50%,-50%) rotate(-45deg)}.rivet-tl{top:.8rem;left:.8rem}.rivet-tr{top:.8rem;right:.8rem}.rivet-bl{bottom:.8rem;left:.8rem}.rivet-br{bottom:.8rem;right:.8rem}.engraved{font-family:Cormorant Garamond,Georgia,serif;color:#3a3e44;text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.7);letter-spacing:.02em}.plaque .brand{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:600;line-height:1.1;margin:0}.plaque .brand-sub{margin-top:.35rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:#555a62;text-shadow:0 -1px 0 rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.55)}.parchment{position:relative;max-width:42rem;width:100%;padding:3rem 2.5rem 2.75rem;color:var(--ink);background-color:var(--parchment);background-image:radial-gradient(ellipse at 15% 20%,rgba(140,100,60,.07) 0%,transparent 25%),radial-gradient(ellipse at 80% 75%,rgba(120,85,50,.06) 0%,transparent 30%),linear-gradient(180deg,#f4f1eb 0%,var(--parchment) 50%,#e7e2d7 100%);box-shadow:inset 0 0 0 1px #7864502e,inset 0 1px #fffc,inset 0 -2px 6px #785f461f,0 18px 36px #00000080,0 4px 10px #00000059;border-radius:2px}.parchment h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:1.15rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1.75rem;text-align:center}.parchment h2:before,.parchment h2:after{content:"·";margin:0 .9rem;color:var(--brass)}.tenets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.4rem}.tenet{display:grid;grid-template-columns:2.25rem 1fr;gap:1rem;align-items:start}.tenet-num{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:1.5rem;color:var(--brass);line-height:1;padding-top:.15rem;text-align:center}.tenet p{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;line-height:1.5;color:var(--ink);margin:0}.tenet p em{font-style:italic;color:var(--ink-soft)}.parchment-footnote{margin:2rem 0 0;font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:#28231e80}.toolbox{width:100%;max-width:44rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.toolbox-label{display:flex;align-items:center;gap:1rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#ecedf08c}.toolbox-label:before,.toolbox-label:after{content:"";width:2.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(236,237,240,.5),transparent)}.tool-rack{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;width:100%}.tool-rack li{display:flex}.tool-tag{position:relative;flex:1;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.85rem 1.5rem;border-radius:3px;text-decoration:none;text-align:left;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px),linear-gradient(138deg,#7a7e85,#9fa4ab 14%,#c6cacf 32%,#d0d3d8 40%,#a8acb3,#8a8f97 72%,#b4b8be,#70747b);box-shadow:inset 0 2px 4px #000000a6,inset 0 1px #0000008c,inset 0 -1px 1px #ffffff4d,inset 1px 0 2px #00000059,inset -1px 0 2px #00000040,0 0 0 1px #00000073,0 1px #ffd2a01a;transition:filter .18s ease,box-shadow .18s ease}.tool-tag:hover,.tool-tag:focus-visible{filter:brightness(1.08);box-shadow:inset 0 2px 4px #0000008c,inset 0 1px #00000073,inset 0 -1px 1px #ffffff59,inset 1px 0 2px #0000004d,inset -1px 0 2px #00000038,0 0 0 1px #00000073,0 1px #ffd2a026;outline:none}.tool-tag .engraved{text-shadow:0 1px 0 rgba(0,0,0,.55),0 -1px 0 rgba(255,255,255,.55)}.tool-icon{display:block;flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:16%;overflow:hidden;background:#222;box-shadow:inset 0 0 0 1px #0000008c,inset 0 1px #ffffff14,0 2px 4px #00000059,0 1px #ffffff59}.tool-icon img{display:block;width:100%;height:100%;object-fit:cover}.tool-tag-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.tool-name{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:600;line-height:1.1;letter-spacing:.01em;color:#3a3e44}.tool-sub{font-family:IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#555a62}.tool-chip{margin-top:.25rem;font-family:IBM Plex Mono,monospace;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#282d34b8;text-shadow:0 -1px 0 rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.5);transition:color .18s ease}.tool-tag:hover .tool-chip,.tool-tag:focus-visible .tool-chip{color:#141920f2}@media(max-width:640px){.site-shell{padding:3.5rem 1rem 3rem;gap:2rem}.plaque{padding:2.25rem 1.5rem}.parchment{padding:2.25rem 1.5rem 2rem}.tenet{grid-template-columns:1.75rem 1fr;gap:.75rem}.tenet p{font-size:1.1rem}}
