@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#182b36;--muted:#82919a;--line:#e5eae7;--paper:#f5f7f4;--white:#fff;--navy:#10232e;--navy2:#193541;--green:#3f9b78;--lime:#c8ed76;--orange:#e49a55;--red:#d56d63;--violet:#8177c8;--shadow:0 8px 28px rgba(24,43,54,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);color:#fff;padding:27px 19px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 14px Manrope,sans-serif;letter-spacing:1px}.brand small{display:block;font:600 7px 'DM Sans';letter-spacing:1.5px;color:#8fa3a9;margin-top:4px}.brand-symbol{width:37px;height:37px;background:var(--lime);color:var(--navy);border-radius:11px;display:grid;place-items:center;font:800 15px Manrope;position:relative}.brand-symbol span{font-size:8px;position:absolute;right:5px;bottom:5px}.side-caption{font-size:9px;letter-spacing:1.5px;color:#71868e;font-weight:700;margin:58px 11px 14px}.side-link{display:flex;align-items:center;gap:12px;color:#a9bbc0;text-decoration:none;padding:12px 13px;border-radius:8px;font-size:11px;margin:3px 0;transition:.2s}.side-link i{font-style:normal;font-size:17px;width:17px;text-align:center}.side-link.active,.side-link:hover{background:#25434b;color:#fff}.side-link.active:before{content:"";position:absolute;left:0;width:3px;height:31px;background:var(--lime);border-radius:0 4px 4px 0}.side-bottom{margin-top:auto}.live-mark{font-size:9px;color:#b5c5c7;display:flex;align-items:center;gap:8px;padding:12px 8px;border-top:1px solid #2b424b}.live-mark b,.privacy-chip b{width:7px;height:7px;background:#8ed39c;border-radius:50%;display:inline-block}.side-project{font-size:8px;letter-spacing:1.4px;color:#84999e;line-height:1.8;padding:10px 8px}.side-project strong{color:#d6e0dd}.side-version{font-size:8px;color:#637a81;padding:10px 8px}
.main{margin-left:238px;max-width:1700px;padding:30px clamp(22px,3.5vw,52px) 22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.breadcrumb,.overline{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#89979b}.breadcrumb span{color:#c2cbc6;margin:0 7px}.page-heading h1{font:800 25px Manrope;margin:7px 0 4px;letter-spacing:-.7px}.page-heading p{font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:13px}.privacy-chip{font-size:9px;color:#668275;background:#e9f1e9;border-radius:30px;padding:9px 12px;white-space:nowrap}.privacy-chip b{margin-right:6px}.primary-btn,.dark-btn,.outline-btn{border:0;border-radius:7px;padding:11px 15px;font:700 10px 'DM Sans';cursor:pointer;white-space:nowrap}.primary-btn{background:var(--navy);color:white}.primary-btn:hover,.dark-btn:hover{background:#294b55}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;min-height:218px;border-radius:13px;background:linear-gradient(105deg,#142e39 0%,#1c4149 70%,#28565a 100%);color:#fff;padding:29px 34px;margin-bottom:16px;display:flex;align-items:center;box-shadow:var(--shadow)}.hero-content{position:relative;z-index:2;max-width:600px}.hero-eyebrow{font-size:8px;letter-spacing:1.8px;color:#b5d4c0;font-weight:700}.hero-eyebrow span{display:inline-block;width:18px;height:2px;background:var(--lime);vertical-align:middle;margin-right:7px}.hero h2{font:800 clamp(21px,2.5vw,29px)/1.25 Manrope;margin:14px 0 9px;letter-spacing:-.7px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:10px;color:#bfd0cc;line-height:1.7;max-width:460px}.hero-upload{display:inline-flex;gap:18px;align-items:center;margin-top:18px;background:var(--lime);color:#18333a;padding:10px 13px;border-radius:6px;font-size:9px;font-weight:700;cursor:pointer}.hero-upload span{font-size:15px}.hero-visual{position:absolute;right:8%;top:0;width:300px;height:100%;opacity:.85}.orbit{position:absolute;border:1px solid rgba(204,235,189,.22);border-radius:50%;width:235px;height:235px;top:-8px;right:0}.orbit-two{width:185px;height:185px;top:17px;right:25px;border-style:dashed}.road-disc{position:absolute;top:48px;right:57px;width:130px;height:130px;border-radius:50%;background:#b6d78b;display:flex;align-items:center;justify-content:center;gap:13px;transform:rotate(-28deg);box-shadow:0 0 0 12px rgba(182,215,139,.08)}.road-stripe{height:100%;width:2px;background:#38575a;opacity:.7}.hero-coordinate{position:absolute;right:10px;top:25px;color:#b5c8bd;font:600 8px Manrope;line-height:1.7}.hero-stamp{position:absolute;bottom:22px;right:7px;color:#b5c8bd;font-size:7px;letter-spacing:1.2px;line-height:1.6}.hero-stamp b{color:var(--lime)}.hero-foot{position:absolute;bottom:11px;left:34px;right:34px;display:flex;justify-content:space-between;color:#7f9b9d;font-size:7px;letter-spacing:1.2px}
.alert{display:flex;align-items:center;gap:9px;background:#edf3e9;border:1px solid #e1eadc;color:#59735f;padding:10px 12px;border-radius:7px;font-size:10px;margin-bottom:25px}.alert-dot{width:7px;height:7px;background:#74ae79;border-radius:50%;flex-shrink:0}.alert button{margin-left:auto;background:none;border:0;color:#839487;font-size:17px;cursor:pointer}
.section-block{margin-bottom:27px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.section-title h2{font:700 16px Manrope;margin-top:5px;letter-spacing:-.3px}.section-description{font-size:10px;color:var(--muted);margin-top:5px}.data-stamp{font-size:8px;letter-spacing:1px;color:#9ba8a4}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 17px;min-height:126px;box-shadow:var(--shadow)}.kpi-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;letter-spacing:1px;color:#829199}.kpi-dark .kpi-top{color:#a8bec0}.kpi-glyph{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eff2ed;color:#45645b;font-size:13px}.kpi-glyph.green{background:#e9f3eb;color:#428a69}.kpi-glyph.orange{background:#fbefe4;color:#c17d43}.kpi-glyph.violet{background:#efedfa;color:#7d72bc}.kpi-value{font:800 27px Manrope;margin:10px 0 4px;letter-spacing:-.8px}.kpi-value small{font:600 10px 'DM Sans';color:#9ba8a4;margin-left:4px}.kpi-road{font-size:21px}.kpi-bottom{font-size:9px;color:#9aa7a5}.kpi-dark .kpi-bottom{color:#9eb4b5}.kpi-bottom span{color:var(--lime);margin-left:5px}.kpi-bottom.muted{margin-top:4px;color:#a3afaa}.kpi-accent{position:absolute;right:-18px;bottom:-35px;width:95px;height:95px;border:1px solid #3d5a61;border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.025),0 0 0 21px rgba(255,255,255,.02)}.mini-track{height:3px;background:#edf1ec;border-radius:5px;margin-top:12px;overflow:hidden}.mini-track span{display:block;width:0;height:100%;background:var(--green);transition:width .4s}.priority-flag{display:inline-block;margin-top:7px;padding:4px 6px;border-radius:3px;background:#f9eee6;color:#b47b4c;font-size:7px;font-weight:700;letter-spacing:.7px}
.legend-inline{font-size:8px;color:#87948f;display:flex;gap:6px;align-items:center;white-space:nowrap}.legend-inline span{width:7px;height:7px;border-radius:2px;margin-left:5px}.lg-good{background:#469a76}.lg-fair{background:#d6b65e}.lg-poor{background:#dc8955}.lg-critical{background:#cf6962}
.analytics-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:12px}.surface{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:17px 18px;min-width:0}.surface-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:13px}.chart-index{font:700 8px Manrope;color:#76a287;letter-spacing:1px}.surface h3{font:700 13px Manrope;margin:5px 0 4px}.surface-head p{font-size:9px;color:#9aa6a2}.surface-menu{font-size:7px;color:#a4afaa;letter-spacing:1px;white-space:nowrap;margin-top:4px}.chart-area{height:230px;position:relative}.priority-chart-area{height:205px}.chart-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#a2ada7;font-size:10px;pointer-events:none}.donut-area{height:178px;position:relative;max-width:260px;margin:0 auto}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font:800 22px Manrope}.donut-center span{font-size:7px;letter-spacing:1px;color:#9aa6a2}.distribution-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:8px}.distribution-list div{display:flex;align-items:center;gap:6px;font-size:9px;color:#7f8c87}.distribution-list b{margin-left:auto;color:var(--ink)}.distribution-list i{width:7px;height:7px;border-radius:2px}.insight-feature{padding:11px 12px;background:#edf5ed;border-radius:7px;margin-bottom:8px}.insight-feature.warning{background:#fbf0e9}.insight-label{display:block;font-size:7px;letter-spacing:1.1px;font-weight:700;color:#71917c;margin-bottom:5px}.insight-feature.warning .insight-label{color:#bd8051}.insight-feature strong{display:block;font:700 11px Manrope;overflow-wrap:anywhere}.insight-feature small{display:block;font-size:8px;color:#8c9a91;margin-top:3px}.condition-counts{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:12px}.condition-counts div{display:flex;align-items:center;gap:6px;font-size:9px;color:#85918c}.condition-counts b{margin-left:auto;color:var(--ink)}.count-dot{width:7px;height:7px;border-radius:2px}.count-dot.good{background:#469a76}.count-dot.fair{background:#d6b65e}.count-dot.poor{background:#dc8955}.count-dot.critical{background:#cf6962}
.export-actions{display:flex;gap:7px}.outline-btn{border:1px solid #dfe6df;background:#fff;color:#486056}.dark-btn{background:var(--navy);color:#fff}.outline-btn:disabled,.dark-btn:disabled{opacity:.45;cursor:not-allowed}.table-surface{padding:0;overflow:hidden}.table-toolbar{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e4eae4;border-radius:6px;padding:0 10px;height:34px;min-width:220px}.search-box span{font-size:17px;color:#8c9b92}.search-box input{border:0;outline:0;width:100%;font:10px 'DM Sans';color:var(--ink);background:transparent}.filter-group{display:flex;align-items:center;gap:7px}.filter-group label{font-size:8px;color:#8a9790}.filter-group select{border:1px solid #e4eae4;border-radius:6px;padding:8px 9px;background:#fff;color:#53655b;font:9px 'DM Sans';max-width:150px}.table-scroll{overflow:auto;max-height:440px}table{border-collapse:collapse;width:100%;min-width:690px;font-size:9px}th{position:sticky;top:0;background:#f6f8f5;color:#8a9990;text-align:left;font-size:7px;letter-spacing:1px;z-index:1}td,th{padding:12px 14px;border-bottom:1px solid #edf0ec}td{color:#52635b}.empty-row{text-align:center;padding:32px;color:#a2ada6}.rank-pill{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#edf3e9;color:#4e765b;font-weight:700}.road-cell strong{display:block;font-size:9px;color:#263a35}.road-cell small{display:block;color:#9aa59f;font-size:8px;margin-top:3px}.score-cell{font-weight:700;color:#263a35}.status-pill{display:inline-block;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700}.status-good{background:#e9f4ec;color:#3f8968}.status-fair{background:#f8f3e4;color:#a78a42}.status-poor{background:#fbefe6;color:#bc7948}.status-critical{background:#faeaea;color:#bd5e5c}.table-footer{display:flex;justify-content:space-between;gap:12px;padding:11px 15px;color:#9aa69e;font-size:8px}.methodology{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#eaf0e8;border:1px solid #dfe8dc;border-radius:9px;margin:25px 0 17px}.method-icon{width:36px;height:36px;display:grid;place-items:center;background:#d5e6d3;border-radius:9px;color:#3d7758;font:700 19px Manrope;flex-shrink:0}.methodology h3{font:700 11px Manrope;margin:4px 0}.methodology p{font-size:9px;color:#75877b;line-height:1.6}.method-badge{margin-left:auto;font-size:7px;letter-spacing:1px;color:#6b8973;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:12px;color:#9aa69e;font-size:8px;padding:10px 2px}footer b{color:#b9c8bc}.mobile-scrim{display:none}
@media(max-width:1100px){.main{padding:25px 22px}.sidebar{width:210px}.main{margin-left:210px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.score-surface,.priority-surface{grid-column:span 2}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:260px;box-shadow:10px 0 30px #10232e25}.sidebar.open{transform:translateX(0)}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#0b1d26a6;z-index:9}.main{margin-left:0;padding:17px 13px 22px}.menu-toggle{display:grid;place-items:center;border:1px solid #e1e8e1;background:#fff;border-radius:7px;width:34px;height:34px;color:#334d47}.topbar{align-items:flex-start;gap:10px}.page-heading{flex:1}.page-heading h1{font-size:20px}.page-heading p{font-size:9px;line-height:1.5}.breadcrumb{font-size:7px}.top-actions{gap:6px;flex-direction:column;align-items:flex-end}.privacy-chip{font-size:7px;padding:7px 8px}.primary-btn{padding:9px 10px;font-size:9px}.hero{min-height:215px;padding:22px 19px;align-items:flex-start}.hero h2{font-size:22px;max-width:340px}.hero p{font-size:9px;max-width:280px}.hero-visual{right:-125px;opacity:.42}.hero-foot{left:19px;right:19px;font-size:6px}.hero-foot span:last-child{display:none}.alert{font-size:9px;line-height:1.5}.section-title{align-items:flex-start;flex-direction:column}.section-title h2{font-size:15px}.data-stamp{font-size:7px}.kpi-grid{gap:8px}.kpi-card{padding:13px 12px;min-height:116px}.kpi-value{font-size:23px}.kpi-road{font-size:18px}.kpi-top{font-size:7px}.kpi-bottom{font-size:8px}.analytics-grid{grid-template-columns:1fr;gap:9px}.score-surface,.priority-surface{grid-column:auto}.surface{padding:14px 12px}.chart-area{height:220px}.priority-chart-area{height:190px}.distribution-surface{display:grid;grid-template-columns:1fr}.donut-area{height:175px}.legend-inline{font-size:7px;gap:3px}.legend-inline span{margin-left:3px}.export-actions{width:100%}.export-actions button{flex:1}.table-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}.filter-group{display:grid;grid-template-columns:auto 1fr auto 1fr}.filter-group select{max-width:none;width:100%;min-width:0}.table-footer{flex-direction:column}.methodology{align-items:flex-start;padding:13px;gap:10px}.methodology p{font-size:8px}.method-badge{font-size:6px}footer{flex-direction:column;line-height:1.6}}
@media(max-width:390px){.privacy-chip{display:none}.top-actions{justify-content:flex-end}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{min-height:110px}.kpi-value{font-size:21px}.hero h2{font-size:20px}.filter-group{grid-template-columns:1fr 1fr}.filter-group label{display:none}}


/* Project introduction / homepage */
.project-home{margin-bottom:34px}
.project-topline{display:flex;justify-content:space-between;gap:12px;color:#8b9a92;font-size:8px;font-weight:700;letter-spacing:1.3px;margin:4px 1px 13px}
.project-hero{position:relative;overflow:hidden;min-height:340px;background:linear-gradient(112deg,#102630 0%,#1b4148 66%,#315b55 100%);border-radius:15px;padding:38px 40px;color:#fff;display:flex;align-items:center;box-shadow:0 14px 36px rgba(16,38,48,.12)}
.project-hero-copy{position:relative;z-index:2;max-width:690px}
.project-kicker{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#b8d1c3}
.project-kicker span{display:inline-block;width:18px;height:2px;background:#c8ed76;vertical-align:middle;margin-right:8px}
.project-hero h1{font:800 clamp(27px,3.1vw,39px)/1.18 Manrope;letter-spacing:-1.2px;margin:18px 0 13px;max-width:720px}
.project-hero h1 em{font-style:normal;color:#c8ed76}
.project-lead{max-width:610px;color:#c2d2ce;font-size:11px;line-height:1.85}
.project-meta{display:flex;gap:28px;margin:23px 0 20px;flex-wrap:wrap}
.project-meta span{display:flex;flex-direction:column;gap:5px}
.project-meta small{font-size:7px;letter-spacing:1.2px;color:#89a7a3}
.project-meta b{font:700 10px Manrope;color:#fff}
.project-cta{display:inline-flex;align-items:center;gap:25px;background:#c8ed76;color:#17343a;text-decoration:none;border-radius:6px;padding:11px 14px;font-size:9px;font-weight:700}
.project-cta span{font-size:15px}
.project-hero-art{position:absolute;right:3%;top:0;width:330px;height:100%;opacity:.9}
.project-ring{position:absolute;border:1px solid rgba(201,237,118,.22);border-radius:50%;width:290px;height:290px;right:0;top:24px}
.ring-b{width:225px;height:225px;right:32px;top:57px;border-style:dashed}
.project-road{position:absolute;right:95px;top:104px;width:112px;height:112px;border-radius:50%;background:#c8ed76;display:flex;justify-content:center;gap:15px;transform:rotate(-28deg);box-shadow:0 0 0 13px rgba(200,237,118,.07),0 0 0 27px rgba(200,237,118,.035)}
.project-road i{height:100%;width:2px;background:#34575a}
.art-tag{position:absolute;color:#b4c9bd;font-size:7px;letter-spacing:1.2px;line-height:1.6}
.art-tag b{color:#c8ed76}.tag-top{right:8px;top:43px}.tag-bottom{right:0;bottom:37px}
.project-section{margin-top:28px}
.project-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:13px}
.project-section-heading h2,.project-info-card h2,.tools-section h2{font:700 17px Manrope;letter-spacing:-.4px;margin:5px 0}
.project-section-heading p{font-size:10px;color:#8c9a92;margin-top:5px}
.project-section-heading p strong{color:#526c5b}
.team-count{display:flex;align-items:baseline;gap:8px;font:800 22px Manrope;color:#365e4c}
.team-count span{font:700 7px 'DM Sans';letter-spacing:1px;color:#93a199}
.team-table-wrap{background:#fff;border:1px solid #e5eae5;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.team-table{width:100%;min-width:0;font-size:10px}
.team-table th{background:#f4f7f2;padding:13px 17px}
.team-table td{padding:13px 17px;font-size:10px}
.team-table td:first-child,.team-table td:nth-child(2){color:#7f9286;font-variant-numeric:tabular-nums}
.team-table td strong{color:#263b34;font-weight:700}
.member-tag{display:inline-block;padding:5px 8px;background:#eef3ed;border-radius:20px;color:#718879;font-size:7px;font-weight:700;letter-spacing:.6px}
.leader-row{background:#f7faf5}
.leader-tag{background:#e5f0d5;color:#54763c}
.leader-note{display:inline-block;margin-left:8px;color:#7e9b55;font-size:7px;font-weight:700;letter-spacing:.6px}
.importance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.importance-card{position:relative;background:#fff;border:1px solid #e5eae5;border-radius:10px;padding:17px 15px;min-height:175px;box-shadow:var(--shadow)}
.importance-feature{background:#edf4e9;border-color:#e2ecdc}
.importance-number{position:absolute;right:13px;top:13px;font:700 9px Manrope;color:#b5c4b8}
.importance-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eaf1e8;color:#4d8061;font-size:18px;margin-bottom:15px}
.importance-feature .importance-icon{background:#dcebd4}
.importance-card h3{font:700 11px Manrope;margin:0 0 7px}
.importance-card p{font-size:9px;line-height:1.7;color:#87958c}
.project-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.project-info-card{background:#fff;border:1px solid #e5eae5;border-radius:10px;padding:20px;box-shadow:var(--shadow)}
.project-info-card h2{font-size:15px;margin-bottom:15px}
.objective-list{list-style:none;padding:0;margin:0}
.objective-list li{position:relative;padding:9px 0 9px 22px;border-top:1px solid #edf0ec;color:#6e7e75;font-size:9px;line-height:1.6}
.objective-list li:before{content:"✓";position:absolute;left:1px;top:9px;color:#4d986f;font-weight:700}
.dark-info-card{background:#142f39;border-color:#142f39;color:#fff}
.dark-info-card .overline{color:#9bb8a9}.dark-info-card h2{color:#fff}
.method-steps{display:grid;gap:0}
.method-steps>div{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.09)}
.method-steps>div>b{font:700 9px Manrope;color:#c8ed76}
.method-steps strong{display:block;font:700 9px Manrope;color:#f1f5ef}
.method-steps small{display:block;font-size:8px;color:#a8bdb6;margin-top:3px}
.tools-section{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 20px;background:#fff;border:1px solid #e5eae5;border-radius:10px}
.tools-section h2{font-size:14px;margin-bottom:0}
.tool-chips{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:650px}
.tool-chips span{padding:7px 9px;border-radius:5px;background:#f0f4ef;color:#64796b;font-size:8px;font-weight:600}
.project-outcome{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eaf1e7;border:1px solid #dfe9db;border-radius:11px;padding:23px 25px;margin-top:14px}
.project-outcome>div:first-child{max-width:760px}
.project-outcome h2{font:800 19px Manrope;color:#1d3a34;margin:6px 0}
.project-outcome p{font-size:9px;line-height:1.8;color:#718478}
.outcome-mark{font:800 32px Manrope;color:#47765a;white-space:nowrap}
.outcome-mark span{color:#a2c66d;font-size:19px;vertical-align:top}
.project-credit{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 2px;border-top:1px solid #e2e9e1;color:#9aa79e;font-size:7px;letter-spacing:1.1px}
.project-credit strong{color:#526e5b}.project-credit span{color:#a6b0a8}
@media(max-width:1100px){.importance-grid{grid-template-columns:repeat(2,1fr)}.project-hero-art{right:-45px;opacity:.55}.project-hero-copy{max-width:650px}}
@media(max-width:720px){.project-topline{font-size:6px;letter-spacing:.8px}.project-hero{padding:25px 19px;min-height:390px;align-items:flex-start}.project-hero-copy{max-width:100%}.project-kicker{font-size:7px;line-height:1.6;max-width:280px}.project-hero h1{font-size:26px;max-width:450px;margin-top:15px}.project-lead{font-size:9px;max-width:390px}.project-meta{gap:15px;margin:18px 0}.project-meta b{font-size:9px}.project-hero-art{right:-185px;top:75px;opacity:.23}.project-section{margin-top:23px}.project-section-heading h2{font-size:15px}.team-count{font-size:18px}.team-count span{font-size:6px}.team-table th{font-size:6px;padding:11px 8px}.team-table td{font-size:8px;padding:12px 8px}.team-table td strong{font-size:8px}.leader-note{display:block;margin:4px 0 0}.member-tag{font-size:6px;padding:4px 6px}.importance-grid{grid-template-columns:1fr 1fr;gap:8px}.importance-card{padding:13px 11px;min-height:185px}.importance-card h3{font-size:10px}.importance-card p{font-size:8px}.project-details-grid{grid-template-columns:1fr;gap:9px}.project-info-card{padding:16px}.tools-section{align-items:flex-start;flex-direction:column;gap:13px;padding:16px}.tool-chips{justify-content:flex-start}.project-outcome{padding:17px;align-items:flex-start}.project-outcome h2{font-size:16px}.project-outcome p{font-size:8px}.outcome-mark{font-size:24px}.project-credit{font-size:6px;line-height:1.7;flex-direction:column;gap:4px}}
@media(max-width:390px){.project-hero h1{font-size:23px}.project-topline span:last-child{display:none}.team-table td,.team-table th{padding-left:6px;padding-right:6px}.importance-card{min-height:200px}}

/* Circular project team portraits — corrected photo/name mapping */
.team-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 18px;background:#fff;border:1px solid #e5eae5;border-radius:12px;box-shadow:var(--shadow)}
.team-profile{min-width:0;text-align:center;padding:7px 8px 12px;border-radius:10px;transition:transform .2s,box-shadow .2s}
.team-profile:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(24,43,54,.08)}
.team-photo-ring{width:clamp(112px,14vw,164px);aspect-ratio:1/1;margin:0 auto 11px;padding:5px;border-radius:50%;background:linear-gradient(145deg,#d8e9df,#f5f8f4);box-shadow:0 5px 18px rgba(20,50,40,.10)}
.team-photo-ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 28%;border:3px solid #fff}
.ring-mahedi{background:linear-gradient(135deg,#4b9ee8,#a8d9ff)}.ring-niloy{background:linear-gradient(135deg,#31a879,#b6ebd1)}.ring-rafiul{background:linear-gradient(135deg,#e6a53c,#ffe0a0)}.ring-rakib{background:linear-gradient(135deg,#dc657a,#ffc1cc)}
.team-serial{font-size:7px;font-weight:800;letter-spacing:1px;color:#9aa79e;margin:3px 0 4px}.team-id{font:800 11px Manrope;color:#54705f;letter-spacing:.4px}.team-profile h3{font:800 12px Manrope;color:#263b34;margin:5px 0 9px;overflow-wrap:anywhere}.team-role{display:inline-block;padding:6px 10px;border-radius:30px;background:#eaf3ed;color:#4d8061;font-size:7px;font-weight:800;letter-spacing:.7px}.leader-role{background:#fae9ed;color:#b34f65}.team-leader-profile{background:linear-gradient(180deg,#fff,#fff8f8)}
@media(max-width:900px){.team-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:16px 8px}.team-profile{padding:6px 3px}.team-profile h3{font-size:10px}.team-photo-ring{width:clamp(90px,17vw,140px)}}
@media(max-width:560px){.team-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px 9px}.team-photo-ring{width:min(36vw,145px)}.team-profile h3{font-size:11px}.team-id{font-size:10px}.team-role{font-size:6px}.team-serial{font-size:6px}}