:root{--sage:#445A4F;--stone:#E7E3DC;--obsidian:#0B0B0B;--white:#FFFFFF}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--stone);color:var(--obsidian);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem 2rem;animation:in 1.2s ease both}
.logo img{display:block;width:min(260px,60vw);height:auto}
.fallback{font-size:clamp(2rem,6vw,3rem);letter-spacing:.3em;color:var(--sage);font-weight:500}
.principle{margin-top:3.5rem;max-width:26ch;font-size:clamp(1.15rem,3vw,1.5rem);line-height:1.4;color:var(--sage)}
.soon{margin-top:1.25rem;font-size:.9rem;color:var(--obsidian);opacity:.55}
footer{padding:2rem 1.5rem;text-align:center;font-size:.85rem}
footer a{color:var(--sage);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
footer a:hover,footer a:focus-visible{border-color:var(--sage);outline:none}
@keyframes in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){main{animation:none}}