.tiles-brand{overflow:visible}
.tiles-brand .personal-tiles-logo{display:block;width:100%;height:100%;overflow:visible}
.tiles-brand .logo-draw-line,.tiles-brand .intro-letter-line{stroke-dashoffset:0;stroke-opacity:1;opacity:1}
.tiles-brand .intro-letter-fill{fill-opacity:1}
body:not(.motion-paused) .tiles-brand.is-drawing .logo-draw-line{stroke-dasharray:1;stroke-dashoffset:1;animation:personal-tile-line .68s calc(.12s + var(--line-index)*.045s) cubic-bezier(.23,.57,.27,1) both!important}
body:not(.motion-paused) .tiles-brand.is-drawing .intro-letter-line{stroke-dasharray:1;stroke-dashoffset:1;animation:personal-tile-letter .38s calc(1.1s + var(--letter-index)*.075s) ease-out both!important}
body:not(.motion-paused) .tiles-brand.is-drawing .intro-letter-fill{animation:personal-tile-letter .38s calc(1.1s + var(--letter-index)*.075s) ease-out both,personal-tile-ink .24s calc(1.36s + var(--letter-index)*.075s) ease-out both!important}
.tiles-brand .logo-glint-band{opacity:0}
@keyframes personal-tile-line{0%{stroke-dashoffset:1;opacity:0}5%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes personal-tile-letter{from{stroke-dashoffset:1;stroke-opacity:0}5%{stroke-opacity:1}to{stroke-dashoffset:0;stroke-opacity:1}}
@keyframes personal-tile-ink{from{fill-opacity:0}to{fill-opacity:1}}
/* The site's explicit Motion on/off choice also governs this entrance. */

.tilesandart-brand.tiles-brand{width:260px;max-width:100%;height:auto;aspect-ratio:197/120.6819;overflow:visible;mix-blend-mode:normal}.tilesandart-brand .personal-tiles-logo{width:100%;height:100%}@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) .tiles-brand *{animation:none!important}}