/* Entrance on page load; child transforms keep scroll parallax independent. */
.hero.has-parallax .hero-copy{animation:none}
.hero-copy .title-name,.hero-copy .title-story,.hero-copy .slogan{
  animation:hero-text-arrive 1.1s cubic-bezier(.22,1,.36,1) both;
}
.hero-copy .title-name{animation-delay:.12s}
.hero-copy .title-story{animation-delay:.32s}
.hero-copy .slogan{animation-delay:.54s}
@keyframes hero-text-arrive{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}
/* A small desktop adjustment toward the barista and above the counter. */
@media(min-width:901px){
  .founder-copy{left:14%;top:46%;width:32%}
}
/* Let the photograph follow the text/menu column when the menu expands. */
@media(min-width:761px){
  #do-uong .menu-feature:has(.menu-disclosure[open]){align-items:stretch}
  #do-uong .menu-feature:has(.menu-disclosure[open]) .menu-concept{
    position:relative;min-height:0;align-self:stretch;
  }
  #do-uong .menu-feature:has(.menu-disclosure[open]) .menu-concept img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-copy .title-name,.hero-copy .title-story,.hero-copy .slogan{animation:none}
}