*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f6f5ef;color:#173b34;font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}header{position:sticky;top:0;z-index:30;background:#f6f5eff2;backdrop-filter:blur(14px);border-bottom:1px solid #d7ded1}.navwrap{max-width:1400px;margin:auto;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:30px;font-weight:900;letter-spacing:-2px;text-decoration:none}.logo span{color:#87a921}nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:700}nav a{text-decoration:none}.navcta{background:#d0ef63;padding:10px 16px;border-radius:30px}.wrap{max-width:1328px;margin:auto;padding:0 36px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#9bb72f;margin-right:9px}h1,h2,h3{letter-spacing:-.055em;line-height:1.02;font-weight:800}h1{font-size:clamp(48px,6.2vw,92px);margin:25px 0}h2{font-size:clamp(35px,4vw,58px);margin:18px 0 28px}h3{font-size:27px;margin:20px 0 12px}p{margin:14px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:#d0ef63;color:#163b32;padding:16px 24px;border-radius:32px;text-decoration:none;font-weight:700}.button.dark{background:#173b34;color:white}.hero{padding:34px 0 64px;display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center}.hero-copy{padding:22px 0}.hero p{max-width:490px;font-size:19px;color:#56675e;margin:26px 0}.hero-media{position:relative;height:630px}.hero-media>img{width:100%;height:100%;object-fit:cover;border-radius:12px 105px 12px 12px}.photo-tag{position:absolute;left:20px;bottom:24px;background:#f6f5efe8;backdrop-filter:blur(8px);border-radius:12px;padding:16px 20px;max-width:270px;font-size:14px}.photo-tag strong{display:block;font-size:20px}.stamp{position:absolute;right:-18px;top:18px;transform:rotate(9deg);background:#d0ef63;color:#173b34;border-radius:50%;width:130px;height:130px;display:grid;place-items:center;text-align:center;line-height:1.2;font-weight:800;padding:20px;border:6px solid #f6f5ef}.hero-bottom{margin-top:30px;display:flex;gap:18px;align-items:center;font-size:13px;color:#637168}.tiny-photos{display:flex}.tiny-photos img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:3px solid #f6f5ef;margin-right:-12px}.ribbon{background:#173b34;color:#d0ef63;padding:22px 20px;text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:.18em;word-spacing:.2em}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.section-head p{max-width:370px;color:#617065}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{display:block;text-decoration:none;background:white;border-radius:16px;overflow:hidden;border:1px solid #e0e5da;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #183b3410}.card-image{height:275px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.035)}.number{position:absolute;left:22px;top:20px;background:#d0ef63;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font-weight:800}.card-copy{padding:27px 30px 30px}.card-copy p{font-size:16px;color:#637168;max-width:480px}.card-link{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #e0e5da;margin-top:24px;font-size:14px;font-weight:700}.gallery{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:18px}.gallery figure{margin:0}.gallery img{width:100%;height:280px;object-fit:cover;border-radius:12px}.gallery figcaption{padding:13px 0;font-size:13px;color:#637168}.project-feature{background:#173b34;color:white;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.project-feature img{width:100%;height:100%;min-height:500px;object-fit:cover}.project-copy{padding:58px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-copy p{color:#c1d1c2;margin-bottom:28px}.stats{display:flex;gap:28px;margin:14px 0 25px}.stats strong{display:block;font-size:39px;color:#d0ef63;letter-spacing:-.05em}.stats span{font-size:13px}.banner{position:relative;background:#d0ef63;border-radius:24px;padding:58px;overflow:hidden}.banner:after{content:'↗';position:absolute;right:35px;top:-45px;font-size:290px;line-height:1;opacity:.13;pointer-events:none}.banner p{max-width:580px;font-size:19px}.banner .button{margin-top:20px;position:relative;z-index:1}footer{background:#173b34;color:#c3d1c7;margin-top:60px}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding:50px 0;font-size:14px}.footer-inner .logo{color:white}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.article{max-width:850px;margin:auto;padding:58px 0}.article h1{font-size:clamp(39px,5vw,65px);margin:30px 0}.article h2{font-size:31px;margin-top:45px}.article p{line-height:1.8;font-size:18px}.intro{font-size:21px!important;color:#617065}.article-cover{margin:30px 0 35px}.article-cover img{width:100%;height:420px;object-fit:cover;border-radius:16px}.article-cover figcaption{font-size:13px;color:#637168;margin:8px 0}.toc{border-left:4px solid #a9ce3d;background:#edf2e2;padding:25px 28px;border-radius:0 14px 14px 0}.toc a{display:block;margin:10px 0;font-size:16px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#d0ef63;padding:26px;border-radius:16px}.fact{font-size:13px}.fact strong{display:block;font-size:26px}.article .banner{padding:35px;margin-top:40px}.article .banner h2{margin-top:0}.library-hero{padding:75px 0 45px}.library-hero p{max-width:630px;color:#617065;font-size:21px}.motion-section{height:340vh;background:#f1f0ec;position:relative;scroll-margin-top:80px}.motion-sticky{height:calc(100svh - 77px);min-height:620px;position:sticky;top:77px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.motion-head{display:flex;justify-content:space-between;align-items:end;gap:20px;position:relative;z-index:2}.motion-head h2{margin-bottom:10px;font-size:clamp(33px,3.6vw,53px)}.motion-head p{max-width:350px;color:#617065;font-size:15px}.motion-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center}.motion-stage canvas{display:block;max-width:100%;width:auto;height:100%;max-height:520px;object-fit:contain}.motion-stage img{display:none}.motion-caption{position:absolute;bottom:8px;left:0;font-size:12px;color:#637168;background:#f1f0ecdb;padding:5px 10px}.motion-controls{display:flex;gap:18px;align-items:center;padding-bottom:20px;font-size:13px}.motion-controls button{border:1px solid #bac6aa;border-radius:22px;padding:8px 16px;background:transparent;color:#173b34;cursor:pointer}.motion-controls button.active{background:#173b34;color:white}.motion-controls input{flex:1;accent-color:#173b34;min-width:50px}.phase{font-weight:bold;min-width:105px}.motion-progress{height:4px;background:#dae0cc;position:absolute;bottom:0;left:0;right:0}.motion-progress span{display:block;background:#8cac22;height:100%;width:0}.noscript-motion{width:100%}.reading-label{color:#617065;font-size:14px}.reveal{animation:appear .6s both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.motion-stage canvas{max-height:640px}}@media(max-width:900px){.hero{gap:25px}.hero-media{height:530px}.stamp{width:100px;height:100px;font-size:13px;right:-7px}.project-copy{padding:35px}.stats{gap:18px}.gallery img{height:210px}nav{gap:14px}.motion-head p{max-width:250px}}
@media(max-width:650px){.navwrap{padding:15px 20px;gap:10px}.logo{font-size:25px}nav{gap:12px;font-size:12px}nav .navcta{display:none}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;padding:22px 0 38px;gap:20px}.hero-copy{padding:10px 0}.hero h1{font-size:53px;max-width:360px}.hero p{font-size:17px;margin:22px 0}.hero-media{height:390px}.hero-media>img{border-radius:12px 75px 12px 12px}.stamp{top:15px;right:7px}.hero-bottom{margin-top:24px}.section{padding:50px 0}.section-head{display:block}.section-head p{font-size:16px}.ribbon{font-size:11px;letter-spacing:.09em;line-height:2;padding:16px}.grid{grid-template-columns:1fr;gap:20px}.card-image{height:245px}.card-copy{padding:24px}.card h3{font-size:27px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery figure:first-child{grid-column:1/-1}.gallery img{height:200px}.gallery figure:first-child img{height:270px}.project-feature{grid-template-columns:1fr}.project-feature img{min-height:0;height:300px}.project-copy{padding:32px 26px}.stats strong{font-size:32px}.banner{padding:35px 26px;border-radius:16px}.banner:after{font-size:200px;right:0;top:0}.banner p{font-size:17px}.footer-inner{display:block;padding:35px 0}.footer-links{margin-top:25px;gap:17px}.article{padding:35px 0}.article h1{font-size:40px}.article p{font-size:17px}.article h2{font-size:28px}.article-cover img{height:280px}.facts{grid-template-columns:1fr 1fr;padding:20px}.library-hero{padding:45px 0 25px}.library-hero h1{font-size:52px}.motion-section{height:260vh}.motion-sticky{top:64px;height:calc(100svh - 64px);min-height:530px}.motion-head{display:block;padding-top:24px}.motion-head h2{font-size:37px}.motion-head p{font-size:13px;max-width:100%;margin:10px 0}.motion-stage{margin:0 -20px}.motion-stage canvas{width:100%;height:auto;max-height:100%}.motion-caption{left:20px;font-size:10px;bottom:4px;max-width:280px}.motion-controls{gap:9px;flex-wrap:wrap;font-size:12px;padding-bottom:16px}.motion-controls button{padding:8px 12px}.phase{min-width:85px}.motion-controls input{width:100%;flex-basis:100%;order:4}.article .banner{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.card-image img{transition:none}.reveal{animation:none}.motion-section{height:auto}.motion-sticky{position:relative;top:0;height:auto;min-height:650px}.motion-stage{min-height:350px}}