@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c1118;--surface:#121b26;--surface-2:#172230;--text:#e8edf5;--muted:#9eacbe;--line:#293543;--accent:#94c9e0;--accent-soft:#172d3b;--mono:Consolas,"SFMono-Regular",monospace}
*{box-sizing:border-box}html{scroll-padding-top:98px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;font-size:16px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p,h1,h2,h3,h4,h5,figure{margin:0}img{display:block;max-width:100%}::selection{background:#335467;color:white}.skip-link{position:fixed;top:-100px;left:16px;z-index:30;background:var(--surface);padding:12px}.skip-link:focus{top:10px}
.topbar{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;padding:0 max(5vw,calc((100vw - 1160px)/2));background:rgba(12,17,24,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;font-size:12px;letter-spacing:1.8px;font-weight:650;white-space:nowrap}.monogram{display:grid;place-items:center;border:1px solid #6a869b;color:var(--accent);width:32px;height:32px;border-radius:4px;letter-spacing:-1px;margin-right:12px;font-size:13px}.wordmark-dot{color:var(--accent)}nav{display:flex;gap:27px;align-items:center;margin-left:auto}nav a{font-size:13px;color:var(--muted);padding:24px 0;border-bottom:2px solid transparent;white-space:nowrap}nav a.active{color:var(--accent);border-color:var(--accent)}.header-contact{font:11px var(--mono);letter-spacing:1px;border-left:1px solid var(--line);padding-left:26px;color:var(--muted)}
.section-shell{max-width:1100px;margin:auto;padding:76px 0}.hero{display:grid;grid-template-columns:190px 1fr;gap:46px 65px;padding-top:76px;padding-bottom:44px;align-items:center}.hero-copy{max-width:800px}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:var(--accent);line-height:1.5;margin-bottom:17px}.name-line{display:flex;gap:24px;align-items:center;margin-bottom:20px}.hero h1{font-size:58px;font-weight:700;letter-spacing:-2.5px;line-height:1.2}.profession{font:19px var(--mono);color:var(--accent);padding-left:24px;border-left:1px solid #496074;line-height:1.5}.hero-lead{font-size:23px;line-height:1.65;font-weight:550;letter-spacing:-.8px;margin-bottom:16px}.intro{color:var(--muted);font-size:16px;max-width:760px;line-height:1.95}.hero-links{display:flex;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.button{font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px solid #425264;border-radius:4px}.button.primary{background:var(--accent);color:#0c1c26;border-color:var(--accent)}.button:hover{filter:brightness(1.12)}.text-link{font-size:13px;white-space:nowrap;border-bottom:1px solid #5c6b7d;padding-bottom:4px;color:var(--muted)}.hero-links .text-link{margin-left:8px}.profile{align-self:center;width:190px;padding:9px;border:1px solid #344454;background:#15202c;border-radius:5px}.profile img{width:170px;height:219px;object-fit:cover;border-radius:2px}.profile figcaption{font:11px var(--mono);letter-spacing:2px;color:var(--muted);padding:14px 1px 6px;text-align:center}.expertise-strip{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.mini-label{font:12px var(--mono);letter-spacing:1.1px;color:var(--accent);line-height:1.6}.expertise-strip p{font-size:14px;margin-top:8px;color:#bdc9d8}
.ruled{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:32px;letter-spacing:-1px;line-height:1.4}.career{display:grid;grid-template-columns:168px 1fr 95px;gap:28px;border-bottom:1px solid var(--line);padding:25px 0;align-items:start}.career:first-child{padding-top:4px}.career:last-child{border-bottom:0;padding-bottom:0}.period{font:13px/1.7 var(--mono);color:var(--muted)}.career .period{padding-top:5px}.career h3{font-size:19px;display:flex;gap:12px;align-items:center;line-height:1.7}.badge{font-size:12px;line-height:1.7;color:var(--accent);background:var(--accent-soft);padding:2px 9px;border-radius:3px;display:inline-block}.career p:not(.period){font-size:15px;color:var(--muted);line-height:1.9;margin-top:7px}.role{font-size:13px;text-align:right;color:var(--muted);padding-top:5px}
.featured{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:6px}.featured-image{display:flex;align-items:center;background:#0c121d}.featured-image img{width:100%;height:auto}.featured-copy{padding:28px}.featured-copy .eyebrow{font-size:11px;margin-bottom:9px}.featured h3{font-size:27px;letter-spacing:-1px;margin-bottom:12px}.featured-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9}.launches{display:flex;gap:32px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.launches div{display:flex;flex-direction:column;gap:2px}.launches strong{font-size:14px}.launches span{font:12px/1.6 var(--mono);color:var(--muted)}.operations{display:grid;grid-template-columns:130px 1fr;gap:30px;margin-top:28px}.operations h3{font-size:16px}.operations p{font-size:15px;color:var(--muted)}
.subsection-heading{display:flex;justify-content:space-between;align-items:center;margin:62px 0 0;border-bottom:1px solid #657387;padding-bottom:17px;gap:20px}.subsection-heading h3{font-size:23px;letter-spacing:-.7px}.subsection-heading>span{font:12px/1.7 var(--mono);color:var(--muted);text-align:right}.case-study{display:grid;grid-template-columns:50px 1fr;gap:25px;padding:37px 0;border-bottom:1px solid var(--line)}.case-index{font:27px/1.4 var(--mono);color:var(--accent);letter-spacing:-1px}.case-body{min-width:0}.case-body h4{font-size:23px;line-height:1.55;letter-spacing:-.65px;margin:7px 0 16px}.case-body>p:not(.mini-label){color:var(--muted);line-height:1.95}.case-body .result{margin-top:19px;background:var(--surface);padding:15px 19px;font-size:15px;border-left:2px solid #638fa8}.result strong{color:var(--accent);margin-right:8px}code{font: .88em/1.65 var(--mono);color:#c4d8e9;overflow-wrap:anywhere}p code,li code,td code{background:#192535;padding:2px 4px;border-radius:3px}
details{margin-top:23px}summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;padding:13px 0;color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:22px var(--mono);flex-shrink:0}details[open]>summary:after{content:'−'}.detail-content{padding:18px 22px;background:var(--surface);margin-top:8px;border-radius:4px;font-size:15px;color:var(--muted)}.detail-content p+p{margin-top:12px}.comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;margin-top:20px;overflow:hidden}.comparison>div{padding:18px 23px;display:flex;flex-direction:column;gap:5px}.comparison>div+div{background:var(--surface-2);border-left:1px solid var(--line)}.comparison span{font:12px var(--mono);letter-spacing:1px;color:var(--muted)}.comparison strong{font-size:19px}.comparison small{font-size:13px;color:var(--muted)}.three-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.three-points h5{font-size:16px;margin-bottom:11px}.three-points p{font-size:15px;color:var(--muted)}
.engineering{padding-top:48px;margin-top:18px}.engineering+.engineering{margin-top:60px;border-top:1px solid #526071}.engineering-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.engineering-heading .eyebrow{margin-bottom:11px}.engineering-heading h3{font-size:31px;letter-spacing:-1px}.source-ref{font:11px var(--mono);color:#8294a9;letter-spacing:1px;white-space:nowrap}.engineering-intro{font-size:17px;color:#b6c3d2;line-height:1.95;max-width:980px}.topic-heading{font-size:19px;font-weight:650;letter-spacing:-.5px;margin:36px 0 18px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:690px}th{padding:13px 18px;background:var(--surface-2);font-size:13px;font-weight:600;color:#c4d6e9}td{padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);line-height:1.8}td:first-child{color:#d7e2ee}td code{font-size:12px;background:none;padding:0;white-space:nowrap}tbody tr:nth-child(even){background:rgba(24,35,49,.35)}.technical-split{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start}.technical-split>div{min-width:0}.technical-split>div>p{font-size:16px;color:var(--muted)}.design-notes{margin:24px 0 0}.design-notes>div{margin-top:20px}.design-notes dt{font-size:15px;font-weight:650;margin-bottom:5px}.design-notes dd{margin:0;font-size:15px;color:var(--muted)}
.code-panel{border:1px solid #304154;border-radius:5px;overflow:hidden;margin-top:10px;background:#0a1017;min-width:0}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 17px;background:#172330;border-bottom:1px solid #304154;font-size:13px;color:#c4d2e3}.code-toolbar>div{display:flex;gap:14px;align-items:center}.code-language{font:11px var(--mono);color:#96a9bf}.copy-code{font-size:12px;border:1px solid #455970;background:#182a3b;color:#c8dff0;border-radius:3px;padding:3px 10px;white-space:nowrap}.copy-code:hover{background:#294359}pre{margin:0;padding:18px 0;overflow:auto;max-height:560px;tab-size:4;line-height:1.8;scrollbar-color:#3f5268 #0a1017}pre code{display:block;min-width:max-content;counter-reset:line;font:13px/1.8 var(--mono);color:#c6d3e3;background:none;padding:0;overflow-wrap:normal;word-break:normal;white-space:pre}.code-line{display:inline-block;width:100%;padding-right:24px}.code-line:before{counter-increment:line;content:counter(line);display:inline-block;width:47px;padding-right:16px;text-align:right;color:#52667f;user-select:none}.code-line:hover{background:#14212e}.tok-comment{color:#85998e}.tok-string{color:#d4bc93}.tok-variable{color:#b9cbee}.tok-number{color:#d9b7d0}.tok-keyword{color:#85c8df}.code-source{padding:10px 17px;border-top:1px solid #233244;font-size:12px;color:#8f9fb2;background:#0d1722}.code-context{color:var(--muted);font-size:14px;margin:6px 0 18px;max-width:970px}.code-context strong{color:#d9c49f}.implementation{border-top:1px solid var(--line);padding-top:7px}.implementation>.code-panel{margin-top:6px}
.flow{display:flex;flex-wrap:wrap;gap:0;margin:24px 0;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.flow>span{flex:1;padding:12px 17px;font-size:13px;text-align:center;position:relative;min-width:130px;color:#bfd0df}.flow>span+span{border-left:1px solid var(--line)}.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.contract-grid p{font-size:15px;color:var(--muted);margin-top:9px}.contract-grid h5{font-size:17px;margin:8px 0}.scope-note{font-size:13px;color:#91a0b2;border-left:2px solid #5f738b;padding-left:16px;margin-top:25px}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.architecture>div{padding:23px;border:1px solid #35495e;border-radius:5px;background:var(--surface)}.architecture h4{font-size:18px;margin:8px 0 12px}.architecture p{font-size:15px;color:var(--muted)}.rule-panel{padding:25px;border:1px solid #4e6e84;background:#122332;margin-top:24px;border-radius:5px}.rule-panel h4{font-size:20px;margin:8px 0 13px}.rule-panel p{color:#b4c6d9;font-size:15px}
ul{margin:20px 0 0;padding-left:20px;color:var(--muted)}li{padding-left:3px;margin:10px 0;font-size:15px}li::marker{color:var(--accent)}.section-note{font-size:13px;color:var(--muted);padding-bottom:6px}.data-project{display:grid;grid-template-columns:1fr 280px;gap:45px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.data-copy{min-width:0}.data-copy h3,.automation-project h3{font-size:26px;letter-spacing:-.8px;line-height:1.5;margin:14px 0}.data-copy>p,.automation-project p{font-size:16px;color:var(--muted)}.data-copy ul{margin-bottom:18px}.pipeline{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:23px 0}.pipeline span{font:12px/1.5 var(--mono);border:1px solid #3e5167;background:#182735;padding:8px 9px;border-radius:3px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:12px;line-height:1.5;border:1px solid #3b4b5f;border-radius:3px;padding:4px 8px;color:#adc0d5;background:#162130}.dashboard{min-width:0}.dashboard a{display:block;background:#0e1117;border-radius:5px;overflow:hidden;border:1px solid #34445b}.dashboard img{width:100%;height:auto}.dashboard figcaption{font-size:12px;color:var(--muted);text-align:center;line-height:1.5;margin-top:10px}.etl-design{margin-top:28px}.automation-project{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;padding-top:38px;margin-top:42px;border-top:1px solid var(--line)}.automation-project .small-note{font-size:13px;margin-top:15px}
.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.background-grid h3{font-size:15px;color:var(--accent);padding-bottom:15px;border-bottom:1px solid var(--line)}.background-grid article{margin-top:25px}.background-grid h4{font-size:18px;margin:4px 0}.background-grid p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line)}footer.section-shell{padding-top:35px;padding-bottom:30px}.footer-contact{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.footer-contact a{font-size:15px;color:#bccbdc}.footer-contact>span{margin-right:auto}.footer-bottom{display:flex;justify-content:space-between;gap:28px;padding-top:30px;font-size:12px;color:#899aad}.copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d7e8f0;color:#142333;padding:10px 20px;border-radius:5px;font-size:14px;z-index:20;box-shadow:0 5px 20px #0005}.copy-status:empty{display:none}
@media(max-width:1220px){.section-shell{margin-left:5vw;margin-right:5vw}.topbar{padding:0 5vw;gap:20px}nav{gap:20px}.hero{column-gap:45px}.featured-copy{padding:24px}.data-project{gap:30px}}
@media(max-width:950px){.wordmark{font-size:0}.wordmark .monogram{font-size:13px;margin:0}.wordmark-dot{display:none}.header-contact{display:none}nav{gap:24px}.hero{grid-template-columns:160px 1fr;gap:35px}.profile{width:160px}.profile img{width:140px;height:180px}.hero h1{font-size:47px}.hero-lead{font-size:20px}.career{grid-template-columns:140px 1fr 70px;gap:18px}.featured{grid-template-columns:1fr}.featured-image img{max-height:400px;object-fit:contain}.technical-split{grid-template-columns:1fr}.three-points{grid-template-columns:1fr;gap:25px}.three-points h5{margin-bottom:6px}.architecture{gap:12px}.architecture>div{padding:17px}.architecture h4{font-size:16px}.data-project{grid-template-columns:1fr 220px;padding:25px}.expertise-strip{gap:20px}.expertise-strip p{font-size:13px}.source-ref{font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:112px}.topbar{height:auto;min-height:96px;flex-wrap:wrap;gap:0;padding:11px 5vw 0}.wordmark{font-size:12px}.wordmark .monogram{margin-right:10px;width:28px;height:28px}.header-contact{display:block;margin-left:auto;border:0;padding:0;font-size:10px}nav{flex:0 0 100%;justify-content:space-between;gap:10px;margin:0;overflow:auto}nav a{font-size:12px;padding:10px 0 9px}.section-shell{padding:45px 0}.hero{grid-template-columns:100px 1fr;gap:25px 22px;padding-top:37px;align-items:start}.profile{width:100px;padding:5px;grid-column:1;grid-row:1;align-self:start}.profile img{width:88px;height:113px}.profile figcaption{font-size:9px;letter-spacing:1px;padding:8px 0 3px}.hero-copy{display:contents}.hero .eyebrow{grid-column:2;grid-row:1;align-self:start;font-size:11px;letter-spacing:1px;margin:4px 0 0;line-height:1.5}.name-line{grid-column:2;grid-row:1;margin:40px 0 0;display:block}.hero h1{font-size:39px;letter-spacing:-1.5px}.profession{display:inline-block;font-size:16px;margin-top:9px;padding:0;border:0}.hero-lead{grid-column:1/-1;font-size:22px;line-height:1.6;margin:0}.intro{grid-column:1/-1;font-size:16px;line-height:1.95;margin-top:-7px}.hero-links{grid-column:1/-1;margin-top:-7px;gap:9px}.button{font-size:13px;padding:8px 16px}.hero-links .text-link{margin-left:3px;font-size:12px}.expertise-strip{grid-template-columns:1fr;gap:13px;margin-top:3px;padding-top:21px}.expertise-strip>div{display:grid;grid-template-columns:130px 1fr;gap:13px;align-items:baseline}.expertise-strip .mini-label{font-size:10px;letter-spacing:.5px}.expertise-strip p{font-size:12px;margin:0}.section-heading{gap:12px;margin-bottom:27px}.section-heading .eyebrow{font-size:11px;letter-spacing:1.5px}.section-heading h2{font-size:27px}.section-heading .text-link{font-size:12px}.career{grid-template-columns:1fr auto;gap:6px 15px;padding:23px 0}.career .period{grid-column:1;grid-row:1;padding:0;font-size:12px}.career>div{grid-row:2;grid-column:1/-1}.role{grid-row:1;grid-column:2;font-size:12px;padding:0}.career h3{font-size:19px}.career p:not(.period){font-size:15px}.featured-copy{padding:23px}.featured h3{font-size:25px}.featured-copy>p:not(.eyebrow){font-size:15px}.operations{display:block;margin-top:23px}.operations h3{margin-bottom:8px}.operations p{font-size:15px}.subsection-heading{margin-top:43px;align-items:baseline}.subsection-heading h3{font-size:21px}.subsection-heading>span{font-size:10px;max-width:115px}.case-study{grid-template-columns:1fr;gap:10px;padding:30px 0}.case-index{font-size:23px}.case-body h4{font-size:22px;margin-top:7px}.case-body>.mini-label{font-size:11px}.case-body>p:not(.mini-label){font-size:16px;line-height:1.9}.case-body .result{padding:14px}.comparison>div{padding:14px}.comparison strong{font-size:16px}.comparison small{font-size:12px}.three-points p{font-size:16px}.engineering{padding-top:30px}.engineering+.engineering{margin-top:42px;padding-top:36px}.engineering-heading{align-items:start;gap:10px;flex-direction:column}.engineering-heading h3{font-size:28px}.engineering-intro{font-size:16px}.source-ref{font-size:10px}.topic-heading{font-size:18px;margin-top:29px}.table-scroll{max-width:100%}td,th{padding:12px 15px}table{font-size:14px}.technical-split{gap:22px}.technical-split>div>p{font-size:16px}.code-toolbar{padding:11px 12px;gap:10px;font-size:12px;align-items:start}.code-toolbar>div{gap:6px}.code-language{display:none}.copy-code{font-size:11px;padding:3px 7px}.code-source{padding:10px 12px;font-size:11px}.code-context{font-size:14px}.code-line:before{width:36px;padding-right:10px}pre code{font-size:12px;line-height:1.85}pre{max-height:485px}.flow>span{font-size:12px;min-width:45%;padding:11px 9px}.flow>span+span{border-left:0}.contract-grid{grid-template-columns:1fr;gap:22px;padding:21px}.architecture{grid-template-columns:1fr;gap:12px}.architecture>div{padding:20px}.architecture h4{font-size:18px}.architecture p{font-size:15px}.rule-panel{padding:21px}.rule-panel h4{font-size:19px}.section-note{font-size:12px;max-width:95px;text-align:right}.data-project{grid-template-columns:1fr;padding:23px;gap:27px}.data-copy h3{font-size:23px}.data-copy>p,.data-copy li{font-size:16px}.dashboard{max-width:340px;width:100%;margin:auto}.automation-project{grid-template-columns:1fr;gap:19px;margin-top:30px;padding-top:30px}.automation-project p{font-size:16px}.background-grid{grid-template-columns:1fr;gap:32px}.background-grid h3{font-size:15px}.background-grid h4{font-size:17px}.background-grid article{margin-top:20px}.footer-contact{display:flex;flex-direction:column;gap:9px;align-items:start}.footer-contact a{font-size:14px}.footer-contact>span{margin-bottom:6px}.footer-bottom{padding-top:26px;gap:20px;font-size:11px}.copy-status{max-width:90vw;white-space:nowrap;font-size:12px}}
@media print{:root{--bg:#fff;--surface:#f2f4f6;--surface-2:#e4e8ed;--text:#172333;--muted:#3d4c60;--line:#bcc5d0;--accent:#234a69;color-scheme:light}.topbar,.hero-links,.skip-link,.copy-code,.copy-status{display:none}.section-shell{margin:0;padding:25px 0;max-width:none}.hero{grid-template-columns:140px 1fr;gap:25px}.profile{width:130px;background:transparent}.profile img{width:110px;height:auto}.hero-copy{display:block}.hero h1{font-size:35px}.hero-lead{font-size:18px}.intro{font-size:13px}.hero .eyebrow,.name-line,.profile{grid-column:auto;grid-row:auto}.name-line{margin:0 0 12px}.expertise-strip{grid-template-columns:repeat(3,1fr)}.engineering{padding-top:25px}.engineering+.engineering{margin-top:25px}pre{max-height:none;overflow:visible}pre code{min-width:0;white-space:pre-wrap;font-size:9px}.code-line{white-space:pre-wrap}.code-panel{break-inside:avoid}h2,h3,h4{break-after:avoid}.table-scroll{overflow:visible}table{min-width:0;font-size:10px}td,th{padding:7px}td code{font-size:9px;white-space:normal}.data-project{grid-template-columns:1fr 170px}.technical-split{grid-template-columns:1fr}.source-ref{color:#526173}details:not([open]){display:none}}


.work-nav{display:flex;flex-wrap:wrap;gap:10px 26px;margin:22px 0 0;justify-content:flex-start}.work-nav a{padding:4px 0;font-size:13px;border-bottom:1px solid #42576c;color:var(--accent)}
@media(max-width:700px){.topbar .wordmark{order:0}.topbar .header-contact{order:1}.topbar nav{order:2}}
/* Appearance and language preferences */
.preferences{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:4px}
.segmented{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}
.segmented button{display:grid;place-items:center;min-width:37px;height:34px;padding:0 11px;border:0;background:transparent;color:var(--muted);font:600 12px/1 var(--mono);transition:background .15s,color .15s}
.segmented button+button{border-left:1px solid var(--line)}
.segmented button[aria-pressed="true"]{background:#4c9cf6;color:#fff}
.segmented button:hover{background:var(--accent-soft);color:var(--text)}
.segmented button[aria-pressed="true"]:hover{background:#3588e5;color:#fff}
.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.segmented svg{width:16px;height:16px}
.topbar{gap:22px}.topbar nav{gap:20px}.topbar nav a{font-size:12px}
html[lang="en"] body{word-break:normal}
html[lang="en"] .hero h1{font-size:52px;letter-spacing:-1.7px}
html[lang="en"] .hero-lead{letter-spacing:-.3px}
html[lang="en"] .career{grid-template-columns:168px 1fr 115px}
html[lang="en"] .career h3{flex-wrap:wrap;gap:8px}
html[lang="en"] .topic-heading{letter-spacing:0}
html[lang="en"] .code-toolbar>span{line-height:1.55}
html[data-theme="light"]{color-scheme:light;--bg:#f7f9fc;--surface:#fff;--surface-2:#edf2f8;--text:#18283c;--muted:#526277;--line:#d4dee9;--accent:#22649d;--accent-soft:#e6f0fa}
html[data-theme="light"] .topbar{background:rgba(247,249,252,.96)}
html[data-theme="light"] .profile{background:#edf2f8;border-color:#cbd8e5}
html[data-theme="light"] .button.primary{background:#22649d;color:#fff}
html[data-theme="light"] .button{border-color:#b6c9db}
html[data-theme="light"] .expertise-strip p,html[data-theme="light"] .engineering-intro,html[data-theme="light"] .flow>span,html[data-theme="light"] .footer-contact a{color:#40566f}
html[data-theme="light"] th,html[data-theme="light"] td:first-child{color:#253f5d}
html[data-theme="light"] tbody tr:nth-child(even){background:#f0f4f9}
html[data-theme="light"] p code,html[data-theme="light"] li code{background:#e7eef7;color:#285578}
html[data-theme="light"] td code{color:#285578}
html[data-theme="light"] .architecture>div{border-color:#cbd8e5}
html[data-theme="light"] .rule-panel{background:#eaf2fa;border-color:#bbd0e4}
html[data-theme="light"] .rule-panel p{color:#40566f}
html[data-theme="light"] .pipeline span,html[data-theme="light"] .tags span{background:#edf3fa;border-color:#cbd8e5;color:#365570}
html[data-theme="light"] .scope-note,html[data-theme="light"] .footer-bottom{color:#596d85}
html[data-theme="light"] .code-context strong{color:#86601f}
html[data-theme="light"] .segmented button[aria-pressed="true"]{background:#226bc2}
html[data-theme="light"] .code-panel{border-color:#c9d6e4;background:#f0f4f9}
html[data-theme="light"] .code-toolbar{background:#e4ecf5;color:#314b67;border-color:#c9d6e4}
html[data-theme="light"] .code-language{color:#5b6e83}
html[data-theme="light"] .copy-code{background:#f7faff;border-color:#b4c7db;color:#285b89}
html[data-theme="light"] .copy-code:hover{background:#d6e7f8}
html[data-theme="light"] pre{scrollbar-color:#adc1d5 #f0f4f9}
html[data-theme="light"] pre code{color:#263e58}
html[data-theme="light"] .code-line:before{color:#6e8093}
html[data-theme="light"] .code-line:hover{background:#e4edf7}
html[data-theme="light"] .tok-keyword{color:#075b92}
html[data-theme="light"] .tok-variable{color:#59418d}
html[data-theme="light"] .tok-number{color:#994267}
html[data-theme="light"] .tok-string{color:#846020}
html[data-theme="light"] .tok-comment{color:#52745c}
html[data-theme="light"] .code-source{background:#e9eff6;color:#50657d;border-color:#c9d6e4}
@media(max-width:1220px){.topbar{gap:16px}.topbar .wordmark{font-size:0}.topbar .monogram{font-size:13px;margin-right:0}.topbar .wordmark-dot{display:none}.topbar nav{gap:16px}}
@media(min-width:701px) and (max-width:1050px){.topbar{height:auto;min-height:108px;flex-wrap:wrap;padding-top:12px;gap:0}.topbar .preferences{margin-left:auto}.topbar nav{order:2;flex-basis:100%;justify-content:space-between}.topbar nav a{padding:12px 0}html{scroll-padding-top:128px}}
@media(max-width:700px){.topbar{gap:0;min-height:103px}.topbar .wordmark{font-size:11px;letter-spacing:1px}.topbar .monogram{margin-right:8px}.preferences{order:1;margin-left:auto;gap:7px}.segmented button{min-width:32px;height:31px;padding:0 9px;font-size:11px}.topbar nav{gap:18px;justify-content:space-between}.topbar nav a{font-size:11px;padding:12px 0 10px}html[lang="en"] .topbar nav{justify-content:flex-start;gap:20px}html[lang="en"] .hero h1{font-size:34px;letter-spacing:-1px}html[lang="en"] .name-line{margin-top:39px}html[lang="en"] .career{grid-template-columns:1fr auto}html[lang="en"] .section-note{max-width:105px}}
@media(max-width:370px){.topbar .wordmark{font-size:0}.topbar .monogram{font-size:12px}.topbar nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:700px){html[lang="en"] .topbar nav{justify-content:space-between;gap:12px}.topbar nav{scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}}
html{overflow-anchor:none}