:root{--ink:#17251f;--paper:#f6f2e9;--lime:#ccff48;--muted:#6c756d;--line:#d9d7ce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;min-height:100vh}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,105px);border-bottom:1px solid var(--line)}.brand{font-family:'DM Mono',monospace;font-weight:500;color:var(--ink);text-decoration:none;font-size:15px;letter-spacing:-.5px}.brand span{color:#5f8000;font-size:17px}nav{display:flex;gap:28px}nav a{color:var(--muted);font-size:14px;text-decoration:none;position:relative}nav a.active,nav a:hover{color:var(--ink)}nav a.active:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:#9cbe21}.hero,.page{max-width:1120px;margin:0 auto;padding:clamp(80px,12vw,145px) clamp(24px,7vw,80px) 80px}.hero{min-height:calc(100vh - 132px);position:relative}.eyebrow{font:500 12px 'DM Mono',monospace;letter-spacing:1.3px;color:#658000;margin:0 0 22px}.hero h1,.page h1{font-size:clamp(47px,7vw,92px);line-height:.96;letter-spacing:-4.5px;margin:0 0 28px;max-width:800px}.page h1{font-size:clamp(45px,6vw,76px)}em{font-style:normal;color:#87a80f}.intro{color:var(--muted);font-size:17px;line-height:1.6;max-width:550px;margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.button{padding:14px 20px;border:1px solid var(--ink);text-decoration:none;font-size:14px;font-weight:600;color:var(--ink);transition:.2s}.primary{background:var(--ink);color:var(--paper)}.primary span{font-size:19px;margin-left:18px}.button:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--lime)}.stats{display:flex;gap:clamp(30px,7vw,100px);margin-top:75px}.stats div{display:grid;gap:4px}.stats strong{font-size:28px;letter-spacing:-1.5px}.stats span{font:11px 'DM Mono',monospace;color:var(--muted)}.code-art{position:absolute;right:10vw;top:29%;font-family:'DM Mono',monospace;color:#dce7be;font-size:clamp(110px,17vw,250px);letter-spacing:-40px;z-index:-1}.code-art i{font-style:normal;font-size:.21em;letter-spacing:-7px;color:#c6d994}.code-art b{font-weight:400}.page{padding-top:85px;min-height:calc(100vh - 132px)}.search{margin:42px 0 10px;max-width:640px;height:59px;border:1px solid var(--ink);display:flex;align-items:center;padding:0 18px;background:#fffdf7}.search span{font-size:28px;line-height:1;margin-right:12px}.search input{background:transparent;border:0;outline:0;width:100%;font:16px 'Space Grotesk',sans-serif;color:var(--ink)}.result{font:12px 'DM Mono',monospace;color:var(--muted);margin:0 0 22px}.student-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink);max-width:900px}.student{min-height:94px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:17px;display:flex;align-items:flex-start;gap:14px;background:transparent;transition:.2s}.student:hover{background:var(--lime)}.student b,.team-grid b{font:12px 'DM Mono',monospace;color:#668000}.student h2{margin:0;font-size:17px;line-height:1.15}.student small{display:block;margin-top:6px;font:10px 'DM Mono',monospace;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.team-grid article{min-height:170px;background:var(--ink);color:var(--paper);padding:23px;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.team-grid article:hover{transform:translateY(-5px);background:#33433b}.team-grid b{color:var(--lime);margin-bottom:auto}.team-grid h2{font-size:23px;letter-spacing:-1px;margin:0 0 7px}.team-grid p{font:11px 'DM Mono',monospace;color:#bdc7bb;margin:0}footer{border-top:1px solid var(--line);padding:24px clamp(24px,7vw,105px);font:11px 'DM Mono',monospace;color:var(--muted)}@media(max-width:650px){.nav{height:auto;padding-top:20px;padding-bottom:20px;align-items:flex-start;gap:17px;flex-direction:column}nav{gap:18px}.hero h1,.page h1{letter-spacing:-2.5px}.code-art{display:none}.student-grid,.team-grid{grid-template-columns:1fr}.stats{margin-top:55px;gap:25px}.page,.hero{padding-top:70px}.team-grid{margin-top:36px}}
.nav a.active:after{display:none}
.nav a[aria-current="page"]{color:var(--ink)}
.nav a[aria-current="page"]:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:#9cbe21}
.project-content{max-width:none;width:min(1440px,100%);padding-top:38px}
.project-frame{display:block;width:100%;height:calc(100vh - 190px);min-height:650px;border:1px solid var(--line);background:var(--paper)}
@media(max-width:650px){.nav nav{width:100%;gap:13px;flex-wrap:wrap}.nav nav a{font-size:12px}.project-frame{height:calc(100vh - 210px);min-height:620px}}