:root{--ink:#17292e;--muted:#5d6b70;--line:#d8dfe1;--paper:#fafbfa;--accent:#215e67;--tint:#eaf0f0;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b9632c;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;font-weight:650;display:flex;gap:12px;align-items:center;line-height:1.3}.mark{font:16px var(--mono);border:1px solid var(--ink);padding:8px 7px}.brand small{display:block;font:12px var(--mono);color:var(--muted);margin-top:5px;letter-spacing:.07em}.nav{display:flex;gap:26px;align-items:center;font-size:14px}.nav a{text-decoration:none;padding:8px 0}.nav a[aria-current]{color:var(--accent);border-bottom:2px solid var(--accent)}.nav .resume-link{border:1px solid var(--line);padding:8px 15px}.mobile-nav{display:none}.eyebrow{font:12px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 22px}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;padding:68px 0 58px;align-items:end}h1{font-size:clamp(2.6rem,4.5vw,4.15rem);line-height:1.1;letter-spacing:-.045em;font-weight:550;margin:0 0 25px}h1 span{color:var(--accent)}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:670px;margin:0}.hero-side{border-left:1px solid var(--line);padding-left:30px;margin-bottom:5px}.hero-side p{margin:6px 0}.small-label{font:12px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;gap:24px;align-items:center;text-decoration:none;background:var(--ink);color:white;padding:11px 18px;font-size:14px}.button:hover{background:var(--accent);color:white}.text-link{font-size:14px}.section{padding:44px 0 60px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}h2{font-size:29px;line-height:1.25;letter-spacing:-.025em;font-weight:550;margin:0 0 18px}.section-heading h2{margin:0}.section-number{font:12px var(--mono);color:var(--accent);margin-right:14px}.section-note{color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{text-decoration:none;display:block}.media-placeholder{position:relative;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#e9eeee;background-image:linear-gradient(#cad5d640 1px,transparent 1px),linear-gradient(90deg,#cad5d640 1px,transparent 1px);background-size:28px 28px;border:1px solid #d4dedf;color:#51676c;overflow:hidden}.media-placeholder:before,.media-placeholder:after{content:'+';position:absolute;color:#71868b;font:23px var(--mono)}.media-placeholder:before{top:12px;left:16px}.media-placeholder:after{bottom:12px;right:16px}.media-placeholder strong{font:14px var(--mono);font-weight:400;padding:10px 16px;background:#e9eeee}.media-placeholder small{font:12px var(--mono);letter-spacing:.06em;margin-top:9px}.media-stamp{position:absolute;left:18px;bottom:17px;font:12px var(--mono)}.project-card:nth-child(2) .media-placeholder{background-color:#edf0f3}.project-card:hover .media-placeholder{border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px}.badge{font:12px var(--mono);border:1px solid #bcc9cc;color:#496069;padding:3px 8px}.project-card h3{font-weight:550;font-size:23px;letter-spacing:-.02em;margin:12px 0 7px}.project-card p{color:var(--muted);margin:0;max-width:500px}.card-link{display:block;margin-top:15px;font-size:14px;color:var(--accent)}.note{background:var(--tint);border-left:3px solid #8ca8ad;padding:15px 20px;font-size:14px;color:#465d63;margin-top:28px}.profile-row{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.profile-row p{margin:0 0 18px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:27px 0;font-size:13px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px}.page-heading{padding:58px 0 42px}.page-heading h1{font-size:clamp(2.6rem,4vw,3.5rem)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{padding:28px;border:1px solid var(--line)}.panel h3{font-size:19px;margin:0 0 12px;font-weight:550}.panel p{color:var(--muted)}.placeholder-text{font-size:14px;color:var(--muted)}.empty{padding:28px 0;border-top:1px solid var(--line)}.empty h3{font-size:19px;font-weight:550;margin:0 0 8px}.empty p{margin:0;color:var(--muted)}.contact-row{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.contact-row span{color:var(--muted);font-size:14px}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0}.case-meta div{padding:18px 20px 18px 0}.case-meta dd{margin:7px 0 0;font-size:14px}.case-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding:48px 0 70px}.toc{align-self:start;position:sticky;top:28px}.toc a{display:block;text-decoration:none;font-size:14px;color:var(--muted);padding:7px 0}.case-section{padding-bottom:38px;margin-bottom:34px;border-bottom:1px solid var(--line)}.case-section p{color:var(--muted)}figure{margin:28px 0}figcaption{font-size:13px;color:var(--muted);margin-top:10px}.media-image{width:100%;height:auto;display:block}.project-card .media-image{aspect-ratio:16/9;object-fit:cover}.image-link{display:block}.case-section .media-placeholder{min-height:380px}video{width:100%}pre{background:#eaf0f0;padding:20px;overflow:auto;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}.equation{font-family:var(--mono);padding:20px;background:var(--tint);overflow:auto}.back{font:13px var(--mono);text-decoration:none;display:inline-block;margin-bottom:32px}.muted{color:var(--muted)}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{gap:16px}.brand small{display:none}.hero{gap:35px}.case-layout{gap:30px;grid-template-columns:180px minmax(0,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px}.nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;font-size:14px}.mobile-nav nav{position:absolute;right:0;top:35px;background:var(--paper);border:1px solid var(--line);width:210px;padding:15px;z-index:5;box-shadow:0 10px 20px #17292e12}.mobile-nav a{display:block;padding:9px;text-decoration:none}.hero{grid-template-columns:1fr;padding:42px 0;gap:28px}.hero-side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.hero-side .small-label{margin-top:0}.project-grid,.profile-row,.details-grid{grid-template-columns:1fr;gap:32px}.section-heading{display:block}.section-note{margin-top:12px}.section{padding:32px 0 40px}.media-placeholder{min-height:240px}.footer-inner{flex-direction:column}.case-layout{display:block;padding-top:25px}.toc{position:static;margin-bottom:35px;padding-bottom:22px;border-bottom:1px solid var(--line)}.toc a{display:inline-block;margin-right:18px}.case-meta{grid-template-columns:1fr}.case-meta div{padding:12px 0}.case-section .media-placeholder{min-height:250px}.contact-row{flex-wrap:wrap;gap:6px}.page-heading{padding-top:38px}.lead{font-size:17px}.panel{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.header,.footer,.toc,.actions{display:none}.wrap{width:100%}.case-layout{display:block}.case-section{break-inside:avoid}}

/* Real engineering media retains its full framing. */
.project-card .media-image{object-fit:contain;background:#e9eeee;height:280px;aspect-ratio:auto}.case-heading>figure{background:#edf1f1;padding:24px}.case-heading>figure .media-image{max-height:520px;width:auto;max-width:100%;margin:auto}.case-heading>figure figcaption{max-width:720px;margin:14px auto 0}.case-section .media-image{max-width:840px;max-height:900px;object-fit:contain;margin:auto}.project-context{font:14px var(--mono);color:var(--muted);margin-top:25px}.case-section td{vertical-align:top}.case-section th{min-width:110px}@media(max-width:760px){.case-heading>figure{padding:14px}.project-card .media-image{height:270px}.case-section th{min-width:100px}}

.project-summary-panel{background:#e9eeee;border:1px solid #d4dedf;padding:30px;min-height:280px;display:flex;flex-direction:column;justify-content:center}.matching-scale{display:flex;gap:24px;align-items:center;margin:24px 0 12px}.matching-scale strong{display:block;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:550;letter-spacing:-.04em;line-height:1.2}.matching-scale span{font-size:14px;color:var(--muted)}.matching-scale .matching-arrow{font-size:24px}.project-summary-panel p{font:13px var(--mono);color:var(--accent);margin:12px 0 0}.case-heading .project-summary-panel{max-width:750px}.project-card:hover .project-summary-panel{border-color:var(--accent)}@media(max-width:760px){.project-summary-panel{padding:22px}.matching-scale{gap:16px}}

.experience-list{display:grid;gap:28px}.experience-list li{margin-bottom:12px}.contact-row a{overflow-wrap:anywhere}