/* Keep the page canvas quiet; browser chrome uses its native appearance. */
html,body{background:#faf7f0;color-scheme:light}
.about-layout figure{width:94%;max-width:340px}
.about-layout h1{text-box:trim-start cap alphabetic}
.about-layout figcaption{text-align:right}
a,.path-links strong{text-decoration-skip-ink:none}
.path-links a:hover strong{text-decoration:none}
.path-links strong{position:relative;width:max-content;max-width:100%}
.path-links strong::after{content:'';position:absolute;left:0;right:0;bottom:-3px;border-bottom:2px solid currentColor;opacity:0}
.path-links a:hover strong::after,.path-links a:focus-visible strong::after{opacity:1}
.fixed-ting::after{border-bottom-width:3px}
.about-actions .content-link,.contact-actions a{display:inline-flex;align-items:center;gap:.35em;text-decoration:none}
.about-actions .link-label,.contact-actions .link-label{font:inherit;margin:0;text-decoration:underline;text-underline-offset:6px}
.about-actions svg,.contact-actions svg{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.documenting{min-height:calc(100svh - var(--stage))}
.document-layout{row-gap:72px}
.document-intro{padding:0}
.document-intro .lead{margin:0 0 24px}
.document-intro .video-status-note{font-size:14px;color:color-mix(in srgb,#243942 85%,#b8cbd5);margin-bottom:12px}
.video-entry{gap:.35em;text-decoration:none;max-width:100%}
.video-entry .link-label{font:inherit;text-decoration:underline}
.video-entry svg{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.article-entry{gap:.35em;text-decoration:none;max-width:100%}
.article-entry .link-label{font:inherit;text-decoration:underline}
.article-entry svg{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.document-layout .margin-note{color:#243942;border-color:#24394233;margin:0}
.release-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:28px;padding-block:25px;scroll-snap-align:end}
.footer-credit{min-width:0;text-align:center}
.credit-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.credit-line{font-size:12px;line-height:1.8;text-align:center;max-width:100%}
.credit-phrase{display:inline-block;white-space:nowrap}
.credit-word{display:inline-grid;vertical-align:bottom;height:1.8em;overflow:hidden;line-height:1.8}
.credit-word{text-align:center}
.footer-credit.is-ready .credit-word{display:inline-block;position:relative;width:var(--word-first);transition:width .65s cubic-bezier(.22,1,.36,1)}
.footer-credit.is-ready .credit-word.is-second{width:var(--word-second)}
.credit-variant{grid-area:1/1;white-space:pre;width:max-content;justify-self:center}
.credit-variant+.credit-variant{visibility:hidden}
.footer-credit.is-ready .credit-variant{visibility:visible;position:absolute;left:50%;top:0;transform:translateX(-50%)}
.credit-love{color:#f4b6a2}
.credit-passion{color:#c7b8eb}
.credit-coffee{color:#eed27c}
.credit-tea{color:#a7d8c4}
.credit-letter{display:inline-block;transform:translateY(0);opacity:1;transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .3s;transition-delay:calc(var(--letter-index)*.045s)}
.credit-variant+.credit-variant .credit-letter{transform:translateY(110%);opacity:0}
.credit-word.is-second .credit-variant:first-child .credit-letter{transform:translateY(-110%);opacity:0}
.credit-word.is-second .credit-variant+.credit-variant .credit-letter{transform:translateY(0);opacity:1}
.credit-codex{color:#9dc9f4;font-weight:400}
.credit-sparks{color:#f3afd4}
.release-footer>.footer-copyright{white-space:nowrap;align-self:start;margin:0;padding-top:5px}
@media(max-width:1100px){.release-footer{flex-wrap:wrap;gap:16px}}
@media(max-width:650px){
 .document-layout{row-gap:36px}
 .release-footer{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:16px}
 .release-footer>.footer-brand{grid-column:1;grid-row:1;justify-self:start}
 .release-footer>.footer-copyright{grid-column:2;grid-row:1;justify-self:end}
 .footer-credit{grid-column:1/-1;grid-row:2;max-width:100%}
 .release-footer>a:last-child{grid-column:1/-1;grid-row:3;justify-self:end}
 .credit-line{font-size:clamp(10.5px,3vw,12px)}
}
@media(prefers-reduced-motion:reduce){
 .credit-letter{transition:none;transform:none!important;opacity:1!important}
 .footer-credit.is-ready .credit-word{transition:none;width:var(--word-first)}
 .footer-credit.is-ready .credit-variant+.credit-variant{visibility:hidden}
}