nav a[aria-current="page"]{color:var(--orange);border-bottom:1px solid var(--orange)}
.engineering-hero{background:var(--pine);color:var(--cream);padding:29px 0 0}
.skills-back{font-size:8px;letter-spacing:.15em;color:#b7c6b2;display:inline-block;padding:8px 0}
.engineering-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:85px;align-items:center;padding:45px 0 63px}
.engineering-hero h1{font:400 clamp(63px,6.5vw,94px)/1.03 var(--serif);letter-spacing:-.03em;margin:26px 0}
.engineering-hero h1 em{color:var(--orange)}
.engineering-lede{font-size:14px;line-height:1.95;color:#d0d9ca;max-width:490px}
.engineering-sublede{font-size:12px;line-height:1.9;color:#aebfa8;margin:16px 0 26px;max-width:440px}
.system-layers{border-top:1px solid #6c836a;padding-top:16px;max-width:450px;justify-self:end;width:100%}
.layers-label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:#bcccb4}
.layers-label>span:last-child{font-size:22px;color:var(--orange)}
.system-layers ol{padding:0;margin:25px 0 0;list-style:none}
.system-layers li{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #536e51}
.layer-number{font:24px/1 var(--serif);color:var(--orange);padding-top:3px}
.system-layers li h2{font:500 18px/1.3 var(--sans);letter-spacing:-.025em}
.system-layers li p{font-size:10px;color:#b6c8ae;line-height:1.8;margin-top:6px}
.layers-footnote{font:25px/1.25 var(--serif);margin-top:24px;color:#d7dfce;letter-spacing:-.01em}
.layers-footnote em{color:var(--orange)}
.engineering-hero-foot{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff25;padding:25px 0;font-size:8px;letter-spacing:.14em;color:#b3c3aa}
.skills-jump-wrap{position:sticky;top:0;z-index:8;background:var(--cream);border-bottom:1px solid var(--line)}
.skills-jump{display:flex;gap:34px;align-items:center;padding-top:19px;padding-bottom:19px;overflow:auto;white-space:nowrap;scrollbar-width:thin}
.skills-jump a{font-size:10px;font-weight:600;color:#5c6b54;padding:3px 0}
.skills-jump a:hover{color:#a15b38}
.skills-page section[id]{scroll-margin-top:75px}
.skills-section{padding-top:85px;padding-bottom:85px}
.skills-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-top:12px;margin-bottom:44px}
.skills-section-heading h2{font-size:clamp(43px,4.4vw,64px)}
.skills-section-heading h2 em{color:#778273}
.skills-section-heading>p{font-size:13px;line-height:1.95;color:var(--muted);max-width:460px;padding-bottom:3px}
.architecture-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:75px;row-gap:37px}
.architecture-grid article{border-top:1px solid var(--line);padding-top:22px}
.architecture-grid h3{font-size:21px;font-weight:600;line-height:1.4;margin:15px 0 13px}
.architecture-grid p{font-size:12px;line-height:1.95;color:#58684f}
.architecture-grid .pattern-note{font-size:9px;color:#7b684d;border-left:2px solid #c8bba4;padding-left:12px;margin-top:18px;line-height:1.9}
.architecture-example{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e7e9df;padding:34px;margin-top:46px}
.architecture-example .eyebrow{font-size:7px;color:#6d614b;letter-spacing:.13em}
.architecture-example h3{font:36px/1.1 var(--serif);letter-spacing:-.025em;margin:15px 0}
.architecture-example p{font-size:11px;line-height:1.9;color:#617055}
.architecture-example ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:0}
.architecture-example li{display:flex;align-items:center;gap:24px;font-size:11px;padding:15px 0;border-bottom:1px solid #c7cebc}
.architecture-example li:first-child{padding-top:0}
.architecture-example li span{font:21px var(--serif);color:#9d6140}
.coding-section{background:#eaece2}
.coding-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:start}
.coding-principles article{display:grid;grid-template-columns:26px 1fr;gap:16px;padding:23px 0;border-top:1px solid #cbd2bf}
.coding-principles article>span{font:21px/1.2 var(--serif);color:#94704d}
.coding-principles h3{font-size:17px;font-weight:600;margin-bottom:10px;line-height:1.4}
.coding-principles p{font-size:11px;line-height:1.9;color:#647158}
.code-example{background:var(--pine);color:#e7eadf;padding:26px 28px}
.code-heading{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em;color:#b6c5ad;padding-bottom:18px;border-bottom:1px solid #60795b}
.code-heading>span:last-child{font-size:21px;color:var(--orange)}
.code-example pre{overflow:auto;font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;margin:22px 0;tab-size:2;scrollbar-width:thin}
.code-example pre:focus-visible{outline:1px solid var(--orange);outline-offset:5px}
.code-keyword{color:#f0a980}.code-method{color:#d9e6b6}
.code-example>p{font-size:9px;line-height:1.9;color:#bacbb1;padding-top:17px;border-top:1px solid #60795b}
.tool-matrix article{display:grid;grid-template-columns:1fr 1.9fr;gap:50px;border-top:1px solid var(--line);padding:26px 0}
.tool-matrix article:last-child{border-bottom:1px solid var(--line)}
.tool-category{display:flex;gap:22px;align-items:baseline}
.tool-category>span{font:20px var(--serif);color:#9b6946}
.tool-category h3{font-size:16px;font-weight:600;line-height:1.5}
.tool-matrix p{font-size:11px;line-height:1.9;color:var(--muted)}
.tool-matrix .tool-names{font-size:12px;font-weight:600;color:#294232;margin-bottom:7px;line-height:1.9}
.ai-practice{border-left:2px solid #b9754a;padding-left:25px;margin:40px 0 0;max-width:800px}
.ai-practice .eyebrow{font-size:7px;color:#91633f}
.ai-practice h3{font:37px/1.1 var(--serif);letter-spacing:-.025em;margin:15px 0}
.ai-practice h3 em{color:#778273}
.ai-practice>p{font-size:12px;line-height:1.95;color:#617056}
.interfaces-section{background:#e7e9df}
.interface-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.interface-columns article{border-top:1px solid #c6cebb;padding-top:22px}
.interface-columns h3{font-size:19px;font-weight:600;line-height:1.4;margin:17px 0 13px}
.interface-columns p{font-size:12px;line-height:1.95;color:#5f6f53}
.delivery-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.delivery-stages li{border-top:1px solid var(--line);padding-top:21px}
.delivery-stages li>span{font:25px var(--serif);color:#a3704b}
.delivery-stages h3{font-size:17px;line-height:1.4;font-weight:600;margin:18px 0 12px}
.delivery-stages p{font-size:11px;line-height:1.9;color:#65735a}
.practice-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}
.practice-notes h3{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:12px}
.practice-notes p{font-size:11px;line-height:1.9;color:#65735a}
.skills-contact{padding-top:70px}
.skills-contact-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center;padding:20px 0 65px}
.skills-contact h2{font-size:66px;margin:0;line-height:1.05}
.skills-contact h2 em{color:var(--orange)}
.skills-contact-grid>div>p{font-size:12px;line-height:1.95;color:#b6c6ad;max-width:350px;margin-bottom:25px}
.skills-contact-grid .button{font-size:11px;gap:30px}
.skills-contact-grid .text-link{display:flex;width:fit-content;font-size:10px;margin-top:22px}
.skills-invite{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:32px;padding:26px 0 0}
.skills-invite h3{font:31px/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:10px}
.skills-invite p{font-size:11px;line-height:1.9;color:#617055}
.skills-invite .text-link{white-space:nowrap;font-size:11px}
@media(max-width:1100px){.engineering-hero-grid{gap:42px}.engineering-lede{font-size:12px}.engineering-sublede{font-size:11px}.layers-label{font-size:6px}.skills-section-heading{gap:50px}.skills-section-heading>p{font-size:12px}.architecture-grid{column-gap:45px}.coding-grid{gap:35px}.code-example{padding:23px 20px}.code-example pre{font-size:10px}.tool-matrix article{gap:30px;grid-template-columns:1fr 1.7fr}.tool-category{gap:15px}.tool-category h3{font-size:14px}.tool-matrix .tool-names{font-size:11px}.interface-columns{gap:27px}.interface-columns h3{font-size:17px}.interface-columns p{font-size:11px}.delivery-stages{gap:22px}.delivery-stages h3{font-size:15px}.skills-contact-grid{gap:50px}.skills-contact h2{font-size:56px}.skills-jump{gap:27px}}
@media(max-width:760px){.engineering-hero{padding-top:19px}.skills-back{font-size:7px}.engineering-hero-grid{grid-template-columns:1fr;gap:39px;padding:28px 0 35px}.engineering-hero .eyebrow{font-size:7px;letter-spacing:.1em}.engineering-hero h1{font-size:clamp(49px,10.5vw,72px);margin:22px 0}.engineering-lede{font-size:12px;line-height:1.95}.engineering-sublede{font-size:11px;max-width:100%;margin:15px 0 23px}.engineering-hero .button{font-size:11px;gap:30px}.system-layers{max-width:100%;padding-top:13px;justify-self:stretch}.layers-label{font-size:7px;letter-spacing:.08em}.system-layers ol{margin-top:18px}.system-layers li{padding:17px 0;gap:13px;grid-template-columns:27px 1fr}.layer-number{font-size:22px}.system-layers li h2{font-size:17px}.system-layers li p{font-size:10px}.layers-footnote{font-size:26px;margin-top:21px}.engineering-hero-foot{padding:20px 0;gap:15px;font-size:6px;letter-spacing:.08em;line-height:1.8}.skills-jump{gap:23px;padding-top:14px;padding-bottom:14px;width:100%;padding-left:20px;padding-right:20px}.skills-jump a{font-size:9px}.skills-page section[id]{scroll-margin-top:65px}.skills-section{padding-top:60px;padding-bottom:60px}.skills-section-heading{grid-template-columns:1fr;gap:24px;margin-top:6px;margin-bottom:30px}.skills-section-heading h2{font-size:43px}.skills-section-heading>p{font-size:12px;max-width:100%}.architecture-grid{grid-template-columns:1fr;gap:27px}.architecture-grid article{padding-top:20px}.architecture-grid h3{font-size:20px;margin:13px 0 12px}.architecture-grid p{font-size:12px}.architecture-grid .pattern-note{font-size:9px;margin-top:15px}.architecture-example{grid-template-columns:1fr;gap:29px;padding:24px;margin-top:32px}.architecture-example h3{font-size:32px}.architecture-example p{font-size:11px}.architecture-example li{font-size:11px;gap:22px;padding:13px 0}.coding-grid{grid-template-columns:1fr;gap:25px}.coding-principles article{padding:20px 0}.coding-principles h3{font-size:17px}.coding-principles p{font-size:11px}.code-example{padding:21px 17px;min-width:0}.code-heading{font-size:6px;letter-spacing:.08em}.code-example pre{font-size:10px;line-height:1.9;margin:18px 0}.code-example>p{font-size:9px}.tool-matrix article{grid-template-columns:1fr;gap:14px;padding:23px 0}.tool-category{gap:15px}.tool-category h3{font-size:17px}.tool-category>span{font-size:20px}.tool-matrix article>div:last-child{padding-left:33px}.tool-matrix .tool-names{font-size:11px;line-height:2}.tool-matrix p{font-size:11px}.ai-practice{margin-top:31px;padding-left:18px}.ai-practice h3{font-size:32px}.ai-practice>p{font-size:11px}.interface-columns{grid-template-columns:1fr;gap:27px}.interface-columns article{padding-top:20px}.interface-columns h3{font-size:19px;margin-top:13px}.interface-columns p{font-size:12px}.delivery-stages{grid-template-columns:1fr 1fr;gap:26px 23px}.delivery-stages h3{font-size:16px;margin-top:14px}.delivery-stages p{font-size:11px}.practice-notes{grid-template-columns:1fr;gap:25px;margin-top:32px;padding-top:26px}.practice-notes h3{font-size:15px;margin-bottom:10px}.practice-notes p{font-size:11px}.skills-contact{padding-top:55px}.skills-contact-grid{grid-template-columns:1fr;gap:28px;padding:10px 0 45px}.skills-contact h2{font-size:47px;line-height:1.1}.skills-contact-grid>div>p{font-size:11px;max-width:100%;margin-bottom:22px}.skills-contact-grid .button{font-size:11px}.skills-contact-grid .text-link{font-size:10px}.skills-invite{display:block;padding-top:0;margin-top:29px}.skills-invite h3{font-size:29px}.skills-invite p{font-size:11px}.skills-invite .text-link{margin-top:20px;font-size:11px}}
@media(max-width:360px){.engineering-hero h1{font-size:47px}.skills-section-heading h2{font-size:39px}.skills-contact h2{font-size:42px}.code-example pre{font-size:9px}.code-example{padding:19px 13px}.layers-label{font-size:6px}.engineering-hero-foot{font-size:5px}}
/* The section navigation stays a horizontal index at every breakpoint. */
nav.skills-jump{display:flex;position:static;flex-direction:row;align-items:center;background:var(--cream);border-bottom:0;}
.realtime-section{background:#e4e8db}
.realtime-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#aeb9a3;border:1px solid #aeb9a3;margin:35px 0 44px}
.realtime-planes article{padding:30px;background:#eef0e6}
.realtime-planes article>span{font-size:8px;letter-spacing:.12em;color:#62715a}
.realtime-planes h3{font:400 27px/1.15 var(--serif);margin:17px 0 13px}
.realtime-planes p{font-size:12px;line-height:1.9;color:#56664d}
.technical-details{margin-top:38px;border-top:1px solid #aeb9a3}
.technical-details details{border-bottom:1px solid #aeb9a3}
.technical-details summary{position:relative;cursor:pointer;list-style:none;padding:25px 45px 25px 0;display:block}
.technical-details summary::-webkit-details-marker{display:none}
.technical-details summary>span:first-child{display:block;font-size:8px;letter-spacing:.12em;color:#62715a;margin-bottom:12px}
.technical-details summary strong{font:400 28px/1.2 var(--serif);display:block}
.detail-toggle{position:absolute;right:5px;top:35px;font-size:23px;font-weight:300;transition:transform .2s}
.technical-details details[open] .detail-toggle{transform:rotate(45deg)}
.detail-body{max-width:790px;padding:0 0 26px}
.detail-body p{font-size:13px;line-height:1.95;color:#56664d;margin-bottom:15px}
.detail-body .pattern-note{font-size:10px}
.skills-jump{gap:27px}
.skills-jump a:focus-visible,.technical-details summary:focus-visible{outline:2px solid #a15b38;outline-offset:4px}
@media(max-width:760px){.realtime-planes{grid-template-columns:1fr;margin:27px 0 32px}.realtime-planes article{padding:25px}.realtime-planes h3{font-size:26px;margin:13px 0 10px}.realtime-planes p{font-size:12px}.technical-details summary strong{font-size:25px}.detail-body p{font-size:12px}.skills-jump{gap:23px}.technical-details{margin-top:30px}}