html{scroll-behavior:smooth}
.jb-page{--jb-paper:#f5f4ee;--jb-ink:#202922;--jb-muted:#5a635d;--jb-line:#d3d8ce;--jb-accent:#c6e79b;--jb-green:#567b2e;--jb-focus:#4e6e2f;--jb-drawing:#465744;--jb-drawing-line:#bbc5b4;--jb-hover:#e9ede1;--jb-featured:#e7eddc;--jb-featured-hover:#dfe8ce;--jb-featured-line:#c4ceba;--jb-detail:#4a5e3a;--jb-stack:#4f6145;--jb-icon-line:#b6c2ac;--jb-primary-hover:#344334;background:var(--jb-paper);color:var(--jb-ink);font:16px/1.65 "Segoe UI",Arial,sans-serif;min-height:100vh;overflow-wrap:break-word}
.jb-page *{box-sizing:border-box}.jb-page h1,.jb-page h2,.jb-page h3{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.045em;font-weight:600;line-height:1.15;margin:0}.jb-page p{margin:0 0 18px}.jb-page a{color:inherit;text-underline-offset:5px}.jb-page :is(a,button):focus-visible{outline:3px solid var(--jb-focus);outline-offset:5px;border-radius:2px}.jb-page [id]{scroll-margin-top:28px}.jb-width{width:min(1100px,calc(100% - 96px));margin-inline:auto}.jb-page .jb-skip{position:fixed;left:16px;top:-100px;padding:12px 20px;background:var(--jb-ink);color:var(--jb-paper);z-index:100}.jb-page .jb-skip:focus{top:12px}.jb-header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;border-bottom:1px solid var(--jb-line);gap:24px}.jb-brand{font-size:34px;font-weight:750;line-height:1;text-decoration:none;letter-spacing:-.08em;min-width:44px;padding:5px 0}.jb-brand span{color:var(--jb-green)}.jb-header nav,.jb-footer nav{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.jb-header nav a,.jb-footer nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;gap:6px}.jb-header nav a:hover,.jb-footer nav a:hover{text-decoration:underline}.jb-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:60px;align-items:center;padding-block:84px 88px}.jb-kicker,.jb-section-label>span,.jb-project-kind,.jb-project-number,.jb-drawing>span{font:10px/1.6 Consolas,"Courier New",monospace;letter-spacing:.11em}.jb-kicker{color:var(--jb-muted);margin-bottom:23px!important}.jb-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--jb-green);margin-right:9px}.jb-hero h1{font-size:clamp(45px,5.8vw,76px);letter-spacing:-.065em;line-height:1.05;white-space:nowrap}.jb-hero h1>span{color:var(--jb-green)}.jb-lead{font-size:clamp(24px,2.6vw,33px);line-height:1.3;letter-spacing:-.03em;max-width:520px;margin-top:25px!important}.jb-intro-copy{font-size:16px;line-height:1.75;color:var(--jb-muted);max-width:500px}.jb-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.jb-primary{display:inline-flex;align-items:center;gap:12px;background:var(--jb-ink);color:var(--jb-paper)!important;padding:13px 19px;min-height:48px;font-size:14px;text-decoration:none;border-radius:4px}.jb-primary:hover{background:var(--jb-primary-hover)}.jb-link{display:inline-flex;align-items:center;min-height:44px;gap:10px;font-size:14px;font-weight:600}.jb-filetype{font:9px Consolas,monospace;opacity:.8;letter-spacing:.04em}.jb-drawing{color:var(--jb-drawing);max-width:360px;justify-self:end;width:100%;transform:rotate(-5deg);padding:0 8px}.jb-drawing svg{width:100%;height:auto;display:block;overflow:hidden;border:1px solid var(--jb-drawing-line);border-radius:3px}.jb-drawing>span{display:block;font-size:8px;margin-top:13px;color:var(--jb-muted)}.jb-work{padding-bottom:72px}.jb-section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px}.jb-section-label h2,.jb-about h2{font-size:25px}.jb-section-label>span{color:var(--jb-muted);font-size:9px}.jb-project{display:grid;grid-template-columns:36px minmax(0,1fr) 44px;gap:22px;padding:28px 24px;border-top:1px solid var(--jb-line);text-decoration:none;align-items:start;transition:background-color .15s}.jb-project:has(+ .jb-work-note){border-bottom:1px solid var(--jb-line)}a.jb-project:hover{background:var(--jb-hover)}.jb-project-featured{background:var(--jb-featured);border-top-color:var(--jb-featured-line);border-radius:4px 4px 0 0}.jb-project-featured:hover{background:var(--jb-featured-hover)}.jb-project-number{padding-top:5px;color:var(--jb-muted)}.jb-project-kind{color:var(--jb-detail);font-size:9px}.jb-project h3{font-size:29px;margin:7px 0 10px}.jb-project p{font-size:15px;line-height:1.65;max-width:680px;color:var(--jb-muted);margin:0}.jb-project-stack{display:block;font-size:11px;color:var(--jb-stack);margin-top:16px}.jb-project-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--jb-icon-line);border-radius:50%;font-size:23px;align-self:center}.jb-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em}.jb-project-arrow .jb-icon{display:block;width:60%;height:60%}.jb-project-brain svg{display:block;width:60%;height:60%}.jb-work-note{font-size:12px;text-align:right;margin:19px 0 0!important}.jb-work-note a{display:inline-block;min-height:44px;padding-top:8px}.jb-about{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);gap:70px;border-top:1px solid var(--jb-line);padding-block:65px 70px}.jb-about-heading{display:flex;flex-direction:column;gap:30px}.jb-portrait{position:relative;flex:1;min-height:340px;overflow:hidden;border-radius:4px}.jb-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:45% 48%;filter:saturate(.8)}.jb-about-copy>p{color:var(--jb-muted);font-size:16px;max-width:670px}.jb-about-copy>p:first-child{font-size:23px;line-height:1.4;letter-spacing:-.025em;color:var(--jb-ink)}.jb-about-copy h3{font-size:14px;font-weight:600;letter-spacing:0;margin-top:28px}.jb-skills{list-style:none;padding:0;margin:16px 0 21px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:13px}.jb-skills li{padding-left:14px;position:relative}.jb-skills li:before{content:"";width:4px;height:4px;background:var(--jb-green);position:absolute;left:0;top:.7em}.jb-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--jb-line);padding-block:52px}.jb-contact .jb-kicker{margin-bottom:10px!important}.jb-contact h2{font-size:30px}.jb-contact p:last-child{margin:12px 0 0;color:var(--jb-muted);font-size:14px}.jb-email{font-size:20px;font-weight:500;min-height:44px;display:inline-flex;gap:14px;align-items:center}.jb-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--jb-line);padding-block:22px;font-size:11px;color:var(--jb-muted)}.jb-footer nav{gap:24px}.jb-footer nav a{font-size:11px}

