@font-face{font-family:Gotham;src:url("Fonts/Gotham-Book.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url("Fonts/Gotham-Medium.otf") format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url("Fonts/Gotham-Bold.otf") format("opentype");font-weight:700;font-display:swap}
@font-face{font-family:Gotham;src:url("Fonts/Gotham-Black.otf") format("opentype");font-weight:900;font-display:swap}
@font-face{font-family:Gotham Ultra;src:url("Fonts/Gotham-Ultra.otf") format("opentype");font-weight:900;font-display:swap}
@font-face{font-family:Gotham;src:url("Fonts/Gotham-LightItalic.otf") format("opentype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:Barlow;src:url("Fonts/BarlowSemiCondensed-SemiBold.otf") format("opentype");font-weight:600;font-display:swap}
@font-face{font-family:Myriad;src:url("Fonts/MyriadPro-Regular.otf") format("opentype");font-weight:400;font-display:swap}

:root{--blue:#294351;--orange:#f78645;--white:#eaedf1}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--white)}
body{font-family:Gotham,Arial,sans-serif}
p,h1,h2{margin:0}
img{display:block;height:auto;max-width:100%}
.landing{--u:min(.048828125vw,.086805556svh);position:relative;width:100%;height:100svh;overflow:hidden;color:var(--white);isolation:isolate}
.building,.left-strip,.blue-triangle,.orange-triangle{position:absolute;pointer-events:none;z-index:-1}
.building{inset:0 0 0 20.75%;background:url("img/fundo predio.webp") 70% 30%/115% 115% no-repeat}
.left-strip{inset:0 auto 0 0;width:20.75%;background:var(--white)}
.blue-triangle{left:4.3%;top:7.64%;width:48.75%;height:62.68%;background:var(--blue);clip-path:polygon(0 0,100% 0,0 100%)}
.orange-triangle{right:0;bottom:0;width:28.6%;height:40.5%;background:var(--orange);clip-path:polygon(100% 0,100% 100%,0 100%)}
.credit,.launch,.brand,.announcement,.floor-plan,.fine-lines,.bedrooms,.leisure,.contact,.headline,.registration,.location{position:absolute}
.credit{left:4.3%;top:5.45%;color:#c3c6c7;font:400 calc(15 * var(--u))/1.2 Myriad,Arial,sans-serif}
.launch{left:7.45%;top:10.55%;color:var(--orange);font-size:calc(24 * var(--u));font-weight:700;letter-spacing:calc(28 * var(--u));white-space:nowrap}
.brand{left:6.5%;top:17.7%;width:23.15%;line-height:0}
.brand img{width:100%}
.announcement{left:6.7%;top:40.05%;font-size:calc(26 * var(--u));font-weight:500;line-height:1.33}
.floor-plan{left:6.72%;top:49.95%;display:flex;flex-direction:column}
.floor-plan span{font-size:calc(16 * var(--u));font-weight:700;letter-spacing:calc(2 * var(--u))}
.floor-plan strong{font:600 calc(54 * var(--u))/1 Barlow,Arial,sans-serif}
.floor-plan sup{font-size:.56em;vertical-align:super}
.fine-lines{left:6.72%;top:57.55%;width:calc(83 * var(--u));display:grid;gap:calc(12 * var(--u))}
.fine-lines i{height:calc(2 * var(--u));background:var(--white)}
.fine-lines i:nth-child(2){width:78%}.fine-lines i:nth-child(3){width:58%}.fine-lines i:nth-child(4){width:36%}.fine-lines i:nth-child(5){width:15%}
.bedrooms{left:7.35%;top:57.1%;width:11.75%;display:flex;align-items:center;flex-direction:column;color:var(--blue)}
.bedroom-count{color:var(--orange);font:700 calc(213 * var(--u))/.85 Gotham,Arial,sans-serif;letter-spacing:calc(-9 * var(--u))}
.bedroom-label{position:relative;margin-top:calc(-36 * var(--u));font:900 calc(65 * var(--u))/1 Gotham Ultra,Arial,sans-serif;letter-spacing:calc(-2 * var(--u))}
.parking{margin-top:calc(3 * var(--u));background:var(--orange);padding:calc(4 * var(--u)) calc(7 * var(--u));font-size:calc(18 * var(--u));font-weight:700;letter-spacing:calc(.7 * var(--u));white-space:nowrap}
.leisure{left:4.4%;top:80.4%;width:14.7%;height:3.25%;display:flex;align-items:center;justify-content:flex-end;gap:calc(12 * var(--u));padding-right:calc(13 * var(--u));background:var(--blue);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);font-size:calc(18 * var(--u));white-space:nowrap}
.leisure img{width:calc(44 * var(--u))}
.contact{left:5.05%;top:87.15%;color:var(--blue);font-size:calc(22 * var(--u))}
.phone,.social{display:flex;align-items:center;gap:calc(17 * var(--u));white-space:nowrap}
.phone{color:inherit;text-decoration:none;font-weight:500}
.contact img{width:calc(36 * var(--u));height:calc(36 * var(--u))}
.social{margin-top:calc(13 * var(--u));gap:calc(10 * var(--u))}
.social a{color:inherit;text-decoration:none}
.social a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.social span{margin-left:calc(7 * var(--u))}
.headline{right:5.8%;top:11.45%;text-align:right;font-size:calc(38 * var(--u));line-height:1.05;letter-spacing:calc(.3 * var(--u))}
.headline strong{font-weight:700}
.registration{left:73.75%;top:26.04%;width:20.8%;height:47.92%;padding:calc(29 * var(--u)) calc(30 * var(--u));border:calc(2 * var(--u)) solid #71828c;background:rgba(41,67,81,.87)}
.offer{text-align:center;font-size:calc(22 * var(--u));line-height:1.45;white-space:nowrap}
.offer strong{font-weight:700;font-size:calc(21 * var(--u))}
.registration h2{margin-top:calc(25 * var(--u));text-align:center;color:var(--orange);font-size:calc(24 * var(--u));line-height:1.2;white-space:nowrap}
.fields{display:grid;gap:calc(27 * var(--u));margin-top:calc(30 * var(--u))}
.fields label{display:block;min-width:0}
.fields input{display:block;width:100%;height:calc(53 * var(--u));border:calc(1 * var(--u)) solid #526875;border-radius:0;padding:0 calc(12 * var(--u));background:#3b5361;color:var(--white);font:300 italic calc(16 * var(--u))/1.2 Gotham,Arial,sans-serif}
.fields input::placeholder{color:#c6d0d6;opacity:1}
.fields input:focus-visible{outline:calc(2 * var(--u)) solid var(--orange);outline-offset:calc(2 * var(--u))}
.registration button{display:block;width:100%;height:calc(64 * var(--u));margin-top:calc(38 * var(--u));border:0;border-radius:0;background:var(--orange);color:#fff;cursor:pointer;font:500 calc(25 * var(--u))/1 Gotham,Arial,sans-serif;letter-spacing:calc(.3 * var(--u))}
.registration button:hover{background:#fa945a}
.registration button:focus-visible,.phone:focus-visible{outline:2px solid var(--white);outline-offset:4px}
.required-note{margin-top:calc(18 * var(--u));color:#c6d0d6;font:300 italic calc(14 * var(--u))/1.2 Gotham,Arial,sans-serif}
.form-status{position:absolute;top:calc(100% + 8 * var(--u));left:0;width:100%;padding:calc(10 * var(--u));background:var(--blue);font-size:calc(16 * var(--u));line-height:1.4}
.location{right:0;bottom:5.48%;width:27.4%;height:14.1%}
.location-label{position:absolute;top:0;right:27.4%;width:60%;height:34%;display:flex;align-items:center;justify-content:center;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}
.location-label span{margin-left:calc(22 * var(--u));font-size:calc(26 * var(--u));font-weight:500;letter-spacing:calc(5 * var(--u));white-space:nowrap}
.location-pin{position:absolute;right:19.6%;top:calc(-13 * var(--u));width:calc(60 * var(--u));height:auto}
.partners{position:absolute;bottom:0;right:0;width:100%;height:42%;display:flex;align-items:center;gap:calc(43 * var(--u));padding-left:calc(82 * var(--u));background:var(--white);clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}
.partners .caixa{width:calc(119 * var(--u))}.partners .mcmv{width:calc(124 * var(--u))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Entrada suave, uma vez por elemento, sem alterar a composição. */
.reveal{opacity:0;transform:translate3d(0,20px,0)}
.reveal.is-visible{animation:item-entrance .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s) both}
.reveal:focus-within{opacity:1;transform:none;animation:none}
@keyframes item-entrance{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:no-preference){
  .building{animation:background-entrance 1.4s cubic-bezier(.22,1,.36,1) both}
  @keyframes background-entrance{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1;transform:none;animation:none}}

@media(max-width:767px){
  .landing{--u:1px;height:auto;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;background:var(--white);color:var(--blue)}
  .building{inset:0 0 auto;height:660px;background-size:cover;background-position:56% center;opacity:1}
  .left-strip{display:none}
  .blue-triangle{left:0;top:0;width:100%;height:520px;clip-path:polygon(0 0,100% 0,100% 62%,0 100%)}
  .orange-triangle{bottom:0;width:100%;height:260px}
  .development{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px 24px 28px;min-height:725px}
  .credit,.launch,.brand,.announcement,.floor-plan,.bedrooms,.leisure,.contact,.headline,.registration,.location{position:relative;inset:auto}
  .credit{font-size:10px;color:#bcc7cd}
  .launch{margin-top:20px;font-size:15px;letter-spacing:5px}
  .brand{width:min(290px,90%);margin-top:30px}
  .announcement{margin-top:32px;font-size:21px;color:var(--white)}
  .floor-plan{margin-top:23px;color:var(--white)}
  .floor-plan span{font-size:12px}.floor-plan strong{font-size:44px}
  .fine-lines{display:none}
  .bedrooms{align-self:flex-end;width:175px;margin-top:25px;padding:12px 5px 10px;background:var(--white)}
  .bedroom-count{font-size:120px}.bedroom-label{font-size:43px;margin-top:-17px}.parking{font-size:12px;margin-top:5px}
  .leisure{width:240px;height:33px;min-height:33px;margin-top:25px;font-size:14px;padding-right:12px;gap:10px;color:var(--white)}
  .leisure img{width:35px}
  .contact{margin-top:22px;font-size:17px}
  .contact img{width:30px;height:30px}
  .phone{gap:12px}.social{margin-top:10px;gap:9px}.social span{margin-left:3px}
  .headline{margin:4px 24px 26px;font-size:27px;line-height:1.15;text-align:center;color:var(--blue)}
  .registration{width:calc(100% - 48px);max-width:426px;height:auto;margin:0 auto;padding:27px 22px;background:var(--blue);color:var(--white);border:1px solid #71828c}
  .offer{font-size:17px;white-space:normal}.offer strong{font-size:16px}
  .registration h2{font-size:20px;margin-top:24px;white-space:normal}
  .fields{margin-top:24px;gap:16px}.fields input{height:50px;font-size:16px;padding:0 12px}
  .registration button{height:54px;margin-top:24px;font-size:22px}
  .required-note{margin-top:15px;font-size:12px}
  .form-status{position:static;font-size:14px;margin-top:16px;padding:0;color:var(--white)}
  .location{width:100%;height:145px;margin-top:36px;margin-bottom:24px}
  .location-label{right:49px;width:250px;height:45px;color:var(--white)}
  .location-label span{font-size:20px;letter-spacing:3px;margin-left:10px}
  .location-pin{top:-9px;right:17px;width:49px}
  .partners{width:calc(100% - 24px);height:60px;padding-left:50px;justify-content:center;gap:28px;padding-right:20px}
  .partners .caixa{width:100px}.partners .mcmv{width:110px}
}
@media(max-width:359px){.development{padding-inline:18px}.launch{font-size:13px;letter-spacing:4px}.registration{width:calc(100% - 36px);padding-inline:18px}.headline{font-size:24px}.partners{gap:20px;padding-left:36px}.partners .caixa{width:90px}.partners .mcmv{width:100px}}