:root{--ink:#172a27;--cream:#f5f2e9;--green:#a8c94a;--green-dark:#244d3b;--coral:#f08768;--blue:#92cbd1;--line:rgba(23,42,39,.18);--sans:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,242,233,.92);backdrop-filter:blur(14px);z-index:5}.brand{display:flex;align-items:center}.brand img{display:block;width:145px;height:auto}.main-nav{display:flex;gap:2.4rem;font-size:.83rem;font-weight:600}.main-nav a{opacity:.55;transition:.2s}.main-nav a:hover,.main-nav a.active{opacity:1}.main-nav a.active:after{content:"";display:block;width:5px;height:5px;background:var(--coral);border-radius:50%;margin:5px auto -10px}.menu-toggle{display:none;background:none;border:0;font:inherit;font-weight:700}.section{padding:115px 10vw}.hero{min-height:calc(100vh - 82px);padding-top:100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#5a726d;margin:0 0 25px;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:25px;height:2px;background:var(--coral)}h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0;letter-spacing:-.065em}h1{font-size:clamp(4rem,8vw,7.8rem);font-weight:500}h1 em,h2 em{font-weight:700;color:#719d32;font-style:normal}.hero-intro{max-width:380px;color:#57706a;font-size:1.05rem;margin:28px 0 35px}.hero-actions{display:flex;align-items:center;gap:25px}.button{padding:15px 20px;font-weight:700;font-size:.82rem}.button-primary{background:var(--green-dark);color:#fff;border-radius:30px}.button-primary span{margin-left:20px;color:var(--green);font-size:1.2rem}.audio-link{font-size:.8rem;font-weight:700}.play-icon{border:1px solid var(--ink);border-radius:50%;width:32px;height:32px;display:inline-grid;place-items:center;font-size:.6rem;margin-right:8px}.hero-art{height:570px;position:relative;display:grid;place-items:center}.hero-logo-art{position:relative;z-index:3;display:block;width:min(100%,560px);height:auto;border-radius:28px;object-fit:cover;overflow:hidden;box-shadow:0 22px 30px rgba(23,42,39,.16)}.hero-art> :not(.hero-logo-art){display:none}.orbit{position:absolute;border:1px solid rgba(36,77,59,.35);border-radius:50%;transform:rotate(-30deg)}.orbit-one{width:420px;height:180px;right:-5%;top:115px}.orbit-two{width:480px;height:240px;right:-12%;top:80px}.device{position:absolute;width:210px;height:155px;right:28%;top:200px;transform:rotate(-8deg);z-index:2}.device-screen{height:115px;border:12px solid var(--green-dark);border-radius:24px 24px 8px 8px;background:#d3d88e;display:flex;align-items:center;justify-content:center;gap:8px}.device-screen span,.device-screen i,.device-screen b{display:block;width:25px;height:25px;border-radius:50%;background:var(--green-dark)}.device-screen i{width:45px;height:45px;background:var(--coral)}.device-base{height:30px;width:175px;margin:auto;background:var(--green-dark);border-radius:0 0 22px 22px}.stem{position:absolute;height:195px;width:5px;background:var(--green-dark);right:46%;top:298px;transform:rotate(8deg);z-index:1}.leaf{position:absolute;width:110px;height:56px;background:var(--green);border-radius:100% 0 100% 0}.leaf-one{right:47%;top:280px;transform:rotate(-32deg)}.leaf-two{right:33%;top:355px;transform:rotate(55deg);background:#719d32}.plant{position:absolute;width:80px;height:38px;border-radius:100% 0 100% 0;background:var(--green-dark);z-index:2}.plant-one{right:18%;top:420px;transform:rotate(-23deg)}.plant-two{right:23%;top:450px;transform:rotate(40deg);background:var(--green)}.ground{position:absolute;bottom:70px;right:2%;width:450px;height:55px;border-radius:50%;background:var(--green-dark)}.scroll-hint{position:absolute;bottom:35px;left:10vw;color:#69817a;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.scroll-hint span{font-size:1.3rem;margin-right:10px}.project-section{background:#e8e4d8}.section-heading h2{font-size:clamp(2.8rem,5vw,5rem);font-weight:500}.project-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px;margin-top:65px}.project-lead{font-size:1.15rem;max-width:390px}.number-note{display:flex;gap:14px;align-items:center;margin-top:45px}.number-note strong{font:700 4.5rem/1 var(--display);color:var(--coral)}.number-note span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.8}.context-card{padding:35px 30px;background:var(--cream);min-height:245px}.accent-card{background:var(--green)}.card-icon{font-size:2rem;margin-bottom:28px}.context-card h3{font-size:1.35rem;letter-spacing:-.04em;margin-bottom:12px}.context-card p{font-size:.82rem;color:#5c716c}.accent-card p{color:#2c493b}.team-dots{display:flex;margin-top:25px}.team-dots span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--green);background:var(--green-dark);color:#fff;font-size:.6rem;margin-left:-5px}.problem-section{background:var(--green-dark);color:#f5f2e9;display:grid;grid-template-columns:1fr 2fr;gap:8vw;min-height:510px;align-items:center}.problem-label{font-family:var(--display);font-size:1.2rem;color:var(--green);line-height:1.2}.eyebrow.light{color:#b4c3b4}.problem-content h2{font-size:clamp(3rem,6vw,6rem);font-weight:500}.problem-content h2 em{color:var(--green)}.problem-content>p:not(.eyebrow){max-width:480px;color:#bbccc0;margin:30px 0}.text-link{color:var(--green);font-weight:700;font-size:.8rem;border-bottom:1px solid var(--green);padding-bottom:7px}.text-link span{margin-left:20px}.system-section{background:#e8e4d8}.inline-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.heading-detail{max-width:290px;color:#647872;font-size:.85rem}.system-visual{max-width:750px;height:400px;margin:50px auto 30px;position:relative}.system-orb{position:absolute;border-radius:50%;display:grid;place-items:center;text-align:center}.system-orb span{font:700 2rem var(--display)}.system-orb small{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.orb-large{width:190px;height:190px;top:105px;left:38%;background:var(--green);z-index:2}.orb-large small{color:#42662d}.orb-small{width:115px;height:115px;background:var(--cream);border:1px solid var(--line);font-size:.7rem;z-index:2}.orb-top{top:0;left:5%}.orb-bottom{bottom:0;right:4%}.orb-bottom span{color:var(--coral)}.connector{height:1px;background:var(--green-dark);position:absolute;transform-origin:left center;width:290px;left:20%;top:30%}.connector-two{transform:rotate(32deg);left:56%;top:65%;width:245px}.system-center{position:absolute;z-index:3;left:41%;top:146px;text-align:center}.center-circle{width:135px;height:75px;border-radius:50%;background:var(--green-dark);color:var(--green);display:grid;place-items:center;font:700 .75rem/.85 var(--display);letter-spacing:.1em}.center-circle strong{color:#fff}.system-center>span{font-size:.65rem;display:block;margin-top:10px;white-space:nowrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px}.features article{position:relative;padding-left:44px}.features article>span{position:absolute;left:0;font-size:1.5rem;color:var(--coral)}.features h3{font-size:1.1rem;letter-spacing:-.03em}.features p{font-size:.8rem;color:#667c75}.impact-section{background:var(--cream)}.impact-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.impact-top>p{max-width:340px;font-size:.9rem;color:#61756f}.impact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px}.odd-card{min-height:215px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.odd-green{background:#779d3d}.odd-blue{background:#75b5bd}.odd-coral{background:#e9785e}.odd-number{font:500 2.4rem var(--display)}.odd-card h3{font-size:1.25rem;letter-spacing:-.04em}.odd-card p{font-size:.75rem;margin:.5rem 0 0}.arrow{align-self:flex-end;font-size:1.5rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:60px;padding:30px 0}.stats div{padding:0 30px;border-left:1px solid var(--line)}.stats div:first-child{padding-left:0;border-left:0}.stats strong{font:500 3.2rem var(--display);letter-spacing:-.08em}.stats strong span{color:var(--coral);font-size:1.5rem}.stats p{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin:5px 0 0}.gallery-section{background:var(--green-dark);color:#f5f2e9}.gallery-section .eyebrow{color:#b8c5bb}.gallery-section .heading-detail{color:#b3c2b6}.gallery-section h2 em{color:var(--green)}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin-top:60px}.abstract-photo{height:290px;position:relative;overflow:hidden}.abstract-photo span{position:absolute;top:15px;left:15px;z-index:1;font:700 2.5rem var(--display);color:rgba(255,255,255,.8)}.photo-one{background:linear-gradient(130deg,#d9d59b 20%,#779d3d 20% 46%,#f08768 46% 65%,#244d3b 65%)}.photo-one:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#c5d273;right:-30px;bottom:-50px}.photo-two{background:linear-gradient(45deg,#75b5bd,#d7daae 50%,#e9785e 51%)}.photo-two:after{content:"";position:absolute;width:120px;height:240px;border:18px solid var(--green-dark);border-radius:50%;transform:rotate(25deg);left:35%;top:10%}.photo-three{background:linear-gradient(145deg,#e9785e,#f4c27d 50%,#779d3d 50%)}.photo-three:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:20px solid rgba(36,77,59,.7);right:10%;top:20%}.gallery-caption{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding-top:13px}.gallery-caption b{color:var(--green);font-size:1.3rem}.audio-area{border-top:1px solid rgba(245,242,233,.25);margin-top:85px;padding-top:40px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.audio-area h3{font-size:2rem}.audio-note{font-size:.75rem;color:#b5c5b9;max-width:280px}.audio-note code{color:var(--green)}.audio-list{display:flex;flex-direction:column;gap:10px}.audio-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px;background:rgba(245,242,233,.08);padding:13px 15px}.audio-lang{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--coral);font-size:.65rem;font-weight:700}.audio-lang.en{background:var(--blue)}.audio-row strong{display:block;font-size:.8rem}.audio-row small{color:#b5c5b9;font-size:.65rem}.audio-row audio{width:190px;height:30px}.site-footer{background:#11241f;color:#c0cec4;padding:28px 6vw;display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.site-footer .brand{color:#fff;font-size:1rem}.footer-year{color:#789087}
@media(max-width:800px){.site-header{height:68px;padding:0 6vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 6vw;background:var(--cream);flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a.active:after{display:none}.section{padding:78px 7vw}.hero{display:block;min-height:auto;padding-top:75px}.hero-art{height:380px;margin-top:25px;transform:scale(.8);transform-origin:top right}.scroll-hint{display:none}.project-grid,.impact-cards,.gallery-grid{grid-template-columns:1fr}.project-grid{gap:15px}.project-lead{max-width:none}.context-card{min-height:0}.problem-section{display:block;min-height:auto}.problem-label{margin-bottom:70px}.inline-heading,.impact-top{display:block}.heading-detail{margin-top:25px}.system-visual{transform:scale(.8);transform-origin:center top;height:330px;margin-bottom:0}.features{grid-template-columns:1fr;gap:15px}.stats{grid-template-columns:1fr;gap:20px}.stats div{padding:12px 0;border-left:0;border-top:1px solid var(--line)}.stats div:first-child{border-top:0}.gallery-grid{gap:28px}.abstract-photo{height:220px}.audio-area{grid-template-columns:1fr;gap:30px;margin-top:60px}.audio-row{grid-template-columns:40px 1fr}.audio-row audio{grid-column:2;width:100%}.site-footer{display:block}.site-footer p{margin:20px 0}.hero-actions{flex-wrap:wrap}}
.prototype-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}.site-footer .brand img{width:125px;background:#fff;padding:6px 8px;border-radius:4px}.back-to-top{position:fixed;right:28px;bottom:28px;width:46px;height:46px;border:0;border-radius:50%;background:var(--coral);color:var(--ink);font:700 1.4rem var(--display);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,visibility .25s,transform .25s;z-index:10;box-shadow:0 8px 18px rgba(23,42,39,.2)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--green)}.back-to-top:focus-visible{outline:3px solid var(--green-dark);outline-offset:3px}