html[data-jordan-standalone]{background:#f5f4ee;color-scheme:light}
html[data-jordan-theme="dark"]{background:#151c18;color-scheme:dark}
.jb-page[data-theme="dark"],html[data-jordan-theme="dark"] .jb-page:not([data-theme]){--jb-paper:#151c18;--jb-ink:#edf0e6;--jb-muted:#aebbac;--jb-line:#344338;--jb-accent:#55723e;--jb-green:#b5d592;--jb-focus:#c6e79b;--jb-drawing:#a4bd91;--jb-drawing-line:#41513e;--jb-hover:#202c23;--jb-featured:#253329;--jb-featured-hover:#304132;--jb-featured-line:#41583a;--jb-detail:#c0d3ac;--jb-stack:#b2c5a2;--jb-icon-line:#607755;--jb-primary-hover:#c6e79b;color-scheme:dark}
.jb-theme{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid var(--jb-line);border-radius:50%;background:transparent;color:var(--jb-ink);cursor:pointer}
.jb-theme:hover{background:var(--jb-hover)}.jb-theme svg{width:21px;height:21px}
.jb-project-metrics{display:flex;flex-wrap:wrap;gap:18px 36px;margin:22px 0 0}
.jb-project-metrics>div{display:flex;flex-direction:column-reverse;gap:2px}
.jb-project-metrics dt{font-size:10px;line-height:1.5;color:var(--jb-muted)}
.jb-project-metrics dd{margin:0;font-size:23px;font-weight:600;letter-spacing:-.04em;line-height:1.25;color:var(--jb-ink)}
@media(max-width:620px){.jb-header nav{gap:12px}.jb-theme{width:40px;height:40px;padding:9px}.jb-project-metrics{gap:15px 24px}.jb-project-metrics dd{font-size:21px}}
@media(max-width:359px){.jb-header{gap:8px}.jb-header nav{gap:10px}.jb-project-metrics{gap:15px 20px}}

@media(min-width:1600px){.jb-hero{padding-block:105px}.jb-width{width:min(1150px,calc(100% - 120px))}}
@media(max-width:900px){.jb-width{width:calc(100% - 64px)}.jb-hero{gap:25px;grid-template-columns:minmax(0,1.6fr) minmax(190px,.9fr);padding-block:65px}.jb-hero h1{font-size:clamp(38px,6.3vw,58px)}.jb-actions{gap:20px}.jb-about{gap:30px;grid-template-columns:1fr}.jb-about-heading{align-self:stretch;gap:22px}.jb-portrait{flex:none;min-height:0;aspect-ratio:16/9}.jb-contact{align-items:start;flex-direction:column;gap:22px}}
@media(max-width:620px){.jb-width{width:calc(100% - 40px)}.jb-header{padding-block:16px;gap:14px}.jb-brand{font-size:30px}.jb-header nav{gap:17px}.jb-header nav a{font-size:12px}.jb-hero{grid-template-columns:1fr;padding-block:46px 44px;gap:0}.jb-hero h1{font-size:clamp(41px,10.4vw,62px)}.jb-lead{font-size:27px;max-width:420px;margin-top:21px!important}.jb-intro-copy{font-size:15px}.jb-kicker{font-size:9px}.jb-drawing{display:none}.jb-actions{margin-top:23px;gap:22px}.jb-primary{padding:12px 15px;font-size:13px}.jb-section-label{padding-bottom:17px}.jb-section-label h2,.jb-about h2{font-size:23px}.jb-section-label>span{display:none}.jb-project{grid-template-columns:minmax(0,1fr) 32px;gap:12px;padding:24px 16px}.jb-project-number{display:none}.jb-project h3{font-size:27px}.jb-project-arrow{width:32px;height:32px;font-size:20px}.jb-project p{font-size:14px}.jb-project-kind{font-size:8px;letter-spacing:.07em}.jb-project-stack{font-size:10px}.jb-work{padding-bottom:36px}.jb-work-note{text-align:left;font-size:11px}.jb-about{grid-template-columns:1fr;gap:25px;padding-block:38px}.jb-about-heading{align-self:stretch;gap:22px}.jb-portrait{aspect-ratio:4/3}.jb-portrait img{object-position:45% 43%}.jb-about-copy>p:first-child{font-size:22px}.jb-about-copy>p{font-size:15px}.jb-skills{font-size:12px;gap:10px 12px}.jb-contact{padding-block:35px}.jb-contact h2{font-size:28px}.jb-email{font-size:19px;gap:10px}.jb-footer{align-items:start;flex-direction:column;gap:10px;padding-block:20px}.jb-footer nav{gap:22px}.jb-footer nav a{font-size:12px}}
@media(max-width:359px){.jb-width{width:calc(100% - 32px)}.jb-header nav{gap:12px}.jb-hero h1{font-size:40px}.jb-lead{font-size:25px}.jb-skills{grid-template-columns:1fr}.jb-project{padding-inline:12px}.jb-footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){.jb-page *{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
@media(forced-colors:active){.jb-primary{border:1px solid ButtonText}.jb-drawing{display:none}.jb-project-arrow{border-color:LinkText}}
@media print{.jb-header nav,.jb-drawing,.jb-skip,.jb-footer nav{display:none}.jb-width{width:100%}.jb-hero,.jb-about,.jb-contact{padding-block:20px}.jb-hero{display:block}.jb-project{break-inside:avoid}.jb-page{color:black;background:white}.jb-portrait{flex:none;min-height:0;width:100px;height:110px}}

@media print{.jb-page[data-theme]{--jb-paper:white;--jb-ink:black;--jb-muted:#444;--jb-featured:white;color:black;background:white;color-scheme:light}.jb-project-metrics dd{color:black}}