:root{--bg: #0d0e10;--surface: #131518;--line: #24272b;--line-strong: #3a3e43;--text: #e7e4de;--text-2: #d4d1cb;--muted: #9a9ea3;--accent: #d9a441;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad: clamp(20px, 5vw, 64px);--max: 1280px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4vw,44px);line-height:1.1}ul,ol{margin:0;padding:0;list-style:none}.mono{font-family:var(--mono)}.small{font-size:12px}.muted{color:var(--muted)}.accent{color:var(--accent)}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--accent);color:var(--bg);padding:8px 12px;z-index:100}.skip-link:focus{left:8px}.nav{position:sticky;top:0;z-index:50;background:#0d0e10eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:72px;display:flex;align-items:center;justify-content:space-between}.nav__brand{font-family:var(--serif);font-size:26px}.nav__links{display:flex;align-items:center;gap:28px;font-size:14px}.nav__divider{width:1px;height:18px;background:var(--line-strong)}.nav__toggle{display:none;background:none;border:1px solid var(--line-strong);color:var(--text);font:500 13px var(--mono);padding:10px 14px;min-height:44px;cursor:pointer}.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--line-strong);font-size:15px;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn--primary:hover{color:var(--bg);background:#e6b457}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips li{font-family:var(--mono);font-size:12px;padding:6px 10px;border:1px solid var(--line-strong);color:#bdb9b2}.chips--filled li{border-color:transparent;background:#181a1e;font-size:11px;padding:4px 8px}.tag{font-family:var(--mono);font-size:11px;padding:4px 8px;border:1px solid var(--line-strong);color:#bdb9b2}.link-accent{font-family:var(--mono);font-size:13px;color:var(--accent)}.link-accent:after{content:" →"}.link-accent:hover{text-decoration:underline;text-underline-offset:4px}.figure{margin:0;display:flex;flex-direction:column;gap:8px}.figure img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid #2a2d31;background:#16181b}.figure--contain img{object-fit:contain;background:#2e3440}.figure figcaption{font-family:var(--mono);font-size:11px;color:var(--muted)}.section{max-width:var(--max);margin:0 auto;padding:clamp(64px,9vw,104px) var(--pad)}.section--rule{border-top:1px solid var(--line)}.section__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:64px}.hero{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,96px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;border-bottom:1px solid var(--line)}.hero__text{display:flex;flex-direction:column;gap:22px}.hero__location{font-family:var(--mono);font-size:12px;color:var(--muted)}.hero__name{display:flex;align-items:center;gap:24px}.hero__headshot{width:112px;height:112px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong);flex-shrink:0}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,8.5vw,108px);line-height:.95;letter-spacing:-.01em}.hero__role{font-size:20px;color:#bdb9b2}.hero__statement{font-size:clamp(22px,2.4vw,30px);line-height:1.3;max-width:30ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.hero__visual img{aspect-ratio:4 / 3}@media (prefers-reduced-motion: no-preference){.hero__text>*,.hero__visual{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.hero__text>:nth-child(2){animation-delay:.06s}.hero__text>:nth-child(3){animation-delay:.12s}.hero__text>:nth-child(4){animation-delay:.18s}.hero__text>:nth-child(5){animation-delay:.24s}.hero__text>:nth-child(6){animation-delay:.3s}.hero__visual{animation-delay:.2s;animation-duration:1s}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.features{display:flex;flex-direction:column;gap:88px}.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}.feature:nth-child(2n) .feature__media{order:2}.feature__media{display:block;aspect-ratio:16 / 10;overflow:hidden;border:1px solid #2a2d31;background:#16181b}.feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.feature__media:hover img{transform:scale(1.02)}.feature__body{display:flex;flex-direction:column;gap:16px}.feature__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px}.feature h3{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.4vw,42px);line-height:1.05}.feature__problem{font-size:18px;line-height:1.45}.feature__summary{font-size:15px;color:#bdb9b2;line-height:1.65;max-width:62ch}.signal-chain{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px;background-color:#111316;background-image:linear-gradient(#181b1f 1px,transparent 1px),linear-gradient(90deg,#181b1f 1px,transparent 1px);background-size:32px 32px}.signal-chain--hero{aspect-ratio:16 / 7;border:1px solid #2a2d31;gap:44px}.signal-chain__title{font-family:var(--mono);font-size:12px;color:var(--accent)}.signal-chain__flow{display:flex;align-items:center;gap:10px}.signal-chain__sensors{display:flex;flex-direction:column;gap:10px}.signal-chain__stats{display:flex;gap:clamp(20px,4vw,48px)}.signal-chain__stats div{display:flex;flex-direction:column;align-items:center;gap:2px}.signal-chain__stats strong{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,40px)}.signal-chain__stats span{font-family:var(--mono);font-size:11px;color:var(--muted)}.sc-block{min-width:104px;min-height:68px;padding:8px 10px;border:1px solid var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font-family:var(--mono);background:var(--bg)}.sc-block b{font-weight:500;font-size:12px}.sc-block span{font-size:10px;color:var(--muted)}.sc-block--small{min-height:50px}.sc-block--hl{border-color:var(--accent)}.sc-arrow{color:var(--muted);font-family:var(--mono)}.others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.other{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:12px}.other h3{font-size:22px;font-weight:500}.other p{font-size:15px;color:#bdb9b2}.other__link{margin-top:auto;padding-top:8px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}.split>div{display:flex;flex-direction:column;gap:28px}.timeline{display:flex;flex-direction:column;gap:32px}.timeline li{position:relative;padding-left:28px;display:flex;flex-direction:column;gap:6px}.timeline li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;background:var(--accent)}.timeline h3{font-size:18px;font-weight:500;line-height:1.4}.timeline p{font-size:15px;color:#bdb9b2}.lede{font-size:17px;line-height:1.7;color:var(--text-2)}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.skills h3{font-weight:400;margin-bottom:6px}.skills p{font-size:14px;color:#bdb9b2}.hobbies{padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.hobbies h3{font-weight:400}.hobbies__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hobbies h4{font-size:17px;font-weight:500}.hobbies p{font-size:14px;color:#bdb9b2}.contact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.contact h2{font-size:clamp(40px,6vw,64px)}.contact p{color:#bdb9b2;max-width:56ch}.contact__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;font-family:var(--mono);font-size:14px}.contact__links a{padding:10px 0;border-bottom:1px solid var(--line-strong)}.footer{max-width:var(--max);margin:0 auto;padding:24px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:12px;color:var(--muted)}.case__head{max-width:var(--max);margin:0 auto;padding:48px var(--pad) 72px;display:flex;flex-direction:column;gap:24px;border-bottom:1px solid var(--line)}.case__head h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7vw,84px);line-height:1}.case__problem{font-size:clamp(19px,2vw,24px);color:#bdb9b2;max-width:44ch;line-height:1.4}.case__meta{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case__meta div{padding:16px 20px 16px 0}.case__meta dt{font-family:var(--mono);font-size:11px;color:var(--muted)}.case__meta dd{margin:4px 0 0;font-size:15px;line-height:1.45}.case__hero img{aspect-ratio:16 / 7}.case__body{max-width:var(--max);margin:0 auto;padding:72px var(--pad);display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;align-items:start}.toc{position:sticky;top:104px;display:flex;flex-direction:column;gap:12px}.toc>span{padding-bottom:8px;border-bottom:1px solid var(--line)}.toc ol{display:flex;flex-direction:column;gap:10px}.toc a{display:flex;gap:12px;font-size:13px;color:#bdb9b2}.toc a .mono{color:var(--muted);font-size:12px;width:20px}.toc a.is-active,.toc a.is-active .mono{color:var(--accent)}.case__sections{display:flex;flex-direction:column;gap:80px;min-width:0}.cs{display:flex;flex-direction:column;gap:18px}.cs>p{font-size:17px;line-height:1.75;color:var(--text-2);max-width:70ch}.cs__label{font-size:12px}.cs--objectives{padding:32px;border:1px solid var(--accent)}.cs--learned{padding:32px;background:var(--surface);border:1px solid var(--line)}.objectives{display:flex;flex-direction:column}.objectives li{display:flex;gap:20px;padding:16px 0;border-top:1px solid var(--line);align-items:baseline}.objectives li>.mono{font-size:12px;width:48px;flex-shrink:0}.objectives li>div{display:flex;flex-direction:column;gap:4px}.objectives strong{font-weight:500;font-size:17px}.objectives p{font-size:16px;line-height:1.65}.closing{font-family:var(--serif);font-size:22px;line-height:1.4;padding-top:8px}.figure--inline{max-width:440px}.figure--inline img{aspect-ratio:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}th,td{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);line-height:1.5}thead th{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted);border-bottom-color:var(--line-strong)}tbody th{font-weight:500}td{color:#bdb9b2}.problems td,.problems th{padding:16px 16px 16px 0}.arch{margin:0;display:flex;flex-direction:column;gap:12px}.arch__flow{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:40px 16px;border:1px solid var(--line);gap:10px}.arch__step{display:flex;align-items:center;gap:10px;flex-shrink:0}.arch figcaption{font-family:var(--mono);font-size:11px;color:var(--muted)}.spec{margin:0}.spec div{display:flex;gap:24px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.spec dt{width:110px;flex-shrink:0;font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:2px}.spec dd{margin:0;line-height:1.5}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery__wide{grid-column:1 / -1}.gallery__wide img{aspect-ratio:16 / 7}.code{margin:0;padding:20px;background:#121417;border:1px solid var(--line);overflow-x:auto;font:13px/1.8 var(--mono);color:#bdb9b2}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics div{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:4px}.metrics strong{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.1}.changes li{padding:12px 0;border-top:1px solid var(--line);font-size:16px}.case__next{max-width:var(--max);margin:0 auto;padding:40px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.not-found{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-height:60vh}.not-found h1{font-family:var(--serif);font-weight:400;font-size:56px}@media (max-width: 960px){.hero{grid-template-columns:1fr}.feature,.feature:nth-child(2n){grid-template-columns:1fr;gap:28px}.feature:nth-child(2n) .feature__media{order:0}.split{grid-template-columns:1fr}.case__body{grid-template-columns:1fr;gap:40px}.toc{display:none}.case__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-chain--hero{aspect-ratio:auto}}@media (max-width: 720px){.nav__toggle{display:inline-flex;align-items:center}.nav__links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--pad) 16px}.nav__links.is-open{display:flex}.nav__links a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.nav__divider{display:none}.hero__name{gap:16px}.hero__headshot{width:76px;height:76px}.others,.skills,.hobbies__grid,.gallery,.metrics{grid-template-columns:1fr}.signal-chain__flow{flex-wrap:wrap;justify-content:center}.signal-chain .sc-arrow{display:none}.signal-chain__flow .sc-block{min-width:88px}.arch__flow{justify-content:flex-start}.cs--objectives,.cs--learned{padding:22px}.case__meta{grid-template-columns:1fr}.footer{flex-direction:column}}