:root{color-scheme:light;--osma-stone: #cfcabb;--osma-sage: #666d63;--osma-paper: #e9e4d8;--osma-paper-bright: #f1ede4;--osma-mineral: #8d9186;--osma-stone-muted: #b7b6a8;--osma-ink: #30342f;--osma-ink-muted: #5a5d56;--page-bg: var(--osma-stone);--page-vignette: rgba(48, 52, 47, .14);--reference-fallback: radial-gradient(ellipse 120% 68% at 58% 54%, rgba(233, 228, 216, .78), transparent 60%), radial-gradient(ellipse 110% 78% at 84% 70%, rgba(183, 182, 168, .68), transparent 64%), radial-gradient(ellipse 88% 76% at 20% 80%, rgba(102, 109, 99, .38), transparent 58%), linear-gradient(115deg, var(--osma-stone) 0%, var(--osma-stone-muted) 48%, var(--osma-paper) 100%);--wordmark-width: min(94vw, 1780px);--wordmark-y: 1.2vh}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse 105% 72% at 70% 82%,rgba(233,228,216,.08),transparent 58%),radial-gradient(ellipse 90% 76% at 10% 20%,var(--page-vignette),transparent 68%),var(--page-bg);color:var(--osma-ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.site-shell{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;background:var(--reference-fallback)}@supports not (height: 100dvh){.site-shell{height:100svh;min-height:100svh}}.osma-frame{position:fixed;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}.reference-field{position:fixed;inset:0;z-index:0;display:block;width:100vw;height:100dvh;overflow:hidden;background:var(--reference-fallback);pointer-events:none}@supports not (height: 100dvh){.reference-field{height:100svh}}.reference-field canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .52s cubic-bezier(.25,.1,.24,1)}.reference-field[data-ready=true] canvas{opacity:1}.osma-wordmark{display:block;width:var(--wordmark-width);max-width:none;height:auto;transform:translateY(var(--wordmark-y))}@media(max-width:760px){:root{--wordmark-width: 92vw;--wordmark-y: .7vh}}@media(max-height:520px){:root{--wordmark-width: 90vw;--wordmark-y: 0}}@media(orientation:landscape)and (max-height:430px){:root{--wordmark-width: 88vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}
