@font-face{font-family:Isometra;src:url('assets/fonts/Isometra-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#070b12;--panel:#0c1420;--text:#ffffff;--muted:#b9cbe0;--accent:#3e95ff;--blue:var(--accent);--line:#24384f;--display:Isometra,Georgia,serif;--glow:0 0 0 1px #3e95ff77,0 0 24px #3e95ff33}
html{scroll-padding-top:110px}
body{font-size:16px;line-height:1.8}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.25;letter-spacing:-.015em;overflow-wrap:break-word}
a,button{transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px;box-shadow:var(--glow)}
button:active,.button:active,.text-link:active,.nav-contact:active,.contact-links>a:active,.launch-badge:active{box-shadow:var(--glow);color:var(--accent)}
.button.primary:active{color:var(--bg)}
@media(hover:hover){button:hover,.button:hover,.text-link:hover,.nav-contact:hover,.contact-links>a:hover,.launch-badge:hover{box-shadow:var(--glow)}nav>a:hover,.back-top:hover{color:var(--accent)}}
.eyebrow,.mono{font-size:11px;line-height:1.8;letter-spacing:.8px}
.small-note{font-size:11px;color:#8ba4c7}
.site-header{background:#070b12f5;backdrop-filter:blur(14px)}
.nav-wrap{height:96px;gap:25px}
.identity{gap:14px;min-width:0;line-height:1.4}
.brand-mark{width:54px;height:54px;flex:none}
.identity-name{font:16px/1.4 var(--display);letter-spacing:.3px;white-space:nowrap}
.identity-sub{font:10px/1.5 var(--mono);letter-spacing:1px;color:#8da6ca;margin-top:7px}
nav{font-size:14px;gap:29px}
.nav-contact{min-height:46px}
.hero{background:radial-gradient(ellipse at 88% 48%,#58687e10,transparent 60%)}
.hero-grid{background-image:linear-gradient(#66799309 1px,transparent 1px),linear-gradient(90deg,#66799309 1px,transparent 1px)}
.hero-content{grid-template-columns:1.05fr 1fr;gap:30px;padding-block:65px;min-height:680px}
.hero-copy{min-width:0}
.hero .eyebrow{font-size:10px;letter-spacing:.7px;margin-bottom:25px;white-space:normal;max-width:540px}
h1{font-size:clamp(51px,5.2vw,76px);line-height:1.16;letter-spacing:-.025em}
h1 span{color:var(--accent)}
.hero-description{font-size:16px;max-width:475px;line-height:1.85;color:#96b0d7;margin-top:26px}
.hero-actions{gap:24px;flex-wrap:wrap}
.button{font-size:14px;padding:15px 22px;min-height:51px;gap:28px}
.button.primary{background:var(--accent);border:1px solid var(--accent);color:#ffffff}
.button.primary:hover{background:#1c6dde}
.text-link{font-size:14px;padding:10px 6px;min-height:45px}
.availability{font-size:10px;line-height:1.8;letter-spacing:.6px;color:#94afd4;gap:10px}
.status-dot{background:var(--accent);box-shadow:0 0 10px #3e95ff44;width:6px;height:6px;min-width:6px}
.hero-visual{width:100%;padding-top:20px;align-self:center;display:block}
.visual-heading{position:static;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#869ec0;padding:0 0 12px;border-color:#353f4c}
.engine-stage{position:relative;width:100%;aspect-ratio:1.22;min-height:310px;isolation:isolate;background:radial-gradient(ellipse,#3c465618,transparent 70%)}
#engine-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;touch-action:pan-y pinch-zoom;cursor:grab}
#engine-canvas.is-ready{opacity:1}
#engine-canvas.is-dragging{cursor:grabbing}
.hero-visual .engine-fallback{width:100%;height:100%;max-width:100%;object-fit:contain;position:absolute;inset:0;margin:0;transition:opacity .25s}
.engine-fallback.is-hidden{opacity:0;pointer-events:none}
.engine-overlay{position:absolute;inset:auto 8px 20px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);letter-spacing:1px;color:#7b91b0;pointer-events:none}
.engine-overlay span::before{content:'+';color:var(--accent);margin-right:8px}
.engine-controls{display:flex;justify-content:flex-end;gap:10px}
.engine-controls button{font:11px var(--mono);color:#95b0d6;border:1px solid #3c4656;padding:10px 13px;min-height:44px;display:flex;align-items:center;gap:16px}
.engine-controls button span{color:var(--accent);font-size:15px}
.hero-visual figcaption{position:static;display:flex;align-items:center;gap:18px;justify-content:flex-end;margin-top:21px;color:#97b2d8;font-size:12px;line-height:1.65}
.hero-visual figcaption small{font-size:11px;color:#8097b8}
.visual-bracket{color:#607189;font-size:32px}
.hero-footer{font-size:11px;letter-spacing:.35px;line-height:1.8;grid-template-columns:.9fr 1.65fr auto;color:#90aace}
.hero-footer>a{font-size:10px;min-height:44px}
.hero-footer>a span{font-size:21px}
.section-heading{gap:55px;align-items:end}
h2{font-size:clamp(29px,2.8vw,42px)}
.section-heading>p{font-size:15px;line-height:1.85;max-width:410px}
.project-card{min-width:0;display:flex;flex-direction:column}
.project-image{aspect-ratio:1.6;border-color:#384250;background:#0c1420}
.project-image img{width:100%;height:100%;object-fit:cover}
.image-open{width:38px;height:38px;line-height:33px;font-size:23px;color:var(--accent);border-color:#5f7088;background:#15191ee6}
.project-meta{font-size:10px;letter-spacing:.35px;flex-wrap:wrap;gap:6px;color:#8aa2c6}
.project-card h3{font-size:clamp(22px,2vw,29px);line-height:1.3;letter-spacing:-.02em;margin-top:13px}
.project-role{font-size:13px;color:#879fc2;margin-top:11px}
.project-description{font-size:15px;line-height:1.8;min-height:0}
.tags{min-height:0;margin-bottom:22px}
.tags span{font-size:11px;padding:4px 8px;color:#94afd5;border-color:#353f4c;line-height:1.6}
.project-link{margin-top:auto;font-size:14px;min-height:48px;padding:16px 5px 8px}
.illustration-note{font-size:12px;color:#8aa3c6;line-height:1.8}
.about-section{background:#0a111c;border-color:#303945}
.about-layout{grid-template-columns:1fr 1.07fr;gap:8%}
.about-intro .eyebrow{font-size:12px;margin-bottom:36px}
.about-intro h2{font-size:clamp(31px,3.3vw,48px);line-height:1.3}
.about-intro h2 span{color:#8198b9}
.about-signature{font:14px/1.9 var(--mono);color:#a8c6f1}
.about-signature small{font-size:11px;color:#8ca5c9}
.signature-line{background:var(--accent);flex:none}
.about-body{padding-top:50px;min-width:0}
.about-body>p{font-size:16px;line-height:1.9;color:#92add2;margin-bottom:22px}
.about-body .large-copy{font-size:23px;line-height:1.7;color:#ffffff}
.education-school{font-size:18px;color:#ffffff;font-weight:500}
.education div>p:nth-child(2){font-size:16px;color:#96b1d7;line-height:1.8}
.education .mono{font-size:12px;color:#8ba4c8}
.education-mark{font-size:31px}
.affiliations{font-size:15px;color:#a4c1eb;flex-wrap:wrap;gap:23px 35px}
.affiliations small{font-size:13px;color:#8ca5c9;margin-top:5px}
.skill-row{grid-template-columns:30px 1.05fr 1.8fr 1fr;gap:28px}
.skill-index{font-size:12px;color:#7b91b1}
.skill-row h3{font-size:27px;line-height:1.35}
.skill-row>p{font-size:15px;line-height:1.9;color:#94aed4;max-width:400px}
.skill-tools{font-size:13px;gap:7px;color:#89a2c5;line-height:1.7}
.learning-panel{background:#0b1727;border-color:#404b5b}
.learning-heading,.learning-copy{position:relative;z-index:1;min-width:0}
.learning-heading .eyebrow{font-size:12px;color:#92add2;margin-bottom:22px}
.learning-heading h3{font-size:clamp(27px,2.6vw,37px);line-height:1.3}
.orbit-mark{color:#333c4944;z-index:-1}
.learning-copy p{font-size:15px;line-height:1.9;color:#95b0d6;margin-bottom:18px}
.learning-copy strong{color:#ffffff}
.experience-label{font-size:11px;line-height:1.9;letter-spacing:.5px;color:#90aace}
.contact-section{background:radial-gradient(ellipse at 0 50%,#4d5a6e11,transparent 65%)}
.contact-status{font-size:11px;color:#8da6ca}
.contact-layout h2{font-size:clamp(39px,4vw,57px);line-height:1.25}
.contact-layout>div>p{font-size:16px;line-height:1.9;color:#91abd1}
.contact-links>a{padding:9px 4px 22px;min-height:64px}
.contact-links .mono{font-size:11px;color:#88a0c3}
.contact-value{font-size:17px;overflow-wrap:anywhere;letter-spacing:0}
.copy-email{font-size:13px;min-height:44px;padding:8px 5px;color:#90aacf}
.contact-links .copy-status{font-size:12px;color:#91abd1;min-height:22px}
.footer-content{flex-wrap:wrap;gap:25px;padding-block:34px}
.footer-name{font:14px var(--display);letter-spacing:.4px}
.footer-name span{font:12px var(--sans);color:#8ba4c8;letter-spacing:0;margin-top:10px}
.footer-content>p{font-size:12px;color:#8ba4c8}
.back-top{font-size:11px;min-height:44px}
.launch-badge{display:block;max-width:255px;flex:none;border-radius:5px}
.launch-badge img{width:255px;height:55px;object-fit:contain}
dialog{max-width:890px;background:#0c1420;border-color:#59697f}
dialog::backdrop{background:#08090be8}
.dialog-toolbar{background:#0c1420;border-color:#3f4a5a}
.dialog-toolbar .mono,.dialog-eyebrow{font-size:11px;color:#879fc1;line-height:1.8}
.dialog-close{font-size:14px;min-height:44px;padding:4px}
.dialog-title{font-size:35px;line-height:1.3}
.dialog-intro{font-size:17px;line-height:1.9;color:#9dbae2}
.dialog-project-image{width:100%;max-height:330px;object-fit:contain;background:#070d16;border:1px solid #353f4d;margin-top:28px}
.dialog-project-image[data-image-kind="photo"]{max-height:min(58vh,520px);object-fit:contain}
.dialog-facts span{font-size:10px;line-height:1.7}
.dialog-facts strong{font-size:14px}
.case-sections h3{font-size:21px;line-height:1.4}
.case-sections p,.case-sections li{font-size:15px;line-height:1.9;color:#93aed4}
.case-insight{background:#102b4d}
.case-insight h3{font:11px/1.8 var(--mono);color:#8fa8cd}
.case-insight p{font-size:16px;color:#a8c6f2}
@media(max-width:1180px){.nav-wrap{gap:20px}.identity-name{font-size:14px}.identity-sub{font-size:9px}.brand-mark{width:49px;height:49px}nav{gap:22px;font-size:13px}.hero-content{grid-template-columns:1fr 1fr;gap:25px;min-height:610px}h1{font-size:clamp(47px,5.2vw,66px)}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.project-meta{font-size:9px}.project-card h3{font-size:23px}.project-description{font-size:14px}.about-layout{gap:6%}.about-intro h2{font-size:35px}.about-intro .eyebrow{font-size:11px}.about-body .large-copy{font-size:21px}.skill-row{gap:22px;grid-template-columns:25px 1.1fr 1.6fr 1fr}.skill-row h3{font-size:24px}.contact-value{font-size:15px}}
@media(max-width:950px){html{scroll-padding-top:93px}.nav-wrap{height:83px}.identity-name{font-size:13px}.identity-sub{font-size:8px}.brand-mark{width:44px;height:44px}.identity{gap:10px}nav{gap:17px;font-size:12px}.nav-contact{padding:10px 12px;gap:13px}.hero-content{gap:16px;padding-block:48px;min-height:580px}.hero .eyebrow{font-size:8px;letter-spacing:.4px}h1{font-size:clamp(42px,5.15vw,52px)}.hero-description{font-size:15px}.hero-actions{gap:14px}.button{font-size:13px;padding:13px 17px;gap:22px}.text-link{font-size:13px}.availability{font-size:9px;letter-spacing:.4px}.visual-heading{font-size:8px;display:flex}.engine-stage{min-height:290px;aspect-ratio:1.1}.engine-controls button{font-size:10px;gap:10px;padding:9px 10px}.hero-footer{grid-template-columns:1fr auto;font-size:10px}.hero-footer>p:nth-child(2){grid-row:2;grid-column:1;font-size:11px}.hero-footer>a{grid-row:1/3;grid-column:2;font-size:9px}.section-heading{gap:35px}.section-heading h2{font-size:30px}.section-heading>p{font-size:14px}.small-note{font-size:9px}.project-meta{display:block;line-height:1.9}.project-meta span{display:block}.project-card h3{font-size:21px}.project-role{font-size:12px}.tags span{font-size:10px}.about-intro h2{font-size:30px}.about-signature{font-size:13px;gap:15px}.about-signature small{font-size:10px}.about-body{padding-top:45px}.about-body>p{font-size:15px}.education-school{font-size:17px}.education div>p:nth-child(2){font-size:15px}.education .mono{font-size:11px}.affiliations{font-size:14px;display:flex;gap:20px}.skill-row{grid-template-columns:25px 1fr 1.7fr}.skill-row h3{grid-column:2;grid-row:1/3;font-size:23px}.skill-index{grid-row:1/3}.skill-tools{grid-column:3;display:flex;flex-wrap:wrap;gap:6px 17px;font-size:12px}.learning-panel{padding:32px;gap:32px}.learning-heading .eyebrow{font-size:11px}.learning-heading h3{font-size:28px}.learning-copy p{font-size:14px}.experience-label{font-size:10px}.contact-layout h2{font-size:43px}.contact-value{font-size:14px}.footer-content>p{margin-left:auto}.launch-badge{order:4}}
@media(min-width:651px) and (max-width:760px){nav{display:none;position:absolute;top:79px;left:0;right:0;background:#0c1420;border-bottom:1px solid #4a576a;flex-direction:column;align-items:stretch;padding:14px 20px 24px;gap:0}nav.is-open{display:flex}nav>a{padding:15px 8px;font-size:16px;border-bottom:1px solid #313a47}.nav-contact{margin-top:13px;justify-content:space-between}.menu-toggle{display:flex;gap:16px;align-items:center;font:12px var(--mono);padding:10px 4px;min-height:44px}.menu-toggle span{font-size:26px;color:var(--accent)}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.nav-wrap{height:79px}.identity-name{font-size:14px}.identity-sub{font-size:9px}nav{top:79px;background:#0c1420}.menu-toggle{font-size:12px;min-height:44px}.hero-content{display:grid;grid-template-columns:1fr;gap:24px;padding:39px 0 31px;min-height:0}.hero .eyebrow{font-size:10px;letter-spacing:.6px;margin-bottom:23px;max-width:480px}h1{font-size:clamp(37px,8.35vw,63px);line-height:1.17}.hero-description{font-size:16px;max-width:550px;margin-top:25px}.hero-actions{gap:22px}.button{font-size:14px;padding:14px 20px}.text-link{font-size:14px}.availability{font-size:10px;letter-spacing:.5px}.hero-visual{padding-top:5px;max-width:600px;margin:0;min-height:0;justify-self:center}.visual-heading{font-size:10px;position:static;display:flex;padding:0 0 12px}.engine-stage{min-height:0;aspect-ratio:1.35}.engine-controls button{font-size:11px;min-height:44px;padding:10px 13px}.hero-visual figcaption{position:static;font-size:12px;margin-top:19px}.hero-visual figcaption small{font-size:11px}.hero-footer{font-size:11px;gap:9px 20px;line-height:1.9}.hero-footer>p:nth-child(2){font-size:11px;max-width:470px;letter-spacing:.35px}.hero-footer>a{font-size:9px;max-width:96px;letter-spacing:.25px;gap:10px}.section-heading{display:block}.section-heading h2{font-size:clamp(27px,5.2vw,37px)}.section-heading>p{font-size:15px;max-width:580px;margin-top:23px}.eyebrow{font-size:11px}.small-note{display:none}.project-grid{grid-template-columns:1fr;gap:41px}.project-meta{display:flex;font-size:11px;margin-top:20px;line-height:1.6}.project-card h3{font-size:29px}.project-role{font-size:14px}.project-description{font-size:15px}.tags span{font-size:12px;padding:4px 9px}.project-link{font-size:14px}.illustration-note{font-size:12px;max-width:460px}.about-layout{grid-template-columns:1fr;gap:34px}.about-intro .eyebrow{font-size:12px}.about-intro h2{font-size:clamp(30px,5.8vw,41px)}.about-intro h2 br:nth-of-type(3){display:initial}.about-signature{font-size:14px}.about-signature small{font-size:12px}.about-body{padding-top:0}.about-body .large-copy{font-size:22px}.about-body>p{font-size:16px}.education-school{font-size:19px}.education div>p:nth-child(2){font-size:16px}.education .mono{font-size:12px}.affiliations{font-size:16px;gap:22px 32px}.affiliations small{font-size:14px}.skill-row{grid-template-columns:23px 1fr;gap:18px 16px}.skill-row h3{grid-column:2;grid-row:1;font-size:26px}.skill-row h3 br{display:none}.skill-index{grid-column:1;grid-row:1/4}.skill-row>p{grid-column:2;font-size:15px}.skill-tools{grid-column:2;font-size:13px}.learning-panel{grid-template-columns:1fr;padding:29px 24px;gap:25px}.learning-heading h3{font-size:30px}.learning-heading .eyebrow{font-size:12px}.learning-copy p{font-size:15px}.experience-label{font-size:11px}.contact-status{font-size:11px;margin-top:21px}.contact-section .section-top{display:block}.contact-layout{grid-template-columns:1fr;gap:33px}.contact-layout h2{font-size:clamp(37px,7vw,50px)}.contact-layout>div>p{font-size:16px}.contact-value{font-size:18px}.contact-links .mono{font-size:12px}.copy-email{font-size:14px}.footer-name{font-size:14px}.footer-name span{font-size:13px}.back-top{margin-left:auto;font-size:11px}.launch-badge{order:3}.footer-content>p{order:4;width:100%;font-size:12px;margin:0}.dialog-title{font-size:27px}.dialog-intro{font-size:16px}.case-sections{grid-template-columns:1fr}.case-insight{grid-column:1}.case-insight p{font-size:15px}}
@media(max-width:400px){.wrap{width:calc(100% - 32px)}.identity{gap:9px}.identity-name{font-size:12px}.identity-sub{font-size:8px;letter-spacing:.7px}.brand-mark{width:38px;height:38px}.menu-toggle{font-size:11px;gap:10px}.hero .eyebrow{font-size:9px}h1{font-size:clamp(33px,8.55vw,38px)}.hero-description{font-size:15px}.hero-actions{gap:13px}.button{padding:13px 16px;font-size:13px;gap:18px}.text-link{font-size:13px}.availability{font-size:9px}.visual-heading{font-size:9px}.engine-overlay{font-size:8px}.engine-controls{justify-content:space-between}.engine-controls button{font-size:10px}.hero-footer{grid-template-columns:1fr}.hero-footer>a{grid-column:1;grid-row:3;max-width:none;justify-content:space-between;margin-top:5px}.hero-footer>p:nth-child(2){max-width:none}.about-intro .eyebrow{font-size:11px}.project-meta{font-size:10px}.project-card h3{font-size:26px}.learning-heading .eyebrow{font-size:10px}.learning-heading h3{font-size:26px}.contact-value{font-size:16px}.education{gap:12px}.education-school{font-size:17px}.education div>p:nth-child(2){font-size:15px}.about-signature{font-size:13px}.about-signature small{font-size:11px}.footer-name{font-size:12px}.back-top{font-size:10px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Blueprint colour system: black, solid white, and engineering blue. */
:root{--bg:#070b12;--panel:#0c1420;--text:#ffffff;--muted:#b9cbe0;--accent:#3e95ff;--blue:var(--accent);--line:#24384f;--glow:0 0 0 1px #3e95ff88,0 0 24px #2388ff44}
body{background-color:var(--bg);background-image:linear-gradient(#2a7bd609 1px,transparent 1px),linear-gradient(90deg,#2a7bd609 1px,transparent 1px);background-size:64px 64px;color:var(--text)}
.site-header{background:#070b12f5}
.hero,.contact-section{background:none}
.hero-grid{background-image:linear-gradient(#3999ff13 1px,transparent 1px),linear-gradient(90deg,#3999ff13 1px,transparent 1px);background-size:72px 72px}
.engine-stage{background:none}
.about-section{background:#0a111c}
.learning-panel{background:#0b1727;border-color:#27507c}
.case-insight{background:#102b4d}
.button.primary{background:#145ab8;border-color:#2784ed;color:#ffffff}
.button.primary:hover{background:#1c6dde;color:#ffffff}
.button.primary:active{color:#ffffff}
.about-intro h2 span,.contact-layout h2 span,h1 span{color:var(--accent)}
.project-image img[data-image-kind="reference"]{object-fit:contain;background:#06101d}
.image-credit{font:12px/1.8 var(--sans);color:#b9cbe0;margin-top:10px}
.image-credit a{color:#80b9ff;text-decoration:underline;text-underline-offset:3px}
.dialog-project-image[data-image-kind="reference"]{background:#06101d;object-fit:contain;max-height:400px}