/* V5.7: restrained signal and navigation motion. The archive has its own gallery stylesheet. */
.site-header .wordmark-role{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  letter-spacing:.18em;
}
.site-header .wordmark-role::before{
  content:"";
  display:block;
  flex:0 0 42px;
  width:42px;
  height:12px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 12'%3E%3Cpath d='M.5 6h5l2-2 2.5 4 3-7 3 10 3-5h5l2-2 2 4 3-4h10' fill='none' stroke='%23d7b67e' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.67;
  transform-origin:center;
  animation:az-header-signal 3.8s ease-in-out infinite;
}
.site-header.is-scrolled .wordmark-role::before{opacity:.85}
@keyframes az-header-signal{
  0%,100%{transform:scaleY(.66);opacity:.47}
  48%{transform:scaleY(1.04);opacity:.89}
  72%{transform:scaleY(.82);opacity:.67}
}
/* The candidate is available only at ?brand=vibration for side-by-side review. */
html[data-brand-preview="vibration"] .site-header .wordmark-role{
  letter-spacing:.34em;
  color:#e9cf9d;
}
.site-header .wordmark-emblem{transform-origin:50% 50%}
.site-header .wordmark:hover .wordmark-emblem,
.site-header .wordmark:focus-visible .wordmark-emblem{transform:rotate(3deg) scale(1.02)}
.site-header .nav-link::after{transition:left .32s cubic-bezier(.2,.7,.2,1),right .32s cubic-bezier(.2,.7,.2,1),opacity .32s}
.site-header .nav-link:focus-visible::after{left:0;right:0}
.site-header .btn-header svg,.site-header .btn-header>span[aria-hidden="true"]{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.site-header .btn-header:hover svg,.site-header .btn-header:focus-visible svg,
.site-header .btn-header:hover>span[aria-hidden="true"],.site-header .btn-header:focus-visible>span[aria-hidden="true"]{transform:translate(3px,-2px)}
/* A short cross-page dissolve where the browser supports same-origin navigation transitions. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:az-page-out .18s ease-in both}
::view-transition-new(root){animation:az-page-in .32s ease-out both}
@keyframes az-page-out{to{opacity:0}}
@keyframes az-page-in{from{opacity:0}}
@media(max-width:610px){
  .site-header .wordmark-role{gap:5px;letter-spacing:.08em}
  .site-header .wordmark-role::before{flex-basis:27px;width:27px;height:9px}
  html[data-brand-preview="vibration"] .site-header .wordmark-role{letter-spacing:.22em}
}
@media(max-width:380px){
  .site-header .wordmark-role::before{flex-basis:22px;width:22px}
}
/* At the narrowest width the original header hides its wordmark text. */
@media(max-width:360px){
  .site-header .header-wrap{position:relative}
  .site-header .header-wrap::after{
    content:"";
    position:absolute;
    left:50%;
    top:31px;
    width:39px;
    height:10px;
    margin-left:-19px;
    pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 12'%3E%3Cpath d='M.5 6h5l2-2 2.5 4 3-7 3 10 3-5h5l2-2 2 4 3-4h10' fill='none' stroke='%23d7b67e' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    animation:az-header-signal 3.8s ease-in-out infinite;
  }
}
@media(prefers-reduced-motion:reduce){
  .site-header .wordmark-role::before{animation:none!important;transform:none!important;opacity:.7!important}
  .site-header .header-wrap::after{animation:none!important;transform:none!important;opacity:.7!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
html.motion-off .site-header .wordmark-role::before,
html.az-page-hidden .site-header .wordmark-role::before,
html.motion-off .site-header .header-wrap::after,
html.az-page-hidden .site-header .header-wrap::after{animation-play-state:paused!important;transform:none;opacity:.7}
html.motion-off ::view-transition-old(root),
html.motion-off ::view-transition-new(root){animation:none!important}