:root{--maroon:#97090d;--ink:#262226;--muted:#777078}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.page-wrap{position:relative;isolation:isolate;padding:78px 20px 92px;background-color:#fff;background-image:radial-gradient(circle,rgba(151,9,13,.065) 1px,transparent 1.3px);background-size:25px 25px}
.page-wrap:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 48% 52% at center,#fff 28%,rgba(255,255,255,.96) 75%,rgba(255,255,255,.65) 100%)}
.coming-content{max-width:900px}
.small-label{font-size:12px;font-weight:700;letter-spacing:4px;color:#8d6870;margin:0 0 20px}
h1{font-weight:800;font-size:clamp(43px,8vw,86px);line-height:1.08;letter-spacing:clamp(1px,.6vw,6px);margin:0;color:#242124}
h1 span{color:var(--maroon)}
.thin-rule{width:58px;height:2px;background:var(--maroon);margin:27px auto 13px;opacity:.7}
.brand-logo{display:block;width:min(100%,580px);height:auto;max-height:310px;object-fit:contain;margin:0 auto}
.tagline{color:var(--maroon);font-size:clamp(19px,2.7vw,26px);font-weight:600;letter-spacing:.2px;margin:9px 0 12px}
.subtext{font-size:clamp(13px,1.55vw,16px);line-height:1.7;color:var(--muted);margin:0 auto;max-width:560px}
.copyright{position:relative;margin-top:-59px;padding:12px 14px 24px;font-size:12px;letter-spacing:.3px;color:#9b9295}
@media(max-width:575px){.page-wrap{padding:64px 22px 100px;background-size:22px 22px}.small-label{font-size:10px;letter-spacing:2.1px;margin-bottom:19px}.thin-rule{margin:23px auto 14px}.brand-logo{width:100%;max-width:410px}.tagline{margin-top:12px}.subtext{max-width:330px}.copyright{margin-top:-62px}}
@media(prefers-reduced-motion:no-preference){.coming-content{animation:appear .65s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

/* Gentle animated details; white background and original logo stay unchanged. */
.page-wrap{overflow:hidden;background-image:radial-gradient(circle,rgba(151,9,13,.07) 1px,transparent 1.5px);animation:pattern-drift 26s linear infinite}
.page-wrap:before{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 49% at center,rgba(255,255,255,.98) 24%,rgba(255,255,255,.94) 69%,rgba(255,255,255,.72) 100%)}
.animated-halo{position:absolute;z-index:-1;border:1px solid rgba(151,9,13,.08);border-radius:50%;pointer-events:none;width:clamp(230px,36vw,540px);aspect-ratio:1}
.halo-one{top:-220px;right:-175px;animation:halo-float 12s ease-in-out infinite alternate}
.halo-two{bottom:-230px;left:-185px;animation:halo-float 15s ease-in-out infinite alternate-reverse}
.coming-content{position:relative;z-index:1}
.small-label{color:var(--maroon);animation:gentle-blink 3s ease-in-out infinite}
h1{animation:headline-enter .9s cubic-bezier(.2,.7,.2,1) both}
h1 span{animation:soft-glow 3.2s ease-in-out infinite}
.brand-logo{animation:logo-float 5s ease-in-out infinite;filter:drop-shadow(0 7px 14px rgba(151,9,13,.035))}
.thin-rule{animation:rule-grow 1.2s ease both}
@keyframes pattern-drift{to{background-position:50px 50px}}
@keyframes halo-float{to{transform:translate(38px,22px) scale(1.06);opacity:.4}}
@keyframes gentle-blink{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes soft-glow{0%,100%{opacity:1}50%{opacity:.77}}
@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes headline-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes rule-grow{from{transform:scaleX(.25);opacity:0}to{transform:scaleX(1);opacity:.7}}
@media(prefers-reduced-motion:reduce){.page-wrap,.animated-halo,.small-label,h1,h1 span,.brand-logo,.thin-rule,.coming-content{animation:none!important}}