.server-rendered{background:#f5f3ec;color:#252723;min-height:100svh;font-family:var(--sans,'Celsios Sans',sans-serif)}.server-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.5rem}.server-header>a img{width:180px;height:auto}.server-header nav{display:flex;flex-wrap:wrap;gap:1rem}.server-header a,.server-page a,.server-footer a{color:inherit;text-underline-offset:.2em}.server-page{padding-block:3rem;max-width:1000px}.server-page h1{font-family:'Celsios Sans',sans-serif;font-style:italic;font-size:clamp(2.5rem,6vw,5rem);line-height:1.12;margin-bottom:1.5rem}.server-page h2{font-family:'Celsios Sans',sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.25;margin-top:2.5rem}.server-page p,.server-page li{font-size:1.125rem;line-height:1.75;max-width:75ch}.server-page img{width:100%;height:auto;max-height:600px;object-fit:contain;margin-block:1rem}.server-page nav{display:flex;gap:1.5rem}.server-footer{padding-block:2rem}.server-byline,.server-page time{font-size:1rem}@media(max-width:700px){.server-header{align-items:flex-start;flex-direction:column}.server-header nav{font-size:1rem}.server-page{padding-top:1.5rem}}
/* The semantic HTML is the no-JS/error fallback, not a second visual design. */
.website-initial-shell{display:none}
.website-starting #app>.server-rendered{display:none}
.website-starting #app>.website-initial-shell{box-sizing:border-box;display:grid;place-items:center;min-height:100svh;padding:2rem;background:#f5f3ec;color:#353a34}
.website-initial-shell img{display:block;width:min(12rem,55vw);height:auto}

.website-initial-shell .celsios-start__logo{width:100%}