:root{
  --project-ink:#202a43;
  --project-ink-deep:#10172d;
  --project-muted:#64718a;
  --project-line:#e7e9f2;
  --project-soft:#f7f8ff;
  --project-soft-2:#fbfbff;
  --project-purple:#5b4cf0;
  --project-purple-2:#6e5cff;
  --project-purple-dark:#342aab;
  --project-blue:#3e73eb;
  --project-pink:#e84fa2;
  --project-heading:"Manrope",sans-serif;
  --project-body:"Inter",sans-serif;
  --project-shadow:0 18px 55px rgba(44,37,128,.09);
  --project-card-shadow:0 10px 32px rgba(15,23,42,.055);
}

.projects-public-page{margin:0;color:var(--project-ink);background:#fff;font-family:var(--project-body);-webkit-font-smoothing:antialiased}
.projects-public-page *{box-sizing:border-box}
.projects-public-page button,.projects-public-page input,.projects-public-page select{font:inherit}
.projects-public-page svg{width:1.25em;height:1.25em;flex:0 0 auto}
.projects-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}
.project-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 28px;color:#818ba1;font-size:13px}
.project-breadcrumb a{color:#68748d;text-decoration:none}
.project-breadcrumb a:hover{color:var(--project-purple)}
.projects-eyebrow{margin:0 0 13px;color:var(--project-purple);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.projects-primary,.projects-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:13px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.projects-primary{color:#fff;background:linear-gradient(135deg,var(--project-purple),var(--project-blue));box-shadow:0 13px 30px rgba(78,68,226,.22)}
.projects-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(78,68,226,.28)}
.projects-secondary{color:#3d35b7;border:1px solid #d8d5fb;background:rgba(255,255,255,.94)}
.projects-secondary:hover{transform:translateY(-2px);border-color:#bcb6ff}
.projects-primary svg,.projects-secondary svg{width:16px;height:16px}

/* HUB HERO */
.projects-hero--premium{position:relative;overflow:hidden;padding:72px 0 34px;background:radial-gradient(circle at 82% 15%,rgba(103,85,246,.13),transparent 35%),linear-gradient(180deg,#fff 0%,#fbfbff 100%)}
.projects-hero--premium:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#756cf0 1.2px,transparent 1.2px);background-size:15px 15px;opacity:.08;mask-image:linear-gradient(90deg,transparent 40%,#000 68%,transparent 95%);pointer-events:none}
.projects-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:34px;align-items:center;min-height:420px}
.projects-hero-copy{position:relative;z-index:3;padding:18px 0 42px}
.projects-hero--premium h1{max-width:760px;margin:0;font-family:var(--project-heading);font-size:clamp(48px,5.2vw,76px);font-weight:800;line-height:1.01;letter-spacing:-.055em;color:var(--project-ink-deep)}
.projects-hero--premium h1 span{color:var(--project-purple)}
.projects-lede{max-width:690px;margin:22px 0 0;color:#5d6981;font-size:clamp(16px,1.6vw,20px);line-height:1.68}
.projects-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.projects-hero-visual{position:relative;min-height:390px;isolation:isolate}
.hero-blob{position:absolute;right:-12%;top:-8%;width:94%;height:100%;border-radius:45% 55% 55% 45%/45% 48% 52% 55%;background:linear-gradient(145deg,rgba(116,96,255,.12),rgba(77,109,237,.04));filter:saturate(1.1)}
.hero-blob:after{content:"";position:absolute;right:5%;top:6%;width:74%;height:86%;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(105,85,243,.14),transparent 56%)}
.hero-laptop{position:absolute;left:20%;bottom:36px;width:54%;height:205px;filter:drop-shadow(0 24px 22px rgba(39,34,102,.18));transform:perspective(700px) rotateX(2deg) rotateY(-4deg);z-index:4}
.hero-laptop-screen{position:absolute;inset:0 4% 30px;border:7px solid #29355a;border-radius:12px;background:linear-gradient(145deg,#fdfdff,#eef0ff);overflow:hidden}
.hero-screen-nav{height:20px;margin:10px;border-radius:7px;background:linear-gradient(90deg,#6656ee 0 25%,#dfe2f7 25% 100%)}
.hero-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 10px}
.hero-screen-grid i{height:35px;border-radius:7px;background:linear-gradient(135deg,#fff,#e9ebfb);border:1px solid #e1e3f4}
.hero-screen-chart{display:flex;align-items:end;gap:6px;height:46px;margin:5px 10px;padding:8px;border-radius:8px;background:#fff}
.hero-screen-chart b{display:block;width:10px;border-radius:4px 4px 2px 2px;background:linear-gradient(#6d5df3,#8cb5ff)}
.hero-screen-chart b:nth-child(1){height:16px}.hero-screen-chart b:nth-child(2){height:29px}.hero-screen-chart b:nth-child(3){height:22px}.hero-screen-chart b:nth-child(4){height:36px}
.hero-laptop-base{position:absolute;left:-8%;right:-8%;bottom:6px;height:34px;border-radius:4px 4px 16px 16px;background:linear-gradient(180deg,#dfe3f2,#aeb8d1);clip-path:polygon(8% 0,92% 0,100% 70%,74% 100%,26% 100%,0 70%)}
.hero-float{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:108px;height:90px;border:1px solid rgba(104,92,228,.14);border-radius:14px;color:#4b46c9;background:rgba(255,255,255,.82);box-shadow:0 15px 34px rgba(61,53,137,.09);backdrop-filter:blur(9px);font-size:11px;font-weight:800}
.hero-float svg{width:30px;height:30px}
.hero-float--research{left:5%;top:76px;transform:rotate(3deg)}
.hero-float--design{left:42%;top:28px;transform:rotate(2deg)}
.hero-float--build{right:5%;top:92px;transform:rotate(5deg)}
.hero-float--share{right:1%;bottom:49px;display:flex;flex-direction:row;align-items:flex-end;gap:7px;padding:15px;width:116px;height:78px}
.hero-float--share span{position:absolute;left:14px;top:11px;color:#596681}
.hero-float--share i{width:9px;border-radius:3px 3px 1px 1px;background:linear-gradient(#7a65f7,#4e7fe8)}
.hero-float--share i:nth-of-type(1){height:14px}.hero-float--share i:nth-of-type(2){height:26px}.hero-float--share i:nth-of-type(3){height:20px}
.hero-plant{position:absolute;left:7%;bottom:42px;width:72px;height:100px;z-index:6}
.hero-plant span{position:absolute;left:20px;bottom:0;width:45px;height:42px;border-radius:4px 4px 16px 16px;background:linear-gradient(160deg,#6b5df0,#4537b7)}
.hero-plant i{position:absolute;bottom:35px;width:42px;height:20px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#6e78ef,#4436b8);transform-origin:right bottom}
.hero-plant i:nth-child(1){left:6px;transform:rotate(35deg)}.hero-plant i:nth-child(2){left:27px;bottom:50px;transform:rotate(112deg)}.hero-plant i:nth-child(3){left:32px;bottom:66px;transform:rotate(150deg)}
.hero-cup{position:absolute;right:12%;bottom:30px;z-index:7;display:grid;place-items:center;width:58px;height:64px;border-radius:8px 8px 17px 17px;color:#fff;background:linear-gradient(145deg,#6f62f1,#4a42c6);box-shadow:0 14px 23px rgba(45,37,133,.15)}
.hero-cup:after{content:"";position:absolute;right:-14px;top:14px;width:24px;height:25px;border:6px solid #6b60e8;border-left:0;border-radius:0 14px 14px 0}
.hero-cup svg{width:25px;height:25px}
.hero-book{position:absolute;left:5%;bottom:24px;width:115px;height:21px;border-radius:5px;background:linear-gradient(180deg,#aaa8f7,#6658d9);box-shadow:0 7px 0 #ececfe,0 13px 0 #7b6de2;transform:rotate(-5deg)}

/* BENEFITS */
.projects-benefits{position:relative;z-index:5;padding:0 0 28px;background:#fff}
.projects-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e5f2;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(50,43,118,.05);overflow:hidden}
.projects-benefits article{display:flex;align-items:center;gap:13px;padding:18px 20px;min-height:84px}
.projects-benefits article+article{border-left:1px solid #ececf4}
.projects-benefits article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--project-purple);background:#f0eeff}
.projects-benefits article>span svg{width:22px;height:22px}
.projects-benefits strong{display:block;font-size:12px;color:#3d4863}
.projects-benefits p{margin:4px 0 0;color:#7a8497;font-size:11px;line-height:1.35}

/* FILTERS + DIRECTORY */
.projects-directory{padding:12px 0 36px;background:#fff}
.projects-filter-panel{position:sticky;top:12px;z-index:18;display:grid;grid-template-columns:2.1fr repeat(4,.88fr) auto;gap:0;align-items:stretch;margin-bottom:20px;border:1px solid #e3e5ef;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 12px 36px rgba(45,39,111,.07);backdrop-filter:blur(14px);overflow:hidden}
.projects-filter-panel label{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 14px;border-left:1px solid #ececf4}
.projects-filter-panel label>span{margin-bottom:2px;color:#949aae;font-size:9px;font-weight:700}
.projects-filter-panel select{width:100%;border:0;outline:0;color:#333d57;background:transparent;font-size:12px;font-weight:800}
.projects-search{position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;border-left:0!important}
.projects-search svg{width:18px;height:18px;color:#78839b}
.projects-search input{width:100%;border:0;outline:0;color:#2e3952;background:transparent;font-size:13px}
.projects-search input::placeholder{color:#9aa2b3}
.projects-clear{border:0;border-left:1px solid #ececf4;color:#574bd9;background:transparent;padding:0 16px;font-size:11px;font-weight:800;cursor:pointer}
.projects-popular{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid #ececf4;background:#fcfcff}
.projects-popular>span{color:#737d91;font-size:10px;font-weight:800}
.projects-popular button{border:0;border-radius:999px;padding:5px 10px;color:#6159c4;background:#f1f0ff;font-size:9px;font-weight:800;cursor:pointer}
.projects-popular small{margin-left:auto;color:#858da0;font-size:10px}
.projects-popular small strong{color:#4d45c3}
.projects-no-results{text-align:center;padding:70px 20px}
.projects-no-results>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;color:var(--project-purple);background:#f0eeff}
.projects-no-results h2{margin:0;font-family:var(--project-heading);font-size:28px}.projects-no-results p{color:var(--project-muted)}
.project-family-section{padding:24px 0 18px;border-top:1px solid #eef0f6}
.project-family-section[hidden]{display:none}
.project-family-heading{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;margin-bottom:15px}
.project-family-heading h2{margin:0;font-family:var(--project-heading);font-size:20px;letter-spacing:-.025em;color:#25304a}
.project-family-heading p{margin:2px 0 0;color:#758095;font-size:11px}
.project-family-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--family-accent,#6255e8);background:var(--family-soft,#efedff)}
.project-family-icon svg{width:17px;height:17px}
.project-family-toggle{align-self:center;border:0;color:#5447df;background:transparent;font-size:11px;font-weight:850;cursor:pointer}
.project-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-directory-card{position:relative;display:flex;flex-direction:column;min-height:286px;padding:19px;border:1px solid #e5e7f0;border-radius:18px;background:#fff;box-shadow:var(--project-card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.project-directory-card:hover{transform:translateY(-3px);border-color:#d5d2f8;box-shadow:0 17px 42px rgba(33,31,86,.09)}
.project-directory-card.is-extra:not(.is-filter-match){display:none}
.project-family-section.is-expanded .project-directory-card.is-extra{display:flex}
.project-directory-card[hidden]{display:none!important}
.project-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.project-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--family-accent,#6657ed),var(--family-accent-2,#3f73e7));box-shadow:0 10px 20px color-mix(in srgb,var(--family-accent,#6657ed) 22%,transparent)}
.project-card-icon svg{width:25px;height:25px}
.project-card-save{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:9px;color:#8590a7;background:transparent;cursor:pointer}
.project-card-save:hover,.project-card-save.is-saved{color:var(--project-purple);background:#f2f0ff}
.project-card-save svg{width:17px;height:17px}
.project-directory-top{display:flex;align-items:center;gap:12px;color:#778198;font-size:10px;font-weight:700}
.project-directory-top span:before{content:"◷";margin-right:5px;color:#8d95aa}.project-directory-top small{font-size:10px;color:#778198}
.project-directory-card h3{margin:11px 0 7px;font-family:var(--project-heading);font-size:18px;line-height:1.2;letter-spacing:-.026em;color:#27324b}
.project-directory-card h3 a{color:inherit;text-decoration:none}
.project-directory-card>p{margin:0;color:#69758c;font-size:12px;line-height:1.52}
.project-directory-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.project-directory-meta span,.project-chip-list span,.project-signal-grid span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;color:#625d9c;background:#f3f1ff;font-size:9px;font-weight:800}
.project-directory-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:17px;color:#4d42d9;font-size:11px;font-weight:850;text-decoration:none}
.project-directory-link svg{width:13px;height:13px}

/* family colors */
.project-card-icon--tech{--family-accent:#6554ef;--family-accent-2:#4e80ee;--family-soft:#efedff}
.project-card-icon--creator{--family-accent:#ef4ea9;--family-accent-2:#ca3c90;--family-soft:#fff0f8}
.project-card-icon--design{--family-accent:#f06b7f;--family-accent-2:#c149db;--family-soft:#fff0f4}
.project-card-icon--education{--family-accent:#7b61e8;--family-accent-2:#5ca3ea;--family-soft:#f1efff}
.project-card-icon--environment{--family-accent:#42a977;--family-accent-2:#65c5a8;--family-soft:#ecfbf4}
.project-card-icon--health{--family-accent:#e95675;--family-accent-2:#f08fa2;--family-soft:#fff0f4}
.project-card-icon--law{--family-accent:#5b6ba6;--family-accent-2:#7988c1;--family-soft:#f0f2fa}
.project-card-icon--media{--family-accent:#4c82e4;--family-accent-2:#7b61e8;--family-soft:#eef4ff}
.project-card-icon--money{--family-accent:#3d9c8a;--family-accent-2:#6ab5a5;--family-soft:#edf9f6}
.project-card-icon--science{--family-accent:#5177df;--family-accent-2:#5db6d7;--family-soft:#edf5ff}
.project-card-icon--sports{--family-accent:#e17545;--family-accent-2:#f0a05c;--family-soft:#fff4ec}
.project-card-icon--business{--family-accent:#7460db;--family-accent-2:#8d7aec;--family-soft:#f1efff}
.project-card-icon--default{--family-accent:#6657ed;--family-accent-2:#4e80ee;--family-soft:#efedff}

/* DISCOVERY + CHOICE */
.projects-discovery-band{padding:20px 0 0}
.projects-discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.projects-discovery-grid article{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:142px;padding:24px 28px;border:1px solid #e7e5f8;border-radius:20px;background:linear-gradient(125deg,#fbfaff,#f0efff);overflow:hidden}
.projects-discovery-grid h2{margin:0;font-family:var(--project-heading);font-size:18px}.projects-discovery-grid p{max-width:420px;margin:6px 0 10px;color:#69748a;font-size:12px;line-height:1.5}.projects-discovery-grid a{display:inline-flex;align-items:center;gap:6px;color:#5247dc;font-size:11px;font-weight:850;text-decoration:none}.projects-discovery-grid a svg{width:13px;height:13px}
.discovery-mini-art{position:relative;display:grid;place-items:center;width:100px;height:90px;color:#6257e9}.discovery-mini-art svg{width:34px;height:34px}.discovery-mini-art i{position:absolute;width:44px;height:2px;background:#c6c0ff;transform-origin:left center}.discovery-mini-art i:nth-of-type(1){left:50px;top:26px;transform:rotate(-35deg)}.discovery-mini-art i:nth-of-type(2){left:50px;top:44px}.discovery-mini-art i:nth-of-type(3){left:50px;top:62px;transform:rotate(35deg)}
.discovery-cap{display:grid;place-items:center;width:108px;height:88px;color:#4f57c8}.discovery-cap svg{width:78px;height:78px;filter:drop-shadow(0 14px 12px rgba(70,68,163,.14))}
.projects-choice-guide{padding:42px 0 52px;background:#fff}
.projects-choice-title{text-align:center;margin-bottom:22px}.projects-choice-title h2{max-width:720px;margin:0 auto;font-family:var(--project-heading);font-size:28px;line-height:1.15;letter-spacing:-.035em;color:#25304a}
.projects-choice-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}
.projects-choice-steps:before{content:"";position:absolute;left:10%;right:10%;top:39px;border-top:2px dotted #bbb5ff;z-index:0}
.projects-choice-steps li{position:relative;z-index:1;padding:18px 18px 17px;border:1px solid #e7e8f1;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(25,30,68,.04)}
.projects-choice-steps li>span{display:grid;place-items:center;width:43px;height:43px;margin-bottom:12px;border-radius:13px;color:#6558e9;background:#f1efff}.projects-choice-steps li>span svg{width:22px;height:22px}.projects-choice-steps strong{display:block;font-size:12px}.projects-choice-steps p{margin:5px 0 0;color:#778095;font-size:10px;line-height:1.45}

/* CTA */
.projects-final-cta{padding:0 0 58px}.projects-final-cta .projects-shell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:150px;padding:28px 34px;border-radius:23px;color:#fff;background:linear-gradient(112deg,#4032b3 0%,#5c4bf0 64%,#4438c9 100%);box-shadow:0 20px 45px rgba(58,47,179,.19);overflow:hidden}.projects-final-cta .projects-shell:after{content:"";position:absolute;right:-3%;top:-55%;width:36%;height:210%;border-radius:50%;background:rgba(255,255,255,.06)}
.projects-final-cta span{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#d7d2ff}.projects-final-cta h2{max-width:570px;margin:7px 0 0;font-family:var(--project-heading);font-size:30px;line-height:1.08;letter-spacing:-.035em;color:#fff}.projects-final-cta p{margin:7px 0 0;color:#d9d6ff;font-size:12px}.projects-final-cta a{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:14px 20px;border-radius:12px;color:#352a9d;background:#fff;font-size:12px;font-weight:850;text-decoration:none}.projects-final-cta a svg{width:14px;height:14px}
.cta-workspace-art{position:relative;width:250px;height:92px;margin-left:auto}.cta-workspace-art>div{position:absolute;left:44px;top:11px;width:130px;height:76px;border:7px solid #263363;border-radius:8px;background:linear-gradient(145deg,#f4f5ff,#dadcff);box-shadow:0 12px 24px rgba(11,12,55,.22)}.cta-workspace-art>div:after{content:"";position:absolute;left:12px;right:12px;bottom:11px;height:27px;border-radius:5px;background:linear-gradient(90deg,#6a5af0 0 26%,#fff 26% 40%,#86a9f5 40% 62%,#fff 62% 74%,#7567ec 74%)}.cta-workspace-art>span{position:absolute;left:0;bottom:6px;display:grid;place-items:center;width:54px;height:58px;border-radius:9px 9px 18px 18px;color:#fff;background:#5a4bd8;z-index:2}.cta-workspace-art>span svg{width:26px;height:26px}.cta-workspace-art>i{position:absolute;right:18px;bottom:8px;width:42px;height:64px;border-radius:70% 0 70% 0;background:#7673dc;transform:rotate(24deg)}

/* DETAIL HERO */
.project-detail-hero--premium{position:relative;overflow:hidden;padding:54px 0 32px;background:radial-gradient(circle at 84% 16%,rgba(100,82,238,.13),transparent 30%),linear-gradient(180deg,#fff,#fbfbff)}
.project-detail-hero--premium:before{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background-image:radial-gradient(circle,#675bf0 1.2px,transparent 1.2px);background-size:14px 14px;opacity:.12;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent)}
.project-detail-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.52fr) minmax(300px,.72fr);gap:30px;align-items:center}
.project-detail-copy{position:relative;z-index:3;padding-bottom:14px}
.project-detail-hero h1{max-width:660px;margin:0;font-family:var(--project-heading);font-size:clamp(43px,4.9vw,67px);font-weight:800;line-height:1.02;letter-spacing:-.055em;color:#202a43}
.project-detail-lede{max-width:700px;margin:20px 0 0;color:#5e6b82;font-size:clamp(17px,1.6vw,20px);line-height:1.55}.project-detail-why{max-width:700px;margin:15px 0 0;color:#3f4b62;font-size:14px;line-height:1.68}.project-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.project-snapshot{position:relative;z-index:5;padding:25px 26px;border:1px solid #dddff0;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 22px 50px rgba(25,31,85,.09);backdrop-filter:blur(8px)}
.project-snapshot>span{color:var(--project-purple);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.project-snapshot dl{display:grid;margin:16px 0 0}.project-snapshot dl div{padding:13px 0;border-top:1px solid #e8e9f2}.project-snapshot dt{display:flex;align-items:center;gap:7px;color:#9098aa;font-size:10px}.project-snapshot dt svg{width:15px;height:15px;color:#685bf0}.project-snapshot dd{margin:5px 0 0;color:#202943;font-size:14px;font-weight:800;line-height:1.35}
.project-hero-art{position:relative;min-height:320px;z-index:2}.project-art-blob{position:absolute;inset:5% -10% 4% 2%;border-radius:48% 52% 42% 58%/45% 43% 57% 55%;background:linear-gradient(145deg,rgba(114,95,244,.15),rgba(98,124,235,.05))}.project-art-device{position:absolute;left:6%;bottom:55px;width:52%;height:125px;padding:8px;border:7px solid #293356;border-radius:10px;background:#f6f7ff;transform:rotate(-2deg);box-shadow:0 18px 30px rgba(45,40,112,.14)}.project-art-screen{position:relative;height:100%;border-radius:5px;background:linear-gradient(145deg,#fff,#eaecfb);overflow:hidden}.project-art-main-icon{position:absolute;left:18px;top:17px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7665f3,#4a7be8)}.project-art-main-icon svg{width:22px;height:22px}.project-art-screen i{position:absolute;left:72px;right:16px;height:8px;border-radius:5px;background:#d8dcf1}.project-art-screen i:nth-of-type(1){top:20px}.project-art-screen i:nth-of-type(2){top:42px;width:46%}.project-art-screen i:nth-of-type(3){top:70px;height:22px;background:linear-gradient(90deg,#7b68f3 20%,#91b0f6 20% 48%,#e3e4f2 48%)}
.project-art-person{position:absolute;right:8%;bottom:32px;width:145px;height:205px}.project-art-head{position:absolute;left:46px;top:6px;width:60px;height:65px;border-radius:50%;background:#ffd6c7;z-index:2}.project-art-head:before{content:"";position:absolute;left:-8px;top:-10px;width:72px;height:44px;border-radius:60% 60% 45% 45%;background:#18203e;transform:rotate(-9deg)}.project-art-head:after{content:"";position:absolute;right:-19px;top:3px;width:37px;height:54px;border-radius:55%;background:#18203e;transform:rotate(-18deg)}.project-art-body{position:absolute;left:30px;top:60px;width:108px;height:132px;border-radius:45px 45px 26px 26px;background:linear-gradient(150deg,#6654ef,#4837bd);transform:rotate(5deg)}.project-art-arm{position:absolute;left:9px;top:101px;width:78px;height:26px;border-radius:999px;background:#5e4cdf;transform:rotate(25deg);z-index:4}.project-art-plant{position:absolute;right:0;bottom:34px;width:50px;height:95px}.project-art-plant span{position:absolute;left:7px;bottom:0;width:39px;height:35px;border-radius:4px 4px 12px 12px;background:#5e53c7}.project-art-plant i{position:absolute;bottom:30px;width:36px;height:18px;border-radius:100% 0 100% 0;background:#6b74d9}.project-art-plant i:first-child{left:0;transform:rotate(32deg)}.project-art-plant i:nth-child(2){right:0;bottom:48px;transform:rotate(140deg)}.project-art-bubble{position:absolute;display:grid;place-items:center;width:54px;height:47px;border:1px solid #e1dff5;border-radius:12px;color:#e25785;background:#fff;box-shadow:0 10px 22px rgba(43,37,116,.08)}.project-art-bubble svg{width:25px;height:25px}.project-art-bubble--one{right:26%;top:32px}.project-art-bubble--two{right:3%;top:49px;color:#685be7}.project-art-dots{position:absolute;inset:0;background-image:radial-gradient(circle,#7568e7 1.2px,transparent 1.2px);background-size:13px 13px;opacity:.13;mask-image:linear-gradient(#000,transparent 70%)}

/* DETAIL NAV */
.project-detail-nav{position:sticky;top:0;z-index:30;border-top:1px solid #eceef5;border-bottom:1px solid #e7e9f1;background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}
.project-detail-nav .projects-shell{display:flex;justify-content:space-between;gap:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.project-detail-nav .projects-shell::-webkit-scrollbar{display:none;width:0;height:0}
.project-detail-nav a{position:relative;display:flex;align-items:center;gap:8px;padding:16px 0;color:#647087;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.project-detail-nav a svg{width:16px;height:16px;color:#695cf0}.project-detail-nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#6556ef}

/* DETAIL SECTIONS */
.project-detail-section{padding:62px 0}.project-detail-soft{background:#f8f9ff}.project-copy-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}.project-section-heading{position:relative}.project-copy-grid h2,.project-skill-card h2,.projects-section-heading h2,.project-college-section h2{margin:0;font-family:var(--project-heading);font-size:clamp(31px,3.8vw,48px);line-height:1.07;letter-spacing:-.045em;color:#25304a}.project-copy-grid h2 span,.project-college-section h2 span{color:var(--project-purple)}
.project-rich-copy>p,.project-college-copy>p{margin:0;color:#4f5c74;font-size:16px;line-height:1.75}.project-rich-copy aside{display:flex;gap:16px;margin-top:25px;padding:19px 21px;border:1px solid #e3e0fa;border-radius:16px;background:linear-gradient(110deg,#fbfaff,#f4f3ff)}.callout-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#a49cf9,#7669ec);flex:0 0 auto}.callout-icon svg{width:20px;height:20px}.project-rich-copy aside strong{display:block;color:#26314a;font-size:13px}.project-rich-copy aside p{margin:5px 0 0;color:#64718a;font-size:12px;line-height:1.55}
.why-line-art{position:relative;width:180px;height:80px;margin-top:35px;color:#948cf4;opacity:.46}.why-line-art span{position:absolute;left:32px;top:18px;display:grid;place-items:center;width:72px;height:45px;border:1px solid currentColor;border-radius:14px}.why-line-art span svg{width:28px;height:28px}.why-line-art i{position:absolute;left:104px;top:39px;width:62px;border-top:1px dashed currentColor}
.projects-section-heading{max-width:760px;margin-bottom:27px}.projects-section-heading>p:last-child{margin:11px 0 0;color:#69758c;font-size:13px;line-height:1.6}.compact-heading{margin-bottom:18px}
.project-deliverables{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}.project-deliverables li{position:relative;min-height:235px;padding:20px 18px 18px;border:1px solid #e2e4ee;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(25,28,68,.045)}.deliverable-number{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#4b3bc4,#6e5df0);font-size:9px;font-weight:850}.deliverable-icon{position:absolute;right:17px;top:20px;color:#6e61ec}.deliverable-icon svg{width:20px;height:20px}.project-deliverables h3{margin:18px 0 8px;font-family:var(--project-heading);font-size:15px;line-height:1.3;color:#26314a}.project-deliverables p{margin:0;color:#69758a;font-size:11px;line-height:1.55}
.project-skill-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px}.project-skill-card,.project-outcome-card{padding:27px;border:1px solid #e3e5ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(28,31,75,.04)}.project-skill-card h2{font-size:35px}.project-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.project-outcome-card{display:grid;gap:0}.outcome-row{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:4px 0}.outcome-row+.outcome-row{margin-top:18px;padding-top:18px;border-top:1px solid #ececf3}.outcome-row>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#6558e9;background:#f0eeff}.outcome-row>span svg{width:21px;height:21px}.outcome-row strong{font-size:13px;color:#26314a}.outcome-row p{margin:5px 0 0;color:#66738a;font-size:12px;line-height:1.55}.project-chip-list.compact{margin-top:10px}
.project-college-section{position:relative;background:linear-gradient(180deg,#fff,#fbfbff)}.project-college-section:after{content:"";position:absolute;right:5%;bottom:0;width:210px;height:125px;opacity:.08;background:linear-gradient(180deg,#685be8,#685be8);clip-path:polygon(4% 100%,4% 42%,18% 42%,18% 20%,33% 20%,33% 35%,44% 35%,44% 7%,57% 7%,57% 26%,72% 26%,72% 45%,87% 45%,87% 100%)}.project-signal-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.project-signal-grid span svg{width:11px;height:11px}.project-caution{margin-top:20px!important;padding-top:17px;border-top:1px solid #e8e9f1;color:#7c8598!important;font-size:11px!important}
.project-major-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:990px}.project-major-grid a{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;min-height:124px;padding:18px 19px;border:1px solid #e1e4ee;border-radius:17px;color:inherit;background:#fff;text-decoration:none;box-shadow:0 10px 27px rgba(27,31,73,.04);transition:transform .18s ease,border-color .18s ease}.project-major-grid a:hover{transform:translateY(-2px);border-color:#d2cff8}.major-card-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#5d54df,#7c8ef5)}.major-card-icon--2{background:linear-gradient(145deg,#65a5e8,#5b70d7)}.major-card-icon--3{background:linear-gradient(145deg,#735ce5,#495ccf)}.major-card-icon svg{width:29px;height:29px}.project-major-grid a>div>span{color:#6256e6;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.project-major-grid h3{margin:6px 0 5px;font-family:var(--project-heading);font-size:15px;line-height:1.25}.project-major-grid p{margin:0;color:#69758b;font-size:10px;line-height:1.45}.project-major-grid a>strong{color:#5b4ce4}.project-major-grid a>strong svg{width:17px;height:17px}
.project-related-section{padding-top:50px}.project-directory-grid.related{grid-template-columns:repeat(3,1fr)}
.projects-final-cta--detail .projects-shell{min-height:118px;padding:22px 30px}.projects-final-cta--detail h2{font-size:26px}.detail-cta-art{position:relative;width:185px;height:82px;flex:0 0 185px}.detail-cta-art>div{position:absolute;left:35px;bottom:6px;width:116px;height:67px;border:6px solid #232c5c;border-radius:8px;background:#eaecff}.detail-cta-art>div:after{content:"";position:absolute;inset:12px;border-radius:5px;background:linear-gradient(120deg,#6657e9 0 25%,#fff 25% 43%,#7ea1f2 43% 70%,#fff 70%)}.detail-cta-art>span{position:absolute;left:13px;top:4px;display:grid;place-items:center;width:47px;height:47px;border-radius:50%;color:#fff;background:#5143c6;z-index:2}.detail-cta-art>span svg{width:24px;height:24px}.detail-cta-art>i{position:absolute;left:4px;bottom:4px;width:40px;height:46px;border-radius:70% 0 70% 0;background:#7770db;transform:rotate(-20deg)}

/* responsive */
@media(max-width:1100px){
  .projects-hero-grid{grid-template-columns:1fr .8fr}.projects-hero-visual{min-height:350px}.hero-float{transform:scale(.9)}
  .projects-benefits-grid{grid-template-columns:repeat(2,1fr)}.projects-benefits article:nth-child(3){border-left:0;border-top:1px solid #ececf4}.projects-benefits article:nth-child(4){border-top:1px solid #ececf4}
  .projects-filter-panel{grid-template-columns:1.5fr repeat(2,1fr)}.projects-filter-panel label:nth-of-type(4),.projects-filter-panel label:nth-of-type(5),.projects-clear{border-top:1px solid #ececf4}.projects-clear{min-height:56px}
  .project-detail-hero-grid{grid-template-columns:1.2fr .65fr}.project-hero-art{grid-column:1/-1;min-height:230px}.project-art-device{left:52%;bottom:25px;width:25%;height:105px}.project-art-person{right:10%;bottom:10px;transform:scale(.8);transform-origin:bottom right}.project-art-plant{right:4%;bottom:10px}.project-art-bubble--one{right:23%;top:18px}.project-art-bubble--two{right:8%;top:30px}
  .project-deliverables{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .projects-shell{width:min(100% - 32px,1240px)}
  .projects-hero--premium{padding-top:54px}.projects-hero-grid{grid-template-columns:1fr}.projects-hero-copy{padding-bottom:0}.projects-hero-visual{min-height:310px;margin-top:-20px}.hero-laptop{left:27%;width:48%;height:175px}.hero-float--research{left:11%;top:58px}.hero-float--design{left:42%;top:12px}.hero-float--build{right:8%;top:70px}
  .project-directory-grid,.project-major-grid,.projects-choice-steps{grid-template-columns:repeat(2,1fr)}.projects-choice-steps:before{display:none}.projects-discovery-grid{grid-template-columns:1fr}
  .project-detail-hero-grid{grid-template-columns:1fr}.project-snapshot{max-width:560px}.project-hero-art{min-height:250px}.project-art-device{left:9%;width:42%;height:120px}.project-art-person{right:14%;transform:scale(.92)}
  .project-copy-grid,.project-skill-layout{grid-template-columns:1fr;gap:32px}.project-deliverables{grid-template-columns:repeat(2,1fr)}.project-major-grid{max-width:none}
  .projects-final-cta .projects-shell{flex-wrap:wrap}.cta-workspace-art{order:3;margin-left:0}.projects-final-cta--detail .projects-shell{display:grid;grid-template-columns:150px 1fr}.projects-final-cta--detail a{grid-column:2;justify-self:start}.detail-cta-art{width:150px;grid-row:1/3}
}
@media(max-width:620px){
  .projects-shell{width:min(100% - 24px,1240px)}.project-breadcrumb{margin-bottom:20px;font-size:11px}.projects-eyebrow{font-size:10px}
  .projects-hero--premium{padding:42px 0 18px}.projects-hero--premium h1{font-size:clamp(39px,12vw,53px)}.projects-lede{font-size:16px}.projects-hero-actions{display:grid}.projects-primary,.projects-secondary{width:100%}.projects-hero-visual{min-height:250px;margin-top:-6px;transform:scale(.92);transform-origin:center top}.hero-float{display:none}.hero-laptop{left:24%;width:60%;bottom:20px}.hero-plant{left:8%;bottom:24px}.hero-cup{right:9%;bottom:20px}.hero-book{left:6%;bottom:12px}
  .projects-benefits{padding-bottom:18px}.projects-benefits-grid{grid-template-columns:1fr}.projects-benefits article+article,.projects-benefits article:nth-child(3){border-left:0;border-top:1px solid #ececf4}
  .projects-filter-panel{position:relative;top:auto;grid-template-columns:1fr 1fr;border-radius:15px}.projects-search{grid-column:1/-1;min-height:52px}.projects-filter-panel label{border-top:1px solid #ececf4}.projects-filter-panel label:nth-of-type(2),.projects-filter-panel label:nth-of-type(4){border-left:0}.projects-clear{border-left:0}.projects-popular{overflow:auto}.projects-popular small{display:none}.projects-popular button{white-space:nowrap}
  .project-family-section{padding-top:21px}.project-family-heading{grid-template-columns:32px 1fr auto}.project-family-heading h2{font-size:18px}.project-family-heading p{display:none}.project-directory-grid,.project-major-grid,.projects-choice-steps,.project-directory-grid.related{grid-template-columns:1fr}.project-directory-card{min-height:260px}.project-family-section .project-directory-card.is-extra:not(.is-filter-match){display:none}.project-family-section.is-expanded .project-directory-card.is-extra{display:flex}
  .projects-discovery-grid article{padding:20px;min-height:128px}.discovery-mini-art,.discovery-cap{width:75px}.projects-choice-title{text-align:left}.projects-choice-title h2{font-size:25px}.projects-choice-steps li{display:grid;grid-template-columns:48px 1fr;column-gap:12px}.projects-choice-steps li>span{grid-row:1/3;margin:0}.projects-choice-steps p{grid-column:2}
  .projects-final-cta{padding-bottom:36px}.projects-final-cta .projects-shell{align-items:flex-start;flex-direction:column;padding:24px}.projects-final-cta h2{font-size:26px}.cta-workspace-art{width:210px;height:76px}.projects-final-cta a{width:100%;justify-content:center}
  .project-detail-hero--premium{padding:40px 0 24px}.project-detail-hero h1{font-size:clamp(39px,12vw,52px)}.project-detail-lede{font-size:16px}.project-detail-actions{display:grid}.project-snapshot{padding:20px}.project-hero-art{min-height:210px}.project-art-device{left:4%;width:48%;height:105px}.project-art-person{right:2%;transform:scale(.76)}.project-art-plant{right:0;transform:scale(.82)}.project-art-bubble{transform:scale(.82)}
  .project-detail-nav .projects-shell{justify-content:flex-start;gap:22px}.project-detail-section{padding:48px 0}.project-copy-grid h2,.project-skill-card h2,.projects-section-heading h2,.project-college-section h2{font-size:34px}.project-deliverables{grid-template-columns:1fr}.project-deliverables li{min-height:0}.project-skill-card,.project-outcome-card{padding:22px}.project-major-grid a{grid-template-columns:50px 1fr auto}.major-card-icon{width:48px;height:48px}.projects-final-cta--detail .projects-shell{display:flex}.detail-cta-art{width:155px;height:72px;flex-basis:155px}.projects-final-cta--detail a{width:100%;justify-content:center}.project-college-section:after{display:none}
}

/* Editorial trust and deeper project quality guidance */
.projects-editorial-strip,.project-editorial-trust{background:#fff}.projects-editorial-strip .projects-shell,.project-editorial-trust .projects-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;border:1px solid #e5e7f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(27,31,73,.04);overflow:hidden}.projects-editorial-strip{padding:18px 0 0}.project-editorial-trust{padding:16px 0 0}.projects-editorial-strip span,.project-editorial-trust span,.projects-editorial-strip a,.project-editorial-trust a{padding:13px 16px;color:#778198;font-size:9px;line-height:1.45}.projects-editorial-strip span+span,.project-editorial-trust span+span,.projects-editorial-strip a,.project-editorial-trust a{border-left:1px solid #eceef4}.projects-editorial-strip strong,.project-editorial-trust strong{color:#303a54;font-weight:850}.projects-editorial-strip a,.project-editorial-trust a{display:flex;align-items:center;justify-content:center;color:#5146db;font-weight:850;text-decoration:none;background:#faf9ff}.project-quality-section{background:linear-gradient(180deg,#fff,#fafaff)}.project-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-quality-card{min-height:250px;padding:24px;border:1px solid #e2e4ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(28,33,72,.04)}.project-quality-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#6555ed,#4f7dea)}.project-quality-card--avoid>span{background:linear-gradient(145deg,#e26072,#ef8a79)}.project-quality-card--evidence>span{background:linear-gradient(145deg,#4c9a79,#63b79b)}.project-quality-card--stretch>span{background:linear-gradient(145deg,#6555ed,#4f7dea)}.project-quality-card svg{width:22px;height:22px}.project-quality-card h3{margin:18px 0 12px;font-family:var(--project-heading);font-size:18px;color:#28334c}.project-quality-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.project-quality-card li{position:relative;padding-left:17px;color:#69758c;font-size:11px;line-height:1.5}.project-quality-card li:before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:#9b94ef}.project-quality-card--avoid li:before{background:#e48388}.project-quality-card--evidence li:before{background:#63ad8d}.project-methodology-note{padding:8px 0 32px}.project-methodology-note .projects-shell{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;border:1px solid #e3e5ef;border-radius:17px;background:#fbfbfe}.project-methodology-note strong{display:block;color:#303a54;font-size:11px}.project-methodology-note p{max-width:880px;margin:5px 0 0;color:#7a8498;font-size:10px;line-height:1.55}.project-methodology-note a{flex:0 0 auto;color:#5146db;font-size:10px;font-weight:850;text-decoration:none}
@media(max-width:900px){.projects-editorial-strip .projects-shell,.project-editorial-trust .projects-shell{grid-template-columns:1fr 1fr}.projects-editorial-strip a,.project-editorial-trust a{border-top:1px solid #eceef4}.projects-editorial-strip span:nth-child(3),.project-editorial-trust span:nth-child(3){border-left:0;border-top:1px solid #eceef4}.project-quality-grid{grid-template-columns:1fr 1fr}.project-quality-card:last-child{grid-column:1/-1}.project-methodology-note .projects-shell{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.projects-editorial-strip .projects-shell,.project-editorial-trust .projects-shell{grid-template-columns:1fr}.projects-editorial-strip span+span,.project-editorial-trust span+span,.projects-editorial-strip a,.project-editorial-trust a,.projects-editorial-strip span:nth-child(3),.project-editorial-trust span:nth-child(3){border-left:0;border-top:1px solid #eceef4}.projects-editorial-strip a,.project-editorial-trust a{justify-content:flex-start}.project-quality-grid{grid-template-columns:1fr}.project-quality-card:last-child{grid-column:auto}.project-quality-card{min-height:0}}