:root{--main-width:1200px}h1{view-transition-name:heading}h1.animated{animation-delay:.3s!important;animation-fill-mode:both!important}::view-transition-new(heading),::view-transition-old(heading){height:auto;mix-blend-mode:normal;width:auto}html{overflow-anchor:none}html::view-transition{pointer-events:none}html:has(::view-transition-group(*)){scroll-behavior:auto!important}html:not(.no-view-transition) .card,html:not(.no-view-transition) .external-link,html:not(.no-view-transition) .hero img,html:not(.no-view-transition) .info h2,html:not(.no-view-transition) .info p,html:not(.no-view-transition) h1{animation:none!important}.frontmatter,.heading,main>article{margin-inline:auto;max-width:850px;width:100%}.hero{margin-inline:auto;max-width:1000px}.hero img{border:var(--border-standard-2px);border-radius:var(--radius-xl);height:auto;max-height:100%;max-width:calc(100% - 3.2px)}.hero img.animated{animation:heroEntrance 1.5s ease .3s both}@keyframes heroEntrance{0%{clip-path:xywh(50% 0 0 10% round var(--radius-xl))}60%{clip-path:xywh(0 0 100% 70% round var(--radius-xl))}to{clip-path:xywh(0 0 100% 100% round var(--radius-xl))}}