@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--forest:#102d26;--ink:#173a2e;--cream:#f4f3e9;--lime:#d4f68b;--muted:#b7c6b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--forest);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #efb96b;outline-offset:6px}.skip{position:absolute;left:10px;top:-100px;background:var(--lime);color:var(--ink);padding:15px;z-index:99}.skip:focus{top:10px}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.7px}.brand-dot{color:var(--lime);margin-left:-10px}nav{display:flex;gap:36px;font-size:13px}nav a:hover,.text-link:hover{color:var(--lime)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;padding:75px 6% 70px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 30px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(58px,6.4vw,96px);line-height:1.01;letter-spacing:-6px;margin:0 0 30px}em{font-style:normal;color:var(--lime)}.intro{max-width:410px;font-size:16px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:27px;margin:32px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:16px 23px;border-radius:4px;border:0;font-size:13px;font-weight:700;cursor:pointer}.lime{background:var(--lime);color:var(--forest)}.button:hover{filter:brightness(1.07);transform:translateY(-2px)}.text-link{font-size:12px}.hero-note{font-size:11px;color:#b7c6b5aa}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;background:radial-gradient(ellipse,#284e37 0,transparent 65%)}.big-frog{width:110%;max-width:580px;position:relative;z-index:1;filter:drop-shadow(0 22px 28px #06171066)}.orbit{position:absolute;border:1px solid #d4f68b22;border-radius:50%;width:100%;aspect-ratio:1}.orbit-two{width:77%}.art-label{position:absolute;font-family:monospace;font-size:9px;letter-spacing:1.5px;color:#9cac93}.top{top:18px;left:22px}.bottom{bottom:14px;right:10px}.spark{position:absolute;color:var(--lime);font-size:34px}.spark-one{right:0;top:100px}.spark-two{left:0;bottom:100px}.ticker{padding:23px 6%;display:flex;justify-content:space-around;gap:20px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:2px}.section{padding:90px 6%;max-width:1440px;margin:auto}h2{font-size:clamp(34px,4vw,57px);line-height:1.13;letter-spacing:-2.5px;margin:0}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:var(--cream);color:var(--ink)}.story em{color:#698446}.story-copy p{color:#526358;font-size:15px;line-height:1.8;margin-top:0}.story-copy .large-copy{font-size:23px;line-height:1.5;color:var(--ink)}.values{display:flex;gap:25px;border-top:1px solid #173a2e22;padding-top:24px;font-size:12px;font-weight:700}.faith{position:relative;background:#203e30;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:30px}.faith .eyebrow{grid-column:1/-1}.faith p:last-of-type{max-width:450px;font-size:16px;line-height:1.9;color:var(--muted);z-index:1}.faith-mark{position:absolute;right:0;top:-90px;font-size:390px;color:#d4f68b06}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:45px}.section-heading>p{max-width:350px;font-size:14px;color:var(--muted);line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-visual{height:230px;position:relative;overflow:hidden;border-radius:5px}.site-visual{background:var(--lime);color:var(--forest);padding:30px}.site-visual>span{font-family:'Space Grotesk';font-size:100px;letter-spacing:-10px}.mini-lines{width:90px;height:30px;border-top:3px solid #173a2e;margin-top:16px;border-bottom:1px solid #173a2e}.ripple-visual{background:#204b42;display:flex;align-items:center;justify-content:center}.ripple-visual i{position:absolute;border:1px solid #bfdb9577;border-radius:50%;width:90px;height:90px}.ripple-visual i:nth-child(2){width:160px;height:160px}.ripple-visual i:nth-child(3){width:240px;height:240px}.ripple-visual span{color:var(--lime)}.signal-visual{background:#e9e9dd;color:#48664d;display:flex;align-items:center;justify-content:space-around}.signal-visual span{font-family:monospace;font-size:44px;letter-spacing:8px;line-height:1.3}.signal-visual b{font-size:80px;font-weight:400}.project-type{font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:25px}h3{font-size:27px;letter-spacing:-1px;margin:14px 0}.project>p:not(.project-type){font-size:14px;line-height:1.8;color:var(--muted);min-height:78px}.project>a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff33;font-size:12px}.project>a:hover{color:var(--lime)}.pond{display:grid;grid-template-columns:.8fr 1.2fr;background:#dce4cf;color:var(--ink);gap:60px}.pond em,.signal em{color:#66823d}.lab-copy>p:not(.eyebrow){line-height:1.8;font-size:14px}.lab-copy label{display:block;font-size:12px;margin:30px 0 12px}input[type=range]{width:100%;max-width:280px;accent-color:var(--forest)}.pond-controls{display:flex;gap:18px;align-items:center;margin-top:25px}.pond-controls .lime{background:var(--forest);color:var(--lime)}.text-button{background:none;border:0;font-size:12px;text-decoration:underline;cursor:pointer;color:var(--ink)}.lab-caption{font-size:8px!important;letter-spacing:1px;margin-top:30px}.water{min-height:370px;background:#183b33;position:relative;overflow:hidden;border-radius:5px;cursor:crosshair}.pond-grid{position:absolute;inset:0;background-image:linear-gradient(#d4f68b08 1px,transparent 1px),linear-gradient(90deg,#d4f68b08 1px,transparent 1px);background-size:35px 35px}.lily{position:absolute;background:#6e934a;border-radius:50%;width:110px;height:70px;clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,45% 55%,35% 100%,0 100%);transform:rotate(-25deg)}.lily-one{top:85px;right:60px}.lily-two{bottom:80px;left:50px;width:70px;height:45px;background:#486e43}.pond-coordinate,.pond-instruction{position:absolute;font-family:monospace;letter-spacing:1px;font-size:9px;color:#adc793}.pond-coordinate{top:20px;left:20px}.pond-instruction{bottom:20px;right:20px}.ripple{position:absolute;width:20px;height:20px;border:1px solid #d4f68b;border-radius:50%;pointer-events:none;animation:ripple var(--duration,2s) ease-out forwards}.water.paused .ripple{animation-play-state:paused}@keyframes ripple{from{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(30);opacity:0}}.signal{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--cream);color:var(--ink)}.signal>div>p:last-child{font-size:14px}.encoder label{font-size:12px;display:block;margin-bottom:12px}.encoder label span{color:#657363;font-size:10px}textarea{width:100%;resize:vertical;min-height:65px;background:#fffef5;border:1px solid #819578;border-radius:4px;padding:15px;color:var(--ink)}.output-label{margin:20px 0 10px;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}output{display:block;min-height:90px;background:var(--forest);color:var(--lime);border-radius:4px;font-family:monospace;font-size:12px;line-height:1.8;padding:18px;overflow-wrap:anywhere}.encoder-note{font-size:10px;color:#657363}.closing{text-align:center;padding-top:100px;padding-bottom:100px}.closing h2{font-size:clamp(40px,5vw,70px);margin-bottom:35px}footer{padding:30px 6%;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);max-width:1440px;margin:auto}footer .brand{font-size:14px;color:var(--cream)}
@media(max-width:800px){header{padding:20px 6%}.brand{font-size:15px}nav{gap:15px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:50px}h1{letter-spacing:-4px}.hero-art{min-height:340px;max-width:470px;width:100%;margin:auto}.big-frog{width:90%}.ticker{flex-wrap:wrap;font-size:8px}.ticker b{display:none}.section{padding:60px 6%}.story,.faith,.pond,.signal{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.project-grid{grid-template-columns:1fr}.project-visual{height:230px}.project>p:not(.project-type){min-height:0}.project{margin-bottom:20px}.water{min-height:330px}footer{flex-wrap:wrap}footer p{display:none}}@media(max-width:420px){nav a:first-child{display:none}.brand img{width:30px;height:30px}.actions{gap:18px}.button{gap:15px}.values{gap:20px}.pond-controls{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ripple{display:none}}