:root{color-scheme:dark;--navy:#07162a;--gold:#d2bba3;--white:#f6f6f7;font-family:Manrope,Arial,sans-serif;background:var(--navy);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}a,button{-webkit-tap-highlight-color:transparent}
.scene{position:relative;isolation:isolate;overflow:hidden;min-height:max(790px,calc(100svh - 90px));background:var(--navy) url('assets/center-night.jpg') center top/cover no-repeat}
.scene:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,12,26,.16),transparent 55%)}
.content{position:relative;z-index:3;text-align:center;padding:clamp(35px,5vh,65px) 24px 0;margin:0 auto;max-width:1100px}
.logo{display:block;width:clamp(320px,34vw,500px);height:auto;max-width:90%;margin:0 auto 20px}
.descriptor{color:var(--gold);font-size:.875rem;font-weight:400;letter-spacing:.31em;line-height:1.7;text-transform:uppercase;margin:0 0 12px;text-wrap:balance}
h1{font-size:clamp(1.9rem,3.4vw,3.15rem);font-weight:500;letter-spacing:-.035em;line-height:1.25;margin:0 0 17px;text-wrap:balance}
.soon{display:flex;align-items:center;justify-content:center;gap:25px;color:var(--gold);font-size:.875rem;letter-spacing:.45em;text-transform:uppercase;line-height:1.6;margin:0 0 22px;padding-left:.45em}.soon:before,.soon:after{content:"";width:38px;height:1px;background:var(--gold)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 30px;border:1px solid var(--gold);border-radius:99px;color:var(--gold);font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(5,20,39,.2);transition:background .2s,color .2s}.cta:hover{background:var(--gold);color:var(--navy)}.cta svg{flex:none}
.clouds{position:absolute;z-index:0;inset:-18px -30px auto;height:32%;background:url('assets/center-night.jpg') center top/100% auto no-repeat;opacity:.32;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);animation:cloud-drift 16s ease-in-out infinite alternate;pointer-events:none}
.stars{position:absolute;inset:0 0 auto;height:43%;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent)}
.star{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);border-radius:50%;background:#e5eefc;box-shadow:0 0 4px rgba(189,214,250,.38);opacity:.25;animation:twinkle var(--duration) ease-in-out var(--delay) infinite alternate}
@keyframes twinkle{0%,20%{opacity:.12;transform:scale(.8)}80%,100%{opacity:.68;transform:scale(1.1)}}
@keyframes cloud-drift{from{transform:translate3d(-12px,0,0)}to{transform:translate3d(18px,6px,0)}}
.paused .clouds,.paused .star{animation-play-state:paused}
footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px clamp(24px,3.3vw,60px);background:#051325;border-top:1px solid rgba(210,187,163,.38)}.parent{display:flex;align-items:center;min-height:44px;flex:none}.parent img{display:block;width:160px;height:auto}address{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;row-gap:8px;font-style:normal;font-size:.8125rem;letter-spacing:.035em}address a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}address a:hover{color:var(--gold)}address a+a:before{content:"";width:1px;height:18px;background:rgba(210,187,163,.5);margin:0 26px}
@media(min-width:1700px){.scene{min-height:max(880px,calc(100svh - 90px))}.content{padding-top:5vh}.logo{width:500px}}
@media(max-width:760px){.scene{min-height:900px;background-size:auto 600px;background-position:center bottom}.scene:after{background:linear-gradient(var(--navy) 0%,rgba(7,22,42,.4) 32%,transparent 53%)}.content{padding:48px 22px 0}.logo{width:340px;max-width:96%;margin-bottom:27px}.descriptor{font-size:.75rem;letter-spacing:.2em;margin-bottom:16px;max-width:330px;margin-inline:auto}h1{font-size:clamp(1.8rem,6.5vw,2.6rem);line-height:1.3;max-width:460px;margin:0 auto 20px}.soon{font-size:.75rem;gap:17px;letter-spacing:.35em;margin-bottom:24px}.soon:before,.soon:after{width:28px}.cta{font-size:.75rem;padding:12px 22px;gap:16px}.clouds{height:43%;background-size:auto 850px;opacity:.2}.stars{height:43%}footer{flex-direction:column;gap:8px;padding:21px 20px}.parent img{width:135px}address{justify-content:center;column-gap:18px;font-size:.75rem;row-gap:0}address a+a:before{display:none}}
@media(max-width:380px){.content{padding-inline:18px}.descriptor{max-width:260px}.scene{min-height:880px}h1{max-width:290px}.cta{padding-inline:18px;font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.star{opacity:.35}}

.sky-effects{position:absolute;inset:0 0 auto;width:100%;z-index:2;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent 100%)}

/* One continuous sky on small screens; all effects fade into the horizon. */
@media(max-width:760px){
 .scene{background-size:auto 100%;background-position:center top}
 .scene:after{background:linear-gradient(180deg,rgba(3,12,26,.15),transparent 60%)}
 .clouds{display:none}
 .stars{height:62%;mask-image:linear-gradient(#000 55%,transparent 100%)}
 .sky-effects{mask-image:linear-gradient(#000 45%,rgba(0,0,0,.65) 74%,transparent 100%)}
}

/* Keep animation work on opacity/transform; no moving duplicate photo layer. */
.clouds{display:none}