:root{color-scheme:light;--bg:#fff;--surface:#f4f7fa;--card:#fff;--ink:#26313c;--navy:#17324d;--muted:#586b7c;--blue:#1d6fa5;--line:#dce4e8;--gold:#efbb43;--accent:#a75a0c}html[data-theme=dark]{color-scheme:dark;--bg:#101b28;--surface:#152435;--card:#1b2d40;--ink:#e3edf5;--navy:#e3edf5;--muted:#b0c0cf;--blue:#87d1ff;--line:#374c60;--accent:#f4b264}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:var(--blue)}button,input,summary{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.container{width:min(1200px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;background:var(--bg);padding:12px;z-index:30}.skip:focus{top:0}header{border-bottom:1px solid var(--line);background:var(--bg)}.main-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;min-height:74px}.brand{font-size:1.15rem;font-weight:800;color:var(--navy);text-decoration:none}.navlinks{display:flex;flex-wrap:wrap;align-items:center;gap:16px;list-style:none;padding:0;margin:0}.navlinks a{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none}.navlinks a[aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:6px}.theme-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:30px;background:var(--surface)}.theme-switch button{border:0;border-radius:24px;padding:6px 12px;background:transparent;color:var(--ink);font-size:.8rem;font-weight:700}.theme-switch button[aria-pressed=true]{background:var(--gold);color:#252b32}h1,h2,h3{font-family:Georgia,serif;line-height:1.3}h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 16px}h2{font-size:1.8rem;margin:0 0 20px}h3{font-size:1.2rem;margin:0 0 12px}p{margin:0 0 16px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;padding:36px 0 60px}.main-column,.sidebar{min-width:0}.banner{border-radius:16px;background:linear-gradient(125deg,#242b33,#39434f);padding:30px;color:#fff}.banner p{color:#e0e5eb}.eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;color:var(--accent);font-weight:700}.banner .eyebrow{color:#efd69d}.banner h1{color:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.filters button{border:1px solid #71808d;border-radius:24px;padding:8px 13px;background:#46505b;color:#fff;font-size:.85rem;font-weight:700}.filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#252b32}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--surface);padding:14px 16px;margin:24px 0 8px}.views{display:flex;gap:6px}.views button{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:5px 10px;border-radius:4px}.views button[aria-pressed=true]{background:var(--gold);color:#252b32;border-color:var(--gold)}.result-count,.excerpt,.lead,.meta,.project-meta{color:var(--muted)}.result-count{font-size:.88rem}.posts{display:grid;grid-template-columns:1fr}.post{display:grid;grid-template-columns:215px minmax(0,1fr);gap:25px;padding:28px 0;border-bottom:1px solid var(--line);min-width:0}.post h2{font-size:1.4rem;margin-bottom:16px}.post h2 a{color:var(--ink);text-decoration:none}.cover{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(140deg,#17324d,#344454);display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;align-self:start}.cover span{font-size:.75rem;text-transform:uppercase;color:#f2ce7e}.cover strong{font:700 1.5rem/1.25 Georgia,serif}.cover small{font-size:.76rem;color:#d2dbe4}.metadata{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:18px;font-size:.85rem}.metadata div{border-right:1px solid var(--line);padding-right:18px}.metadata span{display:block;color:var(--muted)}.metadata strong{font-weight:600}.button,.read-more{display:inline-block;padding:10px 18px;background:var(--gold);color:#29313a;text-decoration:none;font-size:.85rem;font-weight:700;border:1px solid var(--gold);border-radius:4px}.button.secondary{background:transparent;color:var(--blue);border-color:var(--blue)}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.posts.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.posts.grid .post{grid-template-columns:1fr;gap:18px}.posts.grid .cover{width:100%}.search-box{margin-bottom:24px}.search-box label{display:block;font-weight:700;margin-bottom:8px}.search-box input{width:100%;border:1px solid var(--line);padding:12px;border-radius:6px;background:var(--card);color:var(--ink)}.side-card,.card,.draft{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--card)}.side-card{margin-bottom:20px}.side-card h2{font-size:1.2rem;margin-bottom:12px}.side-card p,.side-card li{font-size:.9rem;color:var(--muted)}.side-card ul,.side-card ol{padding-left:20px}.side-card a{font-weight:700}.content-section{padding-top:36px;scroll-margin-top:24px}.developing{margin-top:36px}.developing h2{font-size:1.35rem}.status{font-size:.78rem;font-weight:700;text-transform:uppercase;color:var(--accent)}.draft h3{margin-top:10px}.draft p{color:var(--muted)}.learning-note,.roadmap-note{font-size:.86rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.video-frame{width:100%;aspect-ratio:16/9;margin:20px 0;border-radius:8px;overflow:hidden;background:#102536}.video-frame iframe{display:block;width:100%;height:100%;border:0}.projects,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card ul{padding-left:20px}.card li{margin:8px 0}.process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.step{padding:20px;border-left:3px solid var(--gold);background:var(--surface)}.breadcrumbs{padding:16px 0;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.breadcrumbs li+li::before{content:'›';margin-right:10px}.article{min-width:0;scroll-margin-top:20px}.article-cover{min-height:270px;aspect-ratio:1.9;background:linear-gradient(120deg,#17324d,#26313c 65%,#414b55);display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,48px);color:#fff;border-bottom:6px solid var(--gold)}.article-cover p{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#f2ce7e}.article-cover strong{font:700 clamp(2.3rem,5vw,3.8rem)/1.1 Georgia,serif}.article-cover span{color:#dbe4ed;margin-top:20px}.article h1{font-size:clamp(1.7rem,3vw,2.2rem);margin:24px 0 20px}.article-body{font:1.075rem/1.8 Georgia,serif}.article-body h2{font-size:1.45rem;margin:32px 0 14px;scroll-margin-top:24px}.article-body li{margin:7px 0}.note{border-left:4px solid var(--gold);background:var(--surface);padding:18px 22px;font-size:.9rem;margin-top:30px}.article-footer{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px 24px}.mobile-contents{display:none}.home-section{padding:75px 0;scroll-margin-top:24px}.alt{background:var(--surface)}.hero{background:linear-gradient(120deg,var(--surface),var(--bg))}.hero-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:60px;align-items:center}.home h1{font:800 clamp(3rem,7vw,5.6rem)/1.05 Arial,sans-serif;letter-spacing:-.055em;margin:18px 0}.hero h2{font:700 1.25rem/1.4 Arial,sans-serif;color:var(--blue)}.lead{font-size:1.1rem;max-width:740px}.portrait{width:100%;aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:50%;border:8px solid var(--bg);outline:2px solid var(--gold)}.facts{list-style:none;padding:0;margin:0}.facts li{padding:10px 0;border-bottom:1px solid var(--line)}.capabilities{margin-top:32px}.capabilities summary{font-weight:700;color:var(--blue);padding:14px 0}.roadmap{list-style:none;padding:8px 0 0;margin:32px 0 0;position:relative}.roadmap::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(var(--blue),var(--gold));transform:translateX(-50%)}.milestone{position:relative;width:50%;padding:0 66px 36px 0}.milestone:nth-child(even){margin-left:50%;padding:0 0 36px 66px}.milestone::after{content:'';position:absolute;right:-8px;top:52px;width:16px;height:16px;border-radius:50%;background:var(--gold);border:3px solid var(--surface)}.milestone:nth-child(even)::after{left:-8px;right:auto}.milestone::before{content:'';position:absolute;right:0;top:59px;width:66px;height:2px;background:var(--line)}.milestone:nth-child(even)::before{left:0;right:auto}.journey-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.journey-card:hover,.journey-card:focus-within{border-color:var(--blue)}.journey-card summary{display:block;list-style:none;padding:22px}.journey-card summary::-webkit-details-marker{display:none}.milestone-head{display:flex;gap:18px;align-items:center}.project-circle{flex:0 0 78px;width:78px;height:78px;border:2px solid var(--gold);border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--blue)}.project-circle svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.period{font-size:.78rem;font-weight:800;color:var(--blue);margin-bottom:6px}.journey-card h3{font:700 1.12rem/1.3 Arial,sans-serif;margin:0 0 6px}.company{font-size:.82rem;color:var(--muted);margin:0}.project-name{font-weight:700;font-size:.92rem;margin:16px 0 6px}.hint{color:var(--blue);font-size:.78rem}.journey-card[open] .hint::after{content:' · Select again to close'}.star-panel{padding:0 22px 24px;border-top:1px solid var(--line)}.duty-list{margin:20px 0 0;padding-left:20px;font-size:.9rem;color:var(--muted)}.duty-list li{margin-bottom:14px}.contact-block{text-align:center;max-width:760px;margin:auto}.contact-block .buttons{justify-content:center}footer{background:#102536;color:#cbd7df;padding:28px 0;text-align:center;font-size:.9rem}footer a{color:inherit}[hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.post{grid-template-columns:170px minmax(0,1fr);gap:20px}.grid{grid-template-columns:1fr}}@media(max-width:850px){.main-nav{align-items:flex-start;flex-direction:column}.navlinks{gap:10px 16px}.roadmap::before{left:10px}.milestone,.milestone:nth-child(even){width:100%;margin-left:0;padding:0 0 24px 44px}.milestone::after,.milestone:nth-child(even)::after{left:2px;right:auto}.milestone::before,.milestone:nth-child(even)::before{left:10px;width:34px;right:auto}.two-col{grid-template-columns:1fr}}@media(max-width:780px){.layout{grid-template-columns:1fr;padding-top:24px}.listing .sidebar{grid-row:1}.listing .sidebar .side-card{display:none}.banner{padding:24px}.post,.posts.grid,.projects,.process{grid-template-columns:1fr}.cover{width:100%;max-width:420px}.article-cover{min-height:220px;aspect-ratio:auto;padding:28px}.article-body{font-size:1rem}.sidebar .contents-card{display:none}.mobile-contents{display:block;padding:16px;background:var(--surface);margin-bottom:24px}.home-section{padding:50px 0}.hero-grid{grid-template-columns:1fr;gap:32px}.portrait{width:190px;grid-row:1}.milestone-head{gap:12px}.project-circle{width:64px;height:64px;flex-basis:64px}.project-circle svg{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}