/* Rev 50 (11/10/2026, Claude Code, at the user's request): the Projects and Privacy pages take the landing page's background
   (#03050a, with a faint glow in its purple and blue) and its cool panel colour, in place of the plum #130d12 set. Text and the
   gold accent are unchanged.
   Also 11/10/2026: the pill button is smaller (was 46 px tall, 58 px on large screens) and tiles line their buttons up at the bottom. */
:root{color-scheme:dark;--ink:#f4f2f1;--muted:#c9c2c4;--line:#ffffff26;--accent:#f1ca72;--panel:#080a12e8}*{box-sizing:border-box}html{min-height:100%;background:#03050a radial-gradient(90vw 70vh at 82% -12%,rgba(186,112,255,.10),rgba(74,168,255,.05) 45%,rgba(3,5,10,0) 72%) no-repeat fixed}body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.22em}a:hover{color:#fff}header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(18px,4vw,38px) clamp(20px,6vw,84px);border-bottom:1px solid var(--line);background:#03050aa6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand{font:italic 26px/1 Georgia,"Times New Roman",serif;color:#fff;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}/* Rev 50 (11/10/2026, Claude Code, at the user's request): the top-left Soybean Alien mark is removed; the nav keeps to the right. */nav a{color:#f5f0e9;text-decoration:none;font-size:14px}.wrap{min-width:0;width:min(1060px,calc(100% - 40px));margin:0 auto;padding:clamp(40px,8vh,92px) 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent)}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.06}h1{font-size:clamp(42px,7vw,78px);margin:12px 0 18px}h2{font-size:clamp(28px,4vw,42px);margin:0 0 14px}p{max-width:70ch;color:#ded7d9}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:42px}.tile{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:18px;background:#080a12c9;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:#f1ca72a8}.tile h2{margin:14px 0 8px}.tile p{margin:0;color:var(--muted)}.tag{font:12px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 14px;font-size:13px;border:1px solid #f1ca72a8;border-radius:999px;color:#fff;text-decoration:none;background:#080a12b8}.button.primary{background:#f1ca72;color:#03050a;font-weight:700}.panel{min-width:0;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:20px;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}footer{padding:22px clamp(20px,6vw,84px) 34px;color:var(--muted);font-size:13px}footer a{color:var(--muted)}ul{padding-left:22px;color:#ded7d9}li+li{margin-top:7px}.fine{font-size:14px;color:var(--muted)}@media(max-width:560px){header{align-items:flex-start;flex-direction:column}nav{gap:14px}.wrap{padding-top:38px}}@media(min-width:1800px){body{font-size:clamp(18px,1.1vw,26px)}header{padding:clamp(34px,2.5vw,72px) clamp(48px,5vw,160px)}.brand{font-size:clamp(28px,1.8vw,48px)}nav{gap:clamp(24px,2vw,52px)}nav a{font-size:clamp(15px,.9vw,22px)}.wrap{width:min(1450px,calc(100% - 10vw));padding:clamp(70px,7vh,150px) 0}.eyebrow,.tag{font-size:clamp(12px,.7vw,17px)}h1{font-size:clamp(78px,6vw,140px)}h2{font-size:clamp(38px,3vw,68px)}.tile{padding:clamp(34px,3vw,68px)}.tile p{font-size:1.08em}.button{min-height:42px;padding:8px 20px;font-size:clamp(14px,.8vw,19px)}}
/* Rev 50 (11/10/2026, Claude Code, at the user's request): project pages that show a project's banner (Quotalis, Vanta, Mimic). */
.showcase{width:min(1800px,calc(100% - 40px));margin:0 auto;padding:clamp(24px,5vh,64px) 0 clamp(32px,6vh,80px)}.showcase-image{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 90px #000a}.showcase-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(22px,4vh,44px)}.showcase-info h1{font-size:clamp(30px,3.4vw,54px);margin:10px 0 10px}.showcase-info p{margin:0;color:var(--muted)}.showcase-info .actions{margin-top:0;padding-top:0}@media(min-width:1000px){.showcase{width:min(1800px,calc(100% - 12vw),calc((100vh - 420px)*2))}}@media(min-width:1800px){.showcase-info h1{font-size:clamp(54px,3vw,84px)}}