.site-header .brand{position:relative}
.site-header .animated-brand{display:block;width:40px;height:40px}
.footer-brand .animated-brand{display:block;width:clamp(175px,20vw,260px);max-width:100%;height:auto;overflow:visible}
.footer-signature .footer-brand:hover{transform:none;opacity:1}
.brand-light{pointer-events:none;opacity:0}
.brand-light path{stroke-dasharray:9 91;stroke-dashoffset:100}
.brand-visible.brand-entered .brand-light{animation:brand-light-pass 18s 4s linear infinite;animation-play-state:running}
.brand-visible.brand-entered .brand-light path{animation:brand-light-travel 18s 4s linear infinite}
.site-header .brand-visible .brand-light{animation-duration:24s;animation-delay:5s;opacity:0}
.site-header .brand-visible .brand-light path{animation-duration:24s;animation-delay:5s}
.brand-pending .brand-symbol,.brand-pending .brand-adria,.brand-pending .brand-connection{opacity:0}
.footer-brand.brand-entered .brand-symbol{animation:brand-panel .35s ease both}
.footer-brand.brand-entered .brand-symbol-fill{animation:brand-ink .85s ease both}
.footer-brand.brand-entered .brand-adria{animation:brand-word .65s .75s cubic-bezier(.2,.65,.3,1) both;transform-box:fill-box}
.footer-brand.brand-entered .brand-connection{animation:brand-subtitle .55s 1.32s ease both}
.footer-brand.brand-entered .brand-light{animation:brand-entry-light 3s linear both,brand-light-pass 18s 7s linear infinite}
.footer-brand.brand-entered .brand-light path{animation:brand-entry-trace 3s linear both,brand-light-travel 18s 7s linear infinite}
.brand-motion-ready:not(.brand-visible) .brand-light,.brand-motion-ready:not(.brand-visible) .brand-light path{animation-play-state:paused}
@keyframes brand-panel{from{opacity:0}to{opacity:1}}
@keyframes brand-ink{0%,65%{opacity:0}100%{opacity:1}}
@keyframes brand-word{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes brand-subtitle{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-entry-light{0%{opacity:0}8%,27%{opacity:.75}32%,61%{opacity:0}66%,94%{opacity:.7}100%{opacity:0}}
@keyframes brand-entry-trace{0%{stroke-dasharray:100 100;stroke-dashoffset:100}28%{stroke-dasharray:100 100;stroke-dashoffset:0}32%,61%{stroke-dasharray:9 91;stroke-dashoffset:100}96%,100%{stroke-dasharray:9 91;stroke-dashoffset:0}}
@keyframes brand-light-pass{0%,82%,100%{opacity:0}84%,94%{opacity:.42}}
@keyframes brand-light-travel{0%,82%{stroke-dashoffset:100}97%,100%{stroke-dashoffset:0}}
@media(max-width:760px){.footer-brand .animated-brand{width:175px}}
.header-intro .brand{animation:header-symbol-in .22s ease backwards}
.site-header.header-intro .brand .brand-light{animation:header-contour-light .48s .12s linear backwards,brand-light-pass 24s 5s linear infinite}
.site-header.header-intro .brand .brand-light path{animation:header-contour-travel .48s .12s linear backwards,brand-light-travel 24s 5s linear infinite}
.header-intro #main-nav>a,.header-intro .header-controls>*{animation:header-controls-in .30s .42s cubic-bezier(.2,.65,.3,1) backwards}
.header-intro #main-nav>a:nth-child(2){animation-delay:.46s}
.header-intro #main-nav>a:nth-child(3){animation-delay:.50s}
.header-intro #main-nav>a:nth-child(4){animation-delay:.54s}
.header-intro #main-nav>a:nth-child(5){animation-delay:.58s}
.header-intro #main-nav>a:nth-child(6),.header-intro .header-controls .languages{animation-delay:.62s}
.header-intro .header-controls .contact-link,.header-intro .header-controls .menu-toggle{animation-delay:.66s}
.header-intro:focus-within #main-nav>a,.header-intro:focus-within .header-controls>*{animation:none}
.header-intro-complete #main-nav>a,.header-intro-complete .header-controls>*{animation:none}
@keyframes header-symbol-in{from{opacity:0}to{opacity:1}}
@keyframes header-contour-light{0%,100%{opacity:0}12%,80%{opacity:.55}}
@keyframes header-contour-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes header-controls-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-header.header-intro .brand,.site-header.header-intro #main-nav>a,.site-header.header-intro .header-controls>*{animation:none!important}}
@media(prefers-reduced-motion:reduce){.brand-motion-ready .brand-light{display:none}.brand-motion-ready .brand-symbol,.brand-motion-ready .brand-symbol-fill,.brand-motion-ready .brand-adria,.brand-motion-ready .brand-connection{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}}