.site-art{display:grid;place-items:center;width:100%;isolation:isolate}
.site-art svg{display:block;width:90%;height:auto;max-height:350px;overflow:visible}
.site-art g{transform-box:view-box;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.site-art .turn{transform-origin:300px 160px}
.surface>.site-art,.civic-grid .site-art{margin-bottom:24px}
.hero>.site-art{max-width:650px;align-self:flex-end}
.section-2>.site-art,.section-3>.site-art{max-width:650px;margin:0 auto 40px}
.next-timeline .site-art{max-width:340px;margin-bottom:25px}
.next-timeline .site-art svg{max-height:180px}
.conversation aside>.site-art{max-width:350px;margin-bottom:20px}
.journal-heading>.site-art{float:right;width:38%;max-width:500px}
.article-next>.site-art{max-width:320px;margin-bottom:25px}
.mode-art>.site-art{width:100%;height:auto}
.hero-object>.site-art{max-width:800px;margin:auto}
.civic-covenant>.site-art{max-width:900px;margin:auto auto 35px}
.frame-symbol .site-art svg{max-height:220px}
@media(hover:hover) and (pointer:fine){
:is(article,.hero-object,.mode-art,.civic-covenant,.conversation aside,.journal-heading):hover .site-art .lift{transform:translateY(-10px)}
:is(article,.hero-object,.mode-art,.journal-heading):hover .site-art .rise{transform:translateY(-17px)}
:is(article,.hero-object,.mode-art):hover .site-art .join{transform:translateY(16px)}
:is(article,.civic-covenant):hover .site-art .turn{transform:rotate(90deg)}
:is(article,.hero-object,.mode-art):hover .site-art .packet{transform:translateX(20px)}
:is(article,.hero-object):hover .site-art .shift{transform:translateX(-12px)}
}
:is(article,.hero-object,.mode-art,.conversation aside):focus-within .site-art .lift{transform:translateY(-10px)}
article:focus-within .site-art .turn{transform:rotate(90deg)}
article:focus-within .site-art .packet{transform:translateX(20px)}
.frame-stop:focus-visible{outline:2px solid #3782F0;outline-offset:5px}
@media(max-width:700px){.journal-heading>.site-art{float:none;width:100%;max-width:320px;margin-bottom:25px}.site-art svg{max-height:260px}.hero>.site-art{align-self:center}.next-timeline .site-art svg{max-height:150px}}
@media(prefers-reduced-motion:reduce){.site-art *{transition:none!important;animation:none!important}}