@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e7e5df;font-synthesis:none;text-rendering:optimizelegibility;background:#171817;font-family:DM Mono,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#171817;min-width:320px;margin:0}a{color:inherit}:root{--ink:#171817;--panel:#20221f;--line:#3b3d38;--muted:#a9aca4;--brass:#c99a3a}main{overflow:hidden}.nav,.hero,.section,.skills-section,footer{width:min(1180px,100% - 64px);margin:auto}.nav{border-bottom:1px solid var(--line);z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171817ed;justify-content:space-between;align-items:center;height:76px;display:flex;position:sticky;top:0}.wordmark{color:#f2f0ea;font:500 18px DM Mono,monospace;text-decoration:none}.wordmark span{color:var(--brass)}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#b9bcb4;text-transform:uppercase;letter-spacing:1px;font:10px DM Mono,monospace;text-decoration:none}.nav-links a:hover,.project-links a:hover,.contact-links a:hover{color:var(--brass)}.hero{min-height:650px;padding:116px 0 90px}.eyebrow,.section-label{color:var(--brass);letter-spacing:1.1px;text-transform:uppercase;font:10px DM Mono,monospace}.eyebrow{align-items:center;gap:9px;margin:0;display:flex}.eyebrow i{background:var(--brass);border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 5px #c99a3a1a}h1{letter-spacing:-7px;color:#f0eee8;margin:43px 0 70px;font:500 clamp(55px,9.5vw,126px)/.85 DM Mono,monospace}h1 em{color:var(--brass);font-style:normal}.hero-bottom{justify-content:space-between;align-items:end;display:flex}.hero-bottom p{max-width:390px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.round-link{width:54px;height:54px;color:var(--brass);border:1px solid #6f6c62;border-radius:50%;place-items:center;font-size:23px;text-decoration:none;display:grid}.round-link:hover{background:#292922}.section{border-top:1px solid var(--line);padding:90px 0}.section-label{justify-content:space-between;margin:0;display:flex}.section-label span{color:#7b7d76}.project-list{margin-top:29px}.project{border-top:1px solid var(--line);padding:43px 0 58px}.project:last-child{border-bottom:1px solid var(--line)}.project-heading{grid-template-columns:74px 1fr;align-items:baseline;display:grid}.project-heading>span,.project-heading p{letter-spacing:1px;text-transform:uppercase;font:10px DM Mono,monospace}.project-heading>span{color:#73766e}.project-heading p{color:var(--brass);margin:0}.project h2{letter-spacing:-3px;grid-column:2;margin:14px 0 35px;font:500 clamp(31px,4.5vw,59px)/1 DM Mono,monospace}.visual{background:#252723;border:1px solid #41423d;height:clamp(245px,34vw,405px);position:relative;overflow:hidden}.game-visual{background:linear-gradient(125deg,#242822,#171a18 62%)}.game-header,.map-top,.harness-header{z-index:1;color:#c7c8c1;letter-spacing:.7px;border-bottom:1px solid #484941;justify-content:space-between;align-items:center;height:43px;padding:0 16px;font:10px DM Mono,monospace;display:flex;position:absolute;inset:0 0 auto}.game-header b{color:var(--brass);font-weight:400}.game-table{background:repeating-linear-gradient(90deg,#0000,#0000 58px,#ffffff08 59px);border:1px solid #5c5c50;width:55%;height:74%;position:absolute;top:13%;left:22%;transform:perspective(500px)rotateX(45deg)}.game-line{background:#717365;width:1px;height:100%;position:absolute;left:50%}.token{border:1px solid var(--brass);background:#c99a3a22;border-radius:50%;width:31px;height:31px;position:absolute}.t-one{top:30%;left:22%}.t-two{background:#dad7cb10;border-color:#b7b8ad;top:50%;right:18%}.t-three{bottom:18%;left:36%}.game-cards{gap:7px;display:flex;position:absolute;bottom:8%;right:10%}.game-cards i{background:#c99a3a18;border:1px solid #a47d31;width:48px;height:73px;display:block;transform:rotate(8deg)}.game-cards i:nth-child(2){transform:rotate(-6deg)}.game-cards i:nth-child(3){transform:rotate(3deg)}.harness-visual{background:#151714}.harness-body{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1.6fr;gap:10px 12%;padding:8% 12%;display:grid;position:absolute;inset:43px 0 0}.benchmark-score{border:1px solid #4a4d45;flex-direction:column;justify-content:center;padding:18px;display:flex}.benchmark-score b{color:var(--brass);font:500 clamp(42px,6vw,78px)/1 DM Mono,monospace}.benchmark-score span,.benchmark-log{color:#a9aca4;letter-spacing:.8px;font:10px DM Mono,monospace}.benchmark-bars{border-bottom:1px solid #4a4d45;align-items:end;gap:9px;padding:0 0 17px;display:flex}.benchmark-bars i{background:var(--brass);opacity:.6;width:13%}.benchmark-bars i:first-child{height:18%}.benchmark-bars i:nth-child(2){height:30%}.benchmark-bars i:nth-child(3){height:41%}.benchmark-bars i:nth-child(4){height:58%}.benchmark-bars i:nth-child(5){opacity:1;height:75%}.benchmark-log{border-top:1px solid #3c3f38;grid-column:1/-1;padding-top:15px}.benchmark-log p{margin:0 0 8px}.benchmark-log p:before{content:"> ";color:var(--brass)}.map-visual{background:#24261f}.map-field{background-image:linear-gradient(#c99a3a08 1px,#0000 1px),linear-gradient(90deg,#c99a3a08 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:43px 0 0}.route{background:var(--brass);transform-origin:0;height:2px;position:absolute}.route-one{width:54%;top:40%;left:16%;transform:rotate(26deg)}.route-two{width:38%;top:69%;left:45%;transform:rotate(-42deg)}.pin{background:var(--brass);color:#27251f;border-radius:50% 50% 50% 0;place-items:center;width:32px;height:32px;font:10px DM Mono,monospace;display:grid;position:absolute;transform:rotate(-45deg)}.pin-one{top:25%;left:18%}.pin-two{background:#e1ded2;top:52%;left:63%}.pin-three{bottom:17%;right:18%}.project-detail{grid-template-columns:minmax(0,1.35fr) 210px 180px;gap:35px;margin:25px 0 0 74px;display:grid}.project-detail>p,.experience-copy p{color:#b5b7af;margin:0;font-size:14px;line-height:1.72}.metadata{color:#c4c6bf;flex-direction:column;gap:18px;font:10px/1.5 DM Mono,monospace;display:flex}.metadata span{flex-direction:column;gap:3px;display:flex}.metadata b{color:#777a72;text-transform:uppercase;letter-spacing:1px;font-weight:400}.project-links{flex-direction:column;align-items:start;gap:10px;display:flex}.project-links a{color:#e1dfd7;border-bottom:1px solid #6c6b60;padding-bottom:3px;font:10px DM Mono,monospace;text-decoration:none}.experience-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1.35fr;gap:80px;margin-top:29px;padding:42px 0;display:grid}.experience-meta,.experience-role{letter-spacing:1px;text-transform:uppercase;font:10px DM Mono,monospace}.experience-meta{color:var(--brass);margin:0 0 22px}.experience-card h2,.education-list h2{letter-spacing:-2px;margin:0;font:500 clamp(26px,3.5vw,43px)/1 DM Mono,monospace}.experience-role{color:#a9aca4;margin:15px 0 0}.experience-copy{flex-direction:column;gap:16px;display:flex}.skills-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;padding:90px 0;display:grid}.skills-section h2{letter-spacing:-2px;margin:28px 0 0;font:500 clamp(26px,3.5vw,43px)/1.1 DM Mono,monospace}.skill-groups{border-top:1px solid var(--line);flex-direction:column;display:flex}.skill-group{border-bottom:1px solid var(--line);grid-template-columns:145px 1fr;gap:15px;padding:18px 0;display:grid}.skill-group p{color:var(--brass);text-transform:uppercase;letter-spacing:1px;margin:0;font:10px DM Mono,monospace}.skill-group span{color:#d2d2ca;font-size:13px;line-height:1.65}.education-list{border-top:1px solid var(--line);margin-top:29px}.education-list article{border-bottom:1px solid var(--line);grid-template-columns:245px 1fr;gap:25px;padding:26px 0;display:grid}.education-list article>p{color:var(--brass);letter-spacing:.5px;margin:5px 0 0;font:10px/1.5 DM Mono,monospace}.education-list h2{letter-spacing:-1.5px;font-size:clamp(21px,2.6vw,33px)}.education-list span,.education-list small{color:#b5b7af;margin-top:8px;font-size:13px;line-height:1.6;display:block}.education-list small{color:#868981;max-width:680px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;padding:64px 0 28px;display:flex}footer .section-label{margin:0 0 18px}footer>div>a{color:var(--brass);letter-spacing:-3px;font:600 clamp(26px,4vw,52px)/1 Fraunces,Georgia,serif;text-decoration:none}.contact-links{gap:18px;margin-top:22px;display:flex}.contact-links a{color:#b9bcb4;letter-spacing:1px;text-transform:uppercase;font:13px DM Mono,monospace;text-decoration:none}.copyright{color:#74766f;margin:0;font:10px DM Mono,monospace}@media (width<=720px){.nav,.hero,.section,.skills-section,footer{width:calc(100% - 40px)}.nav{height:66px}.nav-links{gap:14px}.nav-links a:nth-child(-n+2){display:none}.hero{min-height:570px;padding-top:85px}h1{letter-spacing:-5px;margin:35px 0 63px}.section,.skills-section{padding:64px 0}.project{padding:34px 0 43px}.project-heading{grid-template-columns:42px 1fr}.project h2{letter-spacing:-2.5px;margin:13px 0 27px}.visual{height:230px}.project-detail{margin:22px 0 0 42px;display:block}.metadata{flex-direction:row;gap:25px;margin:22px 0}.project-links{flex-flow:wrap}.game-cards{right:4%}.game-cards i{width:31px;height:50px}.harness-body{padding:11% 8%}.experience-card{grid-template-columns:1fr;gap:31px;padding:33px 0}.skills-section{grid-template-columns:1fr;gap:37px}.skills-section h2{letter-spacing:-2px}.skill-group,.education-list article{grid-template-columns:1fr;gap:9px}.education-list article>p{margin:0}footer{padding-top:48px;display:block}.contact-links{flex-wrap:wrap}.copyright{margin-top:50px}}
