/* Original aerospace-inspired visual language. No extra fonts, animation loops or network assets. */
.skill-atlas,.editorial-project{--ink:#f4f7f9;--muted:#b8c5cf;--signal:#8cd9f0;--line:#c4d7e439;--surface:#07121c}.skill-atlas{margin-top:22px}.atlas-instruction{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important}.atlas-filters{display:flex;flex-wrap:wrap;gap:0;margin:14px 0 20px;border-bottom:1px solid var(--line)}.atlas-filters button{position:relative;min-height:44px;padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b8c5cf;border-radius:0;font-family:inherit;font-size:10px;font-weight:650;letter-spacing:.09em;line-height:1.3;text-transform:uppercase;cursor:pointer;transition:color .16s,border-color .16s}.atlas-filters button:hover{color:#fff}.atlas-filters button[aria-pressed=true]{color:#f4f7f9;border-bottom-color:var(--signal);background:#ffffff08}.atlas-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:1px;background:var(--line);border:1px solid var(--line)}.skill-element{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:126px;padding:13px;background:#08141ff2;text-align:left;transition:background .18s}.skill-element[hidden]{display:none}.skill-element:hover{background:#132b3b}.skill-element:after{content:'';position:absolute;width:9px;height:9px;right:7px;top:7px;border-top:1px solid #8cd9f05c;border-right:1px solid #8cd9f05c}.skill-element small{font:9px/1.2 monospace;color:#99adbc;letter-spacing:.08em}.skill-element strong{display:flex;align-items:center;height:34px;font-size:28px;font-weight:650;letter-spacing:-.04em;color:#ecf5fa}.skill-element .technology-logo img{display:block;width:32px;height:32px;object-fit:contain}.skill-element span{font-size:10px;font-weight:500;color:#dde5eb;line-height:1.35;overflow-wrap:anywhere}.atlas-more,.editorial-evidence{border-top:1px solid #c4d7e439;margin-top:24px}.atlas-more>summary,.editorial-evidence>summary{padding:18px 0;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#c8d7e3;line-height:1.6}.atlas-more[open]>summary,.editorial-evidence[open]>summary{color:#8cd9f0}.editorial-project .project-meta{display:block;letter-spacing:.14em;font-size:9px!important;font-weight:600;line-height:1.8!important;color:#8cd9f0!important;margin:14px 0 22px!important}.editorial-project h2{font-size:clamp(34px,4vw,58px)!important;font-weight:650!important;letter-spacing:-.035em!important;line-height:1.06!important;text-transform:uppercase;color:#f4f7f9!important}.editorial-project .project-lede{font-size:16px!important;line-height:1.7!important;max-width:700px;color:#e0e7ed!important}.project-highlights{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;padding:20px 0;list-style:none;margin:22px 0;border-block:1px solid #c4d7e439;counter-reset:contribution}.project-highlights li{position:relative;padding:20px 0 0;font-size:12px;line-height:1.65;color:#c8d3dc;counter-increment:contribution}.project-highlights li:before{content:'0' counter(contribution);position:absolute;left:0;top:0;font:9px monospace;letter-spacing:.12em;color:#8cd9f0}.editorial-stack{display:flex;flex-wrap:wrap;gap:8px 15px;list-style:none;padding:0;margin:22px 0}.editorial-stack li{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;line-height:1.5;color:#dbe5ed;background:transparent;border:0;padding:6px 0}.editorial-stack li:before{content:'';width:3px;height:3px;background:#8cd9f0;flex:none}.editorial-stack li:has(img):before{display:none}.editorial-stack img{width:18px;height:18px;object-fit:contain;flex:none}.editorial-stack span{overflow-wrap:anywhere}.editorial-actions{gap:10px!important;display:flex;flex-wrap:wrap}.editorial-actions .project-action{display:inline-flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:46px;border-radius:0!important;padding:13px 18px!important;border:1px solid #c9d9e47a!important;background:transparent!important;color:#f4f7f9!important;font-size:10px!important;font-weight:650!important;letter-spacing:.08em;text-transform:uppercase;transition:color .18s,background .18s,border-color .18s;box-shadow:none!important}.editorial-actions .primary{color:#0b141c!important;background:#edf3f7!important;border-color:#edf3f7!important}.editorial-actions .project-action:hover{color:#07121c!important;background:#8cd9f0!important;border-color:#8cd9f0!important}.action-arrow{display:inline-block;font-size:17px;transition:transform .18s}.project-action:hover .action-arrow{transform:translate(2px,-2px)}.atlas-filters button:focus-visible,.atlas-more>summary:focus-visible,.editorial-evidence>summary:focus-visible,.editorial-actions a:focus-visible{outline:2px solid #8cd9f0;outline-offset:4px}.city-stop .atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.city-stop .skill-element{min-height:118px;padding:12px}.city-stop .project-highlights{margin:18px 0}.city-stop .editorial-evidence{margin-top:18px}@media(max-width:700px){.atlas-grid,.city-stop .atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-highlights{grid-template-columns:1fr;gap:16px}.editorial-project .project-lede{font-size:15px!important}.skill-element,.city-stop .skill-element{min-height:112px;padding:10px}.editorial-project h2{font-size:34px!important}.editorial-actions .project-action{flex:1 1 135px}.atlas-filters button{font-size:9px;padding-inline:10px}}@media(max-width:370px){.atlas-grid,.city-stop .atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.skill-element,.atlas-filters button,.editorial-actions .project-action,.action-arrow{transition:none}.project-action:hover .action-arrow{transform:none}}
/* Override legacy transparent action treatment, retaining accessible contrast. */
.editorial-project .editorial-actions .project-action.primary{background:#edf3f7!important;color:#0b141c!important;border-color:#edf3f7!important}.editorial-project .editorial-actions .project-action:hover{background:#8cd9f0!important;color:#07121c!important;border-color:#8cd9f0!important}.editorial-project .editorial-actions .project-action::after{content:none!important}

/* Reference-led toolkit: open editorial layout, native logos and translucent glass. */
.engineering-toolkit{--toolkit-accent:#f3d38c;--toolkit-glass:rgba(232,239,243,.13);--toolkit-edge:rgba(245,249,251,.32)}
/* Keep the category menu below its heading, independent of card-grid height. */
.engineering-toolkit .skill-atlas{display:grid;grid-template-columns:minmax(245px,.92fr) minmax(0,1.35fr);grid-template-rows:max-content 1fr;grid-template-areas:"heading board" "filters board";column-gap:clamp(28px,5vw,80px);row-gap:25px;align-items:start;margin-top:0}
.engineering-toolkit .toolkit-heading{grid-area:heading;min-width:0}
.engineering-toolkit .toolkit-heading h2{font-size:clamp(32px,3.1vw,48px);font-weight:600;line-height:1.09;letter-spacing:-.045em;margin:12px 0 14px;color:#fff}
.engineering-toolkit .toolkit-heading p{font-size:clamp(13px,1.1vw,16px);line-height:1.65;color:#eef2f6;margin:0;max-width:36ch}
.engineering-toolkit .toolkit-heading .city-kicker{font-size:10px;letter-spacing:.18em;color:var(--toolkit-accent)}
.engineering-toolkit .atlas-filters{grid-area:filters;display:flex;flex-direction:column;align-items:stretch;gap:1px;margin:0;border:0;max-width:235px}
.engineering-toolkit .atlas-filters button{position:relative;min-height:37px;width:100%;padding:8px 12px 8px 15px;border:0;background:transparent;border-radius:0;text-align:left;color:#e9edf0;font-size:13px;line-height:1.4;font-weight:500;letter-spacing:0;text-transform:none;text-shadow:0 1px 3px #0006;transition:color .16s,background .16s}
.engineering-toolkit .atlas-filters button::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;background:transparent;border-radius:2px}
.engineering-toolkit .atlas-filters button[aria-pressed=true]{color:var(--toolkit-accent);background:transparent}
.engineering-toolkit .atlas-filters button[aria-pressed=true]::before{background:currentColor}
.engineering-toolkit .atlas-filters button:hover{color:#fff;background:#ffffff0a}
.engineering-toolkit .atlas-filters button:focus-visible{outline:2px solid var(--toolkit-accent);outline-offset:2px;border-radius:3px}
.engineering-toolkit .atlas-board{grid-area:board;min-width:0;padding-top:10px}
.engineering-toolkit .atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,27px);list-style:none;padding:0;margin:0;background:transparent;border:0;align-items:stretch}
.engineering-toolkit .atlas-grid-overview .skill-element:nth-child(1){grid-column:3}
.engineering-toolkit .atlas-grid-overview .skill-element:nth-child(2){grid-column:4}
.engineering-toolkit .atlas-grid-overview .skill-element:nth-child(3){grid-column:1}
.engineering-toolkit .skill-element{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0;min-width:0;min-height:128px;padding:15px 12px 12px;background:linear-gradient(135deg,rgba(245,249,251,.08),rgba(245,249,251,.02)),var(--toolkit-glass);border:1px solid var(--toolkit-edge);border-radius:13px;box-shadow:inset 0 1px 0 #ffffff1a,0 6px 20px #0000000d;-webkit-backdrop-filter:blur(13px) saturate(115%);backdrop-filter:blur(13px) saturate(115%);text-align:left;text-shadow:0 1px 3px #0006;transition:background .18s,border-color .18s}
.engineering-toolkit .skill-element::after{content:none}
.engineering-toolkit .skill-element:hover{background:linear-gradient(135deg,rgba(245,249,251,.11),rgba(245,249,251,.04)),rgba(232,239,243,.19);border-color:#ffffff70}
.engineering-toolkit .skill-element .toolkit-icon{display:flex;align-items:center;justify-content:flex-start;flex:none;width:38px;height:38px;margin-bottom:auto;padding-bottom:0;filter:drop-shadow(0 1px 2px #0002)}
.engineering-toolkit .toolkit-icon img,.engineering-toolkit .toolkit-icon svg{display:block;width:38px;height:38px;object-fit:contain;background:transparent;border:0;border-radius:0}
.engineering-toolkit .toolkit-icon.toolkit-pictogram{color:#c3eaf2}
.engineering-toolkit .skill-element .toolkit-name{display:block;margin-top:12px;font-size:12px;font-weight:550;line-height:1.25;color:#fff;overflow-wrap:anywhere}
.engineering-toolkit .skill-element .toolkit-context{display:block;margin-top:4px;font-family:inherit;font-size:9px;line-height:1.35;letter-spacing:0;color:#f1f3f4;overflow-wrap:anywhere}
.engineering-toolkit .atlas-status{font-size:10px!important;line-height:1.5!important;margin:14px 0 0!important;letter-spacing:.015em;color:#cdd9df!important;text-align:right}
.engineering-toolkit .atlas-more{margin-top:25px;border-top:1px solid #d6e3ec29}
.engineering-toolkit .atlas-more>summary{font-size:11px;padding:16px 0;color:#e1e8ed;letter-spacing:.035em;text-transform:none}
.engineering-toolkit .atlas-more>summary:focus-visible{outline:2px solid var(--toolkit-accent);outline-offset:-2px}
.city-portal .city-stop.engineering-toolkit{left:7%;right:7%;top:18%;bottom:76px;width:auto;max-height:calc(100svh - 180px);padding:6px 2px;transform:none!important;overflow:auto}
#skills.engineering-toolkit{padding-block:90px}
@media(min-width:1100px) and (min-height:800px){.city-portal .city-stop.engineering-toolkit{top:22%}.engineering-toolkit .skill-element{min-height:145px;padding:16px}.engineering-toolkit .atlas-filters button{min-height:40px}}
@media(max-width:1000px){.engineering-toolkit .skill-atlas{grid-template-columns:minmax(210px,.86fr) minmax(0,1.4fr);column-gap:28px}.engineering-toolkit .skill-element{min-height:114px;padding:12px 9px}.engineering-toolkit .toolkit-icon img,.engineering-toolkit .toolkit-icon svg,.engineering-toolkit .skill-element .toolkit-icon{width:32px;height:32px}.engineering-toolkit .skill-element .toolkit-name{font-size:11px}.engineering-toolkit .toolkit-heading h2{font-size:33px}.engineering-toolkit .atlas-grid{gap:15px}}
@media(max-width:700px){.city-portal .city-stop.engineering-toolkit{left:7%;right:7%;top:105px;bottom:110px;max-height:none}.engineering-toolkit .skill-atlas{display:flex;flex-direction:column;gap:18px}.engineering-toolkit .toolkit-heading,.engineering-toolkit .atlas-board{width:100%}.engineering-toolkit .toolkit-heading h2{font-size:32px;margin:8px 0 12px}.engineering-toolkit .toolkit-heading p{font-size:13px;max-width:42ch}.engineering-toolkit .atlas-filters{flex-direction:row;flex-wrap:wrap;gap:4px 5px;max-width:none;width:100%}.engineering-toolkit .atlas-filters button{min-height:44px;width:auto;flex:none;padding:8px 10px;font-size:11px;border-bottom:1px solid transparent}.engineering-toolkit .atlas-filters button::before{display:none}.engineering-toolkit .atlas-filters button[aria-pressed=true]{border-bottom-color:currentColor}.engineering-toolkit .atlas-board{padding-top:0}.engineering-toolkit .atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.engineering-toolkit .atlas-grid-overview .skill-element:nth-child(-n+3){grid-column:auto}.engineering-toolkit .skill-element{min-height:116px;padding:13px 10px}.engineering-toolkit .atlas-status{text-align:left}.engineering-toolkit .atlas-more{margin-top:20px}#skills.engineering-toolkit{padding-block:60px}}
@media(max-width:440px){.engineering-toolkit .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-toolkit .skill-element{min-height:120px;padding:14px}.engineering-toolkit .skill-element .toolkit-name{font-size:13px}.engineering-toolkit .skill-element .toolkit-context{font-size:10px}}
@media(max-height:560px) and (min-width:701px){.city-portal .city-stop.engineering-toolkit{top:82px;bottom:64px;max-height:none}.engineering-toolkit .skill-atlas{row-gap:16px}.engineering-toolkit .toolkit-heading h2{font-size:28px}.engineering-toolkit .toolkit-heading p{font-size:12px}.engineering-toolkit .atlas-filters button{min-height:34px;font-size:12px}.engineering-toolkit .skill-element{min-height:102px}.engineering-toolkit .atlas-grid{gap:12px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.engineering-toolkit .skill-element{background:rgba(34,49,61,.72)}}
@media(prefers-reduced-transparency:reduce){.engineering-toolkit .skill-element{background:#24313e;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.engineering-toolkit .skill-element,.engineering-toolkit .atlas-filters button{transition:none}}
.city-stop.engineering-toolkit .atlas-more{margin-top:16px}.city-stop.engineering-toolkit .atlas-more>summary{padding-block:13px}
@media(max-width:700px){.engineering-toolkit .atlas-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:3px 2px 6px;scrollbar-width:thin;overscroll-behavior-x:contain}.engineering-toolkit .atlas-filters button{white-space:nowrap}.engineering-toolkit .toolkit-heading p{line-height:1.6}}
