:root{--paper:#f4f2eb;--ink:#16251e;--muted:#465146;--line:#d4d6cb;--green:#193d33;--lime:#d9f6a2;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #c75b37;outline-offset:5px}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;line-height:1.08}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}a,button{transition:background .2s,color .2s,transform .2s}.wrap{width:min(1280px,calc(100% - 104px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-weight:800;font-size:41px;letter-spacing:-.1em;line-height:1}.wordmark span{font:13px var(--font);vertical-align:top;margin-left:7px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a:hover{color:#8a4a27}.nav-contact{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0}.nav-contact span{margin-left:22px}.hero{padding-top:40px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-top i{display:inline-block;width:7px;height:7px;background:#547446;border-radius:50%;margin-right:9px}.location{font-size:9px;letter-spacing:.1em;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;align-items:center;padding:48px 0 52px}.hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.09;letter-spacing:-.065em}.hero h1 em{display:block;font-size:1.04em;line-height:1.06;max-width:660px}.hero-copy>p{font-size:14px;color:var(--muted);margin-top:27px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 20px;font-size:12px;font-weight:600}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#3e5a44;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}.text-link:hover{border-color:var(--ink)}.hero-caption{margin-top:46px;display:flex;gap:25px;color:var(--muted);font-size:8px;letter-spacing:.13em}.system-art{height:414px;background:#e6e9df;position:relative;overflow:hidden;border:1px solid #d4dacf}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ccd3c544 1px,transparent 1px),linear-gradient(90deg,#ccd3c544 1px,transparent 1px);background-size:26px 26px}.art-top,.art-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em;z-index:2}.art-top{top:21px}.art-bottom{bottom:18px;line-height:1.6}.spark{font-size:37px;line-height:1}.orbit{border:1px solid #a9b5a5;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-32deg);width:340px;height:220px}.orbit-two{width:230px;height:345px;transform:translate(-50%,-50%) rotate(-32deg)}.art-core{position:absolute;top:50%;left:50%;width:148px;height:148px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:var(--green);color:var(--lime);box-shadow:0 0 0 13px #dce2d644,0 0 0 14px #bac6b4}.core-icon{font-family:monospace;font-size:43px;letter-spacing:-10px;margin-left:-8px}.core-icon b{font-family:var(--display);font-size:48px;letter-spacing:-6px;margin:0 10px}.art-core small{font-size:5px;letter-spacing:.13em;margin-top:7px}.node{position:absolute;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid #ccd3c4;padding:12px 13px;box-shadow:0 8px 20px #18291609;z-index:3}.node b{display:block;font-size:12px;font-weight:500}.node small{display:block;font-size:6px;letter-spacing:.1em;margin-top:2px}.node-symbol{width:30px;height:30px;display:grid;place-items:center;font-size:24px;background:#e4ebd7}.node-cloud{top:75px;left:22px;transform:rotate(-5deg)}.node-learn{bottom:76px;right:16px;transform:rotate(5deg)}.node-learn .node-symbol{background:var(--lime)}.node i{width:5px;height:5px;background:#608c44;border-radius:50%;margin-left:3px}.art-cross{position:absolute;right:36px;top:80px;font-size:22px;color:#809278}.companies{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;align-items:center;gap:65px}.companies>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.companies>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:22px}.companies b{font-family:var(--display);font-size:23px;font-weight:700;letter-spacing:-1px;color:#5c6459}.companies .dell{font-size:21px;line-height:1;letter-spacing:0}.dell span{display:block;font-size:8px;letter-spacing:1px;font-weight:400}.company-dot{font-size:20px;margin-left:5px}.impact{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr;border-block:1px solid var(--line);padding:31px 0;gap:20px}.impact>div{border-right:1px solid var(--line);padding-left:15px}.impact>div:first-child{padding-left:0}.impact>div:last-child{border:0}.impact strong{font-family:var(--display);font-size:36px;letter-spacing:-.055em;font-weight:500;line-height:1.3}.impact strong span{font-size:18px}.impact p{font-size:10px;color:var(--muted);margin-top:5px}.impact-note p{font-size:12px;line-height:1.5;margin-top:8px}.impact-note .eyebrow{font-size:8px}.impact-note small{font-size:8px;color:var(--muted)}.section{padding-block:98px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:37px}.section-heading h2,.about h2{font-size:45px;margin-top:19px}.section-heading>p{font-size:13px;color:var(--muted);max-width:290px;margin-bottom:4px;line-height:1.8}.filters{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px;flex-wrap:wrap}.filters button{background:transparent;padding:7px 14px;font-size:11px;border-radius:2px}.filters button.active{background:var(--ink);color:var(--paper)}.filters button span{font-size:8px;margin-left:9px;opacity:.6}.filters button:not(.active):hover{background:#e4e6da}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project{text-align:left;padding:0;background:none;width:100%}.project[hidden]{display:none}.project-visual{height:270px;position:relative;overflow:hidden;padding:21px 25px}.visual-label,.visual-footer{font-size:8px;letter-spacing:.12em}.visual-footer{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:7px}.visual-footer>span:last-child{font-size:24px}.visual-kafka{background:#dde7d8}.visual-platform{background:#e5e2f0}.visual-agent{background:#e9d5c4}.visual-stream{background:#d9e4e8}.mini-flow{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px}.mini-flow>span{font-size:16px;padding:18px 10px;border:1px solid #9aaf94;border-radius:50%;width:75px;text-align:center}.mini-flow strong{font:500 25px var(--display);padding:21px 13px;background:var(--green);color:var(--lime);border-radius:16px}.mini-flow i{font-style:normal;font-size:20px}.stack-art{width:230px;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);display:grid;gap:7px}.stack-art span{border:1px solid #a6a0bb;padding:9px 15px;background:#f4f2f9;font-size:11px;text-align:center;box-shadow:7px 6px 0 #bdb4d3}.stack-art span:nth-child(2){background:#d9d1e9}.stack-art span:nth-child(3){background:#b9aacc}.agent-art{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:210px;gap:2px}.agent-art span{background:#f8ece1;padding:8px 12px;border:1px solid #c6a68a;font-size:10px;width:145px}.agent-art span:nth-of-type(2){align-self:flex-end;background:#dcb69b}.agent-art b{font-size:19px;line-height:1;align-self:center;font-weight:400}.stream-art{position:absolute;display:flex;gap:15px;align-items:center;left:50%;top:49%;transform:translate(-50%,-50%)}.stream-art span,.stream-art strong{font-size:15px;font-weight:500;padding:20px 14px;border:1px solid #95adb7;border-radius:6px;background:#eef4f3}.stream-art strong{background:#2e4c55;color:#e4f1ec}.stream-art>div{display:flex;align-items:center;gap:10px}.stream-art i{width:6px;height:6px;background:#6b8e98;border-radius:50%}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.project-meta h3{font-size:21px;font-weight:600;letter-spacing:-.04em}.project-meta p{font-size:11px;color:var(--muted);margin-top:6px}.project:hover .project-visual{filter:saturate(1.2)}.tags{display:flex;gap:7px;margin-top:15px}.tags span{font-size:9px;border:1px solid var(--line);padding:3px 8px;border-radius:20px}.teaching{background:#e8ecdf;padding:83px 0}.teaching-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;margin-top:46px}.course-graphic{background:#193d33;color:#f0f3dd;padding:30px 34px;position:relative;height:360px;overflow:hidden}.course-graphic>span:first-child{font-size:9px;letter-spacing:.15em;color:#cbdfb6}.course-graphic h3{font-size:49px;line-height:1.06;margin-top:35px;font-weight:500;position:relative;z-index:1}.course-graphic em{color:var(--lime)}.course-number{font-size:7px;letter-spacing:.14em;position:absolute;bottom:25px;left:34px}.git-lines{position:absolute;inset:0 0 0 55%;opacity:.6}.git-lines i{position:absolute;height:290px;width:60px;top:60px;border:1px solid #abc386;border-radius:100px;transform:rotate(33deg)}.git-lines i:nth-child(2){left:65px}.git-lines i:nth-child(3){left:130px}.git-lines b{position:absolute;right:30px;bottom:30px;font-size:45px;color:var(--lime);font-weight:400}.course-info{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.course-info .eyebrow{font-size:8px}.course-info p{font-size:13px;line-height:1.6;margin-top:7px}.teaching-list article{border-top:1px solid #c3cbb9;padding:20px 0}.teaching-row{display:flex;align-items:center;justify-content:space-between}.teaching-row h3{font-size:25px;letter-spacing:-.04em}.teaching-row>span{font-size:9px;color:var(--muted)}.teaching-list h4{font-size:11px;margin-top:8px;font-weight:500}.teaching-list p{font-size:12px;color:#5b6557;margin-top:8px;line-height:1.7}.teaching-list .text-link{margin-top:4px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about-intro>p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:24px;max-width:440px}.credentials{margin-top:32px}.credentials>a,.credentials>div{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:17px 0}.credentials b,.credentials small{display:block}.credentials b{font-size:12px}.credentials small{font-size:9px;color:var(--muted);margin-top:3px}.credentials>*>span:first-child{font-size:24px}.credentials a>span:last-child{margin-left:auto;font-size:18px}.journey>.eyebrow{display:block;margin-bottom:25px}.journey article{position:relative;border-left:1px solid var(--line);padding:0 0 28px 26px}.journey article:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--green)}.timeline-date{font-size:8px;color:var(--muted);letter-spacing:.08em}.journey h3{font-size:23px;margin-top:6px;font-weight:500}.journey p{font-size:11px;margin-top:6px}.journey small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px;max-width:350px}.journey article:last-child{padding-bottom:0}.toolbox{border-top:1px solid var(--line);padding:31px 0 62px;display:flex;gap:50px;align-items:start}.toolbox>.eyebrow{font-size:8px;white-space:nowrap;padding-top:8px}.toolbox>div{display:flex;flex-wrap:wrap;gap:8px}.toolbox>div span{font-size:10px;background:#e6e8df;padding:6px 11px}.contact{background:var(--green);color:#edf1e4;padding:46px 0 52px}.contact-top{display:flex;justify-content:space-between;align-items:center;color:#b2c2a6}.contact-top>span:last-child{font-size:8px;letter-spacing:.1em}.contact h2{font-size:clamp(38px,5vw,70px);font-weight:500;margin:43px 0;position:relative}.contact h2 em{color:var(--lime)}.contact h2>span{position:absolute;right:0;top:10px;font-size:82px;color:var(--lime);font-weight:400}.contact-bottom{border-top:1px solid #446052;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:12px;color:#bac7b1;line-height:1.8}.email{display:inline-block;font-size:17px;margin-top:17px;border-bottom:1px solid #65816b;padding-bottom:7px}.resume-links{min-width:240px}.resume-links a{display:flex;justify-content:space-between;border-bottom:1px solid #54705b;font-size:11px;padding:13px 0}.resume-links a:hover{color:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 0;gap:30px}footer .wordmark{font-size:32px}footer p{font-size:9px;color:var(--muted)}footer>div{display:flex;gap:22px;font-size:10px}footer button{padding:0;background:none;font-size:10px}footer a:hover,footer button:hover{color:#a9542e}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}dialog{width:min(600px,calc(100% - 32px));border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:45px;max-height:85vh;overflow:auto}dialog::backdrop{background:#10271ec9;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:15px;top:10px;background:none;font-size:29px}dialog h2{font-size:36px;margin:18px 0}dialog>p{font-size:14px;color:var(--muted);line-height:1.8}dialog h3{font-size:16px;letter-spacing:-.02em;margin-top:25px}dialog ul{padding-left:19px;font-size:13px;color:var(--muted)}dialog li{padding-bottom:10px}dialog .dialog-stack{font-size:11px;border-top:1px solid var(--line);padding:15px 0}dialog .button{margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;text-align:center}.toast.show{opacity:1}
@media(min-width:1500px){.hero h1{font-size:66px}.hero-grid{gap:55px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{grid-template-columns:1.3fr 1fr;gap:20px}.system-art{height:370px}.hero h1{font-size:46px}.hero-caption{gap:10px;font-size:6px}.node{padding:10px 8px;gap:7px}.node b{font-size:10px}.node-cloud{left:10px}.node-learn{right:10px}.companies{gap:35px}.companies b{font-size:19px}.section-heading h2,.about h2{font-size:39px}.about{gap:55px}.teaching-grid{gap:35px}.course-graphic h3{font-size:43px}footer{flex-wrap:wrap}footer>div{gap:20px}.impact strong{font-size:31px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px}.header nav{gap:17px;font-size:11px}.wordmark{font-size:33px}.nav-contact{font-size:10px}.nav-contact span{margin-left:8px}.hero{padding-top:27px}.location{display:none}.hero-grid{grid-template-columns:1fr;padding:33px 0 31px;gap:30px}.hero h1{font-size:clamp(40px,9vw,65px)}.hero-copy>p{font-size:13px;margin-top:23px}.actions{gap:20px;margin-top:24px}.hero-caption{font-size:7px;gap:20px;margin-top:25px}.system-art{height:340px;max-width:520px;width:100%;margin:auto}.node b{font-size:12px}.node-cloud{left:32px;top:58px}.node-learn{right:32px;bottom:60px}.companies{display:block;padding:20px 0}.companies>div{margin-top:18px;flex-wrap:wrap;justify-content:flex-start;gap:20px 28px}.companies b{font-size:20px}.impact{grid-template-columns:1fr 1fr;gap:25px 0;padding:25px 0}.impact>div{padding-left:20px}.impact>div:nth-child(3){padding-left:0}.impact>div:nth-child(2){border:0}.impact strong{font-size:31px}.impact p{font-size:10px}.impact-note p{font-size:10px}.impact-note .eyebrow{font-size:7px}.impact-note small{font-size:7px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.about h2{font-size:36px;margin-top:16px}.section-heading>p{max-width:330px;margin-top:20px;font-size:12px}.projects{gap:30px 20px}.project-visual{height:220px;padding:18px}.visual-label{font-size:6px}.visual-footer{left:18px;right:18px;font-size:5px}.mini-flow{gap:7px}.mini-flow>span{width:48px;padding:14px 5px;font-size:10px}.mini-flow strong{padding:17px 9px;font-size:16px}.mini-flow i{font-size:15px}.stack-art{width:145px}.stack-art span{font-size:8px;padding:9px}.agent-art{width:145px}.agent-art span{width:115px;font-size:8px}.stream-art{gap:7px}.stream-art>div{gap:5px}.stream-art i{width:4px;height:4px}.stream-art span,.stream-art strong{padding:14px 8px;font-size:10px}.project-meta h3{font-size:17px}.project-meta p{font-size:10px}.project-meta{gap:10px;align-items:start}.project .tags{gap:4px;flex-wrap:wrap}.tags span{font-size:8px;padding:3px 6px}.teaching{padding:60px 0}.teaching-grid{grid-template-columns:1fr;gap:35px;margin-top:27px}.course-graphic{height:340px}.course-graphic h3{font-size:50px}.course-info p{font-size:12px}.teaching-list article{padding:22px 0}.about{grid-template-columns:1fr;gap:45px}.about-intro>p{max-width:none}.toolbox{flex-direction:column;gap:15px;padding-bottom:40px}.contact{padding:34px 0 38px}.contact-top>span:last-child{display:none}.contact h2{font-size:39px;max-width:500px;margin:30px 0}.contact h2>span{font-size:45px;top:0}.contact h2 em{display:block;max-width:85%}.contact-bottom{flex-direction:column;align-items:stretch;gap:22px}.email{font-size:15px}.resume-links{max-width:100%;width:100%}footer{gap:20px;flex-wrap:wrap;padding:28px 0}footer>div{width:100%;flex-wrap:wrap;justify-content:space-between;gap:15px}dialog{padding:35px 25px}dialog h2{font-size:30px}}
@media(max-width:480px){.header nav a:first-child{display:none}.header nav{gap:16px}.projects{grid-template-columns:1fr}.project-visual{height:255px}.visual-label{font-size:8px}.visual-footer{font-size:7px}.mini-flow{gap:15px}.mini-flow>span{width:65px;font-size:14px;padding:18px 8px}.mini-flow strong{font-size:23px}.stack-art{width:210px}.stack-art span{font-size:11px}.agent-art{width:200px}.agent-art span{width:150px;font-size:10px}.stream-art{gap:13px}.stream-art>div{gap:9px}.stream-art span,.stream-art strong{font-size:14px;padding:19px 12px}.project-meta h3{font-size:21px}.project-meta p{font-size:11px}.tags span{font-size:9px}.filters{gap:3px}.filters button{font-size:10px;padding:6px 10px}.actions{gap:15px}.actions .button{font-size:11px;padding:13px 15px;gap:18px}.actions .text-link{font-size:10px;gap:8px}.hero-caption{font-size:6px;gap:15px}.node-cloud{left:20px}.node-learn{right:20px}.contact h2{font-size:37px}.contact h2>span{font-size:35px}.companies>div{gap:17px 23px}.companies b{font-size:18px}.impact strong{font-size:29px}.impact strong span{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Restrained text-led navigation and direct contact options. */
.nav-contact{padding:9px 0;border-bottom-color:transparent;font-weight:600}
.nav-contact:hover{border-bottom-color:var(--ink)}
.project-link,.course-link{font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap;border-bottom:1px solid #a7afa0;padding-bottom:3px;margin-left:12px;transition:color .2s,border-color .2s}
.project-meta{align-items:flex-start}
.project-link{margin-top:3px}
.project:hover .project-link,.course-feature:hover .course-link{color:#47704c;border-color:#47704c}
.course-link{align-self:center}
.contact-methods{display:flex;align-items:center;gap:25px;margin-top:25px;flex-wrap:wrap}
.whatsapp-link{display:inline-flex;align-items:center;background:var(--lime);color:var(--green);padding:12px 18px;font-size:12px;font-weight:600;border:1px solid var(--lime)}
.whatsapp-link:hover{background:#edf7d8;border-color:#edf7d8}
.phone-link span,.phone-link strong{display:block}
.phone-link span{font-size:9px;letter-spacing:.08em;color:#bac7b1}
.phone-link strong{font-size:15px;font-weight:500;letter-spacing:.03em;margin-top:1px}
.phone-link:hover strong{color:var(--lime)}
.contact-bottom{align-items:flex-start}
.contact-bottom>div:first-child{min-width:0}
footer>div{gap:18px;flex-wrap:wrap}
@media(max-width:760px){.project-meta{flex-wrap:wrap;gap:10px}.project-link{margin-left:0}.course-info{gap:12px}.course-link{font-size:10px}.contact-methods{gap:20px}.email{font-size:14px;overflow-wrap:anywhere}footer>div{justify-content:flex-start;gap:17px 22px}}
@media(prefers-reduced-motion:reduce){.project-link,.course-link{transition:none}}

/* Portrait integrated into the original engineering composition. */
.portrait-system .portrait-halo{position:absolute;width:255px;height:255px;border-radius:50%;background:#ceddc2;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #e4e9dc80,0 0 0 13px #bccab4}
.system-portrait{position:absolute;inset:auto 0 38px;width:100%;height:330px;object-fit:contain;object-position:center bottom;filter:grayscale(1) sepia(.24) hue-rotate(43deg) saturate(.6) contrast(.94);mix-blend-mode:multiply;opacity:.92;mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);z-index:1}
.portrait-system .orbit{z-index:0}
.portrait-system .node{padding:10px;gap:8px;background:#f4f2ebf2}
.portrait-system .node b{font-size:10px}
.portrait-system .node small{font-size:5px}
.portrait-system .node-symbol{width:26px;height:26px;font-size:20px}
.portrait-system .node-cloud{left:15px;top:74px;transform:rotate(-4deg)}
.portrait-system .node-learn{right:15px;bottom:67px;transform:rotate(4deg)}
.portrait-system .art-bottom{z-index:3;font-size:6px}
.portrait-system .art-top{font-size:6px}
@media(max-width:1100px){.system-portrait{height:290px;bottom:37px}.portrait-system .portrait-halo{width:225px;height:225px}.portrait-system .node-cloud{top:55px;left:10px}.portrait-system .node-learn{right:10px;bottom:58px}.portrait-system .node{padding:8px 7px;gap:6px}.portrait-system .node b{font-size:9px}.portrait-system .node-symbol{width:22px;height:22px}}
@media(max-width:760px){.system-portrait{height:290px;bottom:25px}.portrait-system .portrait-halo{width:225px;height:225px}.portrait-system .node-cloud{top:55px;left:20px}.portrait-system .node-learn{bottom:55px;right:20px}.portrait-system .node b{font-size:10px}.portrait-system .art-bottom{font-size:6px}.portrait-system .art-top{font-size:7px}}
@media(max-width:380px){.portrait-system .node-cloud{left:12px}.portrait-system .node-learn{right:12px}.portrait-system .node b{font-size:9px}.system-portrait{height:275px}}

/* Company identities link directly to their official websites. */
.company-wordmark{display:inline-flex;align-items:center;min-height:38px;border-bottom:1px solid transparent;padding:4px 0}
.company-wordmark:hover{border-bottom-color:#9ba78f}
.company-wordmark:hover b{color:var(--green)}
.company-dell img{display:block;width:168px;height:auto;max-width:100%}
.company-heading{text-decoration:none}
.company-heading:hover{color:#426b43}
.portrait-system a.node:hover{background:#eaf2df;border-color:#94a886;box-shadow:0 7px 18px #183b3215}
@media(max-width:1100px){.company-dell img{width:140px}}
@media(max-width:760px){.company-dell img{width:145px}.company-wordmark{min-height:32px}}

/* Additional engineering projects use the established editorial card system. */
.visual-iac{background:#e2dfef}.visual-delivery{background:#dfe8df}.visual-vodafone{background:#eadbd5}.visual-kubernetes{background:#dae5e8}
.iac-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:290px;display:flex;align-items:center;gap:27px}
.iac-source{padding:16px 20px;background:#f2eff8;border:1px solid #b6a9cf;position:relative}
.iac-source::after{content:'';width:27px;height:1px;background:#a499b6;position:absolute;top:50%;right:-28px}
.iac-source>span:first-child{display:block;font-size:8px;color:#6f6281;margin-bottom:5px}.iac-source strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.04em}.iac-config{display:block;font-size:10px;border-top:1px solid #cfc6de;margin-top:8px;padding-top:7px}
.iac-resources{display:grid;gap:7px;flex:1}.iac-resources>span{font-size:10px;padding:6px 16px;background:#d3cae4;border:1px solid #b6a9cf}
.delivery-art{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(4,1fr);width:330px;gap:9px}
.delivery-art>div{background:#eef3e8;border:1px solid #b6c5ac;padding:13px 10px;position:relative}.delivery-art>div+div::before{content:'';height:1px;width:9px;position:absolute;top:50%;left:-10px;background:#92a484}.delivery-art>div:nth-child(3){background:var(--green);color:var(--lime)}.delivery-art span{display:block;font-size:8px;opacity:.7;margin-bottom:21px}.delivery-art strong{font-size:11px;font-weight:500}
.expense-art{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:330px;text-align:center}.market-label{font-size:8px;letter-spacing:.13em;color:#806b61}.expense-process{display:flex;align-items:center;justify-content:center;gap:13px;margin:20px 0}.expense-process>span{font-size:10px;line-height:1.5;width:85px;padding:10px 7px;border-block:1px solid #bfaaa0}.expense-process b{font-size:12px;font-weight:500;background:#664d43;color:#f6e8df;border:1px solid #664d43;padding:15px 13px;line-height:1.5}.market-caption{font-size:7px;letter-spacing:.16em;color:#806b61}
.kubernetes-art{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:300px}.kube-workloads,.kube-addons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kube-workloads span,.kube-addons span{font-size:9px;padding:8px 6px;text-align:center;border:1px solid #9fb5bc;background:#e9f0f1}.kube-cluster{margin:9px 0;background:#345965;color:#e9f3ed;font-size:18px;font-weight:500;letter-spacing:-.03em;text-align:center;padding:13px}.kube-addons span{font-size:8px;background:#c3d4d8}
@media(min-width:761px) and (max-width:950px){.iac-art{width:245px;gap:20px}.iac-source{padding:13px}.iac-source::after{width:20px;right:-21px}.delivery-art{width:260px;gap:7px}.delivery-art>div{padding:12px 7px}.delivery-art>div+div::before{width:7px;left:-8px}.expense-art{width:260px}.expense-process{gap:8px}.expense-process b{font-size:10px;padding:13px 8px}.expense-process>span{font-size:9px;width:75px}.kubernetes-art{width:245px}}
@media(min-width:481px) and (max-width:760px){.iac-art{width:205px;gap:15px}.iac-source{padding:10px}.iac-source::after{width:15px;right:-16px}.iac-source>span:first-child{font-size:6px}.iac-source strong{font-size:17px}.iac-resources>span{font-size:8px;padding:6px 8px}.iac-config{font-size:8px}.delivery-art{width:210px;gap:6px}.delivery-art>div{padding:10px 6px}.delivery-art strong{font-size:9px}.delivery-art>div+div::before{width:6px;left:-7px}.expense-art{width:205px}.expense-process{gap:7px;margin:15px 0}.expense-process b{font-size:9px;padding:12px 6px}.expense-process>span{font-size:8px;padding:8px 3px;width:60px}.market-caption{font-size:6px}.kubernetes-art{width:210px}.kube-workloads span{font-size:7px}.kube-addons span{font-size:6px}.kube-cluster{font-size:16px}}
@media(max-width:380px){.delivery-art{width:275px}.expense-art{width:275px}.kubernetes-art{width:265px}.iac-art{width:260px;gap:20px}.iac-source{padding:13px}.iac-source::after{width:20px;right:-21px}}
/* Footer captions remain small after removal of decorative arrow glyphs. */
.visual-footer>span:last-child{font-size:inherit}

/* Observability and remediation extend the existing project visual system. */
.visual-observability{background:#dde6e2}.visual-remediation{background:#e4deee}
.observability-art{position:absolute;width:310px;left:50%;top:50%;transform:translate(-50%,-50%)}
.signal-tools{display:flex;gap:7px;justify-content:space-between;margin-bottom:10px}.signal-tools span{flex:1;text-align:center;font-size:9px;border:1px solid #a7bcb0;padding:7px 8px;background:#eef2e9}
.signal-chart{padding:10px 13px 5px;background:#f3f5ec;border:1px solid #a7bcb0}.signal-chart>span{font-size:8px;color:#5b7264}.signal-chart svg{display:block;width:100%;height:72px;margin-top:5px}.chart-grid{stroke:#dce3d6;stroke-width:1}.signal-primary{stroke:#36634d;stroke-width:2}.signal-secondary{stroke:#99ab74;stroke-width:1.5}
.remediation-art{position:absolute;width:310px;top:49%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;gap:9px}.remediation-art>div{padding:12px 14px;border:1px solid #b9afca;background:#f2edf7}.remediation-art small{font-size:6px;letter-spacing:.1em;color:#82738f;display:block;margin-bottom:7px}.remediation-art span{font-size:11px}.remediation-art>div:last-child{background:#52445e;color:#f3edf6;border-color:#52445e}.remediation-art>div:last-child small{color:#c8bcd5}
@media(min-width:761px) and (max-width:950px){.observability-art,.remediation-art{width:260px}.remediation-art>div{padding:11px}.remediation-art span{font-size:10px}}
@media(min-width:481px) and (max-width:760px){.observability-art,.remediation-art{width:210px}.signal-tools{gap:4px}.signal-tools span{font-size:7px;padding:6px 4px}.signal-chart svg{height:58px}.remediation-art{gap:6px}.remediation-art>div{padding:10px 8px}.remediation-art small{font-size:5px}.remediation-art span{font-size:9px}}
@media(max-width:380px){.observability-art,.remediation-art{width:270px}.remediation-art span{font-size:10px}}

/* Company names use a consistent palette and restrained, text-only badges. */
.company-wordmark b{font-size:21px}
.company-wordmark{white-space:nowrap}
.company-dell img{width:160px}
.portrait-system .node{padding:12px 15px}
@media(max-width:1100px){.company-wordmark b{font-size:17px}.company-dell img{width:135px}}
@media(max-width:760px){.company-wordmark b{font-size:18px}.company-dell img{width:145px}.portrait-system .node{padding:10px 12px}}

/* Official Careem vector geometry, recolored to the portfolio's muted green. */
.company-careem img{display:block;width:103px;height:auto}
.careem-badge-wordmark{display:block;width:62px;height:auto;margin-bottom:5px}
@media(max-width:1100px){.company-careem img{width:88px}.careem-badge-wordmark{width:54px}}
@media(max-width:760px){.company-careem img{width:92px}.careem-badge-wordmark{width:58px}}

/* International collaboration, arranged as evenly spaced country flags. */
.global-collaboration{padding:23px 0 28px;border-top:1px solid var(--line)}
.collaboration-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.collaboration-heading .eyebrow{font-size:8px;line-height:1.8;color:var(--muted);letter-spacing:.1em}
.collaboration-heading p{font-size:11px;color:var(--muted)}
.country-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.country-grid li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-width:0}
.country-grid img{display:block;width:44px;height:33px;object-fit:cover;border:1px solid #25342716;border-radius:2px;box-shadow:0 2px 5px #202b2508}
.country-grid span{font-size:10px;line-height:1.5;font-weight:500;color:var(--ink)}
@media(max-width:760px){.global-collaboration{padding:21px 0 25px}.collaboration-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:24px}.collaboration-heading p{font-size:11px}.country-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 12px}.country-grid span{font-size:10px}.country-grid li{gap:9px}}
@media(max-width:480px){.country-grid img{width:40px;height:30px}.country-grid span{font-size:9px}.country-grid{gap:23px 10px}}

/* Readable supporting copy and stronger contrast throughout the portfolio. */
body{font-weight:400}
.header nav,.nav-contact{font-size:14px;font-weight:500}
.hero-copy>p{font-size:16px;line-height:1.85}
.section-heading>p,.about-intro>p{font-size:15px;line-height:1.85}
.button{font-size:14px}.text-link{font-size:13px}
.eyebrow{font-size:11px;letter-spacing:.12em}
.location{font-size:10px}.hero-caption{font-size:9px}
.impact p{font-size:12px}.impact-note p{font-size:13px}.impact-note .eyebrow{font-size:10px}.impact-note small{font-size:10px}
.filters button{font-size:13px;padding:8px 15px}
.project-meta h3{font-size:22px;font-weight:600}.project-meta p{font-size:13px;line-height:1.65;margin-top:7px}
.project-link,.course-link{font-size:12px;font-weight:600}
.tags span{font-size:11px;padding:4px 9px}
.visual-label{font-size:9px;letter-spacing:.09em}.visual-footer{font-size:9px;letter-spacing:.07em}
.teaching-list h4{font-size:14px;font-weight:500}.teaching-list p{font-size:14px;line-height:1.8;color:var(--muted)}
.teaching-row>span{font-size:11px;color:var(--muted)}
.course-info p{font-size:14px}.course-info .eyebrow{font-size:10px}
.credentials b{font-size:14px}.credentials small{font-size:12px;line-height:1.6}
.timeline-date{font-size:10px;font-weight:500}.journey p{font-size:14px}.journey small{font-size:13px;line-height:1.8;max-width:none}
.toolbox>.eyebrow{font-size:10px}.toolbox>div span{font-size:13px;font-weight:500;padding:8px 13px;background:#e3e7dc}
.collaboration-heading .eyebrow{font-size:10px}.collaboration-heading p{font-size:13px}.country-grid span{font-size:12px;font-weight:500}
.contact-bottom p{font-size:14px;color:#d3dfc7}.contact-top{color:#d0ddc4}.contact-top>.eyebrow{font-size:10px}
.resume-links a{font-size:13px}.whatsapp-link{font-size:14px}.phone-link span{font-size:11px;color:#d3dfc7}.phone-link strong{font-size:16px}
footer p,footer>div,footer button{font-size:12px}
dialog>p{font-size:15px}dialog ul{font-size:14px;line-height:1.8}dialog .dialog-stack{font-size:12px}
@media(max-width:1100px){.hero-caption{font-size:8px}}
@media(max-width:760px){.header nav{font-size:12px}.nav-contact{font-size:12px}.hero-copy>p{font-size:15px}.hero-caption{font-size:8px;flex-wrap:wrap;gap:8px 18px}.section-heading>p,.about-intro>p{font-size:15px}.impact p{font-size:11px}.impact-note p{font-size:12px}.impact-note .eyebrow{font-size:9px}.impact-note small{font-size:9px}.project-meta h3{font-size:21px}.project-meta p{font-size:13px}.project-meta{gap:10px}.filters button{font-size:12px;padding:8px 12px}.tags span{font-size:10px}.course-info p{font-size:14px}.course-link{font-size:12px}.country-grid span{font-size:11px}.collaboration-heading p{font-size:13px}.email{font-size:15px}.contact-bottom p{font-size:14px}}
@media(max-width:480px){.header nav{font-size:12px}.actions{flex-wrap:wrap;gap:15px 20px}.actions .button{font-size:13px;padding:14px 18px}.actions .text-link{font-size:12px}.hero-caption{font-size:8px}.project-meta h3{font-size:22px}.project-meta p{font-size:13px}.tags span{font-size:11px}.country-grid span{font-size:11px}.impact strong{font-size:29px}.impact strong span{font-size:16px}.visual-label,.visual-footer{font-size:9px}}

/* Teaching uses the same clear text hierarchy as the engineering journey. */
.teaching-list article{padding:23px 0;border:0}
.teaching-list article:first-child{padding-top:0}
.teaching-list article+article{border-top:1px solid #c9d0bf}
.teaching-row h3{font-size:25px;font-weight:600;color:#16251e}
.teaching-list h4{color:#2e4336;font-size:14px;font-weight:500;margin-top:10px}
.teaching-list p{color:#4b5b4d;font-size:14px;font-weight:400;line-height:1.85;margin-top:12px}
.teaching-row>span,.timeline-date{color:#596957;font-size:11px;font-weight:400}
.journey h3{color:#16251e}.journey p{color:#2e4336;font-weight:500}.journey small{color:#4b5b4d}
.teaching-list .text-link{margin-top:12px}
.edurima-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;margin-top:55px;padding:35px 38px;background:var(--paper);border:1px solid #c8cebd}
.edurima-copy>.eyebrow{color:#4b5b4d;font-size:10px;letter-spacing:.13em}
.edurima-copy h3{font-size:42px;letter-spacing:-.05em;font-weight:600;margin-top:12px}
.edurima-copy p{font-size:15px;line-height:1.85;color:#465146;max-width:480px;margin-top:16px}
.edurima-focus{display:block;font-size:11px;letter-spacing:.02em;color:#4b5b4d;margin-top:20px}
.edurima-links{display:grid;gap:0}
.edurima-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #cbd0c1;padding:15px 0}
.edurima-links a:first-child{padding-top:0}
.edurima-links a>span{font-size:12px;color:#4b5b4d}
.edurima-links strong{font-size:13px;font-weight:500;color:#20392b}
.edurima-links a:hover strong{color:#4e733f}
@media(max-width:760px){.teaching-list article{padding:23px 0}.teaching-list article:first-child{padding-top:0}.edurima-feature{grid-template-columns:1fr;gap:26px;padding:27px 24px;margin-top:38px}.edurima-copy h3{font-size:36px}.edurima-copy p{font-size:15px}.edurima-links a{padding:14px 0}.edurima-links a:first-child{padding-top:0}.edurima-links a>span{font-size:12px}.edurima-links strong{font-size:13px}}