/* A brief entrance, with no overlay or delay to navigation. */
header .brand{isolation:isolate}
header .brand-word{display:flex;position:relative;overflow:hidden;line-height:1.4}
header .brand-word b{display:inline-block;font:inherit}
@media(prefers-reduced-motion:no-preference){
body[data-page="home"] header .brandmark i{animation:dimmvault-layer 1.15s cubic-bezier(.16,1,.3,1) both;transform-origin:center}
body[data-page="home"] header .brandmark i:nth-child(1){animation-delay:.12s}
body[data-page="home"] header .brandmark i:nth-child(2){animation-delay:.28s}
body[data-page="home"] header .brandmark i:nth-child(3){animation-delay:.44s}
body[data-page="home"] header .brand-word b{animation:dimmvault-letter .85s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.55s + var(--letter)*.07s)}
body[data-page="home"] header .brand-word:after{content:"";position:absolute;inset:-10% -50%;background:linear-gradient(110deg,transparent 35%,#d9b89700 42%,#efd6babb 50%,transparent 59%);mix-blend-mode:screen;pointer-events:none;transform:translateX(-100%);animation:dimmvault-sheen 1.1s ease-in-out 1.25s both}
header .brand:hover .brandmark i{filter:brightness(1.35);transition:filter .3s}
@keyframes dimmvault-layer{0%{opacity:0;transform:translate(-25px,12px) skewX(-35deg) rotate(-12deg) scaleX(.25)}65%{opacity:1}100%{opacity:1;transform:translate(0,0) skewX(-35deg) rotate(0) scaleX(1)}}
@keyframes dimmvault-letter{from{opacity:0;transform:translateY(110%);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes dimmvault-sheen{0%{opacity:0;transform:translateX(-100%)}20%{opacity:.8}85%{opacity:.8}100%{opacity:0;transform:translateX(100%)}}
}