/* Page frame for the local demo — mirrors atlas-site-watercolor tokens */
@font-face{font-family:AtlasLora;src:url('assets/Lora-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AtlasManrope;src:url('assets/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:AtlasManrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC}
:root{--ink:#262A29;--muted:#61645F;--accent:#A33F29;--line:#E5E5DF;--serif:AtlasLora,Georgia,serif;--sans:AtlasManrope,system-ui,sans-serif}
*{box-sizing:border-box}
html{background:white;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:16px/1.7 var(--sans);background:white}
::selection{background:#F2DCD5}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{padding:24px 0}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:23px/1.05 var(--serif);letter-spacing:-.02em}
.brand img{width:46px;height:46px}
.brand span span{display:block}
.intro{max-width:720px;margin:56px auto 40px;text-align:center}
.intro h1{font:400 50px/1.17 var(--serif);letter-spacing:-.025em;margin:0;text-wrap:balance}
.intro h1 .accent{color:var(--accent)}
.intro .lead{font-size:17px;color:var(--muted);max-width:56ch;margin:22px auto 0}
.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;margin-top:22px;font-size:14px;color:var(--muted)}
.facts b{color:var(--ink);font-weight:600}
main{padding-bottom:96px}
@media(max-width:759px){.intro{margin:36px auto 30px}.intro h1{font-size:36px;line-height:1.22}.intro .lead{font-size:15px}}