@font-face{font-family:Bank Gothic;src:url(/fonts/BankGothic-Light-Regular.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Bank Gothic;src:url(/fonts/bank%20gothic%20medium%20bt.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Bank Gothic;src:url(/fonts/BankGothic%20Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#8d9190;--surface:#101113;--surface-soft:#1b1d20;--tile:#9da1a0;--tile-line:#686d6c;--text:#eee;--muted:#c2c6c8;--faint:#8f9598;--red:#df0024;--gold:#f3c300;--blue:#0055a4;--cyan:#00a3e0;--green:#00a651;--line:#ffffff2e;--display:"Bank Gothic", "Arial Narrow", sans-serif;--body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff52 1px, transparent 1px), linear-gradient(90deg, #ffffff52 1px, transparent 1px), linear-gradient(#0000002e 2px, transparent 2px), linear-gradient(90deg, #0000002e 2px, transparent 2px), radial-gradient(circle at 82% 16%, #0055a44d, transparent 24rem), var(--bg);background-size:38px 38px,38px 38px,152px 152px,152px 152px,auto,auto;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 34px}.system-header{border-bottom:4px solid var(--red);min-height:66px;box-shadow:inset 0 -1px 0 var(--gold), 0 1px 0 var(--blue);background:#0a0b0deb;justify-content:space-between;align-items:center;gap:20px;padding:0 18px 12px;display:flex}.brand-lockup,.system-nav,.action-row,.project-meta div,.site-footer div{align-items:center;display:flex}.brand-lockup{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,4vw,42px);font-weight:700;line-height:1}.system-nav{gap:8px}.system-nav a,.action-row a,.site-footer a{min-height:34px;font-family:var(--display);letter-spacing:1px;text-transform:uppercase;background:#101113b8;border:1px solid #fff3;padding:8px 12px;font-size:12px;font-weight:700}.system-nav a:hover,.action-row a:hover,.project-meta a:hover,.site-footer a:hover{background:#0055a494}main{gap:22px;margin-top:28px;display:grid}.hero-section{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:28px;display:grid}.hero-copy{background:linear-gradient(90deg, transparent 0 62%, #f3c3001f 62% 63%, transparent 63%), var(--surface);border:1px solid var(--line);min-height:360px;padding:clamp(22px,4vw,46px)}.menu-label{color:#050608;background:var(--gold);width:fit-content;font-family:var(--display);letter-spacing:1px;text-transform:uppercase;margin:0 0 22px;padding:8px 14px;font-size:13px;font-weight:700}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:0;text-transform:uppercase;font-weight:700}h1{max-width:700px;font-size:clamp(34px,5vw,56px);line-height:1.02}h2{font-size:clamp(30px,5vw,48px);line-height:1}h3{font-size:clamp(20px,3vw,30px);line-height:1.05}.hero-copy>p:not(.menu-label){max-width:690px;color:var(--muted);margin-top:24px;font-size:clamp(17px,2vw,20px)}.action-row{flex-wrap:wrap;gap:10px;margin-top:30px}.action-row .primary-link{color:#fff;background:var(--blue);border-color:var(--cyan)}.preview-window{border:1px solid var(--line);background:#050608;grid-template-rows:1fr auto;min-height:430px;margin:0;display:grid;overflow:hidden}.preview-window img{object-fit:cover;filter:grayscale(.15)contrast(1.1);width:100%;height:100%;min-height:0}.preview-window figcaption{border-top:1px solid var(--line);background:var(--surface);font-family:var(--display);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;gap:14px;padding:12px 14px;font-size:12px;display:flex}.preview-window figcaption span{color:var(--muted)}.profile-strip{border:1px solid var(--line);background:#0055a46b;grid-template-columns:.75fr 1fr 1fr;gap:1px;display:grid}.profile-strip p{min-height:70px;color:var(--muted);background:#101113f0;align-items:center;gap:8px;padding:16px;display:flex}.work-browser{border:1px solid var(--line);background:#101113f0}.browser-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding:24px 24px 18px;display:flex}.browser-title .menu-label{background:var(--red);color:#fff;box-shadow:6px 0 0 var(--gold), 12px 0 0 var(--green), 18px 0 0 var(--blue);margin:0}.project-list{display:grid}.project-row{border-bottom:1px solid var(--line);background:#101113b8;grid-template-columns:58px minmax(0,1fr) 118px;gap:18px;padding:18px 24px;display:grid}.project-row:last-child{border-bottom:0}.project-row:hover{background:#0055a447}.project-index{color:var(--faint);font-family:var(--display);font-size:22px}.project-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.project-heading span,.project-meta>span{color:var(--muted);font-family:var(--display);letter-spacing:1px;text-transform:uppercase;font-size:12px}.project-main>p{max-width:760px;color:var(--muted);margin-top:8px}.project-main ul{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.project-main li{color:var(--text);font-family:var(--display);letter-spacing:1px;text-transform:uppercase;font-size:11px}.project-main li:before{color:var(--green);content:"■ "}.project-meta{align-content:space-between;justify-items:end;gap:16px;display:grid}.project-meta div{gap:8px}.project-meta a{border:1px solid var(--line);background:#0055a438;place-items:center;width:34px;height:34px;display:grid}.site-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:18px;display:flex}.site-footer p{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;font-size:12px}.site-footer div{gap:8px}@media (width<=860px){.system-header,.browser-title,.site-footer{flex-direction:column;align-items:flex-start}.system-header{padding:16px 14px 12px}.system-nav{width:100%}.system-nav a{text-align:center;flex:1}.hero-section,.profile-strip{grid-template-columns:1fr}.hero-copy,.preview-window{min-height:0}.preview-window img{max-height:340px}.project-row{grid-template-columns:40px minmax(0,1fr)}.project-meta{grid-column:2;justify-items:start}}@media (width<=560px){.page-shell{width:min(100% - 20px,420px);padding-top:16px}.brand-lockup{font-size:28px}.hero-copy,.browser-title,.project-row{padding:18px}h1{font-size:31px}.project-heading{flex-direction:column;align-items:flex-start;gap:4px}.project-row{grid-template-columns:1fr}.project-index,.project-meta{grid-column:auto}.project-meta{justify-items:start}.action-row a,.site-footer a{flex:100%;justify-content:center}}