@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071320;--deep:#050d17;--blue:#5db7ef;--white:#f4f7f9;--muted:#a6b2be;--border:#253848;--light:#edf2f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:-999px;top:10px;z-index:99;background:white;color:black;padding:10px}.skip:focus{left:10px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,86px);position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff20}.brand{width:218px;height:70px;display:flex;align-items:center;overflow:hidden}.brand img{width:218px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:35px;font-size:13px;letter-spacing:.025em}.site-header nav a{color:#dbe4eb}.site-header nav a:hover{color:var(--blue)}.site-header nav .nav-contact{border:1px solid #7b9bb3;padding:12px 17px;border-radius:3px}.nav-contact span{margin-left:15px}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #6b8498;padding:10px 13px}.hero{min-height:770px;height:min(850px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 55%,#183d5a 0%,#0a1c2d 39%,#050d17 78%)}.hero:after{content:'';position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:55px 55px}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-170px;top:10%;background:#1581b6;filter:blur(170px);opacity:.18}.hero-content{position:relative;z-index:2;margin-left:clamp(22px,9vw,155px);margin-top:25px;max-width:700px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.26em;color:#65bce9}.eyebrow{display:flex;align-items:center;gap:15px}.line{display:inline-block;width:32px;height:1px;background:#65bce9}.hero h1,.contact h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(56px,7.7vw,118px);font-weight:700;letter-spacing:-.075em;line-height:1.05;margin:30px 0 24px}.hero h1 em,.contact h2 em,.about h2 em{font-style:normal;color:#7bcaf5}.hero-copy{max-width:460px;font-size:18px;line-height:1.8;color:#b8c9d6}.actions{display:flex;gap:20px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 21px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#79c8f1;color:#061625}.text-button{gap:12px;color:#e0e8ef}.hero-graphic{position:absolute;right:-8vw;top:19%;width:min(57vw,750px);aspect-ratio:1;opacity:.72;pointer-events:none}.orbit{position:absolute;border:1px solid #62b1db50;border-radius:50%;transform:rotate(-28deg)}.orbit-one{inset:8% 6%;box-shadow:0 0 90px #60b6ed14}.orbit-two{inset:23% 21%;border-color:#62b1db35}.hero-graphic:after{content:'';position:absolute;left:5%;right:5%;top:49%;height:1px;background:linear-gradient(90deg,transparent,#8ad5f666,transparent);transform:rotate(-28deg)}.center-mark{position:absolute;top:32%;left:34%;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(120px,22vw,350px);line-height:1;letter-spacing:-.14em;color:#8ad5f61a;text-shadow:0 0 45px #0e7fb022}.center-mark span{color:#6fc8f33b}.coordinate{position:absolute;right:13%;bottom:16%;font-size:11px;letter-spacing:.2em;color:#7fa5bf}.coordinate span{padding:0 12px}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:clamp(22px,5vw,86px);right:clamp(22px,5vw,86px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.22em;color:#a3b4c1}.section-wrap{max-width:1450px;margin:auto;padding:110px clamp(22px,7vw,110px)}h2,h3,p{margin-top:0}h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,60px);line-height:1.18;letter-spacing:-.055em}.intro{background:var(--light);color:#132b3d}.intro .section-kicker,.services .section-kicker,.about .section-kicker{color:#1977a9}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;margin-top:30px}.intro h2 span{color:#6b879b}.intro p:not(.section-kicker){line-height:1.9;color:#4d6474;font-size:17px;max-width:460px}.services{background:#fff;color:#122b3e;max-width:none;padding-left:max(clamp(22px,7vw,110px),calc((100vw - 1230px)/2));padding-right:max(clamp(22px,7vw,110px),calc((100vw - 1230px)/2))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading>p{max-width:300px;line-height:1.8;color:#6b8292}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:33px;background:#f1f5f7;border:1px solid #e3eaef;min-height:380px;display:flex;flex-direction:column}.service-no{font-size:11px;color:#5888a6;letter-spacing:.16em}.service-icon{font-size:50px;font-weight:400;color:#2c87b8;margin:25px 0}.service-card h3{font-size:23px;letter-spacing:-.035em}.service-card p{font-size:14px;line-height:1.8;color:#5e7483}.service-card a{margin-top:auto;font-size:12px;font-weight:700;color:#116b9c}.fine-print{font-size:12px;color:#6d8290;margin:20px 0 0}.portfolio{background:#091b2b}.portfolio .section-heading>p{color:#9bb0bf}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.portfolio-tile{position:relative;min-height:270px;background:#132c40;overflow:hidden}.tile-large{grid-row:span 2;min-height:560px}.tile-art{position:absolute;inset:0;opacity:.8}.tile-one{background:radial-gradient(ellipse at 75% 25%,#527f9a 0%,transparent 34%),linear-gradient(145deg,#183f59 20%,#071a2b 72%)}.tile-one:after{content:'';position:absolute;width:85%;height:60%;border:1px solid #82b8d042;left:12%;top:22%;transform:rotate(-25deg);border-radius:50%}.tile-two{background:linear-gradient(140deg,#42647a 0%,#1b3e54 35%,#071827 90%)}.tile-two:after{content:'';position:absolute;inset:18%;border:1px solid #95c7df55;transform:rotate(18deg)}.tile-three{background:radial-gradient(circle at 60% 50%,#376d8e,#112e44 45%,#071827 95%)}.tile-three:after{content:'▶';position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:36px;color:#d1edfb80}.tile-label{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.14em;color:#e1eef5}.portfolio-note{font-size:12px;color:#8ca4b5;margin:20px 0 0}.about{background:#edf2f5;color:#152f42;display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:none;padding-left:max(clamp(22px,7vw,110px),calc((100vw - 1230px)/2));padding-right:max(clamp(22px,7vw,110px),calc((100vw - 1230px)/2))}.about h2 em{color:#3987b1}.about-copy p{line-height:1.9;color:#526b7d;font-size:16px}.about-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.about-points span{border:1px solid #b8cad5;padding:10px;font-size:10px;letter-spacing:.08em;color:#42667c}.contact{background:radial-gradient(ellipse at 75% 80%,#173f5d,#061421 70%);text-align:center}.contact-content{padding-top:120px;padding-bottom:130px}.contact h2{font-size:clamp(54px,7vw,98px);margin:25px 0}.contact-content>p:not(.section-kicker){color:#b2c4d1;line-height:1.8}.contact-button{background:#79c8f1;color:#081725;margin:25px auto 0;max-width:100%;overflow-wrap:anywhere}.contact-content .contact-sub{font-size:12px;color:#829aab;margin-top:15px}footer{padding:40px clamp(22px,5vw,86px) 25px;background:#050d17}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:35px}.footer-main>span:not(.footer-wordmark),.footer-main>a{font-size:13px;color:#b6c7d2}.footer-wordmark{font-size:24px;font-weight:800;letter-spacing:.1em}.footer-wordmark small{display:block;font-size:9px;letter-spacing:.3em;font-weight:500}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #213443;padding-top:22px;font-size:11px;color:#8da1af}@media(max-width:850px){.site-header{height:76px}.brand,.brand img{width:175px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px;background:#081726;flex-direction:column;align-items:stretch;gap:20px}.site-header nav.open{display:flex}.hero{min-height:700px;height:auto;padding:160px 0 125px}.hero-content{margin-right:22px}.hero-graphic{width:75vw;right:-40vw;top:24%;opacity:.45}.intro-grid,.about{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:290px}.section-heading{align-items:start;flex-direction:column;gap:10px}.portfolio-grid{grid-template-columns:1fr}.tile-large{grid-row:auto;min-height:340px}.portfolio-tile{min-height:250px}.section-wrap{padding-top:75px;padding-bottom:75px}}@media(max-width:480px){.hero h1{font-size:clamp(51px,13vw,72px)}.hero-copy{font-size:16px}.actions{flex-wrap:wrap;gap:12px}.hero-bottom{font-size:8px}.tile-label{font-size:9px}.footer-main,.footer-bottom{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Original Altacern aerial imagery and portfolio attribution */
.hero{background:#071320 url('assets/condos-homepage.webp') center 44%/cover no-repeat}
.hero:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,15,29,.91) 0%,rgba(3,15,29,.76) 37%,rgba(3,15,29,.28) 73%,rgba(3,15,29,.13) 100%),linear-gradient(0deg,rgba(3,15,29,.7),transparent 40%)}
.hero:after{opacity:.04}.hero-content{max-width:730px}.hero h1{font-size:clamp(56px,7.1vw,105px);letter-spacing:-.065em}.hero-copy{color:#edf5fa;text-shadow:0 1px 3px #071320}.hero-trust{font-size:12px;font-weight:700;letter-spacing:.055em;color:#eef8ff;margin-top:24px;line-height:1.8}.hero-bottom{color:#e0edf6}.tile-photo{background:url('assets/condos-watermarked.webp') center/cover no-repeat;opacity:1}.tile-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(2,12,22,.6))}.image-rights{background:#e8f0f5;color:#18354a}.image-rights h2 span{color:#4487ad}.image-rights>p:not(.section-kicker){max-width:830px;line-height:1.85;color:#476477}.image-rights .rights-note{font-size:13px}.image-rights a{text-decoration:underline;color:#126fa1}.portfolio .tile-large{min-height:480px}@media(max-width:850px){.hero{background-position:57% center}.hero:before{background:linear-gradient(90deg,rgba(3,15,29,.91),rgba(3,15,29,.59)),linear-gradient(0deg,rgba(3,15,29,.6),transparent)}.hero h1{font-size:clamp(51px,11vw,78px)}.hero-trust{max-width:350px}}

/* Improve navigation readability over bright aerial photography. */
@media (min-width:851px) {
  .site-header nav {
    background:rgba(4,18,34,.88);
    border:1px solid rgba(170,215,245,.30);
    border-radius:12px;
    padding:12px 18px;
    gap:28px;
    box-shadow:0 8px 28px rgba(0,0,0,.27);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  .site-header nav a {color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.45)}
  .site-header nav a:hover,.site-header nav a:focus-visible {color:#8ed7ff}
  .site-header nav .nav-contact {border-color:rgba(173,220,247,.65)}
}

/* Altacern homepage background crossfade slideshow */
.hero{background:#071320;isolation:isolate}
.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-position:center 44%;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 2.5s ease-in-out;will-change:opacity}
.hero-slide.is-active{opacity:1}
.hero-slides:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,15,29,.82) 0%,rgba(3,15,29,.45) 55%,rgba(3,15,29,.2) 100%),linear-gradient(0deg,rgba(3,15,29,.65),transparent 30%)}
.hero-slideshow-controls{position:absolute;z-index:4;right:clamp(22px,5vw,86px);bottom:70px;display:flex;align-items:center;gap:14px}
.hero-slideshow-controls[hidden]{display:none}
.hero-slideshow-controls button{cursor:pointer;color:#fff;background:rgba(5,20,34,.82);border:1px solid rgba(255,255,255,.5);border-radius:50%;height:38px;min-width:38px}
.hero-slideshow-controls button:hover{background:#1b5e86}
.slide-dots{display:flex;align-items:center;gap:8px}
.slide-dots button{height:10px;min-width:10px;width:10px;border-radius:50%;padding:0;background:#ffffff70;border:1px solid #ffffffa0}
.slide-dots button[aria-current="true"]{background:#fff}
@media(max-width:850px){.hero-slide{background-position:57% center}.hero-slides:after{background:linear-gradient(90deg,rgba(3,15,29,.91),rgba(3,15,29,.59)),linear-gradient(0deg,rgba(3,15,29,.6),transparent)}.hero-slideshow-controls{bottom:88px;right:22px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}