@font-face{font-family:Kyiv;src:url("fonts/KyivTypeSans-VarGX.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--green:#173c2d;--paper:#edf3e8;--orange:#ef6948;--line:rgba(23,60,45,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--green);font-family:Kyiv,Arial,sans-serif}a{color:inherit;text-decoration:none}.ground-nav{display:flex;position:absolute;z-index:2;top:0;width:100%;justify-content:space-between;padding:28px clamp(22px,5vw,70px);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.ground-nav>a:first-child,.ground-nav>a:last-child,.ground-label{color:var(--orange)}.ground-logo{font-size:18px;letter-spacing:-.06em}.ground-hero{position:relative;min-height:780px;overflow:hidden;padding:180px clamp(24px,12vw,180px) 100px;background:#d8e7dc}.ground-hero h1{position:relative;z-index:1;margin:55px 0 25px;font-size:clamp(80px,13vw,190px);font-weight:450;letter-spacing:-.11em;line-height:.76}.ground-hero h1 i,.atlas h2 i,.ground-invite h2 i{color:var(--orange);font-style:normal}.ground-intro{position:relative;z-index:1;max-width:355px;font-size:15px;line-height:1.5}.ground-button{display:inline-flex;position:relative;z-index:1;min-width:200px;align-items:center;justify-content:space-between;margin-top:32px;border:1px solid var(--green);border-radius:99px;padding:13px 14px 13px 19px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.ground-button span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--orange);color:var(--paper)}.climate-orbit{position:absolute;right:5%;top:17%;display:grid;width:min(48vw,650px);aspect-ratio:1;place-items:center;border:1px solid rgba(23,60,45,.35);border-radius:50%;transform:rotate(24deg)}.climate-orbit:before,.climate-orbit:after{position:absolute;inset:12%;border:1px solid rgba(23,60,45,.28);border-radius:50%;content:""}.climate-orbit:after{inset:31%;border-color:var(--orange)}.climate-orbit span{z-index:1;font-size:clamp(28px,5vw,70px);letter-spacing:-.1em}.climate-orbit i,.climate-orbit b{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--orange)}.climate-orbit i{top:9%}.climate-orbit b{right:12%;bottom:28%;background:var(--green)}.ground-coordinates{position:absolute;right:12%;bottom:12%;font-size:10px;letter-spacing:.12em;line-height:1.6}.atlas{padding:clamp(85px,12vw,170px) clamp(24px,12vw,180px);background:var(--paper)}.atlas-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.atlas h2,.ground-invite h2{margin:28px 0;font-size:clamp(58px,8vw,120px);font-weight:450;letter-spacing:-.1em;line-height:.8}.atlas-head>p{max-width:250px;margin:0;font-size:13px;line-height:1.5}.atlas-controls{display:flex;gap:8px;margin:70px 0 15px}.atlas-controls button{border:1px solid var(--line);border-radius:99px;padding:10px 15px;background:transparent;color:var(--green);font-size:11px;cursor:pointer}.atlas-controls button.is-active,.atlas-controls button:hover{background:var(--green);color:var(--paper)}.map-grid{position:relative;height:min(55vw,570px);min-height:370px;overflow:hidden;background:#c4d7c8;background-image:linear-gradient(30deg,transparent 48%,rgba(23,60,45,.2) 49%,transparent 51%),linear-gradient(120deg,transparent 48%,rgba(23,60,45,.16) 49%,transparent 51%);background-size:85px 85px}.map-street{position:absolute;background:rgba(23,60,45,.2);transform:rotate(35deg)}.street-a{top:-20%;left:18%;width:14px;height:150%}.street-b{top:-20%;left:61%;width:30px;height:150%;transform:rotate(95deg)}.street-c{top:58%;left:-10%;width:130%;height:10px;transform:rotate(-18deg)}.map-pin{position:absolute;display:grid;width:40px;height:40px;place-items:center;border:2px solid var(--paper);border-radius:50%;background:var(--orange);color:var(--paper);font-size:12px}.pin-a{top:25%;left:30%}.pin-b{top:52%;right:25%;background:var(--green)}.pin-c{bottom:17%;left:53%;background:#dfaa39}.map-readout{position:absolute;right:24px;bottom:24px;display:grid;max-width:230px;gap:10px;padding:20px;background:var(--paper)}.map-readout span,.map-readout small{font-size:10px;letter-spacing:.1em}.map-readout strong{font-size:48px;font-weight:450;letter-spacing:-.08em}.ground-observations{padding:clamp(85px,12vw,170px) clamp(24px,12vw,180px);background:var(--green);color:var(--paper)}.observation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.observation-grid article{border-top:1px solid rgba(237,243,232,.4);padding-top:15px}.observation-grid span{color:var(--orange);font-size:11px}.observation-grid strong{display:block;margin:70px 0 18px;font-size:28px;font-weight:450;letter-spacing:-.06em}.observation-grid p{max-width:200px;color:rgba(237,243,232,.68);font-size:13px;line-height:1.5}.observation-grid a{display:inline-block;margin-top:22px;border-bottom:1px solid var(--orange);padding-bottom:6px;color:var(--orange);font-size:11px}.observation-visual{position:relative;height:130px;margin:24px 0 22px;overflow:hidden;border:1px solid rgba(237,243,232,.32);background:rgba(237,243,232,.06)}.observation-visual--trees{background:linear-gradient(155deg,transparent 45%,rgba(239,105,72,.18) 46% 47%,transparent 48%),linear-gradient(25deg,transparent 42%,rgba(237,243,232,.12) 43% 44%,transparent 45%)}.observation-visual--trees:before,.observation-visual--trees:after{position:absolute;bottom:18px;width:54px;height:54px;border:1px solid var(--orange);border-radius:50%;content:""}.observation-visual--trees:before{left:18%;box-shadow:70px 18px 0 -8px var(--green),140px -6px 0 -13px var(--orange)}.observation-visual--trees i{position:absolute;bottom:0;left:24%;width:1px;height:42px;background:var(--orange);box-shadow:70px 18px 0 var(--paper),140px -6px 0 var(--orange)}.observation-visual--water{background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(237,243,232,.17) 19px 20px)}.observation-visual--water:before{position:absolute;top:58%;left:-5%;width:110%;height:2px;background:var(--orange);box-shadow:0 -20px 0 rgba(237,243,232,.45),0 20px 0 rgba(237,243,232,.25);content:"";transform:rotate(-8deg)}.observation-visual--water i{position:absolute;top:20%;left:22%;width:8px;height:8px;border:1px solid var(--orange);border-radius:50%;box-shadow:95px 40px 0 var(--orange),180px 10px 0 var(--paper)}.observation-visual--measure{display:flex;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 50%,rgba(239,105,72,.3),transparent 38%)}.observation-visual--measure i{display:block;width:34px;height:34px;border:1px solid var(--orange);border-radius:50%}.observation-visual--measure i:nth-child(2){width:58px;height:58px;border-color:var(--paper)}.observation-visual--measure i:nth-child(3){width:82px;height:82px;border-color:var(--orange)}.observation-visual--measure b{position:absolute;color:var(--orange);font-size:24px;font-weight:400}.ground-invite{background:#f1d6c1}.ground-invite .ground-label{color:var(--green)}.ground-invite h2{font-size:clamp(70px,11vw,165px)}footer{display:grid;grid-template-columns:1.2fr 1fr 1.4fr auto;gap:30px;align-items:end;padding:42px clamp(24px,7vw,110px);background:#0e241b;color:var(--paper);font-size:11px;letter-spacing:.1em;text-transform:uppercase}footer p{margin:0;color:rgba(237,243,232,.6);font-size:10px;line-height:1.5;text-transform:none}footer nav{display:flex;justify-content:flex-end;gap:24px}footer nav a{color:var(--orange)}.footer-mark{font-size:18px;line-height:.8;letter-spacing:-.06em}.footer-mark i{color:var(--orange);font-style:normal}footer>span{color:rgba(237,243,232,.55);font-size:9px;white-space:nowrap}@media(max-width:700px){.ground-hero{min-height:700px;padding:145px 24px 80px}.climate-orbit{right:-28%;top:30%;width:105vw;opacity:.7}.ground-hero h1{font-size:72px}.ground-coordinates{right:24px}.atlas-head{display:block}.atlas-head>p{margin-top:30px}.atlas-controls{flex-wrap:wrap;margin-top:45px}.observation-grid{grid-template-columns:1fr;gap:45px}.observation-grid strong{margin-top:35px}.map-readout{right:12px;bottom:12px}.ground-invite h2{font-size:72px}footer{grid-template-columns:1fr 1fr;gap:28px 20px}footer nav{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}footer>span{justify-self:end}}
/* Keep the final invitation and footer readable in short viewports. */
.ground-invite{padding-top:clamp(60px,8vw,105px);padding-bottom:clamp(60px,8vw,105px)}
.ground-invite h2{margin:24px 0;font-size:clamp(64px,9vw,135px)}
footer{align-items:center;padding-top:32px;padding-bottom:32px}
@media(max-width:700px){.ground-invite{padding-top:55px;padding-bottom:55px}}