:root{--green:#00865e;--dark-green:#006844;--ink:#3c3d3b;--paper:#eee7da;--display:"Alfa Slab One", Georgia, serif;--body:"Montserrat", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--green);color:#fff;font-family:var(--body);margin:0}button{font:inherit}.landing{max-width:1920px;margin:auto;overflow:hidden}.hero{background:linear-gradient(180deg, #fff 43%, #f7fbf8 57%, #d9eee4 72%, #39ad8c 92%, var(--green));isolation:isolate;height:61vw;max-height:1171px;position:relative}.portrait{z-index:-1;width:42.7%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#000 65%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#000 65%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.portrait svg{width:100%;height:100%;display:block}.hero-copy{width:47%;position:absolute;top:30%;left:9%}.brand{mix-blend-mode:multiply;width:58%;height:auto;margin:0 auto 5.2vw;display:block}h1{color:var(--ink);align-items:center;gap:2.5vw;margin:0;font-weight:400;line-height:1;display:flex}.headline-copy{flex-direction:column;flex:1;min-width:0;display:flex}.estamos{font-family:var(--display);letter-spacing:-.045em;white-space:nowrap;transform-origin:0;width:138.9%;font-size:7vw;line-height:1.12;transform:scaleX(.72)}.preparando{letter-spacing:-.03em;white-space:nowrap;color:#007e53;margin-top:.2em;font-family:Arial,sans-serif;font-size:2.5vw;font-weight:900}.district{font-family:var(--display);white-space:nowrap;color:#006640;letter-spacing:-.055em;transform-origin:0;flex-shrink:0;width:37%;font-size:9.5vw;line-height:.95;transform:scaleX(.8)}.coming{text-align:center;letter-spacing:.65em;width:100%;margin:0;padding-left:.65em;font-size:1.65vw;font-weight:400;position:absolute;bottom:8.5%;left:0}.community{isolation:isolate;background:var(--green);flex-direction:column;justify-content:space-between;align-items:center;min-height:56vw;display:flex;position:relative}.community-images{z-index:-1;opacity:.5;display:flex;position:absolute;inset:-4vw 0 0;-webkit-mask-image:linear-gradient(#0000,#000 22% 75%,#0000);mask-image:linear-gradient(#0000,#000 22% 75%,#0000)}.community-images svg{filter:saturate(.8);width:50%;height:100%;display:block}.community:after{content:"";z-index:-1;background:linear-gradient(#00865e66,#00865e88);position:absolute;inset:0}.message-group{text-align:center;width:100%;padding-top:7vw}.message{text-wrap:balance;max-width:70%;margin:0 auto;font-size:1.85vw;font-weight:400;line-height:1.12}.message em{font-weight:600}#welcome{font-family:var(--display);letter-spacing:-.025em;white-space:nowrap;text-shadow:0 0 7px #fff5;margin:5.1vw auto 0;font-size:8.3vw;font-weight:400;line-height:1.2;transform:scaleX(.85)}.contact{aspect-ratio:760/320;width:40%;color:var(--ink);margin:10vw auto 0;position:relative}.paper{filter:drop-shadow(0 -4px 12px #004b3620);width:100%;height:100%;position:absolute;inset:0}.contact-content{text-align:center;padding:14% 12% 5%;position:relative}.contact h2{margin:0 0 1.3vw;font-size:1.5vw;font-weight:700}.socials{justify-content:center;gap:3.5vw;display:flex}.socials button{color:var(--paper);cursor:pointer;background:#007853;border:0;border-radius:.65vw;place-items:center;width:3.5vw;height:3.5vw;padding:.4vw;transition:transform .22s,background .22s,box-shadow .22s;display:grid}.socials svg{fill:currentColor;width:100%;height:100%;display:block}.socials button:hover{background:#005d40;transform:translateY(-5px)rotate(-3deg);box-shadow:0 7px 12px #00563d33}.socials button:focus-visible,.close:focus-visible{outline-offset:5px;outline:3px solid #31b990}.credit{margin:1.5vw 0 0;font-size:1.03vw;font-weight:600}.credit span{color:#007853}.hero-copy{animation:1s ease-out both intro}.coming{animation:1.3s .4s both appear}.message-group{animation:1.5s .7s both appear}dialog{color:#164d3d;border:0;border-radius:16px;width:min(360px,100% - 40px);padding:28px;font-size:16px;line-height:1.5;box-shadow:0 16px 80px #00352633}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00352699}dialog h2{margin:0 0 12px;font-size:23px}.close{color:#fff;cursor:pointer;background:#007853;border:0;border-radius:7px;min-height:44px;padding:12px 24px}@keyframes intro{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (width>=1920px){.hero{height:1171px}.community{min-height:1075px}.brand{margin-bottom:100px}.estamos{font-size:120px}.preparando{font-size:48px}.district{font-size:182px}h1{gap:48px}.coming{font-size:32px}.message-group{padding-top:134px}.message{font-size:35px}#welcome{margin-top:98px;font-size:159px}.contact{margin-top:192px}.contact h2{margin-bottom:25px;font-size:29px}.socials{gap:67px}.socials button{border-radius:12px;width:67px;height:67px;padding:8px}.credit{margin-top:29px;font-size:20px}}@media (width<=900px){.hero{background:linear-gradient(#fff 40%, #eff7f2 60%, #07936a 91%, var(--green));flex-direction:column;align-items:center;height:auto;min-height:850px;max-height:none;padding:38px 22px 0;display:flex}.hero-copy{z-index:2;width:100%;max-width:480px;position:relative;top:auto;left:auto}.brand{width:260px;max-width:85%;margin:0 auto 35px}h1{justify-content:center;gap:15px;max-width:470px;margin:auto}.headline-copy{flex:0 62%}.estamos{letter-spacing:-.055em;width:115%;font-size:clamp(38px,9.8vw,64px);transform:scaleX(.87)}.preparando{letter-spacing:-.045em;font-size:clamp(16px,3.95vw,25px)}.district{letter-spacing:-.065em;width:33%;font-size:clamp(60px,15.2vw,98px);transform:scaleX(.8)}.portrait{z-index:0;width:calc(100% + 44px);height:550px;margin-top:24px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 8% 64%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 8% 64%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.portrait svg{width:100%;height:100%}.coming{letter-spacing:.42em;z-index:1;margin:-22px 0 20px;padding-left:.42em;font-size:14px;animation:1.3s .4s both appear;position:relative;inset:auto}.community{min-height:600px;padding:30px 20px 0}.community-images{opacity:.28;inset:0}.message-group{padding-top:20px}.message{max-width:430px;font-size:19px;line-height:1.45}.desktop-break{display:none}#welcome{white-space:normal;letter-spacing:-.045em;margin-top:40px;font-size:clamp(37px,9.2vw,65px);line-height:1.25;transform:none}.contact{aspect-ratio:auto;width:min(100%,400px);min-height:220px;margin:90px auto 0}.contact-content{padding:55px 20px 22px}.contact h2{margin:0 0 20px;font-size:18px}.socials{gap:30px}.socials button{border-radius:9px;width:48px;height:48px;padding:7px}.credit{margin:19px 0 0;font-size:12px}}@media (width<=360px){.hero{min-height:790px;padding-inline:16px}.portrait{width:calc(100% + 32px);height:500px}.brand{width:240px}.message{font-size:18px}.community{padding-inline:16px}.socials{gap:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.socials button:hover{transform:none}}@media (width<=900px){.hero-copy{order:0}.portrait{order:1}.coming{order:2}}@media (width<=320px){h1{gap:10px}.estamos{font-size:10vw}.preparando{font-size:4vw}.district{font-size:15.5vw}.coming{letter-spacing:.3em;font-size:12px}#welcome{font-size:10vw}}@media (width<=900px){#welcome{letter-spacing:-.045em;font-size:clamp(50px,14vw,80px);line-height:1.15}#welcome span{display:block}.estamos{width:135%;font-size:clamp(42px,11.5vw,72px);transform:scaleX(.74)}}@media (width<=360px){.estamos{font-size:11.5vw}#welcome{font-size:14vw}}.socials button{min-width:44px;min-height:44px}@media (width<=900px){.hero{min-height:0}.coming{margin-bottom:0}.community{justify-content:flex-start;min-height:0;padding-top:28px}.message-group{padding-top:0}#welcome{margin-top:26px}.contact{margin-top:32px}}
