@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#20231f;--muted:#666b63;--line:#d5d8cc;--accent:#c55a33;--paper:#f5f4ec;--white:#fcfcf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.62 DM Sans,sans-serif}h1,h2,h3,.brand{letter-spacing:-.045em;font-family:Space Grotesk,sans-serif;line-height:1.1}h1{margin:18px 0 23px;font-size:clamp(2.8rem,5.5vw,5.2rem);font-weight:500}h2{margin:8px 0;font-size:clamp(1.7rem,2.8vw,2.7rem);font-weight:500}h3{margin:4px 0 10px;font-size:1.28rem;font-weight:600}p{margin:0 0 14px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{max-width:1320px;margin:0;padding-left:clamp(30px,6vw,95px);padding-right:clamp(30px,6vw,95px)}.nav{background:var(--ink);width:240px;color:var(--white);z-index:3;flex-direction:column;justify-content:space-between;padding:34px 27px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-size:1.45rem;font-weight:600}.brand span{color:#e78a63}nav{flex-direction:column;align-items:start;gap:15px;font-size:1rem;display:flex}nav a{padding:3px 0;display:block}nav [aria-current]{color:#e78a63}.nav:after{content:"Architecture / Cloud / AI";color:#a6b0a2;letter-spacing:.04em;font-size:.76rem;line-height:1.5}main,.footer{margin-left:240px}.eyebrow,.meta{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:.76rem;font-weight:700}.hero{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:55px;min-height:540px;padding-top:55px;padding-bottom:55px;display:grid}.hero .lead{max-width:660px}.lead{color:#51584f;font-size:1.13rem;line-height:1.65}.expertise{flex-wrap:wrap;gap:8px;margin:27px 0 22px;display:flex}.expertise span{background:var(--white);border:1px solid var(--line);padding:5px 10px;font-size:.84rem}.actions{flex-wrap:wrap;gap:25px;display:flex}.text-link{color:var(--accent);font-size:.91rem;font-weight:700}.portrait{aspect-ratio:1;border:2px solid var(--ink);background:var(--white);text-align:center;width:215px;color:var(--muted);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:.76rem;display:flex;transform:rotate(5deg)}.portrait-mark{width:92px;height:92px;color:var(--accent);background:#e9e8de;border-radius:50%;place-items:center;margin-bottom:12px;font:500 2rem Space Grotesk;display:grid}.section{border-top:1px solid var(--ink);padding-top:57px;padding-bottom:62px}.section-title{justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px;display:flex}.highlights{grid-template-columns:1fr;display:grid}.highlights article{border-top:1px solid var(--line);grid-template-columns:75px minmax(160px,.8fr) minmax(170px,1.2fr);align-items:start;gap:22px;padding:20px 0;display:grid}.highlights article:first-child{border-top:0}.highlights .logo-placeholder{grid-row:span 3}.highlights .meta{grid-area:1/2}.highlights h3{grid-area:2/2}.highlights p{color:var(--muted);grid-area:1/3/span 2}.logo-placeholder{background:var(--white);color:#8a8d81;border:1px solid #b9bcb1;place-items:center;width:60px;height:60px;font-size:.7rem;font-weight:700;display:grid}.posts{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.posts article{background:var(--white);flex-direction:column;align-items:start;min-height:195px;padding:26px;display:flex}.posts article h3{margin-top:12px}.posts article p{color:var(--muted)}.posts article .logo-placeholder{margin-bottom:18px}.posts article .text-link{margin-top:auto}.note{color:var(--muted);margin-top:17px;font-size:.85rem}.page-head{max-width:1100px;padding-top:73px;padding-bottom:55px}.page-head .lead{max-width:740px}.role{border-top:1px solid var(--line);grid-template-columns:minmax(210px,.8fr) minmax(0,1.4fr);gap:50px;padding:28px 0;display:grid}.role:first-child{border-top:0;padding-top:0}.role h2{font-size:1.55rem}.role p,.contact p{color:var(--muted)}.role ul{margin:10px 0;padding-left:20px}.role li{margin-bottom:7px}.narrow{max-width:700px;margin:15px 0 30px}.contact{grid-template-columns:1.4fr 1fr;gap:45px;min-height:310px;display:grid}.contact h2{overflow-wrap:anywhere}.footer{background:var(--ink);color:#c5c8be}.footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:80px;font-size:.84rem;display:flex}.footer a{color:#f1ad8f}@media (width<=950px){.nav{flex-direction:row;align-items:center;width:auto;padding:18px 28px;position:static}.nav:after{display:none}nav{flex-flow:wrap;gap:20px}main,.footer{margin-left:0}.hero{min-height:0}}@media (width<=680px){.nav{flex-direction:column;align-items:start;gap:15px}nav{gap:14px;font-size:.88rem}.shell{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:27px;padding-top:40px;padding-bottom:45px}.portrait{order:-1;width:150px}.portrait-mark{width:55px;height:55px;font-size:1.25rem}.section{padding-top:40px;padding-bottom:45px}.section-title{flex-direction:column;align-items:start}.highlights article{grid-template-columns:60px 1fr;gap:7px 15px}.highlights .logo-placeholder{grid-area:1/1/span 3}.highlights .meta,.highlights h3,.highlights p{grid-area:auto/2}.posts,.role,.contact{grid-template-columns:1fr}.role{gap:6px}.footer-inner{flex-direction:column;justify-content:center;align-items:start;padding-top:20px;padding-bottom:20px}}.blog-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.blog-heading p{color:var(--muted);font-size:.88rem}.filters{flex-wrap:wrap;gap:8px;margin:20px 0 25px;display:flex}.filter{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;padding:8px 14px;font:600 .88rem DM Sans,sans-serif}.filter:hover,.filter.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.filter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.filter span{opacity:.65;margin-left:3px}.blog-list article[hidden]{display:none}.post-stamp{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.post-stamp time{color:var(--muted);font-size:.78rem}.tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.tags span{background:var(--paper);border:1px solid var(--line);color:var(--muted);padding:3px 8px;font-size:.75rem}.project-logo{object-fit:contain;background:var(--white);width:60px;height:60px}.article{max-width:1000px;padding-top:65px;padding-bottom:90px}.article-head{border-bottom:1px solid var(--ink);padding:50px 0 35px}.article-head h1{max-width:850px;font-size:clamp(2.5rem,5vw,4.5rem)}.article-head .lead{max-width:740px}.article-head .post-stamp{margin-top:24px}.article-head .tags{padding-top:0}.article-body{max-width:760px;padding-top:30px;font-size:1.08rem}.article-body h2{margin:42px 0 13px;font-size:1.7rem}.article-body p{margin-bottom:20px}.article-body blockquote{border-left:3px solid var(--accent);background:var(--white);margin:25px 0;padding:8px 18px}.article-body blockquote p{margin:0}.article-body a{text-underline-offset:3px;text-decoration:underline}.blog-list .post-link{margin-top:16px}.portrait-photo{padding:0;overflow:hidden;transform:none}.portrait-photo img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}
