.tech-portfolio-page{--tech-orange:#ff8a48;--tech-cream:#f5f0e8;--tech-line:#393631;--tech-muted:#8e8880;background:#11100f;color:var(--light-gray);min-width:320px}.tech-shell{max-width:1280px;margin:0 auto;padding:28px 22px 60px}.tech-navbar{position:relative!important;top:auto!important;right:auto!important;width:100%!important;margin-bottom:16px;border-radius:16px!important;background:rgba(31,30,29,.82);border:1px solid var(--jet);box-shadow:none!important}.tech-navbar .navbar-list{justify-content:flex-end}.tech-page-card{display:block!important;width:100%!important;padding:0!important;overflow:hidden;background:#191817;border:1px solid var(--jet);border-radius:24px}.tech-page-card section,.tech-page-card article{display:block}.tech-hero{min-height:490px;padding:72px clamp(28px,7vw,96px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 88% 30%,rgba(255,113,55,.15),transparent 35%),linear-gradient(130deg,#1b1a18,#141311)}.tech-eyebrow{color:var(--tech-orange);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:18px}.tech-hero h1{color:var(--tech-cream);font-size:clamp(50px,6.8vw,90px);line-height:1.02;letter-spacing:-.065em;font-weight:600}.tech-hero h1 span,.tech-cta h2 span{color:var(--tech-orange)}.tech-lede{max-width:520px;margin:25px 0;color:#beb8b0;font-size:17px;line-height:1.7}.tech-actions{display:flex;flex-wrap:wrap;gap:12px}.tech-button{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:600;transition:.25s ease}.tech-button-primary{background:var(--tech-orange);color:#1b120d}.tech-button-primary:hover{background:#ffb078;transform:translateY(-2px)}.tech-button-quiet,.tech-button-outline{color:var(--tech-cream);border:1px solid #4b4742}.tech-button-outline{color:var(--tech-orange);border-color:var(--tech-orange)}.tech-button-quiet:hover,.tech-button-outline:hover{background:rgba(255,138,72,.1)}.topology{height:330px;position:relative}.topology svg{position:absolute;inset:0;width:100%;height:100%}.topology path{fill:none;stroke:rgba(255,138,72,.4);stroke-width:1}.node{position:absolute;width:12px;height:12px;border:2px solid var(--tech-orange);border-radius:50%;background:#171513;box-shadow:0 0 0 6px rgba(255,138,72,.08),0 0 20px rgba(255,138,72,.25);z-index:1}.node-a{left:16%;top:24%}.node-b{left:47%;top:14%}.node-c{right:15%;top:35%}.node-d{left:63%;bottom:12%}.node-e{left:28%;bottom:22%}.topology-label{position:absolute;color:#837a72;font:10px 'IBM Plex Mono',monospace;letter-spacing:.12em;z-index:1}.label-a{left:36%;top:3%}.label-b{right:7%;top:62%}.label-c{left:7%;bottom:9%}.tech-section{padding:80px clamp(28px,7vw,96px);border-top:1px solid #302e2b!important}.tech-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.tech-section h2{color:var(--tech-cream);font-size:clamp(31px,4vw,50px);line-height:1.05;letter-spacing:-.045em}.tech-section h2 em{color:#928b83;font-style:normal}.tech-index{color:#716a63;font:11px 'IBM Plex Mono',monospace;letter-spacing:.14em}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area-card{display:flex;flex-direction:column;min-height:235px;padding:20px;border:1px solid var(--tech-line);border-radius:12px;background:#23211e;color:inherit;transition:.25s ease}.area-card:hover{border-color:var(--tech-orange);background:#292521;transform:translateY(-3px)}.area-card-priority{background:#28221e;border-color:#5a4031}.area-number{color:var(--tech-orange);font:11px 'IBM Plex Mono',monospace}.area-card h3{margin-top:33px;color:var(--tech-cream);font-size:17px;line-height:1.2}.area-card p{margin-top:13px;color:#aaa39c;font-size:12px;line-height:1.65}.area-tools{margin-top:auto;padding-top:18px;color:#948c84;font:10px 'IBM Plex Mono',monospace;line-height:1.5}.systems-section{background:#1b1a18}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tech-project{overflow:hidden;border:1px solid #3a3632;border-radius:13px;background:#25231f;transition:.25s ease}.tech-project:hover{border-color:#6e503c;transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,.18)}.project-visual{height:190px;position:relative;overflow:hidden;background:#141311}.project-visual img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:.45s ease}.tech-project:hover .project-visual img{transform:scale(1.04);opacity:1}.visual-status{position:absolute;left:14px;bottom:13px;padding:5px 8px;background:rgba(17,16,15,.84);color:#d7c7bb;font:9px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.tech-project-body{padding:22px}.tech-kicker{color:var(--tech-orange);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.tech-project h3{color:var(--tech-cream);font-size:22px;letter-spacing:-.02em;margin-bottom:9px}.tech-project-body>p:not(.tech-kicker){max-width:600px;color:#b5aea6;font-size:14px;line-height:1.7}.tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.tech-tags span{padding:5px 8px;border:1px solid #4a4540;border-radius:99px;color:#a9a099;font:10px 'IBM Plex Mono',monospace}.tech-link{display:inline-flex;gap:8px;align-items:center;margin-top:19px;color:var(--tech-orange);font-size:12px;transition:transform .25s ease}.tech-link:hover{transform:translateX(4px);color:#ffb078}.flight-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#191d1d,#101414)}.flight-grid-lines{position:absolute;inset:20px;background:linear-gradient(rgba(77,151,145,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(77,151,145,.15) 1px,transparent 1px);background-size:28px 28px;transform:perspective(240px) rotateX(52deg);transform-origin:bottom;opacity:.75}.flight-readout{position:relative;display:flex;flex-direction:column;gap:7px;padding:21px 25px;border:1px solid #4d8d86;background:rgba(13,25,25,.84);box-shadow:0 0 30px rgba(77,151,145,.13);font-family:'IBM Plex Mono',monospace}.flight-readout span{color:#88d3c6;font-size:16px;letter-spacing:.16em}.flight-readout strong{color:#ffad72;font-size:10px;letter-spacing:.12em}.flight-readout small{color:#75938f;font-size:9px}.method-section{background:#201e1b}.method-pipeline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0;border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line)}.method-pipeline>div{display:flex;flex-direction:column;gap:7px}.method-pipeline span{color:var(--tech-orange);font:10px 'IBM Plex Mono',monospace}.method-pipeline strong{color:var(--tech-cream);font-size:15px}.method-pipeline small{color:#878078;font-size:10px}.method-pipeline>b{color:#6d665f;font-size:18px;font-weight:400}.tools-section{background:#191817}.tool-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px}.tool-groups>div{padding:17px 0;border-top:1px solid var(--tech-line)}.tool-groups p{margin-bottom:8px;color:var(--tech-orange);font:10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.tool-groups strong{color:#b6afa7;font-size:13px;line-height:1.7;font-weight:400}.tech-cta{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:66px clamp(28px,7vw,96px);background:linear-gradient(120deg,#2b211b,#1b1917)}.tech-cta h2{color:var(--tech-cream);font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.05em}.tech-footer{display:flex;justify-content:space-between;padding:21px clamp(28px,7vw,96px);color:#756f68;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.tech-footer a{color:var(--tech-orange)}
@media(max-width:900px){.tech-shell{padding:12px 10px 35px}.tech-navbar .navbar-list{justify-content:center;gap:13px;padding:0 9px}.tech-navbar .navbar-link{font-size:10px}.tech-hero{grid-template-columns:1fr;padding:60px 26px 20px}.topology{height:250px}.area-grid{grid-template-columns:1fr 1fr}.system-grid{grid-template-columns:1fr}.tech-section{padding:60px 26px}.method-pipeline{flex-wrap:wrap;justify-content:flex-start;gap:18px}.method-pipeline>b{display:none}.tech-cta{padding:55px 26px;align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.tech-navbar .navbar-list{gap:8px}.tech-navbar .navbar-link{font-size:9px}.tech-hero h1{font-size:52px}.tech-lede{font-size:15px}.tech-actions{flex-direction:column;align-items:stretch}.tech-button{justify-content:center}.area-grid,.tool-groups{grid-template-columns:1fr}.area-card{min-height:190px}.area-card h3{margin-top:22px}.project-visual{height:170px}.tech-project-body>p:not(.tech-kicker){font-size:15px}.tech-section-heading{align-items:start;flex-direction:column}.tech-footer{font-size:9px}}

/* The shared desktop layout reserves flex columns for the site's sidebar. */
.tech-portfolio-page main.tech-shell{display:block;width:min(1280px,calc(100% - 32px));max-width:1280px;margin:0 auto}

/* Keep the closing CTA's actions aligned to the right until the narrow mobile layout. */
@media(min-width:481px){.tech-cta{flex-direction:row!important;align-items:flex-end!important}.tech-cta .tech-actions{margin-left:auto;justify-content:flex-end}}