:where(h1,h2,h3,p,span,div):has(>.title-rule){anchor-scope:--title-rule-end, --title-rule-line;padding-block-end:calc(.12em + 4px);position:relative}.title-rule__end{anchor-name:--title-rule-line}.title-rule__end:after{content:"⁠";content:"⁠" / ""}[class*=__line]+.title-rule__end:after{content:none}.title-rule__mark{anchor-name:--title-rule-end;pointer-events:none;block-size:0;inline-size:0;position:absolute}.title-rule{left:var(--rule-x,0px);top:calc(var(--rule-y,100%) - .035em);inline-size:var(--rule-w,0px);background:var(--accent);transform-origin:0;pointer-events:none;block-size:4px;animation:title-rule-draw 1.1s var(--ease-draw) .45s both;position:absolute}[dir=rtl] .title-rule{transform-origin:100%}@keyframes title-rule-draw{0%{transform:scaleX(0)}}@supports (anchor-name:--a){.title-rule:where(:not([data-measured])){left:0;right:anchor(--title-rule-end left);top:calc(anchor(--title-rule-line bottom) - .035em);inline-size:auto}:where([dir=rtl]) .title-rule:where(:not([data-measured])){left:anchor(--title-rule-end right);right:0}}@supports not (anchor-name:--a){.title-rule:where(:not([data-measured])){animation-play-state:paused}}:where(html.js .reveal:not(.is-in)) .title-rule{animation-play-state:paused}html.js:root :where(:has(>h1.reveal .title-rule))>.reveal:not(.is-in){opacity:1;transform:none}html.js :where(:has(>h1.reveal .title-rule))>.reveal{animation:title-head-in .7s var(--ease-ui) var(--reveal-delay,0s) both}:where(:has(>h1.reveal .title-rule))>h1 .title-rule{animation-play-state:running}@keyframes title-head-in{0%{opacity:0;transform:translateY(16px)}}html[data-motion=paused] :where(:has(>h1.reveal .title-rule))>.reveal,html[data-motion=paused] .title-rule{animation:none}@media (prefers-reduced-motion:reduce){html.js :where(:has(>h1.reveal .title-rule))>.reveal,.title-rule{animation:none}}