.cip{background:#f8f9f3;color:#153c2d;padding:48px 24px}.cip-wrap{max-width:1320px;margin:auto}.cip header h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;margin:8px 0 14px;color:#153c2d}.cip header{font-size:18px}.cip .cip-eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.cip-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:25px 0 16px;gap:5px}.cip button{font:inherit;cursor:pointer}.cip-tabs button{padding:13px 10px;background:#edf2e8;color:#173d30;border:1px solid #cdd9cc;border-radius:7px;font-size:14px;text-align:left;line-height:1.35}.cip-tabs button span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d9e2d2;margin-right:5px;color:#173d30}.cip-tabs button[aria-pressed=true]{background:#153c2d;color:white}.cip-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);border:1px solid #d0dccf;border-radius:12px;overflow:hidden;background:white}.cip-scene{position:relative;height:440px;overflow:hidden;background:#b5d6db;isolation:isolate}.cip-water{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,#e3f7f9,#76b5c3 65%,#388493);transition:filter 1s}.cip-particle{position:absolute;inset:0 46% 0 -10%;border-radius:0 45% 45% 0;background-image:linear-gradient(90deg,#4b271cb3,#7d512450),var(--cip-texture,radial-gradient(#b77d43,#673b1b));background-size:cover;background-position:center;box-shadow:10px 0 25px #27474350}.cip-coir-label,.cip-water-label{position:absolute;top:18px;color:white;font-size:16px;text-shadow:0 1px 5px #163e3c}.cip-coir-label{left:18px}.cip-water-label{right:18px}.cip-site{position:absolute;left:8%;width:34%;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid #e9d3a67a;border-radius:30px;background:#3b261c80}.cip-negative{font:bold 20px Arial;color:#fff0c7;white-space:nowrap}.cip-ion{display:inline-grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;font:bold 13px Arial;color:#fff;border:1px solid #ffffff90;box-shadow:inset 2px 3px 5px #ffffff65,0 3px 5px #123d3a25}.cip-na{background:#b95310}.cip-k{background:#763dac}.cip-ca{background:#287d35}.cip-mg{background:#176e7e}.cip-no,.cip-cl{background:#d4edf5;color:#163e58}.cip-free .cip-ion{position:absolute;transition:left 1.4s ease,top 1.4s ease,opacity 1.4s ease}.cip-site .cip-ion{animation:cip-arrive .65s ease}.cip-inlet,.cip-outlet{position:absolute;right:15px;background:#f7fcf4e8;padding:5px 12px;border-radius:20px;font-size:13px;color:#153c2d;opacity:0;transition:opacity .5s}.cip-inlet{top:55px}.cip-outlet{bottom:47px}.cip[data-stage="1"] .cip-inlet,.cip[data-stage="3"] .cip-inlet,.cip[data-stage="5"] .cip-inlet,.cip[data-stage="2"] .cip-outlet,.cip[data-stage="4"] .cip-outlet,.cip[data-stage="5"] .cip-outlet{opacity:1}.cip-scene-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:9px 14px;background:#153c2de8;color:white;font-size:13px}.cip-controls{display:flex;flex-wrap:wrap;gap:9px;padding:16px}.cip-controls[hidden]{display:none}.cip-controls button{border:1px solid #aac1ac;background:white;color:#153c2d;border-radius:6px;padding:10px 14px;font-size:14px}.cip-controls [data-play]{background:#153c2d;color:white}.cip-controls [data-status]{width:100%;font-size:13px}.cip-charge{font-size:12px;padding:0 16px;color:#506454}.cip-panel{background:#eaf0e3;padding:28px;font-size:16px;line-height:1.6}.cip-panel h3{font-family:Georgia,serif;font-size:30px;line-height:1.2;margin:12px 0;color:#153c2d}.cip-panel article[hidden]{display:none}.cip-panel dl{border-top:1px solid #c0d0bc;padding-top:15px}.cip-panel dt{font-weight:700;font-size:14px}.cip-panel dd{margin:0 0 12px;font-size:14px}.cip-legend{display:flex;flex-wrap:wrap;gap:16px;padding:20px 0;font-size:13px}.cip-legend>span{display:flex;align-items:center;gap:8px}.cip-legend .cip-ion{width:31px;height:31px;font-size:11px}.cip-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cip-comparison article{padding:22px;border:1px solid #cfdbcc;border-radius:9px;background:#f0f3eb;font-size:15px;line-height:1.6}.cip-comparison h3{font:26px Georgia,serif;color:#153c2d;margin:10px 0}.cip-note,.cip-reference{font-size:13px;line-height:1.6;color:#4d6456}.cip-reference a{color:inherit}.cip button:focus-visible,.cip a:focus-visible{outline:3px solid #a37b19;outline-offset:3px}@keyframes cip-arrive{from{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.cip-main{grid-template-columns:1fr}.cip-tabs{grid-template-columns:repeat(3,1fr)}.cip-panel{padding:22px}.cip-scene{height:410px}}@media(max-width:480px){.cip{padding:32px 16px}.cip-tabs{grid-template-columns:repeat(2,1fr)}.cip-comparison{grid-template-columns:1fr}.cip-scene{height:360px}.cip-site{left:3%;width:45%;gap:3px}.cip-ion{width:30px;height:30px;font-size:11px}.cip-negative{font-size:15px}.cip-coir-label,.cip-water-label{font-size:13px}.cip-legend{gap:12px}.cip-panel h3{font-size:27px}}@media(prefers-reduced-motion:reduce){.cip *{animation:none!important;transition:none!important}}
/* The parent theme hides empty decorative elements. These layers paint the scene. */
.cip .cip-scene .cip-water,.cip .cip-scene .cip-particle{display:block}
.cip-treatment-art{min-height:125px;display:flex;align-items:center;justify-content:center;gap:14px;background:#e1eff0;border-radius:9px;padding:16px;margin-bottom:20px}.cip-granules,.cip-lime-rock{font:600 15px Arial,sans-serif;padding:20px 12px;color:#47605a;background:radial-gradient(circle at 15% 30%,white 0 6px,transparent 7px),radial-gradient(circle at 65% 70%,white 0 7px,transparent 8px),#e5e7df;border:1px solid #c4d1c7;border-radius:35% 55% 40% 25%;box-shadow:0 5px 8px #345a3920}.cip-treatment-art--lime{background:#eee8da}.cip-lime-rock{background:#e0d6bb;color:#625238}.cip-dissolve{font-size:27px;color:#416653}.cip-treatment-water{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:180px}.cip-treatment-water small{flex-basis:100%;text-align:center;font-size:11px;color:#53644c;line-height:1.4;margin-top:5px}@media(max-width:480px){.cip-treatment-art{gap:8px;padding:14px 8px}.cip-granules,.cip-lime-rock{font-size:12px}.cip-treatment-water{max-width:140px}}