@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f5f4ee;--ink:#182c26;--muted:#52635b;--accent:#24634c;--panel:#fff;--line:#d6ddd5;--display:'Manrope',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--paper)}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:var(--panel);padding:12px}.skip:focus{top:12px}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5vw;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-family:var(--display);font-size:19px;letter-spacing:-.7px;text-decoration:none}.wordmark span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--ink);color:var(--paper);margin-right:10px;font-size:15px;border-radius:50%}.nav-links{display:flex;gap:25px;align-items:center;font-size:13px}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-label,.eyebrow,.folio,.tag,.diagram-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.6px;font-size:11px}.eyebrow{color:var(--accent);margin:0 0 25px}.wrap{max-width:1400px;margin:auto;padding:0 5vw}.gateway-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;padding-top:80px;padding-bottom:70px;align-items:center}h1,h2,h3{font-family:var(--display);line-height:1.08;font-weight:700;letter-spacing:-2px;margin:0}h1{font-size:clamp(44px,5.4vw,82px)}h2{font-size:clamp(32px,3.8vw,54px)}h3{font-size:23px;letter-spacing:-.7px}.gateway-hero h1 em{font-style:normal;color:var(--accent)}.lede{max-width:560px;font-size:17px;color:var(--muted);margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:14px 22px;text-decoration:none;border:1px solid var(--ink);font-size:13px;font-weight:600}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.folio{margin-top:40px;color:var(--muted)}.orbital{min-height:420px;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(94,138,108,.12),transparent 65%)}.orbital svg{width:100%;max-width:520px;overflow:visible}.orbit-label{position:absolute;bottom:0;font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.section-bar{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:32px 0;margin-bottom:20px}.section-bar p{color:var(--muted);max-width:400px;font-size:14px;margin:0}.timeline-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px}.filter{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 16px;border-radius:30px;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.chapter{padding:30px 22px 30px 0;position:relative}.chapter:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--chapter);top:-5px}.chapter .year{font:12px var(--mono);color:var(--muted)}.chapter a{text-decoration:none}.chapter a:hover h3{text-decoration:underline;text-underline-offset:5px}.chapter h3{margin:22px 0 12px;font-size:21px}.chapter p{font-size:13px;color:var(--muted);margin:0}.chapter .badge{display:inline-block;font:10px var(--mono);border:1px solid var(--line);padding:3px 7px;margin-top:18px}.chapter .arrow{display:block;margin-top:25px;font-size:22px;color:var(--chapter)}[hidden]{display:none!important}.chapter-count{font:11px var(--mono);color:var(--muted);margin-left:auto}.growth{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin:60px 0 80px;padding:40px;background:#e8ece3}.growth h2{font-size:32px}.growth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.growth-steps b{font:11px var(--mono);color:var(--accent)}.growth-steps h3{margin:16px 0 10px;font-size:18px}.growth-steps p{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:28px 5vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer p{margin:0}footer a{text-decoration:none}.chapter-nav{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;font-family:var(--mono)}.chapter-nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.experience-head{padding-top:35px}.breadcrumbs{font-size:11px;color:var(--muted);display:flex;gap:12px;margin-bottom:45px}.experience-hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding-bottom:60px}.experience-hero h1{font-size:clamp(40px,5vw,74px)}.experience-hero .role{font-size:13px;color:var(--accent);margin-top:25px}.stack{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.tag{font-size:10px;border:1px solid var(--line);padding:6px 10px;letter-spacing:.5px}.technical-art{border:1px solid var(--line);background:var(--panel);padding:24px;position:relative}.technical-art svg{width:100%;height:auto;display:block;margin-top:15px}.diagram-label{font-size:9px;letter-spacing:1px;color:var(--muted)}.diagram-caption{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:16px 0 0}.project-layout{display:grid;grid-template-columns:250px 1fr;gap:50px;padding-bottom:70px}.project-index{border-top:1px solid var(--line);padding-top:23px}.project-index h2{font-size:16px;letter-spacing:0}.project-index a{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;color:var(--muted)}.project{padding:30px 0 40px;border-top:1px solid var(--line)}.project:first-child{padding-top:23px}.project .number{font:11px var(--mono);color:var(--accent);margin-bottom:16px}.project h2{font-size:32px}.project>p{color:var(--muted);font-size:15px;max-width:750px}.project-evidence{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:28px 0}.project-evidence div{border-left:2px solid var(--accent);padding-left:16px}.project-evidence h3{font:11px var(--mono);letter-spacing:.5px;text-transform:uppercase}.project-evidence p{font-size:13px;color:var(--muted);margin:10px 0}.inspect{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px 16px;font-size:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 0 65px;border-top:1px solid var(--line)}.principles h3{font-size:18px}.principles p{font-size:13px;color:var(--muted)}.source-note{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding:22px 0 40px;max-width:900px}.next-chapter{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-top:1px solid var(--line)}.next-chapter a{text-decoration:none;font-family:var(--display);font-size:24px}.next-chapter span{font:10px var(--mono);color:var(--muted)}dialog{max-width:720px;width:calc(100% - 32px);border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:35px}dialog::backdrop{background:#080e18c9}dialog h2{font-size:28px;margin:30px 0 20px}dialog p,dialog li{font-size:14px;color:var(--muted)}dialog button{float:right;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 14px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0 65px}.review-card{border:1px solid var(--line);background:var(--panel);padding:30px;text-decoration:none}.review-card:hover{border-color:var(--accent)}.review-card h3{font-size:28px;margin:20px 0}.review-card p{font-size:13px;color:var(--muted)}.review-card span{font:11px var(--mono);color:var(--accent)}.cx-feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0 60px}.cx-feature img{width:100%;height:260px;object-fit:contain;background:#121028;border:1px solid var(--line)}.cx-feature h3{margin:20px 0 10px}.cx-feature p{font-size:13px;color:var(--muted)}.planned-banner{border:1px solid var(--accent);padding:20px;margin-bottom:40px;font:12px var(--mono)}.roadmap{counter-reset:phase;list-style:none;padding:0}.roadmap li{display:grid;grid-template-columns:130px 1fr;gap:25px;border-top:1px solid var(--line);padding:25px 0}.roadmap strong{font:12px var(--mono);color:var(--accent)}.roadmap h3{font-size:23px}.roadmap p{font-size:14px;color:var(--muted);margin:10px 0}.empty-achievements{border:1px dashed var(--line);padding:35px;margin:35px 0}.empty-achievements p{color:var(--muted);font-size:14px}.xet{--paper:#0c1b29;--ink:#e4f5f2;--muted:#a0b5bc;--accent:#63dec3;--panel:#102638;--line:#2d4655}.xet h1{font-weight:600}.xet .technical-art{box-shadow:14px 14px 0 #071522}.dut{--paper:#f8f5ef;--ink:#302931;--muted:#635b63;--accent:#893650;--panel:#fffdf7;--line:#ded5cf;--display:Georgia,serif}.dut h1,.dut h2{font-weight:400}.dut .technical-art{border-top:4px solid var(--accent)}.dut .experience-head{border-bottom:0}.techniques{--paper:#e9edf0;--ink:#182831;--muted:#4d626c;--accent:#a94515;--panel:#f7f9fa;--line:#becbd2}.techniques .technical-art{background-color:#f7f9fa;background-image:linear-gradient(#dfe6eb 1px,transparent 1px),linear-gradient(90deg,#dfe6eb 1px,transparent 1px);background-size:20px 20px}.techniques h1{text-transform:uppercase;font-weight:800;letter-spacing:-3px}.cx{--paper:#17112b;--ink:#f4ecff;--muted:#c0b2d6;--accent:#cca5ff;--panel:#241a3b;--line:#49365e}.cx .experience-hero h1{letter-spacing:-3px}.cx .technical-art{border-radius:20px;background:radial-gradient(ellipse at top right,#61318b66,transparent),var(--panel)}.royal{--paper:#171a1b;--ink:#f4f3ec;--muted:#b5bab8;--accent:#f4d35c;--panel:#232829;--line:#48504e}.royal h1{text-transform:uppercase;font-style:italic;font-weight:800;letter-spacing:-3px}.royal .site-nav{border-bottom:4px solid var(--accent)}.royal .technical-art{border-left:5px solid var(--accent)}.royal .button{background:var(--accent);color:#171a1b;border-color:var(--accent)}.royal .eyebrow:before{content:'▰ ';letter-spacing:3px}
@media(min-width:1600px){.site-nav,footer{padding-left:calc((100vw - 1260px)/2);padding-right:calc((100vw - 1260px)/2)}}
@media(max-width:1000px){.site-nav{align-items:flex-start;flex-wrap:wrap}.chapter-nav{width:100%;justify-content:space-between}.gateway-hero,.experience-hero{gap:35px}.timeline{grid-template-columns:repeat(3,1fr);gap:20px}.chapter{border-top:1px solid var(--line)}.timeline{border:0}.project-layout{grid-template-columns:180px 1fr;gap:30px}.growth{gap:30px;grid-template-columns:1fr}.orbital{min-height:300px}}
@media(max-width:650px){.site-nav{padding:18px 6vw;gap:18px}.nav-links{gap:16px;font-size:11px}.nav-label{display:none}.wrap{padding:0 6vw}.gateway-hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:20px}.gateway-hero h1{font-size:49px}.orbital{min-height:280px;max-width:350px;margin:auto;width:100%}.folio{margin-top:25px}.section-bar{align-items:start;flex-direction:column}.timeline{grid-template-columns:1fr;gap:0;border-left:1px solid var(--line);margin-left:5px}.chapter{padding:22px 0 25px 25px;border-top:0;border-bottom:1px solid var(--line)}.chapter:before{top:28px;left:-5px}.chapter h3{margin:10px 0}.chapter .arrow{position:absolute;right:0;top:25px}.chapter-count{width:100%;margin:5px 0}.growth{padding:25px;margin:35px 0}.growth-steps{grid-template-columns:1fr;gap:10px}.experience-hero{grid-template-columns:1fr;padding-bottom:35px}.experience-hero h1{font-size:44px}.breadcrumbs{margin-bottom:28px}.technical-art{padding:16px}.project-layout{display:block}.project-index{margin-bottom:25px}.project-index a{display:inline-block;border:0;margin-right:20px}.project-evidence,.principles,.review-grid,.cx-feature{grid-template-columns:1fr}.project h2{font-size:28px}.principles{gap:15px}.review-grid{gap:15px}.review-card{padding:22px}.cx-feature img{height:auto}.roadmap li{grid-template-columns:1fr;gap:10px}.next-chapter a{font-size:19px}.chapter-nav{gap:12px;justify-content:start;font-size:10px}.lede{font-size:16px}footer{padding:25px 6vw}}
.workbench{margin:10px 0 60px;border:1px solid var(--line);background:var(--panel);padding:30px}.workbench-heading{display:flex;justify-content:space-between;gap:25px}.workbench h2{font-size:30px}.workbench-heading p{font-size:13px;color:var(--muted);max-width:650px}.demo-stamp{font:9px var(--mono);color:var(--accent);white-space:nowrap;text-align:right}.workbench-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:25px 0}.workbench-controls>span{font:11px var(--mono);color:var(--muted);margin-left:auto}.table-scroll{overflow-x:auto}.workbench table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.workbench th{font:10px var(--mono);color:var(--muted);text-transform:uppercase;background:var(--paper)}.workbench th,.workbench td{border-bottom:1px solid var(--line);padding:16px 12px}.workbench caption{caption-side:bottom;text-align:left;font:10px var(--mono);color:var(--muted);padding:15px 0}.state-pill{padding:4px 7px;border:1px solid var(--line);font:10px var(--mono);color:var(--accent)}.demo-note{font-size:12px;color:var(--muted);max-width:800px}.techniques .workbench{border-top:4px solid var(--accent)}.dut .workbench{box-shadow:5px 5px 0 var(--line)}
@media(max-width:650px){.workbench{padding:18px;margin-bottom:35px}.workbench-heading{display:block}.demo-stamp{display:block;text-align:left;margin-top:15px}.workbench h2{font-size:25px}.workbench table{font-size:11px}.workbench td,.workbench th{padding:12px 7px}.workbench-controls>span{width:100%;margin:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}