/* Motion follows the typography and the existing painted assets. */
.hero h1 em{font-weight:400}
.header-actions .pdf-download{font-size:inherit;text-decoration:none;white-space:nowrap;transition:color .2s}
.header-actions .pdf-download:hover,.header-actions .pdf-download:focus-visible{color:var(--accent)}
.header-actions{gap:22px;align-items:center}
.header-note{margin-left:auto;margin-right:30px}
.contents-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.contents-options a,.contents-options button{font-size:12px;text-decoration:none;color:var(--ink)}
.contents-options a:hover,.contents-options button:hover{color:var(--accent)}
.motion-word{display:inline-block;will-change:transform,opacity}
.motion-ready .motion-heading:not(.has-entered) .motion-word{opacity:0;transform:translateY(12px)}
.brush-name{border:0;padding:0;margin:0;background:transparent;text-align:left;cursor:pointer;color:inherit}
.brush-name:focus-visible{outline:1px solid var(--accent);outline-offset:7px}
.paint-svg{display:block;width:100%;height:100%;overflow:visible}
.brush-name .paint-svg{mix-blend-mode:multiply}
.tagline-ink.paint-svg{display:block;overflow:visible}
.motion-paused .motion-word,.export-mode .motion-word{opacity:1!important;transform:none!important}
.export-mode .header-actions,.export-mode .control-buttons{visibility:hidden}
.export-mode .header-note{position:absolute;right:var(--pad);margin:0}
.export-mode .deck-controls{background:var(--paper);backdrop-filter:none;border-top:1px solid var(--rule)}
.export-mode .progress-track{display:none}
.export-mode .slide{scrollbar-width:none}
.export-mode .paint-svg{display:none}
.export-mode .brush-name>img{display:block!important}
.export-mode .tagline-ink:not(svg){display:block!important}
@media(max-width:1100px){.header-note{display:none}}
@media(max-width:800px){.header-actions{gap:13px}.header-actions .pdf-download{font-size:10px}.contents-footer{align-items:flex-start;gap:16px}.contents-options{gap:14px;max-width:160px}.motion-ready .motion-heading:not(.has-entered) .motion-word{transform:translateY(8px)}}
@media(max-width:430px){.header-actions{gap:10px}.header-actions span{padding-left:1px}.header-actions .pdf-download>span{display:none}.wordmark{font-size:20px;gap:7px}}
@media(prefers-reduced-motion:reduce){.motion-word{opacity:1!important;transform:none!important;will-change:auto}}
@media print{.motion-word{opacity:1!important;transform:none!important;will-change:auto}.paint-svg{display:none!important}.brush-name>img,.tagline-ink:not(svg){display:block!important}.header-actions{display:none!important}}