:root{--navy:#081f4d;--royal:#4169e1;--red:#e30613;--white:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#fff;background:var(--navy)}
.coming-soon{position:relative;min-height:calc(100vh - 122px);display:flex;align-items:center;justify-content:center;padding:48px 22px;background:url("collier-hero-landscape.jpg") center/cover no-repeat;isolation:isolate}
.overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(4,19,49,.92),rgba(8,31,77,.68) 52%,rgba(8,31,77,.82))}
.content-card{width:min(820px,100%);padding:42px 46px;text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:rgba(8,31,77,.78);backdrop-filter:blur(7px);box-shadow:0 20px 55px rgba(0,0,0,.32)}
.logo{width:160px;height:160px;object-fit:contain;margin:0 auto 20px;border-radius:50%;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.eyebrow{display:inline-block;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--royal);font-size:.8rem;font-weight:800;letter-spacing:.08em}
h1{margin:0;font-size:clamp(2.35rem,6vw,4.4rem);line-height:1.03;letter-spacing:-.03em}
.lead{max-width:680px;margin:22px auto 0;font-size:clamp(1rem,2vw,1.23rem);line-height:1.65;color:#edf2ff}
.divider{display:flex;align-items:center;justify-content:center;gap:12px;max-width:280px;margin:26px auto 18px;color:var(--red)}
.divider span{width:92px;height:3px;background:#fff}
.tagline{margin:0;font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:800}
.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:2px solid transparent;border-radius:8px;font-weight:800;text-decoration:none;color:#fff}
.button-red{background:var(--red);border-color:var(--red)}
.button-blue{background:var(--royal);border-color:var(--royal)}
.button-outline{border-color:#fff;background:transparent}
.small-contact{margin:22px 0 0}
.small-contact a{color:#fff}
.site-footer{min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 20px;text-align:center;background:#061737}
.site-footer p{max-width:900px;margin:0;color:#bdc8da;font-size:.82rem;line-height:1.55}
@media(max-width:650px){.coming-soon{padding:28px 14px}.content-card{padding:30px 20px}.logo{width:128px;height:128px}.contact-links{display:grid;grid-template-columns:1fr}.button{width:100%}}