.kuku-colabora{--ink:#292239;--muted:#655d69;--paper:#fffaf4;--card:#fffdfa;--coral:#db574c;--brick:#a3433b;--plum:#653469;--teal:#057568;--line:#efe4dc;--clay:linear-gradient(135deg,#ff796c 0%,#ed657c 48%,#8b5fc3 120%);overflow:clip;background:var(--paper);color:var(--ink);font-family:var(--wp--preset--font-family--dm-sans,'DM Sans',sans-serif);font-size:16px;line-height:1.6}
.kuku-colabora,.kuku-colabora *{box-sizing:border-box}
.kuku-colabora h1,.kuku-colabora h2,.kuku-colabora h3{margin:0 0 .55em;color:var(--ink);font-family:var(--wp--preset--font-family--manrope,'Manrope',sans-serif);line-height:1.1;letter-spacing:-.045em}
.kuku-colabora p{margin:0 0 1.2em}.kuku-colabora a{color:inherit}
.kuku-colabora a:focus-visible,.kuku-colabora button:focus-visible{outline:3px solid #b03430;outline-offset:4px}
.kuku-colabora ul{margin:0;padding:0;list-style:none}
.kuku-colabora__wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.kuku-colabora h2{font-size:clamp(30px,3.4vw,44px)}

/* Buttons and links, shared clay language */
.kuku-colabora__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:57px;padding:0 25px;border-radius:18px;background:var(--clay);color:#fff!important;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 7px 0 #c64d5b,0 13px 22px rgba(212,74,91,.25),inset 0 1px 2px rgba(255,255,255,.4);transition:transform .2s,filter .2s}
.kuku-colabora__button:hover{transform:translateY(-2px);filter:saturate(1.05)}.kuku-colabora__button:active{transform:translateY(2px)}
.kuku-colabora__button--ghost{border:1px solid #eadbd2;background:#fff;color:var(--ink)!important;box-shadow:0 6px 0 #eadbd2}
.kuku-colabora__button--small{min-height:48px;padding:0 20px;border:1px solid #eadbd2;border-radius:15px;background:#fff;color:var(--ink)!important;font-weight:800;box-shadow:0 5px 0 #eadbd2}
.kuku-colabora__link{color:var(--plum)!important;font-weight:800;text-underline-offset:4px}

/* Hero */
.kuku-colabora__hero{padding:clamp(64px,7vw,92px) 0 clamp(56px,6vw,80px);background:radial-gradient(circle at 78% 40%,#fbe3ec 0,transparent 38%),radial-gradient(circle at 92% 8%,#e3f2ec 0,transparent 26%),var(--paper)}
.kuku-colabora__hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px)}
.kuku-colabora__hero-copy{min-width:0}
.kuku-colabora__overline{margin:0 0 22px!important;color:var(--brick);font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.kuku-colabora h1{margin-bottom:.5em;font-size:clamp(42px,5.9vw,78px);line-height:1.03}.kuku-colabora h1 em{color:var(--coral);font-style:normal}.kuku-colabora h1 span::after{content:" "}
.kuku-colabora__intro{max-width:520px;margin-bottom:30px!important;color:var(--muted);font-size:clamp(17px,1.7vw,20px);line-height:1.6}
.kuku-colabora__actions{display:flex;flex-wrap:wrap;gap:14px 16px}
.kuku-colabora__proof{display:flex;align-items:center;gap:10px;margin:30px 0 0!important;color:var(--muted);font-size:14px;line-height:1.5}.kuku-colabora__proof svg{flex:none;color:var(--teal)}
.kuku-colabora__cloud{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:14px 12px;min-height:440px;padding:28px}
.kuku-colabora__pill{display:inline-flex;align-items:center;gap:9px;padding:12px 18px 12px 12px;border-radius:999px;font-family:var(--wp--preset--font-family--manrope,'Manrope',sans-serif);font-size:16px;font-weight:800;line-height:1;letter-spacing:-.02em;text-decoration:none;box-shadow:0 10px 22px rgba(73,43,64,.10),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.kuku-colabora__pill:hover{box-shadow:0 16px 30px rgba(73,43,64,.18)}
.kuku-colabora__pill:nth-child(3n){padding:15px 22px 15px 14px;font-size:19px}
.kuku-colabora__pill:nth-child(4n+1){rotate:-2deg}.kuku-colabora__pill:nth-child(5n+2){rotate:2.5deg}
.kuku-colabora__pill-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.7)}
.kuku-colabora__pill--mint{background:#e2f0ed;color:#04564d!important}.kuku-colabora__pill--peach{background:#fff0e5;color:#9c3a32!important}.kuku-colabora__pill--plum{background:#f3e8f1;color:var(--plum)!important}
.kuku-colabora__pill--sun{background:#fff6dc;color:#7a5300!important}.kuku-colabora__pill--rose{background:#ffe9ea;color:#a53340!important}.kuku-colabora__pill--sky{background:#e9eefb;color:#34508f!important}

/* Ways to collaborate */
.kuku-colabora__ways{padding:clamp(70px,7vw,100px) 0;background:linear-gradient(160deg,#f8e9f1 0%,#fff3ea 55%,#e7f3ef 100%)}
.kuku-colabora__split-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px 48px}
.kuku-colabora__split-head>div:first-child{flex:1 1 460px;min-width:0}.kuku-colabora__split-head h2{margin-bottom:.35em;font-size:clamp(34px,4.2vw,54px)}.kuku-colabora__split-head p{max-width:520px;margin:0;color:var(--muted)}
.kuku-colabora__tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid #eadbd2;border-radius:20px;background:var(--card)}
.kuku-colabora__tab{min-height:48px;padding:0 20px;border:0;border-radius:15px;background:transparent;color:var(--muted);font:800 15px/1 var(--wp--preset--font-family--dm-sans,'DM Sans',sans-serif);cursor:pointer;transition:background .3s,color .3s}
.kuku-colabora__tab:hover{background:#f6eee9;color:var(--ink)}
.kuku-colabora__tab.is-on{background:var(--clay);color:#fff;box-shadow:0 5px 0 #c64d5b}
.kuku-colabora__panels{display:grid;gap:56px;margin-top:44px}
.kuku-colabora__panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,56px)}
.kuku-colabora__panel[hidden]{display:none}
.kuku-colabora__panel-copy{min-width:0}.kuku-colabora__panel-copy h3{margin-bottom:12px;font-size:clamp(26px,2.6vw,34px)}.kuku-colabora__panel-copy>p{margin-bottom:22px!important;color:var(--muted)}
.kuku-colabora__checks{display:grid;gap:10px;margin-bottom:26px!important}.kuku-colabora__checks li{display:flex;gap:10px}.kuku-colabora__checks svg{flex:none;color:var(--teal)}
.kuku-colabora__stage{min-width:0;padding:clamp(18px,3vw,34px);border:1px solid var(--line);border-radius:28px;background:rgba(255,253,250,.6)}
.kuku-colabora__mock{max-width:440px;margin:0 auto;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 18px 45px rgba(73,43,64,.10)}
.kuku-colabora.is-enhanced .kuku-colabora__panel:not([hidden]) .kuku-colabora__mock{animation:kuku-colabora-in .5s cubic-bezier(.2,.8,.2,1)}
.kuku-colabora__mock-label{margin:0 0 4px!important;color:var(--muted);font-size:13px}
.kuku-colabora__mock-title{margin:0 0 18px!important;font-family:var(--wp--preset--font-family--manrope,'Manrope',sans-serif);font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.kuku-colabora__amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kuku-colabora__amount{display:grid;place-items:center;min-height:52px;border:1.5px solid #eadbd2;border-radius:14px;background:#fff;color:var(--ink);font:800 18px/1 var(--wp--preset--font-family--manrope,'Manrope',sans-serif);cursor:pointer}
.kuku-colabora__amount.is-on{border-color:var(--coral);background:#fff0ec;color:#b9473e}
.kuku-colabora__methods{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}.kuku-colabora__methods span{padding:6px 11px;border:1px solid #eadbd2;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3}
.kuku-colabora__mock-cta{display:flex;align-items:center;justify-content:center;gap:.3em;min-height:54px;margin:0!important;border-radius:16px;background:var(--clay);color:#fff;font-weight:800;box-shadow:0 6px 0 #c64d5b}
.kuku-colabora__mock-note{margin:16px 0 0!important;color:var(--muted);font-size:13px;text-align:center}.kuku-colabora__mock-note strong{color:var(--teal)}
.kuku-colabora__mock-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.kuku-colabora__quota{color:var(--plum);font:800 30px/1 var(--wp--preset--font-family--manrope,'Manrope',sans-serif)}
.kuku-colabora__split{display:flex;height:14px;margin-bottom:16px;overflow:hidden;border-radius:999px}
.kuku-colabora__split-a{flex:10;background:var(--coral)}.kuku-colabora__split-b{flex:6;background:var(--teal)}.kuku-colabora__split-c{flex:4;background:#8b5fc3}
.kuku-colabora__legend{display:grid;gap:10px;font-size:14px}.kuku-colabora__legend li{display:flex;justify-content:space-between;gap:10px}.kuku-colabora__legend li>span{display:flex;align-items:center;gap:8px}
.kuku-colabora__dot{width:10px;height:10px;border-radius:50%}.kuku-colabora__dot--a{background:var(--coral)}.kuku-colabora__dot--b{background:var(--teal)}.kuku-colabora__dot--c{background:#8b5fc3}
.kuku-colabora__mock-info{margin:18px 0 0!important;padding:12px 14px;border-radius:14px;background:#e9f4f0;color:#04564d;font-size:13px;line-height:1.5}
.kuku-colabora__mock-info--warm{background:#f6eee9;color:var(--ink)}
.kuku-colabora__match{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0}
.kuku-colabora__coin{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;font:800 26px/1 var(--wp--preset--font-family--manrope,'Manrope',sans-serif)}
.kuku-colabora__coin--a{background:#fff0e5;color:#b9473e}.kuku-colabora__coin--b{background:#f3e8f1;color:var(--plum)}.kuku-colabora__coin--sum{width:96px;height:96px;background:var(--teal);color:#fff;font-size:30px}
.kuku-colabora__op{color:var(--muted);font:800 26px/1 var(--wp--preset--font-family--manrope,'Manrope',sans-serif)}
.kuku-colabora__match-legend{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}

/* Why: light, typographic */
.kuku-colabora__why{position:relative;padding:clamp(80px,9vw,128px) 0;background:radial-gradient(circle at 12% 18%,#ffe5d3 0,transparent 34%),radial-gradient(circle at 88% 84%,#e3f2ec 0,transparent 32%),#fbf1ef}
.kuku-colabora__why-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);align-items:center;gap:clamp(32px,5vw,72px)}
.kuku-colabora__why-copy{min-width:0}
.kuku-colabora h2.kuku-colabora__why-label{margin:0 0 30px;color:var(--brick);font-size:18px;letter-spacing:-.01em}
.kuku-colabora__quote{margin:0!important;color:var(--ink);font-family:var(--wp--preset--font-family--manrope,'Manrope',sans-serif);font-size:clamp(34px,4.8vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.kuku-colabora__line{display:block}.kuku-colabora__line--accent{color:var(--coral)}
.kuku-colabora__why-text{max-width:560px;margin:36px 0 0!important;color:var(--muted);font-size:18px}
.kuku-colabora__globe{display:block;width:100%;max-width:320px;height:auto;margin-inline:auto}
.kuku-colabora__globe-heart{transform-box:fill-box;transform-origin:center}

/* Trust */
.kuku-colabora__trust{padding:clamp(70px,7vw,96px) 0 clamp(40px,4vw,56px)}
.kuku-colabora__trust h2{max-width:640px;margin-bottom:36px;font-size:clamp(32px,3.6vw,46px)}
.kuku-colabora__trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kuku-colabora__tile{display:flex;flex-direction:column;gap:14px;min-width:0;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card);text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
a.kuku-colabora__tile:hover{border-color:#d9b8cc;box-shadow:0 16px 32px rgba(93,46,62,.12);transform:translateY(-4px)}
.kuku-colabora__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}
.kuku-colabora__icon--teal{background:#e2f0ed;color:var(--teal)}.kuku-colabora__icon--coral{background:#fff0e5;color:#c8483e}.kuku-colabora__icon--plum{background:#f3e8f1;color:var(--plum)}.kuku-colabora__icon--sky{background:#e9eefb;color:#34508f}
.kuku-colabora__tile-title{display:block;font-family:var(--wp--preset--font-family--manrope,'Manrope',sans-serif);font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.02em}
.kuku-colabora__tile-text{display:block;color:var(--muted);font-size:15px;line-height:1.5}
.kuku-colabora__tags{display:flex;flex-wrap:wrap;gap:6px}.kuku-colabora__tags span{padding:4px 9px;border-radius:999px;background:#f6eee9;font-size:12px;font-weight:700;line-height:1.4}

/* Featured campaigns: the shared discovery cards as a carousel */
.kuku-colabora__feat{padding:clamp(40px,4vw,56px) 0 clamp(70px,7vw,96px)}
.kuku-colabora__feat-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px;margin-bottom:24px}
.kuku-colabora__feat-head h2{flex:1 1 420px;margin:0;font-size:clamp(30px,3.2vw,42px)}
.kuku-colabora__arrows{display:flex;gap:12px}
.kuku-colabora__arrow{display:grid;place-items:center;width:52px;height:52px;border:1px solid #eadbd2;border-radius:50%;background:var(--card);color:var(--plum);cursor:pointer;box-shadow:0 5px 0 #eadbd2;transition:transform .2s,opacity .2s}
.kuku-colabora__arrow:hover{transform:translateY(-2px)}.kuku-colabora__arrow:disabled{opacity:.4;cursor:default;transform:none}
.kuku-colabora__feed .kuku-discovery{padding:0;background:none}
.kuku-colabora__feed .kuku-discovery__inner{width:auto;max-width:none;margin:0;padding:0}
.kuku-colabora__feed .kuku-discovery__title,.kuku-colabora__feed .kuku-discovery__description,.kuku-colabora__feed .kuku-discovery__form,.kuku-colabora__feed .kuku-discovery__status,.kuku-colabora__feed .kuku-discovery__more,.kuku-colabora__feed [data-discovery-pagination]{display:none!important}
.kuku-colabora__feed .kuku-discovery__grid{display:flex;gap:18px;margin:-10px;padding:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:10px;scrollbar-width:none}
.kuku-colabora__feed .kuku-discovery__grid::-webkit-scrollbar{display:none}
.kuku-colabora__feed .kuku-discovery__card,.kuku-colabora__feed .kuku-discovery__card--featured{flex:0 0 calc((100% - 56px)/3);min-width:0;grid-row:auto;scroll-snap-align:start;border-radius:24px}
.kuku-colabora__feed .kuku-discovery__card--featured .kuku-discovery__media{flex:none;aspect-ratio:16/10;min-height:0}
.kuku-colabora__feed .kuku-discovery__card--featured .kuku-discovery__media img{position:static}
.kuku-colabora__all{display:flex;justify-content:center;margin:30px 0 0!important}

/* Already donated */
.kuku-colabora__care{padding:clamp(70px,7vw,96px) 0;background:#f6eee9}
.kuku-colabora__care h2{margin-bottom:30px}
.kuku-colabora__care-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.kuku-colabora__cert{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--card)}
.kuku-colabora__cert-art{flex:0 0 130px;width:130px;height:auto}
.kuku-colabora__cert-copy{flex:1 1 220px;min-width:0}.kuku-colabora__cert-copy h3{margin-bottom:6px;font-size:22px}.kuku-colabora__cert-copy p{margin-bottom:14px!important;color:var(--muted);font-size:15px}
.kuku-colabora__tile--care{gap:12px;padding:28px;border-radius:26px}.kuku-colabora__tile--care .kuku-colabora__tile-title{font-size:20px}

/* Keep exploring */
.kuku-colabora__more{padding:clamp(70px,7vw,96px) 0 clamp(80px,8vw,108px)}
.kuku-colabora__more h2{margin-bottom:30px}
.kuku-colabora__next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kuku-colabora__tile--next{gap:0;padding:0;overflow:hidden}
.kuku-colabora__art{display:grid;place-items:center;height:140px}.kuku-colabora__art svg{width:120px;height:auto}
.kuku-colabora__art--peach{background:#fff0e5}.kuku-colabora__art--mint{background:#e9f4f0}.kuku-colabora__art--plum{background:#f3e8f1}.kuku-colabora__art--sun{background:#fff6dc}
.kuku-colabora__next-copy{display:block;padding:18px 20px 22px}.kuku-colabora__next-copy .kuku-colabora__tile-title{font-size:18px}.kuku-colabora__next-copy .kuku-colabora__tile-text{margin-top:4px;font-size:14px}

/* Motion */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.kuku-colabora__pill:hover{transform:translateY(-6px) scale(1.04);rotate:0deg}
.kuku-colabora__art svg{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.kuku-colabora__tile--next:hover .kuku-colabora__art svg{transform:scale(1.06) rotate(-2deg)}
}
@media (prefers-reduced-motion:no-preference){
.kuku-colabora__pill{animation:kuku-colabora-pop .6s cubic-bezier(.3,1.4,.5,1) both,kuku-colabora-bob 6s ease-in-out .6s infinite}
.kuku-colabora__pill:nth-child(1){animation-delay:.05s,.6s}.kuku-colabora__pill:nth-child(2){animation-delay:.1s,-1s}.kuku-colabora__pill:nth-child(3){animation-delay:.15s,-2s}.kuku-colabora__pill:nth-child(4){animation-delay:.2s,-3s}.kuku-colabora__pill:nth-child(5){animation-delay:.25s,-4s}.kuku-colabora__pill:nth-child(6){animation-delay:.3s,-5s}.kuku-colabora__pill:nth-child(7){animation-delay:.35s,-1.5s}.kuku-colabora__pill:nth-child(8){animation-delay:.4s,-2.5s}.kuku-colabora__pill:nth-child(9){animation-delay:.45s,-3.5s}.kuku-colabora__pill:nth-child(10){animation-delay:.5s,-4.5s}.kuku-colabora__pill:nth-child(11){animation-delay:.55s,-.5s}.kuku-colabora__pill:nth-child(12){animation-delay:.6s,-5.5s}.kuku-colabora__pill:nth-child(13){animation-delay:.65s,-2.2s}
.kuku-colabora__pill:hover{animation-play-state:paused}
.kuku-colabora__globe-heart{animation:kuku-colabora-beat 2.4s ease-in-out infinite}
.kuku-colabora__feed .kuku-discovery__grid{scroll-behavior:smooth}
}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.kuku-colabora__line{animation:kuku-colabora-light linear both;animation-timeline:view();animation-range:entry 20% cover 42%}
.kuku-colabora__line--accent{animation-name:kuku-colabora-light-accent}
}}
@keyframes kuku-colabora-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes kuku-colabora-pop{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@keyframes kuku-colabora-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes kuku-colabora-beat{0%,100%{transform:scale(1)}20%{transform:scale(1.08)}40%{transform:scale(.98)}}
@keyframes kuku-colabora-light{from{color:#d9c6cf}to{color:#292239}}
@keyframes kuku-colabora-light-accent{from{color:#f1c2ba}to{color:#db574c}}

@media (max-width:980px){
.kuku-colabora__hero-inner,.kuku-colabora__panel,.kuku-colabora__why-inner{grid-template-columns:minmax(0,1fr)}
.kuku-colabora__trust-grid,.kuku-colabora__next{grid-template-columns:repeat(2,minmax(0,1fr))}
.kuku-colabora__care-grid{grid-template-columns:minmax(0,1fr)}
.kuku-colabora__feed .kuku-discovery__card,.kuku-colabora__feed .kuku-discovery__card--featured{flex-basis:calc((100% - 38px)/2)}
.kuku-colabora__globe{max-width:200px}
}
@media (max-width:600px){
.kuku-colabora__trust-grid,.kuku-colabora__next{grid-template-columns:minmax(0,1fr)}
.kuku-colabora__feed .kuku-discovery__card,.kuku-colabora__feed .kuku-discovery__card--featured{flex-basis:calc(100% - 40px)}
.kuku-colabora__cloud{min-height:0;padding:8px 0}
.kuku-colabora__pill,.kuku-colabora__pill:nth-child(3n){padding:10px 15px 10px 10px;font-size:15px}
.kuku-colabora__tabs{width:100%}.kuku-colabora__tab{flex:1 1 auto;padding:0 12px}
.kuku-colabora__coin{width:64px;height:64px;font-size:20px}.kuku-colabora__coin--sum{width:74px;height:74px;font-size:24px}.kuku-colabora__op{font-size:20px}
.kuku-colabora__match{gap:8px}
.kuku-colabora__button{white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce){.kuku-colabora__button,.kuku-colabora__tile,.kuku-colabora__pill{transition:none}}
