@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f3f1e9;--ink:#252720;--muted:#65685c;--line:#d7d8cb;--accent:#b54121;--orange:#dd6038;--dark:#232620;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}::selection{background:#eab9a3;color:#232620}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df7751;outline-offset:7px}.shell{width:min(1280px,calc(100% - 112px));margin:auto}header{height:108px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.wordmark{font-size:43px;font-weight:700;letter-spacing:-3.5px;line-height:1}.wordmark span{color:var(--orange)}.header-name{margin-left:12px;font-size:10px!important;letter-spacing:.6px!important;line-height:1.7!important}.header-name span{color:var(--muted);font-size:8px}nav{display:flex;gap:36px;font-size:13px;margin-left:auto}nav a{position:relative}nav a::after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--orange);transition:width .25s}nav a:hover::after{width:100%}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.eyebrow,.mono{font:10px/1.7 var(--mono);letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:10px}.signal{display:inline-block;flex:none;width:6px;height:6px;background:var(--orange);border-radius:50%}h1,h2,h3,h4,p{margin:0}.muted{color:var(--muted)}em{font-style:normal;color:var(--accent)}.hero{padding-top:32px}.hero-intro{display:flex;justify-content:space-between;gap:20px}.hero-intro>.mono{font-size:9px}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;min-height:610px;padding:55px 0}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(64px,6.8vw,103px);line-height:1.01;letter-spacing:-6px;font-weight:500;white-space:nowrap}h1 em{position:relative}h1 em::after{content:'';height:6px;background:var(--orange);position:absolute;bottom:-12px;left:2px;width:100%;transform:rotate(-2deg);clip-path:polygon(0 30%,100% 0,98% 70%,2% 100%);opacity:.7}.hero-copy>p{max-width:340px;font-size:19px;margin:35px 0 29px;color:#565b4f;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:23px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:15px 21px;font-size:12px;transition:background .2s,transform .2s}.button span{font-size:21px;line-height:1}.button:hover{background:var(--accent);transform:translateY(-2px)}.quiet-link{font-size:11px;border-bottom:1px solid #b9bdad;padding-bottom:3px}.hero-role{display:flex;align-items:center;gap:12px;margin-top:40px}.mini-mark{width:36px;height:36px;display:grid;place-items:center;background:#e5e7dc;border:1px solid #d5d9ca;border-radius:50%;font-size:23px}.hero-role strong{display:block;font-size:11px;font-weight:550}.hero-role div>span{font:9px/1.8 var(--mono);color:var(--muted)}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 27px;font-size:9px;letter-spacing:.5px}.hero-foot a span{margin-left:20px;color:var(--accent);font-size:15px}
/* A small, code-native illustration, not a production interface. */
.engineering-art{height:480px;position:relative;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#b6bdab 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse,black 15%,transparent 68%)}.art-corner{position:absolute;top:5px;left:20px;color:#777e6e;font-size:8px;letter-spacing:.7px}.art-orbit{border:1px solid #cbd2bf;border-radius:50%;position:absolute;z-index:-1;transform:rotate(-25deg)}.orbit-one{width:90%;height:230px;top:125px;left:4%}.orbit-two{width:58%;height:410px;top:20px;left:20%;transform:rotate(45deg)}.art-card{position:absolute;border:1px solid #c6ccba;border-radius:8px;box-shadow:0 16px 30px #3b493019,0 3px 0 #d3d8c9;overflow:hidden}.code-card{top:65px;left:2%;width:83%;background:#fcfcf6;transform:rotate(-6deg);z-index:1;animation:arrive .8s both}.art-card-head{display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);padding:14px 17px;border-bottom:1px solid #e0e3d8;color:#727b67}.tiny-dots{color:#a4ad96;letter-spacing:1px}.art-code{padding:21px 24px 28px;font:11px/1.9 var(--mono);color:#4c5545}.code-purple{color:#9376b2}.code-green{color:#557d62}.code-orange{color:#b66743}.code-muted{color:#858c7a}.check-card{top:270px;left:19%;width:72%;padding:21px;background:#e4e9dc;transform:rotate(5deg);z-index:2;animation:arrive .9s both}.check-card>.mono{font-size:8px;color:#5b684f;letter-spacing:.6px}.check-card>div:nth-child(2){display:flex;align-items:center;gap:11px;margin:13px 0}.check-card strong{font-size:14px;font-weight:500}.check-circle{background:#627a50;color:white;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px}.check-bars{display:flex;gap:4px;margin:15px 0 8px}.check-bars i{height:5px;flex:1;background:#7c925e;border-radius:1px}.check-bars i:last-child{background:#a9b798}.ship-tile{position:absolute;right:0;top:168px;width:105px;height:108px;z-index:3;background:var(--orange);transform:rotate(9deg);border-radius:7px;box-shadow:0 10px 25px #ac4e2620,0 4px 0 #b04424;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff4dd}.ship-tile>span{font-size:56px;line-height:1}.ship-tile small{font:8px var(--mono);letter-spacing:2px;margin-top:6px}.art-cross{position:absolute;color:#939e84;font:24px var(--mono)}.cross-one{top:46px;right:20px}.cross-two{bottom:18px;left:20px}.art-foot{position:absolute;bottom:0;right:0;color:#667459;text-align:right;font-size:8px;line-height:1.8}
.work-wrap{background:var(--dark);color:#f0f0e5;border-radius:24px 24px 0 0;margin-top:15px}.work{padding:88px 0 65px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}h2{font-size:clamp(36px,4.5vw,64px);line-height:1.08;font-weight:450;letter-spacing:-2.7px;margin-top:23px}.work h2 em{color:#e29473}.work .eyebrow{color:#aeb6a1}.section-heading>p{max-width:330px;font-size:13px;line-height:1.8;color:var(--muted)}.work .section-heading>p{color:#b3baa8}.project-grid{display:flex;flex-direction:column;gap:44px}.project{display:grid;grid-template-columns:1.15fr 1fr;background:#2b2f27;border:1px solid #414638;overflow:hidden;border-radius:12px;transition:border-color .3s}.project:hover{border-color:#78836a}.project:nth-child(2){grid-template-columns:1fr 1.15fr}.project:nth-child(2) .project-visual{order:2}.project-copy{padding:43px;display:flex;flex-direction:column;justify-content:center;min-width:0}.project-top{display:flex;justify-content:space-between;gap:10px;color:#b2bba6}.project-top .mono{font-size:8px;letter-spacing:.6px}.project-top>span:last-child{font-size:19px;color:#d0d7c7}h3{font-size:28px;letter-spacing:-1px;line-height:1.25;font-weight:450}.project h3{font-size:42px;margin:24px 0 17px}.project h3 a{transition:color .2s}.project h3 a:hover{color:#e8a081}.project-copy>p{font-size:14px;color:#c2c8b9}.project details{margin:24px 0}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}.project summary{font-size:12px;display:flex;justify-content:space-between}.project summary span{color:#e8a081}.project details[open] summary span{transform:rotate(45deg)}.project-detail{font-size:13px;color:#c2c8b9;padding-top:16px}.project-footer{font:8px/1.7 var(--mono);letter-spacing:.3px;display:flex;justify-content:space-between;border-top:1px solid #505743;padding-top:18px;gap:8px;color:#a5b297}.project-visual{min-height:390px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-caption{position:absolute;top:24px;left:27px;font-size:8px;letter-spacing:1px}.jira-visual{background:#d9e0d0;color:#58664c;background-image:linear-gradient(#b9c5ae50 1px,transparent 1px),linear-gradient(90deg,#b9c5ae50 1px,transparent 1px);background-size:32px 32px}.editor-window{width:85%;background:#272b25;border:1px solid #77836b;border-radius:7px;box-shadow:14px 18px 0 #b4c2a7,0 15px 40px #222c2926;transform:rotate(-4deg);transition:transform .5s}.project:hover .editor-window{transform:rotate(-1deg) translateY(-5px)}.editor-head{display:flex;justify-content:space-between;padding:12px 17px;color:#b0b6a5;font:9px var(--mono);border-bottom:1px solid #454d3d}.editor-head>span:first-child{color:#778567;font-size:8px;letter-spacing:2px}.editor-window pre{font:clamp(9px,.85vw,12px)/1.9 var(--mono);padding:12px 20px 20px;margin:0;color:#d9dfd0;white-space:pre-wrap}.editor-window .code-purple{color:#c6a9d7}.editor-window .code-green{color:#b6d3a4}.editor-window .code-orange{color:#eab792}.editor-status{display:flex;justify-content:space-between;padding:8px 17px;background:#373f30;font-size:8px;color:#d3dcc7}.floating-tag{position:absolute;bottom:28px;right:24px;background:#f1f3e9;border:1px solid #b0bf9f;padding:9px 13px;font-size:8px;transform:rotate(4deg);box-shadow:0 3px 0 #b0bf9f}.skills-visual{background:#d9bfa8;color:#614a39;background-image:radial-gradient(#b896782f 1px,transparent 1px);background-size:12px 12px}.skill-sheet{background:#f8f0df;width:63%;padding:25px 28px;transform:rotate(5deg);box-shadow:10px 12px 0 #b8997d,0 20px 30px #533a1a18;border:1px solid #bba58d;transition:transform .5s}.project:hover .skill-sheet{transform:rotate(2deg) translateY(-4px)}.skill-sheet>.mono{font-size:8px}.skill-symbol{float:right;color:#b15130;font-size:40px;line-height:1}.skill-sheet h4{font-size:30px;letter-spacing:-1px;line-height:1.1;font-weight:500;margin:25px 0}.skill-line{font:8px/1.7 var(--mono);border-top:1px solid #d9cdb7;padding:10px 0}.skill-line span{margin-right:10px;color:#a35e3b}.review-stamp{position:absolute;bottom:30px;left:20px;background:#9b462a;color:#f9ead4;width:90px;height:90px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.6;transform:rotate(-15deg);border:5px double #dfb49c}.falcon-visual{background:#364538;color:#d0ddc2}.falcon-visual svg{width:90%;max-height:350px;transform:rotate(-5deg);transition:transform .6s}.project:hover .falcon-visual svg{transform:rotate(0deg) translateY(-7px)}.falcon-type{position:absolute;left:35px;top:64px;font-size:90px;line-height:1;font-weight:500;letter-spacing:-7px;color:#d2dfc4}.falcon-type span{font-size:35px;vertical-align:top;letter-spacing:0}.lattice-label{position:absolute;bottom:23px;right:25px;font-size:8px;text-align:right;line-height:1.9}.archive{margin-top:40px;border-top:1px solid #505743;border-bottom:1px solid #505743}.archive>summary{display:flex;align-items:center;justify-content:space-between;padding:25px 0;font-size:14px}.archive>summary>.mono{color:#b0bba2;font-size:9px}.repo-index{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:0 0 25px}.repo-index a{padding:14px 0;border-top:1px solid #414638;font-size:12px;overflow-wrap:anywhere}.repo-index a:hover{color:#e8a081}.repo-index a span{display:block;color:#adb7a0;font-size:11px;margin-top:5px}
.about-wrap{position:relative;overflow:hidden}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:110px 0}.about>div:first-child{position:relative}.about-asterisk{display:block;font-size:95px;color:var(--orange);line-height:1;margin-top:27px}.about h2{font-size:clamp(35px,3.7vw,52px);letter-spacing:-2px}.about-copy{padding-top:45px}.about-copy p{font-size:15px;color:var(--muted);margin-bottom:22px}.about-copy .large{font-size:25px;letter-spacing:-.7px;color:var(--ink);line-height:1.45}.text-link{font-size:12px;display:inline-block;border-bottom:1px solid #a3ab95;padding-bottom:5px}.text-link:hover{color:var(--accent)}.capabilities{padding:0 0 95px}.capabilities .section-heading{border-top:1px solid var(--line);padding-top:55px}.capabilities h2{font-size:43px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #cdd2c0;border-radius:8px;overflow:hidden}.capability-grid article{padding:33px;background:#e9ecdf;border-right:1px solid #cdd2c0}.capability-grid article:last-child{border:0}.accent{color:var(--accent)}.capability-grid .mono{font-size:9px}.capability-grid h3{font-size:23px;margin:24px 0 15px}.capability-grid p{font-size:14px;color:var(--muted);margin-bottom:23px}.capability-grid small{font:10px/1.9 var(--mono);color:var(--muted)}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:65px 0 90px}.philosophy h2{font-size:43px}.principles p{display:flex;gap:22px;margin-bottom:26px;font-size:14px;color:var(--muted)}.principles .mono{color:var(--accent);padding-top:3px}.principles b{display:block;margin-bottom:3px;font-weight:550;color:var(--ink)}.contact{background:var(--orange);padding:75px 0;position:relative;overflow:hidden}.contact::after{content:'↗';position:absolute;right:2%;top:-85px;font-size:480px;line-height:1;color:#ba42242b;pointer-events:none}.contact .shell{position:relative;z-index:1}.contact .eyebrow{color:#3d241a}.contact h2{font-size:clamp(55px,6.9vw,95px);letter-spacing:-4px;color:#29271f}.contact h2 em{color:#fff4dc}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:38px;gap:30px}.contact-bottom p{color:#3c291e;font-size:14px}.contact-bottom>div{display:flex;align-items:center;gap:25px}.contact .button:hover{background:#444431}.contact-github{font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:120px;font-size:12px}footer .wordmark{font-size:38px}footer>.mono{font-size:8px;color:var(--muted)}footer>a:last-child{font-size:11px}
@keyframes arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero-layout{min-height:690px}.engineering-art{height:510px}.code-card{top:75px}.check-card{top:290px}.ship-tile{top:183px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero-layout{gap:15px;min-height:550px}h1{font-size:clamp(60px,7.5vw,85px);letter-spacing:-4px}.hero-actions{gap:15px}.hero-copy>p{font-size:17px}.quiet-link{font-size:10px}.button{font-size:11px;gap:20px}.engineering-art{height:430px}.code-card{top:60px}.art-code{font-size:9px;padding:18px}.check-card{top:240px;padding:17px}.check-card strong{font-size:11px}.ship-tile{width:85px;height:90px;top:160px}.ship-tile>span{font-size:45px}.art-foot{font-size:7px}.project-copy{padding:30px}.project h3{font-size:34px}.project-visual{min-height:360px}.skill-sheet{padding:22px;width:70%}.skill-sheet h4{font-size:26px}.skill-line{font-size:7px}.about,.philosophy{gap:55px}.capability-grid article{padding:25px}.capability-grid h3{font-size:20px}.contact-bottom>div{gap:20px}}
@media(max-width:800px){.header-name{display:none}.hero-intro>.mono{display:none}.hero-layout{grid-template-columns:1fr;gap:20px;padding-top:40px}.hero-copy>p{max-width:390px}.hero-copy{padding-bottom:5px}h1{font-size:clamp(65px,10vw,85px)}.hero-role{margin-top:30px}.engineering-art{width:min(100%,510px);height:450px;margin:0 auto}.art-code{font-size:11px}.check-card{top:260px}.check-card strong{font-size:14px}.ship-tile{top:170px}.hero-foot{margin-top:10px}.hero-foot>span{max-width:50%}.work-wrap{margin-top:0}.work{padding-top:60px}.project,.project:nth-child(2){grid-template-columns:1fr}.project:nth-child(2) .project-visual{order:0}.project-visual{min-height:370px}.project-copy{padding:32px}.project h3{font-size:37px}.project-top .mono{font-size:9px}.project-copy>p{font-size:15px}.project details{margin:25px 0}.editor-window{width:78%;max-width:460px}.editor-window pre{font-size:12px;padding:16px 24px 25px}.skill-sheet{width:52%;max-width:300px;padding:25px}.skill-line{font-size:8px}.review-stamp{left:16%;bottom:22px}.falcon-visual svg{width:80%;max-width:480px}.about{padding:75px 0;gap:35px}.about h2{font-size:36px}.about-copy .large{font-size:22px}.about-copy p{font-size:14px}.capabilities h2,.philosophy h2{font-size:36px}.capability-grid{grid-template-columns:1fr}.capability-grid article{border-right:0;border-bottom:1px solid #cdd2c0;padding:30px}.capability-grid h3{margin:16px 0}.capability-grid p{margin-bottom:15px}.philosophy{gap:35px}.contact h2{font-size:65px}.contact-bottom{align-items:flex-start}.contact-bottom>div{flex-direction:column;align-items:flex-start;gap:15px}footer .mono{max-width:45%;font-size:7px}.section-heading>p{font-size:12px}}
@media(max-width:540px){.shell{width:calc(100% - 40px)}header{height:86px}.wordmark{font-size:38px}nav{gap:22px;font-size:11px}.hero{padding-top:22px}.eyebrow{font-size:8px;letter-spacing:.6px}.hero-layout{padding:37px 0 25px;gap:16px}h1{font-size:clamp(53px,11.9vw,65px);letter-spacing:-3.6px}h1 em::after{bottom:-9px;height:4px}.hero-copy>p{font-size:17px;max-width:300px;margin:29px 0 24px}.hero-role strong{font-size:10px}.hero-role div>span{font-size:8px}.hero-actions{gap:22px}.hero-role{margin-top:30px}.engineering-art{height:365px;margin-top:15px}.art-corner{font-size:7px;left:5px}.code-card{top:50px;left:1%;width:85%}.art-card-head{font-size:8px;padding:11px 13px}.art-code{font-size:9px;padding:15px 16px 21px}.check-card{top:211px;left:16%;width:78%;padding:14px}.check-card strong{font-size:11px}.check-card>.mono{font-size:7px}.check-card>div:nth-child(2){margin:10px 0}.check-circle{width:22px;height:22px}.check-bars{margin:10px 0 4px}.ship-tile{width:72px;height:78px;top:136px;right:0}.ship-tile>span{font-size:37px}.ship-tile small{font-size:7px;letter-spacing:1px}.art-foot{font-size:6px;bottom:0}.cross-one{right:10px;top:25px}.orbit-one{top:100px;height:190px}.orbit-two{height:300px;top:35px}.hero-foot{font-size:7px;padding:16px 0 23px}.hero-foot a span{margin-left:6px}.work-wrap{border-radius:18px 18px 0 0}.work{padding:49px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:33px}h2{font-size:45px;letter-spacing:-2px;margin-top:18px}.work .section-heading>p{font-size:12px}.project-grid{gap:28px}.project-visual{min-height:300px}.visual-caption{top:19px;left:20px;font-size:7px}.editor-window{width:85%}.editor-window pre{font-size:9px;padding:13px 16px 20px}.editor-head{font-size:8px}.editor-status{font-size:7px}.floating-tag{font-size:7px;bottom:20px;right:16px;padding:7px 10px}.project-copy{padding:25px}.project h3{font-size:34px;margin:20px 0 14px}.project-copy>p{font-size:13px}.project-top .mono{font-size:7px}.project-footer{font-size:7px}.project-detail{font-size:12px}.skill-sheet{width:66%;padding:20px}.skill-sheet h4{font-size:25px;margin:20px 0}.skill-line{padding:8px 0;font-size:7px}.review-stamp{width:72px;height:72px;left:5%;bottom:18px;font-size:7px}.skill-symbol{font-size:32px}.falcon-visual svg{width:100%}.falcon-type{font-size:65px;left:22px;top:65px}.falcon-type span{font-size:25px}.lattice-label{font-size:7px;right:18px}.archive{margin-top:29px}.archive>summary{font-size:12px;gap:10px;padding:22px 0}.archive>summary>.mono{font-size:7px}.repo-index{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:30px;padding:60px 0}.about-asterisk{font-size:75px;margin-top:23px}.about h2{font-size:41px}.about-copy{padding-top:0}.about-copy .large{font-size:23px}.about-copy p{font-size:14px}.capabilities{padding-bottom:55px}.capabilities .section-heading{padding-top:40px}.capabilities h2{font-size:35px}.capability-grid article{padding:26px}.capability-grid h3{font-size:23px}.philosophy{grid-template-columns:1fr;gap:35px;padding:45px 0 50px}.philosophy h2{font-size:37px}.principles p{font-size:13px;gap:20px}.contact{padding:50px 0}.contact h2{font-size:clamp(42px,10.7vw,57px);letter-spacing:-2.5px}.contact-bottom{flex-direction:column;gap:27px;margin-top:28px}.contact-bottom p{font-size:13px}.contact-bottom>div{flex-direction:row;align-items:center;gap:22px}.contact-github{font-size:11px}.contact::after{font-size:300px;right:-65px;top:20px}footer{min-height:100px;gap:15px}footer .mono{display:none}footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.about-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px}.about-links .mono{font-size:8px;margin-left:8px}
