.initiative-directory{background:#f7f8f3;border-top:1px solid var(--line)}.directory-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin:55px 0 70px}.directory-heading h2{font:700 clamp(48px,6vw,90px)/.95 "Manrope";letter-spacing:-.065em;margin:0}.directory-heading h2 span{color:var(--teal)}.directory-heading p{font-size:18px;color:#4b5650;max-width:600px}.directory-link{display:inline-flex;gap:26px;border-bottom:1px solid var(--ink);padding:10px 0;font-weight:700}.directory-link span{color:var(--teal)}.initiative-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.initiative-preview-grid>a{min-height:290px;padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;position:relative;transition:.25s}.initiative-preview-grid>a:hover{background:var(--ink);color:white;transform:translateY(-4px)}.initiative-preview-grid span{font:700 10px "Manrope";letter-spacing:.14em;color:var(--teal)}.initiative-preview-grid h3{font:700 22px/1.08 "Manrope";letter-spacing:-.03em;margin:auto 0 12px}.initiative-preview-grid p{font-size:14px;color:var(--muted);margin:0 28px 0 0}.initiative-preview-grid>a:hover p{color:#b8c2bd}.initiative-preview-grid i{position:absolute;right:20px;bottom:20px;color:var(--lime);font-style:normal}.collab-banner{margin-top:48px;background:var(--teal);color:white;min-height:132px;padding:30px 38px;display:grid;grid-template-columns:.6fr 1.2fr .8fr;align-items:center;gap:25px}.collab-banner span{font:700 11px "Manrope";letter-spacing:.15em}.collab-banner b{font:700 clamp(22px,2.4vw,36px) "Manrope";letter-spacing:-.04em}.collab-banner i{font-style:normal;text-align:right;font-weight:700;color:var(--lime)}
/* Portfolio */
.portfolio-body{background:#eef2ed}.portfolio-header{position:sticky;top:0;z-index:20;background:rgba(247,248,243,.94)}.portfolio-hero{padding:90px clamp(24px,7vw,120px) 64px;background:var(--ink);color:white}.portfolio-hero .back-link,.detail-nav .back-link{font:700 12px "Manrope";letter-spacing:.12em;color:var(--lime)}.portfolio-hero h1{font:700 clamp(58px,8vw,120px)/.88 "Manrope";letter-spacing:-.075em;margin:50px 0 28px}.portfolio-hero h1 span{color:var(--teal)}.portfolio-hero>p{max-width:760px;color:#b8c2bd;font-size:20px}.filter-bar{padding:24px clamp(24px,7vw,120px);display:flex;gap:10px;flex-wrap:wrap;background:white;border-bottom:1px solid var(--line)}.filter-button{border:1px solid var(--line);background:transparent;padding:10px 16px;font:700 12px "Manrope";cursor:pointer}.filter-button.active,.filter-button:hover{background:var(--ink);color:white}.portfolio-grid{padding:64px clamp(24px,7vw,120px) 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.portfolio-card{background:white;min-height:310px;padding:34px;display:grid;grid-template-columns:75px 1fr;gap:25px;position:relative;transition:.25s}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(8,13,15,.09)}.portfolio-card .index{font:800 42px "Manrope";color:var(--teal)}.portfolio-card .theme{font:700 10px "Manrope";letter-spacing:.14em;color:var(--teal)}.portfolio-card h2{font:700 32px/1.05 "Manrope";letter-spacing:-.04em;margin:36px 0 12px}.portfolio-card p{color:var(--muted);margin:0;max-width:460px}.portfolio-card .arrow{position:absolute;right:28px;top:28px;font-size:24px;color:var(--lime)}.portfolio-card[hidden]{display:none}.collab-studio{padding:105px clamp(24px,7vw,120px);background:var(--forest);color:white}.studio-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.studio-heading h2{font:700 clamp(50px,6vw,88px)/.95 "Manrope";letter-spacing:-.06em;margin:32px 0 0}.studio-heading p{color:#b8c7c1;font-size:18px}.builder{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.builder-form,.brief-output{background:#f7f8f3;color:var(--ink);padding:38px}.field{margin-bottom:26px}.field label,.field legend{display:block;font:700 11px "Manrope";letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.field select{width:100%;padding:14px;border:1px solid var(--line);background:white;font:16px "DM Sans"}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-grid label{font:500 14px "DM Sans";letter-spacing:0;text-transform:none;border:1px solid var(--line);padding:11px;display:flex;gap:9px;align-items:center;margin:0}.builder-action,.copy-brief{border:0;background:var(--ink);color:white;padding:15px 20px;font:700 14px "Manrope";cursor:pointer}.builder-action span,.copy-brief span{color:var(--lime)}.brief-output{background:#0c1714;color:white;border:1px solid rgba(255,255,255,.14)}.brief-output .empty-state{color:#98a8a0;max-width:410px}.brief-output h3{font:700 31px "Manrope";letter-spacing:-.04em}.fit-tag{display:inline-block;background:var(--lime);color:var(--ink);padding:6px 9px;font:700 10px "Manrope";letter-spacing:.12em}.brief-list{padding-left:18px;color:#c3cdc8}.copy-brief{background:var(--teal);margin-top:15px}.copy-status{font-size:12px;color:var(--lime);margin-left:12px}
/* Initiative detail */
.detail-body{background:var(--field)}.detail-nav{height:76px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.detail-partner{font:700 11px "Manrope";letter-spacing:.12em}.detail-hero{min-height:610px;padding:80px clamp(24px,7vw,120px);background:var(--ink);color:white;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:end;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;width:540px;height:540px;right:-160px;top:-180px;border:1px solid var(--accent,var(--teal));border-radius:50%;box-shadow:0 0 0 80px rgba(0,169,157,.05),0 0 0 160px rgba(201,240,0,.025)}.detail-index{font:800 clamp(85px,13vw,190px)/.75 "Manrope";color:var(--accent,var(--teal));letter-spacing:-.09em}.detail-theme{font:700 11px "Manrope";letter-spacing:.16em;color:var(--lime)}.detail-hero h1{font:700 clamp(50px,6.2vw,96px)/.92 "Manrope";letter-spacing:-.065em;margin:30px 0}.detail-hero p{font-size:20px;color:#bbc6c1;max-width:760px}.tension-strip{display:grid;grid-template-columns:1fr auto 1fr;background:var(--accent,var(--teal));color:white;align-items:center;text-align:center;padding:26px clamp(24px,7vw,120px);font:700 clamp(22px,3vw,42px) "Manrope"}.tension-strip i{font-style:normal;color:var(--lime);padding:0 20px}.detail-section{padding:100px clamp(24px,7vw,120px)}.detail-section h2{font:700 clamp(42px,5vw,72px)/.98 "Manrope";letter-spacing:-.055em;margin:34px 0}.detail-section .intro{font-size:20px;color:var(--muted);max-width:850px}.research-grid,.measure-grid,.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.research-grid article,.proof-grid article{min-height:245px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.research-grid span,.proof-grid span{font:700 11px "Manrope";color:var(--accent,var(--teal));letter-spacing:.12em}.research-grid h3,.proof-grid h3{font:700 24px/1.1 "Manrope";margin:55px 0 12px}.research-grid p,.proof-grid p{color:var(--muted)}.measure-section{background:#e8ede5}.measure-grid{grid-template-columns:repeat(4,1fr)}.measure-grid div{min-height:170px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.measure-grid b{font:700 17px "Manrope"}.measure-grid span{font:700 10px "Manrope";letter-spacing:.12em;color:var(--teal)}.collaborator-call{background:var(--forest);color:white}.collaborator-call .collab-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:50px 0}.collab-role-grid span{padding:18px;border:1px solid rgba(255,255,255,.22);font-weight:600}.collaborator-call .detail-cta{display:inline-flex;background:var(--lime);color:var(--ink);padding:16px 22px;font-weight:800;gap:28px}.detail-footer{padding:42px clamp(24px,7vw,120px);display:flex;justify-content:space-between;font-size:12px;font-weight:700}
@media(max-width:1050px){.initiative-preview-grid{grid-template-columns:repeat(2,1fr)}.directory-heading,.studio-heading,.detail-hero{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.builder{grid-template-columns:1fr}.partner-masthead+.initiative-directory{padding-top:90px}.detail-index{font-size:100px}.detail-hero{min-height:700px}.collaborator-call .collab-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.directory-heading{grid-template-columns:1fr;margin:42px 0}.initiative-preview-grid{grid-template-columns:1fr}.initiative-preview-grid>a{min-height:220px}.collab-banner{grid-template-columns:1fr;padding:28px}.collab-banner i{text-align:left}.portfolio-hero{padding-top:65px}.portfolio-hero h1{font-size:64px}.portfolio-grid{padding:35px 18px 80px}.portfolio-card{grid-template-columns:50px 1fr;padding:24px}.portfolio-card .index{font-size:30px}.portfolio-card h2{font-size:27px}.builder-form,.brief-output{padding:25px}.choice-grid{grid-template-columns:1fr}.detail-hero{padding:65px 22px;min-height:650px}.tension-strip{grid-template-columns:1fr;padding:24px}.tension-strip i{transform:rotate(90deg)}.research-grid,.proof-grid,.measure-grid{grid-template-columns:1fr}.collaborator-call .collab-role-grid{grid-template-columns:1fr}.detail-footer{flex-direction:column;gap:16px}.directory-heading h2{font-size:54px}}
