/* One restrained motion vocabulary. Layout and final visual positions stay untouched. */
@media (prefers-reduced-motion: no-preference) {
  .hero > .header{animation:zcene-header-in .18s both}
  .hero .hero__content > *{animation:none}
  .hero .hero__content h1 span{display:block;animation:zcene-line-in .5s cubic-bezier(.22,.68,.25,1) both}
  .hero .hero__content h1 span:first-child{animation-delay:.1s}
  .hero .hero__content h1 span:last-child{animation-delay:.18s}
  .hero .hero__content .support{animation:zcene-line-in .4s .34s cubic-bezier(.22,.68,.25,1) both}
  html.motion-ready .motion-reveal{opacity:.12;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,.68,.25,1),transform .5s cubic-bezier(.22,.68,.25,1);transition-delay:var(--motion-delay,0ms)}
  html.motion-ready .motion-reveal--image{transition-duration:.56s}
  html.motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
  @keyframes zcene-header-in{from{opacity:.55}to{opacity:1}}
  @keyframes zcene-line-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
}
.hero .hero__content h1 span{display:block}
.work__view{display:inline-flex;align-items:baseline;gap:6px;margin-top:18px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.14em;text-decoration:none}
.work__view span{display:inline-block}
@media(hover:hover){.work__view:hover,.hs-section-line a:hover,.hs-leader__link:hover,.detail__back:hover,.teda-opening__folio a:hover,.page-bottom-nav a:hover{opacity:.65}.work__view:hover span{transform:translateX(2px)}}
.work__view:active,.hs-section-line a:active,.hs-leader__link:active,.detail__back:active,.teda-opening__folio a:active,.page-bottom-nav a:active{opacity:.55}
@media(prefers-reduced-motion:no-preference){.work__view,.work__view span,.hs-section-line a,.hs-leader__link,.detail__back,.teda-opening__folio a,.page-bottom-nav a{transition:opacity .2s ease,transform .2s ease}}
@media(prefers-reduced-motion:reduce){.hero__image,.hero > .header,.hero .hero__content h1 span,.hero .hero__content .support{animation:none!important}.motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.work__view span{transform:none!important}}
.responsive-picture{display:contents}